@acorex/modules 21.0.0-next.73 → 21.0.0-next.74

package/fesm2022/{acorex-modules-assessment-management-questionnaire-viewer-popup.component-DYtzVNK8.mjs → acorex-modules-assessment-management-questionnaire-viewer-popup.component-ClvQ18w6.mjs}

@@ -13,7 +13,7 @@ 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-es';
-import { b as AXMQuestionnaireViewerService, R as RootConfig, p as persistAssessmentSession, c as AXMQuestionnaireViewerComponent, d as AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, e as AXMPreQuestionnaireContentComponent, f as AXMPostQuestionnaireContentComponent } from './acorex-modules-assessment-management-acorex-modules-assessment-management-FKvCLWhj.mjs';
+import { b as AXMQuestionnaireViewerService, R as RootConfig, p as persistAssessmentSession, c as AXMQuestionnaireViewerComponent, d as AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, e as AXMPreQuestionnaireContentComponent, f as AXMPostQuestionnaireContentComponent } from './acorex-modules-assessment-management-acorex-modules-assessment-management-yboYQ8I-.mjs';
 
 //#region ----   Imports   ----
 //#endregion
@@ -428,383 +428,13 @@ class AXMQuestionnaireViewerPopupComponent extends AXBasePageComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, outcomeRules: { classPropertyName: "outcomeRules", publicName: "outcomeRules", isSignal: true, isRequired: false, transformFunction: null }, storedOutcomeResults: { classPropertyName: "storedOutcomeResults", publicName: "storedOutcomeResults", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "viewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    
-      <div
-        class="__content-area ax-flex ax-flex-1 ax-min-h-0 ax-flex-col"
-        [class.ax-overflow-hidden]="flowStep() === 'questions'"
-        [class.ax-overflow-y-auto]="flowStep() !== 'questions'"
-      >
-        @if (flowStep() === 'pre') {
-          <axm-pre-questionnaire-content
-            [content]="prePostConfigValue()?.pre?.content"
-          ></axm-pre-questionnaire-content>
-        } @else if (flowStep() === 'results') {
-          <axm-post-questionnaire-content mode="results" [placeholderValues]="submitResult()"></axm-post-questionnaire-content>
-        } @else if (flowStep() === 'summary') {
-          <axm-post-questionnaire-content
-            mode="summary"
-            [summaryContent]="prePostConfigValue()?.post?.summaryContent"
-            [placeholderValues]="submitResult()"
-          ></axm-post-questionnaire-content>
-        } @else {
-          @if (flowStep() === 'review') {
-            <axm-post-questionnaire-content
-              mode="review"
-              [questionsWithAnswers]="reviewSnapshot()"
-              [reviewContext]="reviewContext()"
-              [showQuestionNumbers]="configValue()?.showQuestionNumbers ?? true"
-            ></axm-post-questionnaire-content>
-          }
-          <div
-            class="__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden"
-            [class.ax-invisible]="flowStep() === 'review'"
-            [style.position]="flowStep() === 'review' ? 'fixed' : null"
-            [style.left]="flowStep() === 'review' ? '-9999px' : null"
-            [class.ax-size-0]="flowStep() === 'review'"
-            [class.ax-overflow-hidden]="flowStep() === 'review'"
-          >
-            <!-- <div class="__header ax-flex-shrink-0 ax-p-4 ax-border-b ax-border-surface">
-              <div class="ax-flex ax-justify-between ax-items-center">
-                <div class="__toolbar-meta ax-flex ax-items-center ax-gap-4 ax-text-sm">
-                  @if (totalQuestionsCount() > 0) {
-                    <span><i class="fa-light fa-list-check"></i> {{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>
-                  }
-                  @if (showTimer()) {
-                    <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 ax-flex ax-flex-1 ax-min-h-0 ax-flex-col ax-overflow-y-auto ax-overflow-x-hidden">
-              <axm-questionnaire-viewer
-                #viewer
-                [questionnaireId]="questionnaireIdValue()"
-                [structure]="structureValue()"
-                [config]="configValue()"
-                [initialAnswers]="effectiveInitialAnswers()"
-              ></axm-questionnaire-viewer>
-            </div>
-          </div>
-        }
-      </div>
-    @if (showFooter()) {
-      <ax-footer class="__popup-footer ax-flex-shrink-0 ax-border-t ax-px-4 ax-py-3">
-          <ax-prefix>
-            @if (flowStep() === 'questions') {
-              <div class="ax-flex ax-items-center ax-gap-4 ax-min-w-0">
-                <axm-questionnaire-viewer-questionnaire-attachments-footer
-                  [attachments]="questionnaireAttachments()"
-                />
-                <div class="__footer-progress ax-text-sm ax-font-mono ax-tabular-nums" dir="ltr">{{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}</div>
-              </div>
-            }
-          </ax-prefix>
-          <ax-suffix>
-            <!-- Pre-questionnaire welcome step -->
-            @if (flowStep() === 'pre') {
-              <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async" (onClick)="flowStep.set('questions')"></ax-button>
-            } @else if (flowStep() === 'questions') {
-              <!-- Draft save (fill mode with save-and-continue) -->
-              @if (showSaveButton()) {
-                <ax-button
-                  look="outline"
-                  color="primary"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.actions.save-as-draft.title' | translate | async"
-                  [disabled]="isSubmitting() || isReadonly()"
-                  (onClick)="handleSaveClick()"
-                ></ax-button>
-              }
-              <!-- Section / page navigation (paginated view modes) -->
-              @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>
-                }
-              }
-              <!-- Last step: optional review before submit -->
-              @if (isLastStep() && showReviewButton()) {
-                <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async" [disabled]="isReadonly() || !areAllRequiredQuestionsAnswered()" (onClick)="handleReviewClick()"></ax-button>
-              }
-              <!-- Last step: submit when review is disabled -->
-              @if (isLastStep() && !showReviewButton() && showSubmitButton()) {
-                <ax-button look="solid" color="primary" [text]="primarySubmitActionLabel() | translate | async" [disabled]="isSubmitting() || isReadonly() || !areAllRequiredQuestionsAnswered()" (onClick)="handleSubmitClick()"></ax-button>
-              }
-              <!-- Readonly session review: jump to stored outcome results -->
-              @if (showViewResultsButton()) {
-                <ax-button
-                  look="outline"
-                  color="success"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.results' | translate | async"
-                  (onClick)="handleViewResultsClick()"
-                >
-                  <ax-icon class="fa-light fa-chart-simple"></ax-icon>
-                </ax-button>
-              }
-              <!-- Manager review decision (readonly workflow review) -->
-              @if (showReviewDecisionButtons()) {
-                <ax-button
-                  look="solid"
-                  color="success"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async"
-                  (onClick)="handleReviewSignOff()"
-                >
-                  <ax-icon class="fa-light fa-check"></ax-icon>
-                </ax-button>
-                <ax-button
-                  look="solid"
-                  color="danger"
-                  [text]="'@general:actions.reject.title' | translate | async"
-                  (onClick)="handleReviewReject()"
-                >
-                  <ax-icon class="fa-light fa-times"></ax-icon>
-                </ax-button>
-              }
-            } @else if (flowStep() === 'review') {
-              <!-- Review step: return to questions or submit -->
-              <ax-button look="outline" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async" (onClick)="flowStep.set('questions')"></ax-button>
-              <ax-button look="solid" color="primary" [text]="primarySubmitActionLabel() | translate | async" [disabled]="isSubmitting()" (onClick)="handleReviewSubmit()"></ax-button>
-            } @else if (flowStep() === 'results') {
-              <!-- Readonly session review: return to answers -->
-              @if (isReadonly() && hasStoredOutcomeResults()) {
-                <ax-button
-                  look="outline"
-                  [color]="'primary'"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.answers' | translate | async"
-                  (onClick)="flowStep.set('questions')"
-                >
-                  <ax-icon class="fa-light fa-clipboard-list-check"></ax-icon>
-                </ax-button>
-              }
-              @if (showReviewDecisionButtons()) {
-                <ax-button
-                  look="solid"
-                  color="success"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async"
-                  (onClick)="handleReviewSignOff()"
-                >
-                  <ax-icon class="fa-light fa-check"></ax-icon>
-                </ax-button>
-                <ax-button
-                  look="solid"
-                  color="danger"
-                  [text]="'@general:actions.reject.title' | translate | async"
-                  (onClick)="handleReviewReject()"
-                >
-                  <ax-icon class="fa-light fa-times"></ax-icon>
-                </ax-button>
-              } @else if (prePostConfigValue()?.post?.summaryEnabled && !isReadonly()) {
-                <ax-button look="solid" color="primary" [text]="'@general:actions.next.title' | translate | async" (onClick)="flowStep.set('summary')"></ax-button>
-              } @else {
-                <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async" (onClick)="handleDone()"></ax-button>
-              }
-            } @else if (flowStep() === 'summary') {
-              <!-- Post-submit summary: close -->
-              <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async" (onClick)="handleDone()"></ax-button>
-            }
-          </ax-suffix>
-        </ax-footer>
-    }
-  `, isInline: true, styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;max-height:90vh;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}@media(min-width:1024px){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:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-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 .__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-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-popup .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}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 axm-questionnaire-viewer-popup{min-height:0px;flex:1 1 0%}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 1 0%;overflow:hidden}\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: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, outcomeRules: { classPropertyName: "outcomeRules", publicName: "outcomeRules", isSignal: true, isRequired: false, transformFunction: null }, storedOutcomeResults: { classPropertyName: "storedOutcomeResults", publicName: "storedOutcomeResults", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "viewer", first: true, predicate: ["viewer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main content area: flow-step driven body -->\n<div class=\"__content-area ax-flex ax-flex-1 ax-min-h-0 ax-flex-col\"\n  [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n  <!-- Pre-questionnaire introduction content -->\n  @if (flowStep() === 'pre') {\n  <axm-pre-questionnaire-content [content]=\"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]=\"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 ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n    [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n    [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n    <!-- @if (showTimer()) {\n        <div class=\"__header ax-flex-shrink-0 ax-p-4 ax-border-b ax-border-surface\">\n          <div class=\"ax-flex ax-justify-between ax-items-center\">\n            <div class=\"__toolbar-meta ax-flex ax-items-center ax-gap-4 ax-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 ax-flex ax-flex-1 ax-min-h-0 ax-flex-col ax-overflow-y-auto ax-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 ax-flex-shrink-0 ax-border-t ax-px-4 ax-py-3\">\n  <!-- Footer prefix: attachments and progress -->\n  <ax-prefix>\n    @if (flowStep() === 'questions') {\n    <div class=\"ax-flex ax-items-center ax-gap-4 ax-min-w-0\">\n      <axm-questionnaire-viewer-questionnaire-attachments-footer [attachments]=\"questionnaireAttachments()\" />\n      <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n      </div>\n    </div>\n    }\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}", styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;max-height:90vh;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}@media(min-width:1024px){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:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-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 .__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-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-popup .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}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 axm-questionnaire-viewer-popup{min-height:0px;flex:1 1 0%}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 1 0%;overflow:hidden}\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: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMQuestionnaireViewerPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-questionnaire-viewer-popup', template: `
-    
-      <div
-        class="__content-area ax-flex ax-flex-1 ax-min-h-0 ax-flex-col"
-        [class.ax-overflow-hidden]="flowStep() === 'questions'"
-        [class.ax-overflow-y-auto]="flowStep() !== 'questions'"
-      >
-        @if (flowStep() === 'pre') {
-          <axm-pre-questionnaire-content
-            [content]="prePostConfigValue()?.pre?.content"
-          ></axm-pre-questionnaire-content>
-        } @else if (flowStep() === 'results') {
-          <axm-post-questionnaire-content mode="results" [placeholderValues]="submitResult()"></axm-post-questionnaire-content>
-        } @else if (flowStep() === 'summary') {
-          <axm-post-questionnaire-content
-            mode="summary"
-            [summaryContent]="prePostConfigValue()?.post?.summaryContent"
-            [placeholderValues]="submitResult()"
-          ></axm-post-questionnaire-content>
-        } @else {
-          @if (flowStep() === 'review') {
-            <axm-post-questionnaire-content
-              mode="review"
-              [questionsWithAnswers]="reviewSnapshot()"
-              [reviewContext]="reviewContext()"
-              [showQuestionNumbers]="configValue()?.showQuestionNumbers ?? true"
-            ></axm-post-questionnaire-content>
-          }
-          <div
-            class="__questions ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden"
-            [class.ax-invisible]="flowStep() === 'review'"
-            [style.position]="flowStep() === 'review' ? 'fixed' : null"
-            [style.left]="flowStep() === 'review' ? '-9999px' : null"
-            [class.ax-size-0]="flowStep() === 'review'"
-            [class.ax-overflow-hidden]="flowStep() === 'review'"
-          >
-            <!-- <div class="__header ax-flex-shrink-0 ax-p-4 ax-border-b ax-border-surface">
-              <div class="ax-flex ax-justify-between ax-items-center">
-                <div class="__toolbar-meta ax-flex ax-items-center ax-gap-4 ax-text-sm">
-                  @if (totalQuestionsCount() > 0) {
-                    <span><i class="fa-light fa-list-check"></i> {{ totalQuestionsCount() }} {{ totalQuestionsCount() === 1 ? 'Question' : 'Questions' }}</span>
-                  }
-                  @if (showTimer()) {
-                    <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 ax-flex ax-flex-1 ax-min-h-0 ax-flex-col ax-overflow-y-auto ax-overflow-x-hidden">
-              <axm-questionnaire-viewer
-                #viewer
-                [questionnaireId]="questionnaireIdValue()"
-                [structure]="structureValue()"
-                [config]="configValue()"
-                [initialAnswers]="effectiveInitialAnswers()"
-              ></axm-questionnaire-viewer>
-            </div>
-          </div>
-        }
-      </div>
-    @if (showFooter()) {
-      <ax-footer class="__popup-footer ax-flex-shrink-0 ax-border-t ax-px-4 ax-py-3">
-          <ax-prefix>
-            @if (flowStep() === 'questions') {
-              <div class="ax-flex ax-items-center ax-gap-4 ax-min-w-0">
-                <axm-questionnaire-viewer-questionnaire-attachments-footer
-                  [attachments]="questionnaireAttachments()"
-                />
-                <div class="__footer-progress ax-text-sm ax-font-mono ax-tabular-nums" dir="ltr">{{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}</div>
-              </div>
-            }
-          </ax-prefix>
-          <ax-suffix>
-            <!-- Pre-questionnaire welcome step -->
-            @if (flowStep() === 'pre') {
-              <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.start' | translate | async" (onClick)="flowStep.set('questions')"></ax-button>
-            } @else if (flowStep() === 'questions') {
-              <!-- Draft save (fill mode with save-and-continue) -->
-              @if (showSaveButton()) {
-                <ax-button
-                  look="outline"
-                  color="primary"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.actions.save-as-draft.title' | translate | async"
-                  [disabled]="isSubmitting() || isReadonly()"
-                  (onClick)="handleSaveClick()"
-                ></ax-button>
-              }
-              <!-- Section / page navigation (paginated view modes) -->
-              @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>
-                }
-              }
-              <!-- Last step: optional review before submit -->
-              @if (isLastStep() && showReviewButton()) {
-                <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.review' | translate | async" [disabled]="isReadonly() || !areAllRequiredQuestionsAnswered()" (onClick)="handleReviewClick()"></ax-button>
-              }
-              <!-- Last step: submit when review is disabled -->
-              @if (isLastStep() && !showReviewButton() && showSubmitButton()) {
-                <ax-button look="solid" color="primary" [text]="primarySubmitActionLabel() | translate | async" [disabled]="isSubmitting() || isReadonly() || !areAllRequiredQuestionsAnswered()" (onClick)="handleSubmitClick()"></ax-button>
-              }
-              <!-- Readonly session review: jump to stored outcome results -->
-              @if (showViewResultsButton()) {
-                <ax-button
-                  look="outline"
-                  color="success"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.results' | translate | async"
-                  (onClick)="handleViewResultsClick()"
-                >
-                  <ax-icon class="fa-light fa-chart-simple"></ax-icon>
-                </ax-button>
-              }
-              <!-- Manager review decision (readonly workflow review) -->
-              @if (showReviewDecisionButtons()) {
-                <ax-button
-                  look="solid"
-                  color="success"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async"
-                  (onClick)="handleReviewSignOff()"
-                >
-                  <ax-icon class="fa-light fa-check"></ax-icon>
-                </ax-button>
-                <ax-button
-                  look="solid"
-                  color="danger"
-                  [text]="'@general:actions.reject.title' | translate | async"
-                  (onClick)="handleReviewReject()"
-                >
-                  <ax-icon class="fa-light fa-times"></ax-icon>
-                </ax-button>
-              }
-            } @else if (flowStep() === 'review') {
-              <!-- Review step: return to questions or submit -->
-              <ax-button look="outline" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.edit' | translate | async" (onClick)="flowStep.set('questions')"></ax-button>
-              <ax-button look="solid" color="primary" [text]="primarySubmitActionLabel() | translate | async" [disabled]="isSubmitting()" (onClick)="handleReviewSubmit()"></ax-button>
-            } @else if (flowStep() === 'results') {
-              <!-- Readonly session review: return to answers -->
-              @if (isReadonly() && hasStoredOutcomeResults()) {
-                <ax-button
-                  look="outline"
-                  [color]="'primary'"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.answers' | translate | async"
-                  (onClick)="flowStep.set('questions')"
-                >
-                  <ax-icon class="fa-light fa-clipboard-list-check"></ax-icon>
-                </ax-button>
-              }
-              @if (showReviewDecisionButtons()) {
-                <ax-button
-                  look="solid"
-                  color="success"
-                  [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.sign-off' | translate | async"
-                  (onClick)="handleReviewSignOff()"
-                >
-                  <ax-icon class="fa-light fa-check"></ax-icon>
-                </ax-button>
-                <ax-button
-                  look="solid"
-                  color="danger"
-                  [text]="'@general:actions.reject.title' | translate | async"
-                  (onClick)="handleReviewReject()"
-                >
-                  <ax-icon class="fa-light fa-times"></ax-icon>
-                </ax-button>
-              } @else if (prePostConfigValue()?.post?.summaryEnabled && !isReadonly()) {
-                <ax-button look="solid" color="primary" [text]="'@general:actions.next.title' | translate | async" (onClick)="flowStep.set('summary')"></ax-button>
-              } @else {
-                <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async" (onClick)="handleDone()"></ax-button>
-              }
-            } @else if (flowStep() === 'summary') {
-              <!-- Post-submit summary: close -->
-              <ax-button look="solid" color="primary" [text]="'@assessment-management:questionnaires.components.questionnaire-viewer.flow.done' | translate | async" (onClick)="handleDone()"></ax-button>
-            }
-          </ax-suffix>
-        </ax-footer>
-    }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ selector: 'axm-questionnaire-viewer-popup', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
                         AXTranslationModule,
                         AXAlertModule,
@@ -815,8 +445,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent,
                         AXMPreQuestionnaireContentComponent,
                         AXMPostQuestionnaireContentComponent,
-                    ], encapsulation: ViewEncapsulation.None, styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;max-height:90vh;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}@media(min-width:1024px){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:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-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 .__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-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-popup .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}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 axm-questionnaire-viewer-popup{min-height:0px;flex:1 1 0%}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 1 0%;overflow:hidden}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<!-- Main content area: flow-step driven body -->\n<div class=\"__content-area ax-flex ax-flex-1 ax-min-h-0 ax-flex-col\"\n  [class.ax-overflow-hidden]=\"flowStep() === 'questions'\" [class.ax-overflow-y-auto]=\"flowStep() !== 'questions'\">\n  <!-- Pre-questionnaire introduction content -->\n  @if (flowStep() === 'pre') {\n  <axm-pre-questionnaire-content [content]=\"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]=\"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 ax-flex ax-flex-col ax-flex-1 ax-min-h-0 ax-overflow-hidden\"\n    [class.ax-invisible]=\"flowStep() === 'review'\" [style.position]=\"flowStep() === 'review' ? 'fixed' : null\"\n    [style.left]=\"flowStep() === 'review' ? '-9999px' : null\" [class.ax-size-0]=\"flowStep() === 'review'\"\n    [class.ax-overflow-hidden]=\"flowStep() === 'review'\">\n    <!-- @if (showTimer()) {\n        <div class=\"__header ax-flex-shrink-0 ax-p-4 ax-border-b ax-border-surface\">\n          <div class=\"ax-flex ax-justify-between ax-items-center\">\n            <div class=\"__toolbar-meta ax-flex ax-items-center ax-gap-4 ax-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 ax-flex ax-flex-1 ax-min-h-0 ax-flex-col ax-overflow-y-auto ax-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 ax-flex-shrink-0 ax-border-t ax-px-4 ax-py-3\">\n  <!-- Footer prefix: attachments and progress -->\n  <ax-prefix>\n    @if (flowStep() === 'questions') {\n    <div class=\"ax-flex ax-items-center ax-gap-4 ax-min-w-0\">\n      <axm-questionnaire-viewer-questionnaire-attachments-footer [attachments]=\"questionnaireAttachments()\" />\n      <div class=\"__footer-progress ax-text-sm ax-font-mono ax-tabular-nums\" dir=\"ltr\">\n        {{ answeredQuestionsCount() }} / {{ totalQuestionsCount() }}\n      </div>\n    </div>\n    }\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}", styles: ["axm-questionnaire-viewer-popup{display:flex;height:100%;max-height:90vh;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column;overflow:hidden}@media(min-width:1024px){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:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));color:rgb(var(--ax-sys-color-on-surface-variant));position:sticky;top:0}axm-questionnaire-viewer-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 .__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-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}axm-questionnaire-viewer-popup .__toolbar-meta{color:rgb(var(--ax-sys-color-on-surface-variant))}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 axm-questionnaire-viewer-popup{min-height:0px;flex:1 1 0%}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 1 0%;overflow:hidden}\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 }] }], outcomeRules: [{ type: i0.Input, args: [{ isSignal: true, alias: "outcomeRules", required: false }] }], storedOutcomeResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "storedOutcomeResults", required: false }] }], viewer: [{ type: i0.ViewChild, args: ['viewer', { isSignal: true }] }] } });
 
 export { AXMQuestionnaireViewerPopupComponent };
-//# sourceMappingURL=acorex-modules-assessment-management-questionnaire-viewer-popup.component-DYtzVNK8.mjs.map
+//# sourceMappingURL=acorex-modules-assessment-management-questionnaire-viewer-popup.component-ClvQ18w6.mjs.map