@acorex-platform/module-assessment-management-client 0.0.20

package/fesm2022/acorex-platform-module-assessment-management-client-questionnaire-viewer-popup.component-Djcfg0dv.mjs

@@ -0,0 +1,609 @@
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXAlertModule } from '@acorex/components/alert';
+import * as i4 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXToastService } from '@acorex/components/toast';
+import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
+import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, computed, signal, viewChild, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { first } from 'lodash';
+import { RootConfig, resolvePrintSettings, AXM_ASSESSMENT_SESSION_PREVIEW_PDF_CLIENT_COMMAND_KEY } from '@acorex-platform/module-assessment-management-client/contracts';
+import { A as AXMQuestionnaireViewerService, a as AXMQuestionnairePrintSnapshotService, b as AXMQuestionnairePrintHostComponent, p as persistAssessmentSession, c as AXMQuestionnaireViewerComponent, d as AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, e as AXMPreQuestionnaireContentComponent, f as AXMPostQuestionnaireContentComponent } from './acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-jljmsqNu.mjs';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXMQuestionnaireViewerPopupComponent extends AXBasePageComponent {
+    safeInputValue(inputOrValue) {
+        return typeof inputOrValue === 'function' ? inputOrValue() : inputOrValue;
+    }
+    /** Fallback when submitHandler is not passed (e.g. popup framework does not pass functions). */
+    getDefaultSubmitHandler() {
+        return async (answers) => {
+            return this.questionnaireViewerService.buildSummaryPlaceholderValues(this.structureValue(), answers, {
+                questionnaireId: this.questionnaireIdValue(),
+                outcomeRules: this.outcomeRulesValue(),
+                elapsedSeconds: this.timerElapsed(),
+            });
+        };
+    }
+    /**
+     * First step after submit: outcomes (if enabled), else summary (if enabled), else close. Summary is always last when both are on.
+     */
+    resolvePostSubmitFirstStep(summary) {
+        if (!summary)
+            return null;
+        const cfg = this.prePostConfigValue();
+        if (cfg?.post.showOutcomeResults === true)
+            return 'results';
+        if (cfg?.post.summaryEnabled === true)
+            return 'summary';
+        return null;
+    }
+    //#endregion
+    //#region ----   Lifecycle   ----
+    constructor() {
+        super();
+        //#region ----   Services & Dependencies   ----
+        this.questionnaireViewerService = inject(AXMQuestionnaireViewerService);
+        this.entityService = inject(AXPEntityService);
+        this.toastService = inject(AXToastService);
+        this.translationService = inject(AXTranslationService);
+        this.printSnapshot = inject(AXMQuestionnairePrintSnapshotService);
+        this.commandService = inject(AXPCommandService);
+        //#endregion
+        //#region ----   Inputs   ----
+        this.structure = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "structure" }] : /* istanbul ignore next */ []));
+        this.prePostConfig = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "prePostConfig" }] : /* istanbul ignore next */ []));
+        this.config = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+        this.initialAnswers = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialAnswers" }] : /* istanbul ignore next */ []));
+        this.submitHandler = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "submitHandler" }] : /* istanbul ignore next */ []));
+        this.saveHandler = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "saveHandler" }] : /* istanbul ignore next */ []));
+        this.assessmentFillContext = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assessmentFillContext" }] : /* istanbul ignore next */ []));
+        this.questionnaireId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "questionnaireId" }] : /* istanbul ignore next */ []));
+        this.printTemplateId = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "printTemplateId" }] : /* istanbul ignore next */ []));
+        this.outcomeRules = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outcomeRules" }] : /* istanbul ignore next */ []));
+        this.storedOutcomeResults = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "storedOutcomeResults" }] : /* istanbul ignore next */ []));
+        this.printTitle = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "printTitle" }] : /* istanbul ignore next */ []));
+        /** Safe accessors: popup framework may overwrite inputs with plain values. */
+        this.prePostConfigValue = computed(() => this.safeInputValue(this.prePostConfig), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "prePostConfigValue" }] : /* istanbul ignore next */ []));
+        this.structureValue = computed(() => this.safeInputValue(this.structure), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "structureValue" }] : /* istanbul ignore next */ []));
+        this.configValue = computed(() => this.safeInputValue(this.config), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "configValue" }] : /* istanbul ignore next */ []));
+        this.initialAnswersValue = computed(() => this.safeInputValue(this.initialAnswers), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialAnswersValue" }] : /* istanbul ignore next */ []));
+        this.questionnaireIdValue = computed(() => this.safeInputValue(this.questionnaireId), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "questionnaireIdValue" }] : /* istanbul ignore next */ []));
+        this.printTemplateIdValue = computed(() => this.safeInputValue(this.printTemplateId), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "printTemplateIdValue" }] : /* istanbul ignore next */ []));
+        this.outcomeRulesValue = computed(() => this.safeInputValue(this.outcomeRules), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outcomeRulesValue" }] : /* istanbul ignore next */ []));
+        this.storedOutcomeResultsValue = computed(() => this.safeInputValue(this.storedOutcomeResults), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "storedOutcomeResultsValue" }] : /* istanbul ignore next */ []));
+        this.printTitleValue = computed(() => this.safeInputValue(this.printTitle), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "printTitleValue" }] : /* istanbul ignore next */ []));
+        /** Readonly entry step from viewer config (popup assigns plain object on `config`). */
+        this.readonlyInitialFlowStep = computed(() => {
+            const step = this.configValue()?.initialFlowStep;
+            return step === 'results' ? 'results' : 'questions';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonlyInitialFlowStep" }] : /* istanbul ignore next */ []));
+        this.assessmentFillContextValue = computed(() => {
+            const raw = this.safeInputValue(this.assessmentFillContext);
+            if (raw && typeof raw === 'object' && typeof raw.caseId === 'string') {
+                return raw;
+            }
+            return null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assessmentFillContextValue" }] : /* istanbul ignore next */ []));
+        this.submitHandlerValue = computed(() => {
+            const handler = this.safeInputValue(this.submitHandler);
+            if (typeof handler === 'function')
+                return handler;
+            if (this.assessmentFillContextValue()) {
+                return (answers) => this.persistAssessmentAnswers(answers, true);
+            }
+            return this.getDefaultSubmitHandler();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "submitHandlerValue" }] : /* istanbul ignore next */ []));
+        this.explicitSaveHandler = computed(() => {
+            const handler = this.safeInputValue(this.saveHandler);
+            return typeof handler === 'function' ? handler : undefined;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "explicitSaveHandler" }] : /* istanbul ignore next */ []));
+        this.isReadonly = computed(() => this.configValue()?.readonly === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
+        this.isPreviewMode = computed(() => this.configValue()?.previewMode === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isPreviewMode" }] : /* istanbul ignore next */ []));
+        this.isReviewDecisionMode = computed(() => this.configValue()?.reviewDecisionMode === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isReviewDecisionMode" }] : /* istanbul ignore next */ []));
+        this.completionMode = computed(() => {
+            const fromConfig = this.configValue()?.completionMode;
+            if (fromConfig) {
+                return fromConfig;
+            }
+            return this.structureValue()?.displaySettings?.completionMode ?? 'submit-only';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "completionMode" }] : /* istanbul ignore next */ []));
+        this.showSaveButton = computed(() => {
+            if (this.isReadonly() || this.completionMode() !== 'save-and-continue') {
+                return false;
+            }
+            return !!this.assessmentFillContextValue() || !!this.explicitSaveHandler();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSaveButton" }] : /* istanbul ignore next */ []));
+        this.showSubmitButton = computed(() => !this.isReadonly(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSubmitButton" }] : /* istanbul ignore next */ []));
+        /** Submit on questions/review; "Finish preview" when `previewMode` is enabled. */
+        this.primarySubmitActionLabel = computed(() => this.isPreviewMode()
+            ? '@assessment-management:questionnaires.components.questionnaire-viewer.preview.finish.title'
+            : '@general:actions.submit.title', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "primarySubmitActionLabel" }] : /* istanbul ignore next */ []));
+        /** Session row loaded for fill persistence (popup cannot use command closures). */
+        this.existingSession = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "existingSession" }] : /* istanbul ignore next */ []));
+        this.activeSessionId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeSessionId" }] : /* istanbul ignore next */ []));
+        /** Use answers from review context when returning from review; otherwise use initial input. */
+        this.effectiveInitialAnswers = computed(() => {
+            const ctx = this.reviewContext();
+            if (!ctx)
+                return this.initialAnswersValue();
+            return ctx.answers ?? ctx;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveInitialAnswers" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   State   ----
+        this.flowStep = signal('questions', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flowStep" }] : /* istanbul ignore next */ []));
+        this.initialFlowApplied = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialFlowApplied" }] : /* istanbul ignore next */ []));
+        this.reviewSnapshot = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reviewSnapshot" }] : /* istanbul ignore next */ []));
+        this.reviewContext = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reviewContext" }] : /* istanbul ignore next */ []));
+        this.submitResult = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "submitResult" }] : /* istanbul ignore next */ []));
+        this.lastSubmittedAnswers = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lastSubmittedAnswers" }] : /* istanbul ignore next */ []));
+        this.lastSubmittedQuestions = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lastSubmittedQuestions" }] : /* istanbul ignore next */ []));
+        this.isSubmitting = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSubmitting" }] : /* istanbul ignore next */ []));
+        this.canNavigatePrevious = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canNavigatePrevious" }] : /* istanbul ignore next */ []));
+        this.canNavigateNext = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canNavigateNext" }] : /* istanbul ignore next */ []));
+        this.showNavigationButtons = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showNavigationButtons" }] : /* istanbul ignore next */ []));
+        this.isLastStep = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLastStep" }] : /* istanbul ignore next */ []));
+        this.areAllRequiredQuestionsAnswered = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "areAllRequiredQuestionsAnswered" }] : /* istanbul ignore next */ []));
+        this.isPreviewingPdf = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isPreviewingPdf" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   View References   ----
+        this.viewer = viewChild('viewer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewer" }] : /* istanbul ignore next */ []));
+        this.printHost = viewChild(AXMQuestionnairePrintHostComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "printHost" }] : /* istanbul ignore next */ []));
+        this.printAnswers = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "printAnswers" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed   ----
+        this.viewerViewModel = computed(() => this.viewer()?.viewmodel, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewerViewModel" }] : /* istanbul ignore next */ []));
+        this.totalQuestionsCount = computed(() => this.viewerViewModel()?.totalQuestionsCount() ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "totalQuestionsCount" }] : /* istanbul ignore next */ []));
+        this.showTimer = computed(() => this.viewerViewModel()?.showTimer() ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showTimer" }] : /* istanbul ignore next */ []));
+        this.timerTimeLimit = computed(() => this.viewerViewModel()?.timerTimeLimit(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timerTimeLimit" }] : /* istanbul ignore next */ []));
+        this.timerElapsed = computed(() => this.viewerViewModel()?.timerElapsed() ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timerElapsed" }] : /* istanbul ignore next */ []));
+        this.answeredQuestionsCount = computed(() => this.viewerViewModel()?.answeredQuestionsCount() ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "answeredQuestionsCount" }] : /* istanbul ignore next */ []));
+        this.questionnaireAttachments = computed(() => this.viewerViewModel()?.questionnaireAttachments() ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "questionnaireAttachments" }] : /* istanbul ignore next */ []));
+        this.showReviewButton = computed(() => this.isLastStep() && (this.prePostConfigValue()?.post?.reviewEnabled ?? false) && this.flowStep() === 'questions', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showReviewButton" }] : /* istanbul ignore next */ []));
+        /** True when readonly view has stored outcome results to display. */
+        this.hasStoredOutcomeResults = computed(() => {
+            const result = this.storedOutcomeResultsValue() ?? this.submitResult();
+            if (!result) {
+                return false;
+            }
+            if ((result.outcomeSections?.length ?? 0) > 0) {
+                return true;
+            }
+            return Object.keys(result.outcomes ?? {}).length > 0;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasStoredOutcomeResults" }] : /* istanbul ignore next */ []));
+        /** Results navigation on any questions step (readonly session review only). */
+        this.showViewResultsButton = computed(() => this.isReadonly() && this.flowStep() === 'questions' && this.hasStoredOutcomeResults(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showViewResultsButton" }] : /* istanbul ignore next */ []));
+        /** Sign off / Reject on readonly manager review (questions or outcome results step). */
+        this.showReviewDecisionButtons = computed(() => this.isReviewDecisionMode() &&
+            this.isReadonly() &&
+            (this.flowStep() === 'questions' || this.flowStep() === 'results'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showReviewDecisionButtons" }] : /* istanbul ignore next */ []));
+        this.showFooter = computed(() => ['pre', 'questions', 'review', 'summary', 'results'].includes(this.flowStep()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showFooter" }] : /* istanbul ignore next */ []));
+        this.showPreviewPdfButton = computed(() => this.flowStep() === 'questions' || this.flowStep() === 'review', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPreviewPdfButton" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const cfg = this.prePostConfigValue();
+            const initial = this.readonlyInitialFlowStep();
+            const stored = this.storedOutcomeResultsValue();
+            if (stored) {
+                this.submitResult.set(stored);
+            }
+            if (this.initialFlowApplied()) {
+                return;
+            }
+            if (initial === 'results') {
+                if (!stored) {
+                    return;
+                }
+                this.flowStep.set('results');
+                this.initialFlowApplied.set(true);
+                return;
+            }
+            this.flowStep.set(cfg?.pre.enabled === true ? 'pre' : 'questions');
+            this.initialFlowApplied.set(true);
+        });
+        effect(() => {
+            const ctx = this.assessmentFillContextValue();
+            const sessionId = ctx?.sessionId;
+            if (sessionId) {
+                this.activeSessionId.set(sessionId);
+                void this.loadExistingSession(sessionId);
+            }
+        });
+        effect(() => {
+            const v = this.viewer();
+            if (v) {
+                const vm = v.viewmodel;
+                this.canNavigatePrevious.set(vm.canNavigatePrevious());
+                this.canNavigateNext.set(vm.canNavigateNext());
+                const viewMode = v.viewMode;
+                this.showNavigationButtons.set(viewMode === 'page-per-group' || viewMode === 'page-per-question' || viewMode === 'side-menu');
+                this.isLastStep.set(v.isLastStep);
+                this.areAllRequiredQuestionsAnswered.set(v.areAllRequiredQuestionsAnswered);
+            }
+        });
+    }
+    //#endregion
+    //#region ----   Assessment persistence   ----
+    async loadExistingSession(sessionId) {
+        const sessionAccessor = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.assessmentSession.name)
+            .data();
+        const listMatch = await sessionAccessor.query({
+            skip: 0,
+            take: 1,
+            filter: {
+                field: 'id',
+                operator: { type: 'equal' },
+                value: sessionId,
+            },
+        });
+        const fromQuery = first(listMatch.items);
+        if (fromQuery) {
+            this.existingSession.set(fromQuery);
+            return;
+        }
+        const session = await sessionAccessor.byKey(sessionId);
+        if (session) {
+            this.existingSession.set(session);
+        }
+    }
+    async persistAssessmentAnswers(answers, finalize) {
+        const ctx = this.assessmentFillContextValue();
+        const questionnaireId = this.questionnaireIdValue();
+        if (!ctx || !questionnaireId) {
+            return null;
+        }
+        const vm = this.viewerViewModel();
+        const progressMetrics = vm != null
+            ? {
+                answeredQuestionsCount: vm.answeredQuestionsCount(),
+                progressPercentage: vm.progressPercentage(),
+            }
+            : undefined;
+        const result = await persistAssessmentSession({
+            entityService: this.entityService,
+            questionnaireViewerService: this.questionnaireViewerService,
+            caseId: ctx.caseId,
+            sessionId: this.activeSessionId() ?? ctx.sessionId ?? null,
+            existingSession: this.existingSession(),
+            responderId: ctx.responderId,
+            role: ctx.role,
+            structure: this.structureValue(),
+            questionnaireId,
+            answers,
+            finalize,
+            progressMetrics,
+            timeSpentSeconds: vm?.timerElapsed(),
+        });
+        this.activeSessionId.set(result.sessionId);
+        await this.loadExistingSession(result.sessionId);
+        if (finalize) {
+            this.schedulePrintSnapshot(result.sessionId);
+        }
+        if (!finalize) {
+            this.toastService.show({
+                color: 'success',
+                title: await this.translationService.translateAsync('@general:messages.form.saved.success.title'),
+                content: await this.translationService.translateAsync('@assessment-management:questionnaires.components.questionnaire-viewer.actions.save-as-draft.success'),
+            });
+            return null;
+        }
+        return this.questionnaireViewerService.buildSummaryPlaceholderValues(this.structureValue(), answers, {
+            questionnaireId,
+            elapsedSeconds: this.timerElapsed(),
+        });
+    }
+    schedulePrintSnapshot(sessionId) {
+        this.printAnswers.set(this.viewer()?.getAllAnswers() ?? this.effectiveInitialAnswers() ?? {});
+        this.printSnapshot.scheduleStore({
+            entityService: this.entityService,
+            sessionId,
+            title: this.printTitleValue()?.trim() || undefined,
+            host: this.printHost(),
+            answers: this.printAnswers(),
+        });
+    }
+    //#endregion
+    //#region ----   Event Handlers   ----
+    async handlePreviewPdfClick() {
+        if (this.isPreviewingPdf()) {
+            return;
+        }
+        this.isPreviewingPdf.set(true);
+        const previewWindow = typeof window !== 'undefined' ? window.open('about:blank', '_blank') : null;
+        if (previewWindow) {
+            try {
+                previewWindow.document.title = 'Preview PDF';
+                previewWindow.document.body.innerHTML =
+                    '<p style="font-family:sans-serif;padding:24px;color:#64748b">Generating PDF…</p>';
+            }
+            catch {
+                // about:blank can be briefly cross-origin in some browsers
+            }
+        }
+        // Keep this tab visible so print widgets can paint and timers are not throttled.
+        window.focus();
+        try {
+            const answers = this.viewer()?.getAllAnswers() ?? this.effectiveInitialAnswers() ?? {};
+            this.printAnswers.set(answers);
+            const title = this.printTitleValue()?.trim() || 'Questionnaire';
+            const printHtmlGzip = await this.printSnapshot.captureHtmlGzipFromHost(this.printHost(), title, answers);
+            if (!printHtmlGzip) {
+                previewWindow?.close();
+                this.toastService.show({
+                    color: 'danger',
+                    title: await this.translationService.translateAsync('@assessment-management:sessions.actions.preview-pdf.failed'),
+                });
+                return;
+            }
+            const print = resolvePrintSettings(this.structureValue()?.printSettings);
+            const fill = this.assessmentFillContextValue();
+            const result = await this.commandService.execute(AXM_ASSESSMENT_SESSION_PREVIEW_PDF_CLIENT_COMMAND_KEY, {
+                printHtmlGzip,
+                title,
+                locale: this.translationService.getActiveLang?.() ?? 'en-US',
+                paperSize: print.paperSize,
+                orientation: print.orientation,
+                watermark: print.watermark,
+                sessionId: this.activeSessionId() ?? fill?.sessionId,
+                caseId: fill?.caseId,
+                questionnaireId: this.questionnaireIdValue(),
+                printTemplateId: this.printTemplateIdValue(),
+                previewWindow,
+            });
+            if (result?.success === false) {
+                previewWindow?.close();
+                this.toastService.show({
+                    color: 'danger',
+                    title: (typeof result.message?.text === 'string' && result.message.text.trim()) ||
+                        (await this.translationService.translateAsync('@assessment-management:sessions.actions.preview-pdf.failed')),
+                });
+            }
+        }
+        catch (error) {
+            previewWindow?.close();
+            this.toastService.show({
+                color: 'danger',
+                title: error instanceof Error ? error.message : 'Failed to preview assessment session PDF.',
+            });
+        }
+        finally {
+            this.isPreviewingPdf.set(false);
+        }
+    }
+    handleReviewClick() {
+        const viewer = this.viewer();
+        const items = viewer?.getQuestionsWithAnswers() ?? [];
+        const context = viewer?.getReviewContext() ?? null;
+        this.reviewSnapshot.set(items.map((q) => ({
+            name: q.name,
+            title: q.title,
+            answer: q.answer,
+            question: q.question,
+            sectionName: q.sectionName,
+            sectionOrder: q.sectionOrder,
+            sectionTitle: q.sectionTitle,
+            sectionDescription: q.sectionDescription,
+        })));
+        this.reviewContext.set(context);
+        this.flowStep.set('review');
+    }
+    async handleSaveClick() {
+        const viewer = this.viewer();
+        if (!viewer || !this.showSaveButton()) {
+            return;
+        }
+        this.isSubmitting.set(true);
+        try {
+            const result = viewer.saveDraft();
+            if (result.success && result.answers) {
+                const explicit = this.explicitSaveHandler();
+                if (explicit) {
+                    await explicit(result.answers);
+                }
+                else {
+                    await this.persistAssessmentAnswers(result.answers, false);
+                }
+                this.close({
+                    answers: result.answers,
+                    questions: viewer.getQuestionsWithAnswers(),
+                    submitted: false,
+                    saved: true,
+                });
+            }
+        }
+        finally {
+            this.isSubmitting.set(false);
+        }
+    }
+    async handleReviewSubmit() {
+        const viewer = this.viewer();
+        const handler = this.submitHandlerValue();
+        if (!viewer || !handler)
+            return;
+        this.isSubmitting.set(true);
+        try {
+            const result = await viewer.submit();
+            if (result.success && result.answers) {
+                const summary = await handler(result.answers);
+                const questions = viewer.getQuestionsWithAnswers();
+                this.submitResult.set(summary ?? null);
+                this.lastSubmittedAnswers.set(result.answers);
+                this.lastSubmittedQuestions.set(questions);
+                const step = this.resolvePostSubmitFirstStep(summary ?? null);
+                if (step) {
+                    this.flowStep.set(step);
+                }
+                else {
+                    this.close({ answers: result.answers, questions, submitted: true });
+                }
+            }
+        }
+        finally {
+            this.isSubmitting.set(false);
+        }
+    }
+    async handlePreviousClick() {
+        await this.viewer()?.navigatePrevious();
+    }
+    async handleNextClick() {
+        await this.viewer()?.navigateNext();
+    }
+    async handleSubmitClick() {
+        const viewer = this.viewer();
+        const handler = this.submitHandlerValue();
+        if (!viewer || !handler)
+            return;
+        this.isSubmitting.set(true);
+        try {
+            const result = await viewer.submit();
+            if (result.success && result.answers) {
+                const summary = await handler(result.answers);
+                const questions = viewer.getQuestionsWithAnswers();
+                this.submitResult.set(summary ?? null);
+                this.lastSubmittedAnswers.set(result.answers);
+                this.lastSubmittedQuestions.set(questions);
+                const step = this.resolvePostSubmitFirstStep(summary ?? null);
+                if (step) {
+                    this.flowStep.set(step);
+                }
+                else {
+                    this.close({ answers: result.answers, questions, submitted: true });
+                }
+            }
+        }
+        finally {
+            this.isSubmitting.set(false);
+        }
+    }
+    handleViewResultsClick() {
+        const stored = this.storedOutcomeResultsValue();
+        if (stored) {
+            this.submitResult.set(stored);
+        }
+        this.flowStep.set('results');
+    }
+    handleDone() {
+        if (this.isReadonly() && !this.isReviewDecisionMode()) {
+            this.close({
+                answers: this.effectiveInitialAnswers(),
+                questions: this.viewer()?.getQuestionsWithAnswers() ?? [],
+                submitted: false,
+            });
+            return;
+        }
+        const answers = this.lastSubmittedAnswers();
+        const questions = this.lastSubmittedQuestions();
+        this.close({ answers, questions, submitted: true });
+    }
+    handleReviewSignOff() {
+        this.closeWithReviewDecision('signed-off');
+    }
+    handleReviewReject() {
+        this.closeWithReviewDecision('rejected');
+    }
+    closeWithReviewDecision(decision) {
+        this.close({
+            answers: this.effectiveInitialAnswers(),
+            questions: this.viewer()?.getQuestionsWithAnswers() ?? [],
+            submitted: false,
+            decision,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMQuestionnaireViewerPopupComponent, isStandalone: true, selector: "axm-questionnaire-viewer-popup", inputs: { structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: true, transformFunction: null }, prePostConfig: { classPropertyName: "prePostConfig", publicName: "prePostConfig", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, initialAnswers: { classPropertyName: "initialAnswers", publicName: "initialAnswers", isSignal: true, isRequired: false, transformFunction: null }, submitHandler: { classPropertyName: "submitHandler", publicName: "submitHandler", isSignal: true, isRequired: false, transformFunction: null }, saveHandler: { classPropertyName: "saveHandler", publicName: "saveHandler", isSignal: true, isRequired: false, transformFunction: null }, assessmentFillContext: { classPropertyName: "assessmentFillContext", publicName: "assessmentFillContext", isSignal: true, isRequired: false, transformFunction: null }, questionnaireId: { classPropertyName: "questionnaireId", publicName: "questionnaireId", isSignal: true, isRequired: false, transformFunction: null }, printTemplateId: { classPropertyName: "printTemplateId", publicName: "printTemplateId", isSignal: true, isRequired: false, transformFunction: null }, outcomeRules: { classPropertyName: "outcomeRules", publicName: "outcomeRules", isSignal: true, isRequired: false, transformFunction: null }, storedOutcomeResults: { classPropertyName: "storedOutcomeResults", publicName: "storedOutcomeResults", isSignal: true, isRequired: false, transformFunction: null }, printTitle: { classPropertyName: "printTitle", publicName: "printTitle", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "viewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }, { propertyName: "printHost", first: true, predicate: AXMQuestionnairePrintHostComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main content area: flow-step driven body -->\n<div class=\"__content-area flex flex-1 min-h-0 flex-col\"\n  [class.overflow-hidden]=\"flowStep() === 'questions'\" [class.overflow-y-auto]=\"flowStep() !== 'questions'\">\n  <!-- Pre-questionnaire introduction content -->\n  @if (flowStep() === 'pre') {\n  <axm-pre-questionnaire-content [content]=\"$safeNavigationMigration(prePostConfigValue()?.pre?.content)\"></axm-pre-questionnaire-content>\n  }\n  <!-- Post-submit outcome results -->\n  @else if (flowStep() === 'results') {\n  <axm-post-questionnaire-content mode=\"results\" [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]=\"$safeNavigationMigration(prePostConfigValue()?.post?.summaryContent)\"\n    [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n  }\n  <!-- Questionnaire and review flow -->\n  @else {\n  <!-- Review mode content (answers snapshot before submit) -->\n  @if (flowStep() === 'review') {\n  <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n    [reviewContext]=\"reviewContext()\"\n    [showQuestionNumbers]=\"configValue()?.showQuestionNumbers ?? true\"></axm-post-questionnaire-content>\n  }\n\n  <!-- Questionnaire workspace (hidden off-screen while in review mode) -->\n  <div class=\"__questions flex flex-col flex-1 min-h-0 overflow-hidden\"\n    [class.invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n    [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.size-0]=\"flowStep() === 'review'\"\n    [class.overflow-hidden]=\"flowStep() === 'review'\">\n    <!-- @if (showTimer()) {\n        <div class=\"__header flex-shrink-0 p-4 border-b border-surface\">\n          <div class=\"flex justify-between items-center\">\n            <div class=\"__toolbar-meta flex items-center gap-4 text-sm\">\n              @if (totalQuestionsCount() > 0) {\n                <span><i class=\"fa-light fa-list-check\"></i> {{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>\n              }\n              @if (showTimer()) {\n                <axp-stopwatch\n                  [mode]=\"'count-down'\"\n                  [timeLimit]=\"timerTimeLimit()\"\n                  [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\"\n                  [autoStart]=\"true\"\n                  [showControls]=\"false\"\n                  [value]=\"timerElapsed()\"\n                  (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"\n                ></axp-stopwatch>\n              }\n            </div>\n          </div>\n        </div>\n      } -->\n\n    <!-- Questionnaire rendering container -->\n    <div class=\"__content flex flex-1 min-h-0 flex-col overflow-y-auto overflow-x-hidden\">\n      <axm-questionnaire-viewer #viewer [questionnaireId]=\"questionnaireIdValue()\" [structure]=\"structureValue()\"\n        [config]=\"configValue()\" [initialAnswers]=\"effectiveInitialAnswers()\"></axm-questionnaire-viewer>\n    </div>\n  </div>\n  }\n</div>\n\n<!-- Popup footer: flow action buttons -->\n@if (showFooter()) {\n<ax-footer class=\"__popup-footer flex-shrink-0 border-t px-4 py-3\">\n  <!-- Footer prefix: attachments and progress -->\n  <ax-prefix>\n    <div class=\"flex items-center gap-4 min-w-0\">\n      @if (flowStep() === 'questions') {\n      <axm-questionnaire-viewer-questionnaire-attachments-footer [attachments]=\"questionnaireAttachments()\" />\n      <div class=\"__footer-progress text-sm font-mono tabular-nums\" dir=\"ltr\">\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n      </div>\n      }\n      @if (showPreviewPdfButton()) {\n      <ax-button look=\"outline\" color=\"primary\"\n        [text]=\"'@assessment-management:sessions.actions.preview-pdf.title' | translate | async\"\n        [disabled]=\"isPreviewingPdf()\" (onClick)=\"handlePreviewPdfClick()\"></ax-button>\n      }\n    </div>\n  </ax-prefix>\n\n  <!-- Footer suffix: flow action buttons -->\n  <ax-suffix>\n    <!-- Pre-questionnaire welcome step -->\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    <!-- Draft save (fill mode with save-and-continue) -->\n    @if (showSaveButton()) {\n    <ax-button look=\"outline\" color=\"primary\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.actions.save-as-draft.title' | translate | async\"\n      [disabled]=\"isSubmitting() || isReadonly()\" (onClick)=\"handleSaveClick()\"></ax-button>\n    }\n    <!-- Section / page navigation (paginated view modes) -->\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    <!-- Last step: optional review before submit -->\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]=\"isReadonly() || !areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n    }\n    <!-- Last step: submit when review is disabled -->\n    @if (isLastStep() && !showReviewButton() && showSubmitButton()) {\n    <ax-button look=\"solid\" color=\"primary\" [text]=\"primarySubmitActionLabel() | translate | async\"\n      [disabled]=\"isSubmitting() || isReadonly() || !areAllRequiredQuestionsAnswered()\"\n      (onClick)=\"handleSubmitClick()\"></ax-button>\n    }\n    <!-- Readonly session review: jump to stored outcome results -->\n    @if (showViewResultsButton()) {\n    <ax-button look=\"outline\" color=\"success\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.results' | translate | async\"\n      (onClick)=\"handleViewResultsClick()\">\n      <ax-icon class=\"fa-light fa-chart-simple\"></ax-icon>\n    </ax-button>\n    }\n    <!-- Manager review decision (readonly workflow review) -->\n    @if (showReviewDecisionButtons()) {\n    <ax-button look=\"solid\" color=\"success\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async\"\n      (onClick)=\"handleReviewSignOff()\">\n      <ax-icon class=\"fa-light fa-check\"></ax-icon>\n    </ax-button>\n    <ax-button look=\"solid\" color=\"danger\" [text]=\"'@general:actions.reject.title' | translate | async\"\n      (onClick)=\"handleReviewReject()\">\n      <ax-icon class=\"fa-light fa-times\"></ax-icon>\n    </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]=\"primarySubmitActionLabel() | translate | async\"\n      [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n    }\n    <!-- Results step actions -->\n    @else if (flowStep() === 'results') {\n    <!-- Readonly session review: return to answers -->\n    @if (isReadonly() && hasStoredOutcomeResults()) {\n    <ax-button look=\"outline\" [color]=\"'primary'\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.answers' | translate | async\"\n      (onClick)=\"flowStep.set('questions')\">\n      <ax-icon class=\"fa-light fa-clipboard-list-check\"></ax-icon>\n    </ax-button>\n    }\n    @if (showReviewDecisionButtons()) {\n    <ax-button look=\"solid\" color=\"success\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async\"\n      (onClick)=\"handleReviewSignOff()\">\n      <ax-icon class=\"fa-light fa-check\"></ax-icon>\n    </ax-button>\n    <ax-button look=\"solid\" color=\"danger\" [text]=\"'@general:actions.reject.title' | translate | async\"\n      (onClick)=\"handleReviewReject()\">\n      <ax-icon class=\"fa-light fa-times\"></ax-icon>\n    </ax-button>\n    } @else if (prePostConfigValue()?.post?.summaryEnabled && !isReadonly()) {\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  </ax-suffix>\n</ax-footer>\n}\n\n<axm-questionnaire-print-host\n  [structure]=\"structureValue()\"\n  [questionnaireId]=\"questionnaireIdValue()\"\n  [answers]=\"printAnswers()\"\n  [prePostConfig]=\"prePostConfigValue()\"\n  [placeholderValues]=\"storedOutcomeResultsValue() ?? submitResult()\"\n/>", styles: ["@layer properties;axm-questionnaire-viewer-popup{display:flex;height:100%;max-height:90vh;min-height:0px;width:100%;flex:1;flex-direction:column;overflow:hidden}@media(width>=64rem){axm-questionnaire-viewer-popup{max-height:75vh}}axm-questionnaire-viewer-popup .__content-area{min-height:0px}axm-questionnaire-viewer-popup .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-popup .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-popup .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 4);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-neutral-600, oklch(43.9% 0 none))}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta .__meta-item i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-600))}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta .__meta-item span{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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;overflow:hidden}axm-questionnaire-viewer-popup .__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-popup .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-popup .__popup-footer{position:sticky;bottom:0;z-index:20;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}axm-questionnaire-viewer-popup .__toolbar-meta,axm-questionnaire-viewer-popup .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}axp-popup-content:has(axm-questionnaire-viewer-popup){display:flex;min-height:0px;flex-direction:column;overflow:hidden}axp-popup-content:has(axm-questionnaire-viewer-popup) axm-questionnaire-viewer-popup{min-height:0px;flex:1}axp-layout-container#axp-popup-layout:has(axm-questionnaire-viewer-popup){min-height:0px;overflow:hidden}axp-layout-container#axp-popup-layout:has(axm-questionnaire-viewer-popup) axp-page-content{min-height:0px;flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXAlertModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: 
+                //AXPStopwatchComponent,
+                AXMQuestionnaireViewerComponent, selector: "axm-questionnaire-viewer", inputs: ["questionnaireId", "structure", "config", "initialAnswers"], outputs: ["answersChanged", "questionAnswered"] }, { kind: "component", type: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, selector: "axm-questionnaire-viewer-questionnaire-attachments-footer", inputs: ["attachments"] }, { kind: "component", type: AXMPreQuestionnaireContentComponent, selector: "axm-pre-questionnaire-content", inputs: ["content"] }, { kind: "component", type: AXMPostQuestionnaireContentComponent, selector: "axm-post-questionnaire-content", inputs: ["mode", "questionsWithAnswers", "reviewContext", "summaryContent", "placeholderValues", "locale", "showQuestionNumbers"] }, { kind: "component", type: AXMQuestionnairePrintHostComponent, selector: "axm-questionnaire-print-host", inputs: ["structure", "questionnaireId", "answers", "prePostConfig", "placeholderValues", "options"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-questionnaire-viewer-popup', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXTranslationModule,
+                        AXAlertModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        //AXPStopwatchComponent,
+                        AXMQuestionnaireViewerComponent,
+                        AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent,
+                        AXMPreQuestionnaireContentComponent,
+                        AXMPostQuestionnaireContentComponent,
+                        AXMQuestionnairePrintHostComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<!-- Main content area: flow-step driven body -->\n<div class=\"__content-area flex flex-1 min-h-0 flex-col\"\n  [class.overflow-hidden]=\"flowStep() === 'questions'\" [class.overflow-y-auto]=\"flowStep() !== 'questions'\">\n  <!-- Pre-questionnaire introduction content -->\n  @if (flowStep() === 'pre') {\n  <axm-pre-questionnaire-content [content]=\"$safeNavigationMigration(prePostConfigValue()?.pre?.content)\"></axm-pre-questionnaire-content>\n  }\n  <!-- Post-submit outcome results -->\n  @else if (flowStep() === 'results') {\n  <axm-post-questionnaire-content mode=\"results\" [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]=\"$safeNavigationMigration(prePostConfigValue()?.post?.summaryContent)\"\n    [placeholderValues]=\"submitResult()\"></axm-post-questionnaire-content>\n  }\n  <!-- Questionnaire and review flow -->\n  @else {\n  <!-- Review mode content (answers snapshot before submit) -->\n  @if (flowStep() === 'review') {\n  <axm-post-questionnaire-content mode=\"review\" [questionsWithAnswers]=\"reviewSnapshot()\"\n    [reviewContext]=\"reviewContext()\"\n    [showQuestionNumbers]=\"configValue()?.showQuestionNumbers ?? true\"></axm-post-questionnaire-content>\n  }\n\n  <!-- Questionnaire workspace (hidden off-screen while in review mode) -->\n  <div class=\"__questions flex flex-col flex-1 min-h-0 overflow-hidden\"\n    [class.invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n    [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.size-0]=\"flowStep() === 'review'\"\n    [class.overflow-hidden]=\"flowStep() === 'review'\">\n    <!-- @if (showTimer()) {\n        <div class=\"__header flex-shrink-0 p-4 border-b border-surface\">\n          <div class=\"flex justify-between items-center\">\n            <div class=\"__toolbar-meta flex items-center gap-4 text-sm\">\n              @if (totalQuestionsCount() > 0) {\n                <span><i class=\"fa-light fa-list-check\"></i> {{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>\n              }\n              @if (showTimer()) {\n                <axp-stopwatch\n                  [mode]=\"'count-down'\"\n                  [timeLimit]=\"timerTimeLimit()\"\n                  [format]=\"timerTimeLimit() && timerTimeLimit()! >= 3600 ? 'hh:mm:ss' : 'mm:ss'\"\n                  [autoStart]=\"true\"\n                  [showControls]=\"false\"\n                  [value]=\"timerElapsed()\"\n                  (valueChange)=\"viewerViewModel()!.updateTimerElapsed($event)\"\n                ></axp-stopwatch>\n              }\n            </div>\n          </div>\n        </div>\n      } -->\n\n    <!-- Questionnaire rendering container -->\n    <div class=\"__content flex flex-1 min-h-0 flex-col overflow-y-auto overflow-x-hidden\">\n      <axm-questionnaire-viewer #viewer [questionnaireId]=\"questionnaireIdValue()\" [structure]=\"structureValue()\"\n        [config]=\"configValue()\" [initialAnswers]=\"effectiveInitialAnswers()\"></axm-questionnaire-viewer>\n    </div>\n  </div>\n  }\n</div>\n\n<!-- Popup footer: flow action buttons -->\n@if (showFooter()) {\n<ax-footer class=\"__popup-footer flex-shrink-0 border-t px-4 py-3\">\n  <!-- Footer prefix: attachments and progress -->\n  <ax-prefix>\n    <div class=\"flex items-center gap-4 min-w-0\">\n      @if (flowStep() === 'questions') {\n      <axm-questionnaire-viewer-questionnaire-attachments-footer [attachments]=\"questionnaireAttachments()\" />\n      <div class=\"__footer-progress text-sm font-mono tabular-nums\" dir=\"ltr\">\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n      </div>\n      }\n      @if (showPreviewPdfButton()) {\n      <ax-button look=\"outline\" color=\"primary\"\n        [text]=\"'@assessment-management:sessions.actions.preview-pdf.title' | translate | async\"\n        [disabled]=\"isPreviewingPdf()\" (onClick)=\"handlePreviewPdfClick()\"></ax-button>\n      }\n    </div>\n  </ax-prefix>\n\n  <!-- Footer suffix: flow action buttons -->\n  <ax-suffix>\n    <!-- Pre-questionnaire welcome step -->\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    <!-- Draft save (fill mode with save-and-continue) -->\n    @if (showSaveButton()) {\n    <ax-button look=\"outline\" color=\"primary\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.actions.save-as-draft.title' | translate | async\"\n      [disabled]=\"isSubmitting() || isReadonly()\" (onClick)=\"handleSaveClick()\"></ax-button>\n    }\n    <!-- Section / page navigation (paginated view modes) -->\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    <!-- Last step: optional review before submit -->\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]=\"isReadonly() || !areAllRequiredQuestionsAnswered()\" (onClick)=\"handleReviewClick()\"></ax-button>\n    }\n    <!-- Last step: submit when review is disabled -->\n    @if (isLastStep() && !showReviewButton() && showSubmitButton()) {\n    <ax-button look=\"solid\" color=\"primary\" [text]=\"primarySubmitActionLabel() | translate | async\"\n      [disabled]=\"isSubmitting() || isReadonly() || !areAllRequiredQuestionsAnswered()\"\n      (onClick)=\"handleSubmitClick()\"></ax-button>\n    }\n    <!-- Readonly session review: jump to stored outcome results -->\n    @if (showViewResultsButton()) {\n    <ax-button look=\"outline\" color=\"success\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.results' | translate | async\"\n      (onClick)=\"handleViewResultsClick()\">\n      <ax-icon class=\"fa-light fa-chart-simple\"></ax-icon>\n    </ax-button>\n    }\n    <!-- Manager review decision (readonly workflow review) -->\n    @if (showReviewDecisionButtons()) {\n    <ax-button look=\"solid\" color=\"success\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async\"\n      (onClick)=\"handleReviewSignOff()\">\n      <ax-icon class=\"fa-light fa-check\"></ax-icon>\n    </ax-button>\n    <ax-button look=\"solid\" color=\"danger\" [text]=\"'@general:actions.reject.title' | translate | async\"\n      (onClick)=\"handleReviewReject()\">\n      <ax-icon class=\"fa-light fa-times\"></ax-icon>\n    </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]=\"primarySubmitActionLabel() | translate | async\"\n      [disabled]=\"isSubmitting()\" (onClick)=\"handleReviewSubmit()\"></ax-button>\n    }\n    <!-- Results step actions -->\n    @else if (flowStep() === 'results') {\n    <!-- Readonly session review: return to answers -->\n    @if (isReadonly() && hasStoredOutcomeResults()) {\n    <ax-button look=\"outline\" [color]=\"'primary'\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.answers' | translate | async\"\n      (onClick)=\"flowStep.set('questions')\">\n      <ax-icon class=\"fa-light fa-clipboard-list-check\"></ax-icon>\n    </ax-button>\n    }\n    @if (showReviewDecisionButtons()) {\n    <ax-button look=\"solid\" color=\"success\"\n      [text]=\"'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async\"\n      (onClick)=\"handleReviewSignOff()\">\n      <ax-icon class=\"fa-light fa-check\"></ax-icon>\n    </ax-button>\n    <ax-button look=\"solid\" color=\"danger\" [text]=\"'@general:actions.reject.title' | translate | async\"\n      (onClick)=\"handleReviewReject()\">\n      <ax-icon class=\"fa-light fa-times\"></ax-icon>\n    </ax-button>\n    } @else if (prePostConfigValue()?.post?.summaryEnabled && !isReadonly()) {\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  </ax-suffix>\n</ax-footer>\n}\n\n<axm-questionnaire-print-host\n  [structure]=\"structureValue()\"\n  [questionnaireId]=\"questionnaireIdValue()\"\n  [answers]=\"printAnswers()\"\n  [prePostConfig]=\"prePostConfigValue()\"\n  [placeholderValues]=\"storedOutcomeResultsValue() ?? submitResult()\"\n/>", styles: ["@layer properties;axm-questionnaire-viewer-popup{display:flex;height:100%;max-height:90vh;min-height:0px;width:100%;flex:1;flex-direction:column;overflow:hidden}@media(width>=64rem){axm-questionnaire-viewer-popup{max-height:75vh}}axm-questionnaire-viewer-popup .__content-area{min-height:0px}axm-questionnaire-viewer-popup .__questions{min-height:0px;overflow:hidden}axm-questionnaire-viewer-popup .__header{z-index:20;display:flex;flex-shrink:0;flex-direction:column;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-popup .__header .__header-top{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 4);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-neutral-600, oklch(43.9% 0 none))}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta .__meta-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5)}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta .__meta-item i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-primary-600))}axm-questionnaire-viewer-popup .__header .__header-top .__header-meta .__meta-item span{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 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;overflow:hidden}axm-questionnaire-viewer-popup .__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-popup .__content axm-questionnaire-viewer .__questionnaire-container{min-height:0px;flex:none;overflow:visible}axm-questionnaire-viewer-popup .__popup-footer{position:sticky;bottom:0;z-index:20;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);border-color:rgba(var(--ax-sys-color-surface))}axm-questionnaire-viewer-popup .__toolbar-meta,axm-questionnaire-viewer-popup .__footer-progress{color:rgb(var(--ax-sys-color-on-surface-variant))}axp-popup-content:has(axm-questionnaire-viewer-popup){display:flex;min-height:0px;flex-direction:column;overflow:hidden}axp-popup-content:has(axm-questionnaire-viewer-popup) axm-questionnaire-viewer-popup{min-height:0px;flex:1}axp-layout-container#axp-popup-layout:has(axm-questionnaire-viewer-popup){min-height:0px;overflow:hidden}axp-layout-container#axp-popup-layout:has(axm-questionnaire-viewer-popup) axp-page-content{min-height:0px;flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "structure", required: true }] }], prePostConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "prePostConfig", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], initialAnswers: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialAnswers", required: false }] }], submitHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitHandler", required: false }] }], saveHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveHandler", required: false }] }], assessmentFillContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "assessmentFillContext", required: false }] }], questionnaireId: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionnaireId", required: false }] }], printTemplateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "printTemplateId", required: false }] }], outcomeRules: [{ type: i0.Input, args: [{ isSignal: true, alias: "outcomeRules", required: false }] }], storedOutcomeResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "storedOutcomeResults", required: false }] }], printTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "printTitle", required: false }] }], viewer: [{ type: i0.ViewChild, args: ['viewer', { isSignal: true }] }], printHost: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXMQuestionnairePrintHostComponent), { isSignal: true }] }] } });
+
+export { AXMQuestionnaireViewerPopupComponent };
+//# sourceMappingURL=acorex-platform-module-assessment-management-client-questionnaire-viewer-popup.component-Djcfg0dv.mjs.map