@acorex/modules 20.7.9 → 20.7.10

package/fesm2022/{acorex-modules-assessment-management-acorex-modules-assessment-management-5peOXPDz.mjs → acorex-modules-assessment-management-acorex-modules-assessment-management-ClgGS32i.mjs}

@@ -2,10 +2,12 @@ import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, NgModule, computed, input, ChangeDetectionStrategy, Component, ViewEncapsulation, signal, effect, output, viewChild } from '@angular/core';
 import { AXPEntityService, AXMEntityCrudServiceImpl, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import { AXPSearchCommandProvider, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
-import { AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
+import { AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER, AXPSessionService } from '@acorex/platform/auth';
 import { AXPDeviceService, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER } from '@acorex/platform/core';
+import { ROUTES, ActivatedRoute, Router } from '@angular/router';
+import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import * as i1 from '@acorex/platform/layout/widget-core';
-import { AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, createStringProperty, createSelectProperty, createBooleanProperty, AXP_WIDGETS_ADVANCE_CATEGORY, AXPWidgetContainerComponent, AXPValueWidgetComponent } from '@acorex/platform/layout/widget-core';
+import { AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, createStringProperty, createSelectProperty, createBooleanProperty, AXP_WIDGETS_ADVANCE_CATEGORY, AXPWidgetContainerComponent, AXPValueWidgetComponent, AXPWidgetCoreService, AXPWidgetCoreContextStore } from '@acorex/platform/layout/widget-core';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_READONLY_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_DISABLED_PROPERTY } from '@acorex/platform/layout/widgets';
 import * as i3$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -13,7 +15,7 @@ import * as i1$4 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import * as i4 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import { AXPStateMessageComponent } from '@acorex/platform/layout/components';
+import { AXPStateMessageComponent, AXPStopwatchComponent, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
 import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXToastService } from '@acorex/components/toast';
@@ -30,6 +32,7 @@ import { AXTabsModule } from '@acorex/components/tabs';
 import * as i1$3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { provideCommandSetups } from '@acorex/platform/runtime';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
 
 //#region ----   Root Configuration   ----
 const config = { i18n: 'assessment-management' };
@@ -37,6 +40,7 @@ const RootConfig = {
     config,
     module: {
         module: 'assessment-management',
+        route: 'assessment-management',
         name: 'AssessmentManagement',
         title: '@assessment-management:module.title',
         icon: 'fa-light fa-clipboard-list-check',
@@ -81,13 +85,13 @@ class AXMAssessmentManagementEntityProvider {
         if (moduleName === RootConfig.module.name) {
             switch (entityName) {
                 case RootConfig.entities.questionBankItem.name:
-                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-BIGQMXEc.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-question-bank-item.entity-BWYLXvCp.mjs')).factory(this.injector);
                 case RootConfig.entities.questionnaire.name:
-                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-C2soGbpn.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-questionnaire.entity-C8sX0d_p.mjs')).factory(this.injector);
                 case RootConfig.entities.assessmentCase.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-BDRkvtin.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-case.entity-CjhC5YAF.mjs')).factory(this.injector);
                 case RootConfig.entities.assessmentSession.name:
-                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-MLP74IAt.mjs')).factory(this.injector);
+                    return (await import('./acorex-modules-assessment-management-assessment-session.entity-B_IDiEzp.mjs')).factory(this.injector);
             }
         }
         return null;
@@ -522,13 +526,13 @@ const AXMQuestionnaireBuilderWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-modules-assessment-management-questionnaire-builder-view.component-CHA00XC0.mjs').then((c) => c.AXMQuestionnaireBuilderWidgetViewComponent),
+            component: () => import('./acorex-modules-assessment-management-questionnaire-builder-view.component-meuUo7Vx.mjs').then((c) => c.AXMQuestionnaireBuilderWidgetViewComponent),
         },
         edit: {
-            component: () => import('./acorex-modules-assessment-management-questionnaire-builder-edit.component-BxN8kxpu.mjs').then((c) => c.AXMQuestionnaireBuilderWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-questionnaire-builder-edit.component-3wVcKQGE.mjs').then((c) => c.AXMQuestionnaireBuilderWidgetEditComponent),
         },
         print: {
-            component: () => import('./acorex-modules-assessment-management-questionnaire-builder-edit.component-BxN8kxpu.mjs').then((c) => c.AXMQuestionnaireBuilderWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-questionnaire-builder-edit.component-3wVcKQGE.mjs').then((c) => c.AXMQuestionnaireBuilderWidgetEditComponent),
         },
     },
 };
@@ -675,16 +679,16 @@ const AXMAnswersViewerWidget = {
     ],
     components: {
         designer: {
-            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-edit.component-C4NilFjL.mjs').then((c) => c.AXMAnswersViewerWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-edit.component-vVfXtden.mjs').then((c) => c.AXMAnswersViewerWidgetEditComponent),
         },
         view: {
-            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-view.component-DtHvmJQD.mjs').then((c) => c.AXMAnswersViewerWidgetViewComponent),
+            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-view.component-C75zxKgV.mjs').then((c) => c.AXMAnswersViewerWidgetViewComponent),
         },
         edit: {
-            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-edit.component-C4NilFjL.mjs').then((c) => c.AXMAnswersViewerWidgetEditComponent),
+            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-edit.component-vVfXtden.mjs').then((c) => c.AXMAnswersViewerWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-column.component-D6KO7up6.mjs').then((c) => c.AXMAnswersViewerWidgetColumnComponent),
+            component: () => import('./acorex-modules-assessment-management-answers-viewer-widget-column.component-UmXUT6Xn.mjs').then((c) => c.AXMAnswersViewerWidgetColumnComponent),
         },
     },
 };
@@ -3049,19 +3053,19 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-Cm7cniSG.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                    command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-BIXy9eut.mjs').then((c) => c.PreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-RvdyXryB.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-modules-assessment-management-view-session-answers.command-Czq7cj9R.mjs').then((c) => c.ViewSessionAnswersCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-wtCw3l5I.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-zT5u3h_s.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-wtCw3l5I.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-zT5u3h_s.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule.forChild({
@@ -3097,19 +3101,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         provideCommandSetups([
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-Cm7cniSG.mjs').then((c) => c.PreviewQuestionnaireCommand),
+                                command: () => import('./acorex-modules-assessment-management-preview-questionnaire.command-BIXy9eut.mjs').then((c) => c.PreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-RvdyXryB.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-modules-assessment-management-view-session-answers.command-Czq7cj9R.mjs').then((c) => c.ViewSessionAnswersCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-wtCw3l5I.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-zT5u3h_s.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-wtCw3l5I.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-modules-assessment-management-fill-assessment-session.command-zT5u3h_s.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                         ]),
                     ],
@@ -3118,6 +3122,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 //#region ----   Imports   ----
 //#endregion
+//#region ----   Routes   ----
+function questionnaireViewerRoutesFactory() {
+    const route = RootConfig.module.route ?? 'assessment-management';
+    return [
+        {
+            path: `:app/${route}/questionnaire/fill/:caseId`,
+            canActivate: [AXPAuthGuard],
+            loadComponent: () => AXPRootLayoutComponent,
+            children: [
+                {
+                    path: '',
+                    loadComponent: () => Promise.resolve().then(function () { return questionnaireViewerPage_component; }).then((c) => c.AXMQuestionnaireViewerPageComponent),
+                    data: { reuse: false },
+                },
+            ],
+        },
+    ];
+}
+//#endregion
 //#region ----   Module   ----
 class AXMAssessmentManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMAssessmentManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -3127,6 +3150,11 @@ class AXMAssessmentManagementModule {
             AXMAssessmentSessionEntityModule,
             AXMQuestionnaireViewerFeatureModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMAssessmentManagementModule, providers: [
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: questionnaireViewerRoutesFactory,
+            },
             // Module Manifest Provider
             {
                 provide: AXP_MODULE_MANIFEST_PROVIDER,
@@ -3159,6 +3187,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         AXMQuestionnaireViewerFeatureModule,
                     ],
                     providers: [
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: questionnaireViewerRoutesFactory,
+                        },
                         // Module Manifest Provider
                         {
                             provide: AXP_MODULE_MANIFEST_PROVIDER,
@@ -3190,9 +3223,798 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 //#region ----   Types   ----
 //#endregion
 
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMQuestionnaireViewerPageComponent extends AXPPageLayoutBaseComponent {
+    //#endregion
+    //#region ----   Page Layout Overrides   ----
+    async getPageTitle() {
+        return this.translateService.translateAsync('@assessment-management:cases.actions.fill-assessment.title');
+    }
+    getPageBreadcrumbs() {
+        return [
+            {
+                title: '@assessment-management:cases.entities.assessment-case.plural',
+                command: { name: 'navigate', options: { path: this.getCasesListPath() } },
+            },
+            { title: '@assessment-management:cases.actions.fill-assessment.title' },
+        ];
+    }
+    async getBackButton() {
+        const title = await this.translateService.translateAsync('@assessment-management:cases.entities.assessment-case.plural');
+        return { title };
+    }
+    onBackButtonClick() {
+        this.router.navigateByUrl(this.getCasesListPath());
+    }
+    //#endregion
+    //#region ----   Lifecycle   ----
+    constructor() {
+        super();
+        //#region ----   Services & Dependencies   ----
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.caseService = inject(AXMAssessmentCaseService);
+        this.questionnaireService = inject(AXMQuestionnaireService);
+        this.assessmentSessionService = inject(AXMAssessmentSessionService);
+        this.authSession = inject(AXPSessionService);
+        //#endregion
+        //#region ----   State   ----
+        this.structure = signal(null, ...(ngDevMode ? [{ debugName: "structure" }] : []));
+        this.initialAnswers = signal({}, ...(ngDevMode ? [{ debugName: "initialAnswers" }] : []));
+        this.viewerConfig = signal({ readonly: false }, ...(ngDevMode ? [{ debugName: "viewerConfig" }] : []));
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.loadError = signal(null, ...(ngDevMode ? [{ debugName: "loadError" }] : []));
+        this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : []));
+        this.currentSessionId = signal(null, ...(ngDevMode ? [{ debugName: "currentSessionId" }] : []));
+        //#endregion
+        //#region ----   View References   ----
+        this.questionnaireViewer = viewChild('viewer', ...(ngDevMode ? [{ debugName: "questionnaireViewer" }] : []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.viewerViewModel = computed(() => this.questionnaireViewer()?.viewmodel, ...(ngDevMode ? [{ debugName: "viewerViewModel" }] : []));
+        this.totalQuestionsCount = computed(() => this.viewerViewModel()?.totalQuestionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "totalQuestionsCount" }] : []));
+        this.totalSectionsCount = computed(() => this.viewerViewModel()?.totalSectionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "totalSectionsCount" }] : []));
+        this.showTimer = computed(() => this.viewerViewModel()?.showTimer() ?? false, ...(ngDevMode ? [{ debugName: "showTimer" }] : []));
+        this.timerTimeLimit = computed(() => this.viewerViewModel()?.timerTimeLimit(), ...(ngDevMode ? [{ debugName: "timerTimeLimit" }] : []));
+        this.timerElapsed = computed(() => this.viewerViewModel()?.timerElapsed() ?? 0, ...(ngDevMode ? [{ debugName: "timerElapsed" }] : []));
+        this.showProgressBar = computed(() => this.viewerViewModel()?.showProgressBar() ?? false, ...(ngDevMode ? [{ debugName: "showProgressBar" }] : []));
+        this.answeredQuestionsCount = computed(() => this.viewerViewModel()?.answeredQuestionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "answeredQuestionsCount" }] : []));
+        this.isReadonly = computed(() => this.viewerConfig()?.readonly ?? false, ...(ngDevMode ? [{ debugName: "isReadonly" }] : []));
+        this.canNavigatePrevious = signal(false, ...(ngDevMode ? [{ debugName: "canNavigatePrevious" }] : []));
+        this.canNavigateNext = signal(false, ...(ngDevMode ? [{ debugName: "canNavigateNext" }] : []));
+        this.showNavigationButtons = signal(false, ...(ngDevMode ? [{ debugName: "showNavigationButtons" }] : []));
+        this.isLastStep = signal(false, ...(ngDevMode ? [{ debugName: "isLastStep" }] : []));
+        this.areAllRequiredQuestionsAnswered = signal(false, ...(ngDevMode ? [{ debugName: "areAllRequiredQuestionsAnswered" }] : []));
+        effect(() => {
+            const viewer = this.questionnaireViewer();
+            if (viewer) {
+                const vm = viewer.viewmodel;
+                this.canNavigatePrevious.set(vm.canNavigatePrevious());
+                this.canNavigateNext.set(vm.canNavigateNext());
+                const viewMode = viewer.viewMode;
+                this.showNavigationButtons.set(viewMode === 'page-per-group' || viewMode === 'page-per-question' || viewMode === 'side-menu');
+                this.isLastStep.set(viewer.isLastStep);
+                this.areAllRequiredQuestionsAnswered.set(viewer.areAllRequiredQuestionsAnswered);
+            }
+        });
+    }
+    async ngOnInit() {
+        await super.ngOnInit();
+        await this.loadData();
+    }
+    //#endregion
+    //#region ----   Data Loading   ----
+    async loadData() {
+        const caseId = this.route.snapshot.paramMap.get('caseId') ?? this.route.parent?.snapshot.paramMap.get('caseId');
+        if (!caseId) {
+            this.loadError.set('Case ID is required');
+            this.isLoading.set(false);
+            return;
+        }
+        this.isLoading.set(true);
+        this.loadError.set(null);
+        try {
+            const assessmentCase = await this.caseService.getOne(caseId);
+            if (!assessmentCase) {
+                this.loadError.set('Assessment case not found');
+                this.isLoading.set(false);
+                return;
+            }
+            const questionnaire = await this.questionnaireService.getOne(assessmentCase.questionnaireId);
+            if (!questionnaire?.structure?.sections?.length) {
+                this.loadError.set('Questionnaire or structure not found');
+                this.isLoading.set(false);
+                return;
+            }
+            let answers = {};
+            const existingSessionId = this.route.snapshot.queryParamMap.get('sessionId') ??
+                this.route.parent?.snapshot.queryParamMap.get('sessionId');
+            if (existingSessionId) {
+                const session = await this.assessmentSessionService.getOne(existingSessionId);
+                if (session?.answers) {
+                    answers = session.answers;
+                    this.currentSessionId.set(existingSessionId);
+                }
+            }
+            this.structure.set(questionnaire.structure);
+            this.initialAnswers.set(answers);
+            this.viewerConfig.set({ readonly: false });
+        }
+        catch (err) {
+            this.loadError.set(err?.message ?? 'Failed to load questionnaire');
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    //#endregion
+    //#region ----   Helpers   ----
+    getCasesListPath() {
+        const app = this.authSession.application?.name ?? 'demo';
+        return `/${app}/m/assessment-management/e/AssessmentCase/list`;
+    }
+    calculateProgress(structure, answers) {
+        if (!structure?.sections?.length)
+            return { answeredQuestionsCount: 0, progressPercentage: 0 };
+        let answered = 0;
+        let total = 0;
+        for (const section of structure.sections) {
+            if (!section.items?.length)
+                continue;
+            for (const item of section.items) {
+                total++;
+                const answerPath = item.id ? `answers.${item.id}` : null;
+                const value = answerPath ? get(answers, answerPath) : null;
+                const isEmpty = value === null ||
+                    value === undefined ||
+                    value === '' ||
+                    (Array.isArray(value) && value.length === 0) ||
+                    (typeof value === 'object' && value !== null && Object.keys(value).length === 0);
+                if (!isEmpty)
+                    answered++;
+            }
+        }
+        const progressPercentage = total > 0 ? Math.round((answered / total) * 100) : 0;
+        return { answeredQuestionsCount: answered, progressPercentage };
+    }
+    //#endregion
+    //#region ----   Event Handlers   ----
+    handleAnswersChanged(_answers) { }
+    async handlePreviousClick() {
+        await this.questionnaireViewer()?.navigatePrevious();
+    }
+    async handleNextClick() {
+        await this.questionnaireViewer()?.navigateNext();
+    }
+    async handleSubmitClick() {
+        const viewer = this.questionnaireViewer();
+        if (!viewer)
+            return;
+        this.isSubmitting.set(true);
+        try {
+            const result = await viewer.submit();
+            if (result.success && result.answers) {
+                const caseIdVal = this.route.snapshot.paramMap.get('caseId') ?? this.route.parent?.snapshot.paramMap.get('caseId');
+                const structureVal = this.structure();
+                if (!caseIdVal || !structureVal)
+                    return;
+                const { answeredQuestionsCount, progressPercentage } = this.calculateProgress(structureVal, result.answers);
+                const responderId = this.authSession.user?.id;
+                if (!responderId) {
+                    this.toastService.show({
+                        color: 'danger',
+                        title: await this.translateService.translateAsync('@general:messages.generic.error.title'),
+                        content: await this.translateService.translateAsync('@general:messages.generic.error.description'),
+                    });
+                    return;
+                }
+                const now = new Date();
+                const sessionIdVal = this.currentSessionId();
+                const role = 'responder';
+                const sessionData = {
+                    caseId: caseIdVal,
+                    responderId,
+                    role,
+                    answers: result.answers,
+                    progressPercentage,
+                    answeredQuestionsCount,
+                    lastSavedAt: now,
+                };
+                if (sessionIdVal) {
+                    await this.assessmentSessionService.updateOne(sessionIdVal, sessionData);
+                    this.toastService.show({
+                        color: 'success',
+                        title: await this.translateService.translateAsync('@general:messages.form.saved.success.title'),
+                        content: await this.translateService.translateAsync('@general:messages.form.saved.success.description'),
+                    });
+                }
+                else {
+                    const newSessionData = {
+                        ...sessionData,
+                        startedAt: now,
+                    };
+                    await this.assessmentSessionService.insertOne(newSessionData);
+                    this.toastService.show({
+                        color: 'success',
+                        title: await this.translateService.translateAsync('@assessment-management:sessions.states.submitted'),
+                        content: '',
+                    });
+                }
+                await this.router.navigateByUrl(this.getCasesListPath());
+            }
+        }
+        finally {
+            this.isSubmitting.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMQuestionnaireViewerPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMQuestionnaireViewerPageComponent, isStandalone: true, selector: "axm-questionnaire-viewer-page", host: { classAttribute: "axm-questionnaire-viewer-page" }, providers: [
+            AXPWidgetCoreService,
+            AXPWidgetCoreContextStore,
+            { provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent },
+        ], viewQueries: [{ propertyName: "questionnaireViewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <axp-page-layout>
+      <axp-page-content class="ax-overflow-auto">
+        @if (isLoading()) {
+          <div class="ax-flex ax-items-center ax-justify-center ax-min-h-[200px]">
+            <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async }}</span>
+          </div>
+        } @else if (loadError()) {
+          <div class="ax-p-4 ax-text-error-600">
+            {{ loadError() }}
+          </div>
+        } @else if (structure()) {
+          <div class="__main-container ax-h-full ax-flex ax-flex-col">
+            <div class="__header">
+              <div class="__header-top">
+                <div class="__header-meta">
+                  @if (totalQuestionsCount() > 0) {
+                    <span class="__meta-item">
+                      <i class="fa-light fa-list-check"></i>
+                      <span>{{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>
+                    </span>
+                  }
+                  @if (totalSectionsCount() > 0) {
+                    <span class="__meta-item">
+                      <i class="fa-light fa-folder"></i>
+                      <span>{{ totalSectionsCount() }} {{ totalSectionsCount() === 1 ? 'Section' : 'Sections' }}</span>
+                    </span>
+                  }
+                </div>
+                @if (showTimer()) {
+                  <div class="__header-timer">
+                    <axp-stopwatch
+                      [mode]="'count-down'"
+                      [timeLimit]="timerTimeLimit()"
+                      [format]="timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'"
+                      [autoStart]="true"
+                      [showControls]="false"
+                      [value]="timerElapsed()"
+                      (valueChange)="viewerViewModel()!.updateTimerElapsed($event)"
+                    >
+                    </axp-stopwatch>
+                  </div>
+                }
+              </div>
+            </div>
+
+            <div class="__content-wrapper">
+              <axm-questionnaire-viewer
+                #viewer
+                [structure]="structure()!"
+                [config]="viewerConfig()"
+                [initialAnswers]="initialAnswers()"
+                (answersChanged)="handleAnswersChanged($event)"
+              >
+              </axm-questionnaire-viewer>
+            </div>
+
+            <div class="__footer ax-flex ax-items-center ax-justify-between ax-gap-4 ax-p-4 ax-border-t">
+              <div class="ax-text-sm ax-font-mono ax-tabular-nums">
+                @if (viewerViewModel() && showProgressBar()) {
+                  {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
+                }
+              </div>
+              <div class="ax-flex ax-gap-2">
+                @if (showNavigationButtons()) {
+                  <ax-button
+                    look="solid"
+                    [disabled]="!canNavigatePrevious()"
+                    [text]="'@general:actions.previous.title' | translate | async"
+                    (onClick)="handlePreviousClick()"
+                  ></ax-button>
+                  @if (!isLastStep()) {
+                    <ax-button
+                      look="solid"
+                      color="primary"
+                      [disabled]="!canNavigateNext()"
+                      [text]="'@general:actions.next.title' | translate | async"
+                      (onClick)="handleNextClick()"
+                    ></ax-button>
+                  }
+                }
+                @if (isLastStep()) {
+                  <ax-button
+                    look="solid"
+                    color="primary"
+                    [text]="'@general:actions.submit.title' | translate | async"
+                    [disabled]="isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()"
+                    (onClick)="handleSubmitClick()"
+                  ></ax-button>
+                }
+              </div>
+            </div>
+          </div>
+        }
+      </axp-page-content>
+    </axp-page-layout>
+  `, isInline: true, styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;flex-direction:column;overflow:hidden;max-height:80vh}axm-questionnaire-viewer-popup .__main-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__header{display:flex;flex-shrink:0;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));background-color:#fff;backdrop-filter:blur(8px)}axm-questionnaire-viewer-popup .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-popup .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-popup .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-popup axm-questionnaire-viewer{display:flex;height:100%;flex:1 1 0%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$3.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: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXPStopwatchComponent, selector: "axp-stopwatch", inputs: ["mode", "timeLimit", "format", "autoStart", "showControls", "value"], outputs: ["valueChange", "timeUp"] }, { 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: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMQuestionnaireViewerPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-questionnaire-viewer-page', template: `
+    <axp-page-layout>
+      <axp-page-content class="ax-overflow-auto">
+        @if (isLoading()) {
+          <div class="ax-flex ax-items-center ax-justify-center ax-min-h-[200px]">
+            <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async }}</span>
+          </div>
+        } @else if (loadError()) {
+          <div class="ax-p-4 ax-text-error-600">
+            {{ loadError() }}
+          </div>
+        } @else if (structure()) {
+          <div class="__main-container ax-h-full ax-flex ax-flex-col">
+            <div class="__header">
+              <div class="__header-top">
+                <div class="__header-meta">
+                  @if (totalQuestionsCount() > 0) {
+                    <span class="__meta-item">
+                      <i class="fa-light fa-list-check"></i>
+                      <span>{{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>
+                    </span>
+                  }
+                  @if (totalSectionsCount() > 0) {
+                    <span class="__meta-item">
+                      <i class="fa-light fa-folder"></i>
+                      <span>{{ totalSectionsCount() }} {{ totalSectionsCount() === 1 ? 'Section' : 'Sections' }}</span>
+                    </span>
+                  }
+                </div>
+                @if (showTimer()) {
+                  <div class="__header-timer">
+                    <axp-stopwatch
+                      [mode]="'count-down'"
+                      [timeLimit]="timerTimeLimit()"
+                      [format]="timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'"
+                      [autoStart]="true"
+                      [showControls]="false"
+                      [value]="timerElapsed()"
+                      (valueChange)="viewerViewModel()!.updateTimerElapsed($event)"
+                    >
+                    </axp-stopwatch>
+                  </div>
+                }
+              </div>
+            </div>
+
+            <div class="__content-wrapper">
+              <axm-questionnaire-viewer
+                #viewer
+                [structure]="structure()!"
+                [config]="viewerConfig()"
+                [initialAnswers]="initialAnswers()"
+                (answersChanged)="handleAnswersChanged($event)"
+              >
+              </axm-questionnaire-viewer>
+            </div>
+
+            <div class="__footer ax-flex ax-items-center ax-justify-between ax-gap-4 ax-p-4 ax-border-t">
+              <div class="ax-text-sm ax-font-mono ax-tabular-nums">
+                @if (viewerViewModel() && showProgressBar()) {
+                  {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
+                }
+              </div>
+              <div class="ax-flex ax-gap-2">
+                @if (showNavigationButtons()) {
+                  <ax-button
+                    look="solid"
+                    [disabled]="!canNavigatePrevious()"
+                    [text]="'@general:actions.previous.title' | translate | async"
+                    (onClick)="handlePreviousClick()"
+                  ></ax-button>
+                  @if (!isLastStep()) {
+                    <ax-button
+                      look="solid"
+                      color="primary"
+                      [disabled]="!canNavigateNext()"
+                      [text]="'@general:actions.next.title' | translate | async"
+                      (onClick)="handleNextClick()"
+                    ></ax-button>
+                  }
+                }
+                @if (isLastStep()) {
+                  <ax-button
+                    look="solid"
+                    color="primary"
+                    [text]="'@general:actions.submit.title' | translate | async"
+                    [disabled]="isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()"
+                    (onClick)="handleSubmitClick()"
+                  ></ax-button>
+                }
+              </div>
+            </div>
+          </div>
+        }
+      </axp-page-content>
+    </axp-page-layout>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXTranslationModule,
+                        AXPWidgetCoreModule,
+                        AXMQuestionnaireViewerComponent,
+                        AXPStopwatchComponent,
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                    ], providers: [
+                        AXPWidgetCoreService,
+                        AXPWidgetCoreContextStore,
+                        { provide: AXPPageLayoutBase, useExisting: AXMQuestionnaireViewerPageComponent },
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-page' }, styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;flex-direction:column;overflow:hidden;max-height:80vh}axm-questionnaire-viewer-popup .__main-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__header{display:flex;flex-shrink:0;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));background-color:#fff;backdrop-filter:blur(8px)}axm-questionnaire-viewer-popup .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-popup .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-popup .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-popup axm-questionnaire-viewer{display:flex;height:100%;flex:1 1 0%;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { questionnaireViewer: [{ type: i0.ViewChild, args: ['viewer', { isSignal: true }] }] } });
+
+var questionnaireViewerPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMQuestionnaireViewerPageComponent: AXMQuestionnaireViewerPageComponent
+});
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+/**
+ * Standalone questionnaire viewer page for external access (e.g. shareable links).
+ * Renders full-screen without app shell (no sidebar, no main header).
+ */
+class AXMQuestionnaireViewerStandalonePageComponent {
+    //#endregion
+    //#region ----   Lifecycle   ----
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.route = inject(ActivatedRoute);
+        this.sessionService = inject(AXMAssessmentSessionService);
+        this.caseService = inject(AXMAssessmentCaseService);
+        this.questionnaireService = inject(AXMQuestionnaireService);
+        //#endregion
+        //#region ----   State   ----
+        this.structure = signal(null, ...(ngDevMode ? [{ debugName: "structure" }] : []));
+        this.initialAnswers = signal({}, ...(ngDevMode ? [{ debugName: "initialAnswers" }] : []));
+        this.viewerConfig = signal({ readonly: false }, ...(ngDevMode ? [{ debugName: "viewerConfig" }] : []));
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.loadError = signal(null, ...(ngDevMode ? [{ debugName: "loadError" }] : []));
+        this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : []));
+        //#endregion
+        //#region ----   View References   ----
+        this.questionnaireViewer = viewChild('viewer', ...(ngDevMode ? [{ debugName: "questionnaireViewer" }] : []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.viewerViewModel = computed(() => this.questionnaireViewer()?.viewmodel, ...(ngDevMode ? [{ debugName: "viewerViewModel" }] : []));
+        this.totalQuestionsCount = computed(() => this.viewerViewModel()?.totalQuestionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "totalQuestionsCount" }] : []));
+        this.totalSectionsCount = computed(() => this.viewerViewModel()?.totalSectionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "totalSectionsCount" }] : []));
+        this.showTimer = computed(() => this.viewerViewModel()?.showTimer() ?? false, ...(ngDevMode ? [{ debugName: "showTimer" }] : []));
+        this.timerTimeLimit = computed(() => this.viewerViewModel()?.timerTimeLimit(), ...(ngDevMode ? [{ debugName: "timerTimeLimit" }] : []));
+        this.timerElapsed = computed(() => this.viewerViewModel()?.timerElapsed() ?? 0, ...(ngDevMode ? [{ debugName: "timerElapsed" }] : []));
+        this.showProgressBar = computed(() => this.viewerViewModel()?.showProgressBar() ?? false, ...(ngDevMode ? [{ debugName: "showProgressBar" }] : []));
+        this.answeredQuestionsCount = computed(() => this.viewerViewModel()?.answeredQuestionsCount() ?? 0, ...(ngDevMode ? [{ debugName: "answeredQuestionsCount" }] : []));
+        this.isReadonly = computed(() => this.viewerConfig()?.readonly ?? false, ...(ngDevMode ? [{ debugName: "isReadonly" }] : []));
+        this.canNavigatePrevious = signal(false, ...(ngDevMode ? [{ debugName: "canNavigatePrevious" }] : []));
+        this.canNavigateNext = signal(false, ...(ngDevMode ? [{ debugName: "canNavigateNext" }] : []));
+        this.showNavigationButtons = signal(false, ...(ngDevMode ? [{ debugName: "showNavigationButtons" }] : []));
+        this.isLastStep = signal(false, ...(ngDevMode ? [{ debugName: "isLastStep" }] : []));
+        this.areAllRequiredQuestionsAnswered = signal(false, ...(ngDevMode ? [{ debugName: "areAllRequiredQuestionsAnswered" }] : []));
+        effect(() => {
+            const viewer = this.questionnaireViewer();
+            if (viewer) {
+                const vm = viewer.viewmodel;
+                this.canNavigatePrevious.set(vm.canNavigatePrevious());
+                this.canNavigateNext.set(vm.canNavigateNext());
+                const viewMode = viewer.viewMode;
+                this.showNavigationButtons.set(viewMode === 'page-per-group' || viewMode === 'page-per-question' || viewMode === 'side-menu');
+                this.isLastStep.set(viewer.isLastStep);
+                this.areAllRequiredQuestionsAnswered.set(viewer.areAllRequiredQuestionsAnswered);
+            }
+        });
+    }
+    ngOnInit() {
+        this.loadData();
+    }
+    //#endregion
+    //#region ----   Data Loading   ----
+    async loadData() {
+        const sessionId = this.route.snapshot.paramMap.get('sessionId') ?? this.route.parent?.snapshot.paramMap.get('sessionId');
+        if (!sessionId) {
+            this.loadError.set('Session ID is required');
+            this.isLoading.set(false);
+            return;
+        }
+        this.isLoading.set(true);
+        this.loadError.set(null);
+        try {
+            const session = await this.sessionService.getOne(sessionId);
+            if (!session) {
+                this.loadError.set('Session not found');
+                this.isLoading.set(false);
+                return;
+            }
+            const caseId = session.caseId;
+            const assessmentCase = await this.caseService.getOne(caseId);
+            if (!assessmentCase) {
+                this.loadError.set('Assessment case not found');
+                this.isLoading.set(false);
+                return;
+            }
+            const questionnaire = await this.questionnaireService.getOne(assessmentCase.questionnaireId);
+            if (!questionnaire?.structure?.sections?.length) {
+                this.loadError.set('Questionnaire or structure not found');
+                this.isLoading.set(false);
+                return;
+            }
+            const answers = session.answers ?? {};
+            this.structure.set(questionnaire.structure);
+            this.initialAnswers.set(answers);
+            this.viewerConfig.set({ readonly: false });
+        }
+        catch (err) {
+            this.loadError.set(err?.message ?? 'Failed to load questionnaire');
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    //#endregion
+    //#region ----   Event Handlers   ----
+    handleAnswersChanged(_answers) { }
+    async handlePreviousClick() {
+        await this.questionnaireViewer()?.navigatePrevious();
+    }
+    async handleNextClick() {
+        await this.questionnaireViewer()?.navigateNext();
+    }
+    async handleSubmitClick() {
+        const viewer = this.questionnaireViewer();
+        if (!viewer)
+            return;
+        this.isSubmitting.set(true);
+        try {
+            const result = await viewer.submit();
+            if (result.success && result.answers) {
+                const sessionId = this.route.snapshot.paramMap.get('sessionId') ?? this.route.parent?.snapshot.paramMap.get('sessionId');
+                if (sessionId) {
+                    const session = await this.sessionService.getOne(sessionId);
+                    if (session) {
+                        await this.sessionService.updateOne(sessionId, {
+                            ...session,
+                            answers: result.answers,
+                            lastSavedAt: new Date(),
+                        });
+                    }
+                }
+            }
+        }
+        finally {
+            this.isSubmitting.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMQuestionnaireViewerStandalonePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXMQuestionnaireViewerStandalonePageComponent, isStandalone: true, selector: "axm-questionnaire-viewer-standalone-page", host: { classAttribute: "axm-questionnaire-viewer-standalone-page" }, providers: [AXPWidgetCoreService, AXPWidgetCoreContextStore], viewQueries: [{ propertyName: "questionnaireViewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="__standalone ax-min-h-screen ax-flex ax-flex-col ax-bg-neutral-50">
+      @if (isLoading()) {
+        <div class="ax-flex ax-items-center ax-justify-center ax-flex-1 ax-min-h-[200px]">
+          <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async }}</span>
+        </div>
+      } @else if (loadError()) {
+        <div class="ax-p-6 ax-text-error-600 ax-text-center">
+          {{ loadError() }}
+        </div>
+      } @else if (structure()) {
+        <div class="__main-container ax-flex-1 ax-flex ax-flex-col ax-max-w-4xl ax-mx-auto ax-w-full ax-p-4">
+          <div class="__header ax-mb-4">
+            <div class="__header-top ax-flex ax-justify-between ax-items-center ax-gap-4">
+              <div class="__header-meta ax-flex ax-items-center ax-gap-4 ax-text-sm ax-text-neutral-600">
+                @if (totalQuestionsCount() > 0) {
+                  <span class="__meta-item ax-flex ax-items-center ax-gap-1.5">
+                    <i class="fa-light fa-list-check ax-text-primary-600"></i>
+                    <span>{{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>
+                  </span>
+                }
+                @if (totalSectionsCount() > 0) {
+                  <span class="__meta-item ax-flex ax-items-center ax-gap-1.5">
+                    <i class="fa-light fa-folder ax-text-primary-600"></i>
+                    <span>{{ totalSectionsCount() }} {{ totalSectionsCount() === 1 ? 'Section' : 'Sections' }}</span>
+                  </span>
+                }
+              </div>
+              @if (showTimer()) {
+                <div class="__header-timer">
+                  <axp-stopwatch
+                    [mode]="'count-down'"
+                    [timeLimit]="timerTimeLimit()"
+                    [format]="timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'"
+                    [autoStart]="true"
+                    [showControls]="false"
+                    [value]="timerElapsed()"
+                    (valueChange)="viewerViewModel()!.updateTimerElapsed($event)"
+                  >
+                  </axp-stopwatch>
+                </div>
+              }
+            </div>
+          </div>
+
+          <div class="__content-wrapper ax-flex-1 ax-min-h-0">
+            <axm-questionnaire-viewer
+              #viewer
+              [structure]="structure()!"
+              [config]="viewerConfig()"
+              [initialAnswers]="initialAnswers()"
+              (answersChanged)="handleAnswersChanged($event)"
+            >
+            </axm-questionnaire-viewer>
+          </div>
+
+          <div class="__footer ax-flex ax-items-center ax-justify-between ax-gap-4 ax-py-4 ax-mt-4 ax-border-t ax-border-neutral-200">
+            <div class="ax-text-sm ax-font-mono ax-tabular-nums ax-text-neutral-600">
+              @if (viewerViewModel() && showProgressBar()) {
+                {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
+              }
+            </div>
+            <div class="ax-flex ax-gap-2">
+              @if (showNavigationButtons()) {
+                <ax-button
+                  look="solid"
+                  [disabled]="!canNavigatePrevious()"
+                  [text]="'@general:actions.previous.title' | translate | async"
+                  (onClick)="handlePreviousClick()"
+                ></ax-button>
+                @if (!isLastStep()) {
+                  <ax-button
+                    look="solid"
+                    color="primary"
+                    [disabled]="!canNavigateNext()"
+                    [text]="'@general:actions.next.title' | translate | async"
+                    (onClick)="handleNextClick()"
+                  ></ax-button>
+                }
+              }
+              @if (isLastStep()) {
+                <ax-button
+                  look="solid"
+                  color="primary"
+                  [text]="'@general:actions.submit.title' | translate | async"
+                  [disabled]="isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()"
+                  (onClick)="handleSubmitClick()"
+                ></ax-button>
+              }
+            </div>
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;flex-direction:column;overflow:hidden;max-height:80vh}axm-questionnaire-viewer-popup .__main-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__header{display:flex;flex-shrink:0;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));background-color:#fff;backdrop-filter:blur(8px)}axm-questionnaire-viewer-popup .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-popup .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-popup .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-popup axm-questionnaire-viewer{display:flex;height:100%;flex:1 1 0%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$3.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: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXPStopwatchComponent, selector: "axp-stopwatch", inputs: ["mode", "timeLimit", "format", "autoStart", "showControls", "value"], outputs: ["valueChange", "timeUp"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMQuestionnaireViewerStandalonePageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-questionnaire-viewer-standalone-page', template: `
+    <div class="__standalone ax-min-h-screen ax-flex ax-flex-col ax-bg-neutral-50">
+      @if (isLoading()) {
+        <div class="ax-flex ax-items-center ax-justify-center ax-flex-1 ax-min-h-[200px]">
+          <span>{{ '@assessment-management:questionnaires.components.questionnaire-viewer.loading.title' | translate | async }}</span>
+        </div>
+      } @else if (loadError()) {
+        <div class="ax-p-6 ax-text-error-600 ax-text-center">
+          {{ loadError() }}
+        </div>
+      } @else if (structure()) {
+        <div class="__main-container ax-flex-1 ax-flex ax-flex-col ax-max-w-4xl ax-mx-auto ax-w-full ax-p-4">
+          <div class="__header ax-mb-4">
+            <div class="__header-top ax-flex ax-justify-between ax-items-center ax-gap-4">
+              <div class="__header-meta ax-flex ax-items-center ax-gap-4 ax-text-sm ax-text-neutral-600">
+                @if (totalQuestionsCount() > 0) {
+                  <span class="__meta-item ax-flex ax-items-center ax-gap-1.5">
+                    <i class="fa-light fa-list-check ax-text-primary-600"></i>
+                    <span>{{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>
+                  </span>
+                }
+                @if (totalSectionsCount() > 0) {
+                  <span class="__meta-item ax-flex ax-items-center ax-gap-1.5">
+                    <i class="fa-light fa-folder ax-text-primary-600"></i>
+                    <span>{{ totalSectionsCount() }} {{ totalSectionsCount() === 1 ? 'Section' : 'Sections' }}</span>
+                  </span>
+                }
+              </div>
+              @if (showTimer()) {
+                <div class="__header-timer">
+                  <axp-stopwatch
+                    [mode]="'count-down'"
+                    [timeLimit]="timerTimeLimit()"
+                    [format]="timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'"
+                    [autoStart]="true"
+                    [showControls]="false"
+                    [value]="timerElapsed()"
+                    (valueChange)="viewerViewModel()!.updateTimerElapsed($event)"
+                  >
+                  </axp-stopwatch>
+                </div>
+              }
+            </div>
+          </div>
+
+          <div class="__content-wrapper ax-flex-1 ax-min-h-0">
+            <axm-questionnaire-viewer
+              #viewer
+              [structure]="structure()!"
+              [config]="viewerConfig()"
+              [initialAnswers]="initialAnswers()"
+              (answersChanged)="handleAnswersChanged($event)"
+            >
+            </axm-questionnaire-viewer>
+          </div>
+
+          <div class="__footer ax-flex ax-items-center ax-justify-between ax-gap-4 ax-py-4 ax-mt-4 ax-border-t ax-border-neutral-200">
+            <div class="ax-text-sm ax-font-mono ax-tabular-nums ax-text-neutral-600">
+              @if (viewerViewModel() && showProgressBar()) {
+                {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}
+              }
+            </div>
+            <div class="ax-flex ax-gap-2">
+              @if (showNavigationButtons()) {
+                <ax-button
+                  look="solid"
+                  [disabled]="!canNavigatePrevious()"
+                  [text]="'@general:actions.previous.title' | translate | async"
+                  (onClick)="handlePreviousClick()"
+                ></ax-button>
+                @if (!isLastStep()) {
+                  <ax-button
+                    look="solid"
+                    color="primary"
+                    [disabled]="!canNavigateNext()"
+                    [text]="'@general:actions.next.title' | translate | async"
+                    (onClick)="handleNextClick()"
+                  ></ax-button>
+                }
+              }
+              @if (isLastStep()) {
+                <ax-button
+                  look="solid"
+                  color="primary"
+                  [text]="'@general:actions.submit.title' | translate | async"
+                  [disabled]="isReadonly() || isSubmitting() || !areAllRequiredQuestionsAnswered()"
+                  (onClick)="handleSubmitClick()"
+                ></ax-button>
+              }
+            </div>
+          </div>
+        </div>
+      }
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXTranslationModule,
+                        AXPWidgetCoreModule,
+                        AXMQuestionnaireViewerComponent,
+                        AXPStopwatchComponent,
+                    ], providers: [AXPWidgetCoreService, AXPWidgetCoreContextStore], encapsulation: ViewEncapsulation.None, host: { class: 'axm-questionnaire-viewer-standalone-page' }, styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;flex-direction:column;overflow:hidden;max-height:80vh}axm-questionnaire-viewer-popup .__main-container{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}axm-questionnaire-viewer-popup .__header{display:flex;flex-shrink:0;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));background-color:#fff;backdrop-filter:blur(8px)}axm-questionnaire-viewer-popup .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:.375rem}axm-questionnaire-viewer-popup .__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-popup .__header .__header-top .__header-meta .__meta-item span{font-weight:500}axm-questionnaire-viewer-popup .__header .__header-top .__header-timer{display:flex;flex-shrink:0;align-items:center}axm-questionnaire-viewer-popup .__content-wrapper{display:flex;min-height:0px;flex:1 1 0%;overflow:hidden}axm-questionnaire-viewer-popup axm-questionnaire-viewer{display:flex;height:100%;flex:1 1 0%;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { questionnaireViewer: [{ type: i0.ViewChild, args: ['viewer', { isSignal: true }] }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXMQuestionnaireService as A, RootConfig as R, AXMAssessmentSessionService as a, AXMAssessmentCaseService as b, AXMQuestionBankItemService as c, AXMQuestionnaireViewerComponent as d, AXMAssessmentManagementEntityProvider as e, AXMAssessmentManagementFeatureDefinitionProvider as f, AXMAssessmentManagementFeatureKeys as g, AXMAssessmentManagementMenuProvider as h, AXPAssessmentManagementMenuKeys as i, AXMAssessmentManagementPermissionDefinitionProvider as j, AXMAssessmentManagementPermissionKeys as k, AXMAssessmentManagementSearchCommandProvider as l, AXMAssessmentManagementModule as m, AXMQuestionBankItemServiceImpl as n, AXMQuestionnaireServiceImpl as o, AXMAssessmentCaseServiceImpl as p, AXMAssessmentSessionServiceImpl as q };
-//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-5peOXPDz.mjs.map
+export { AXMQuestionnaireService as A, RootConfig as R, AXMAssessmentSessionService as a, AXMAssessmentCaseService as b, AXMQuestionBankItemService as c, AXMQuestionnaireViewerComponent as d, AXMAssessmentManagementEntityProvider as e, AXMAssessmentManagementFeatureDefinitionProvider as f, AXMAssessmentManagementFeatureKeys as g, AXMAssessmentManagementMenuProvider as h, AXPAssessmentManagementMenuKeys as i, AXMAssessmentManagementPermissionDefinitionProvider as j, AXMAssessmentManagementPermissionKeys as k, AXMAssessmentManagementSearchCommandProvider as l, AXMAssessmentManagementModule as m, AXMQuestionBankItemServiceImpl as n, AXMQuestionnaireServiceImpl as o, AXMAssessmentCaseServiceImpl as p, AXMAssessmentSessionServiceImpl as q, AXMQuestionnaireViewerPageComponent as r, AXMQuestionnaireViewerStandalonePageComponent as s };
+//# sourceMappingURL=acorex-modules-assessment-management-acorex-modules-assessment-management-ClgGS32i.mjs.map