@acorex-platform/module-assessment-management-client 0.0.38 → 0.0.48

package/fesm2022/{acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-BcpbQ8TJ.mjs → acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-CZtfv53E.mjs}

@@ -1,19 +1,19 @@
-import { AXMAssessmentManagementFeatureKeys, RootConfig, AXPSafetyRiskPermissionKeys, AXPAssessmentManagementMenuKeys, parseQuestionHintPartialFromRecord, flattenQuestionnaireOutcomeItems, normalizeQuestionnaireOutcomesValue, normalizeQuestionnaireOutcomeDisplayRules, matchesQuestionnaireOutcomeDisplayRule, normalizeQuestionCommentConfig, commentConfigForEditForm, mergeQuestionCommentConfig, normalizeQuestionHintFromEntityRow, mergeQuestionHintForViewer, normalizeQuestionHintMode, normalizeQuestionHintConfig, diffQuestionHintOverride, diffQuestionCommentOverride, toDisplaySettings, toPrintSettings, toPrePostConfig, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY, findDuplicateOutcomeNames, QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY, resolvePrintSettings, resolvePrintPaging, getQuestionAnswerCommentStoragePath, getQuestionCommentVisibilityFlag, DEFAULT_QUESTIONNAIRE_PRINT_SETTINGS, normalizeCompletionMode, wrapPrintDocument, minifyPrintHtml, resolvePrintPlainText, parseQuestionnaireOutcomeDisplayColor, isQuestionnaireOutcomeDisplayColorHex, resolvePrintContentWidthMm } from '@acorex-platform/module-assessment-management-client/contracts';
+import { AXMAssessmentManagementFeatureKeys, RootConfig, AXPSafetyRiskPermissionKeys, AXPAssessmentManagementMenuKeys, AXPContentDocumentsPermissionKeys, AXPFormTemplateManagementMenuKeys, parseQuestionHintPartialFromRecord, flattenQuestionnaireOutcomeItems, normalizeQuestionnaireOutcomesValue, normalizeQuestionnaireOutcomeDisplayRules, matchesQuestionnaireOutcomeDisplayRule, normalizeQuestionCommentConfig, commentConfigForEditForm, mergeQuestionCommentConfig, normalizeQuestionHintFromEntityRow, mergeQuestionHintForViewer, normalizeQuestionHintMode, normalizeQuestionHintConfig, diffQuestionHintOverride, diffQuestionCommentOverride, toDisplaySettings, toPrintSettings, toPrePostConfig, QUESTIONNAIRE_QUESTIONS_PAGE_COMPONENT_KEY, findDuplicateOutcomeNames, QUESTIONNAIRE_OUTCOMES_PAGE_COMPONENT_KEY, resolvePrintSettings, resolvePrintPaging, getQuestionAnswerCommentStoragePath, getQuestionCommentVisibilityFlag, DEFAULT_QUESTIONNAIRE_PRINT_SETTINGS, normalizeCompletionMode, AXMFormTemplateTypes, wrapPrintDocument, minifyPrintHtml, resolvePrintPlainText, parseQuestionnaireOutcomeDisplayColor, isQuestionnaireOutcomeDisplayColorHex, resolvePrintContentWidthMm } from '@acorex-platform/module-assessment-management-client/contracts';
 import { AXPCommonMenuKeys, AXPCommonPermissionGroupKeys } from '@acorex-platform/module-common-client/contracts';
 import { AXPEntityService, AXPEntityDefinitionRegistryService, AXPFileListComponent } from '@acorex-platform/framework-client/layout/entity';
 import * as i0 from '@angular/core';
-import { inject, Injectable, NgModule, input, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, ViewEncapsulation, ElementRef, afterNextRender, ChangeDetectorRef } from '@angular/core';
-import { AXPSearchCommandProvider, createEntityCommandOptions, AXPStickyDirective, AX_FILE_TYPE_METADATA_SUPPORT_BY_FILE_VIEWER, AXP_FILE_TYPE_INFO_PROVIDER, AXP_PROTECTED_ROUTE_GUARDS, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex-platform/framework-client/common';
+import { inject, Injectable, NgModule, input, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, ViewEncapsulation, ElementRef, afterNextRender, InjectionToken, HostBinding, ChangeDetectorRef } from '@angular/core';
+import { AXPSearchCommandProvider, createEntityCommandOptions, AXPStickyDirective, AX_FILE_TYPE_METADATA_SUPPORT_BY_FILE_VIEWER, AXP_FILE_TYPE_INFO_PROVIDER, AXP_PROTECTED_ROUTE_GUARDS, AXP_SEARCH_PROVIDER, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER } from '@acorex-platform/framework-client/common';
 import { AXPCommandService, provideCommandSetups, provideQuerySetups, provideCommand } from '@acorex-platform/framework-client/runtime';
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
 import { AXPDataSelectorService, AXPPropertyViewerService, AXPStandardSectionItemsBuilderComponent, AXPStateMessageComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPOutcomeResultsViewerComponent, AXPThemeLayoutBlockComponent, AXPStopwatchComponent } from '@acorex-platform/framework-client/layout/components';
-import { AXPExpressionEvaluatorService, AXPDeviceService, AXPBroadcastEventService, AXPContextStore, AXPDataGenerator, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/core';
+import { AXPExpressionEvaluatorService, AXPDeviceService, AXPBroadcastEventService, AXPContextStore, AXPDataGenerator, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, provideLazyProvider, AXP_FEATURE_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/core';
 import { ROUTES, ActivatedRoute } from '@angular/router';
 import { AXPRootLayoutComponent } from '@acorex-platform/framework-client/themes/default';
 import * as i1$1 from '@acorex-platform/framework-client/layout/widget-core';
-import { AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetRegistryService, AXPWidgetContainerComponent, AXPWidgetCoreService } from '@acorex-platform/framework-client/layout/widget-core';
-import { AXPWidgetGroupEnum, createBooleanProperty } from '@acorex-platform/framework-shared/widget-core';
-import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY } from '@acorex-platform/framework-client/layout/widgets';
+import { AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetRegistryService, AXPWidgetContainerComponent, AXPValueWidgetComponent, AXPLayoutBaseWidgetComponent, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_LAYOUT_CATEGORY, AXPWidgetCoreService } from '@acorex-platform/framework-client/layout/widget-core';
+import { AXPWidgetGroupEnum, createBooleanProperty, createStringProperty } from '@acorex-platform/framework-shared/widget-core';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXPWidgetsModule } from '@acorex-platform/framework-client/layout/widgets';
 import * as i3 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i1$3 from '@acorex/components/form';
@@ -24,7 +24,7 @@ import * as i2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXToastService } from '@acorex/components/toast';
 import { signalStore, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
-import { cloneDeep, get, isEqual, isNil, first, defaultTo, isEmpty, isObject, set, isString } from 'lodash';
+import { cloneDeep, get, isEqual, isNil, first, defaultTo, isEmpty, isObject, set, isString, sortBy } from 'lodash';
 import { AXDataSource } from '@acorex/cdk/common';
 import { AXFullScreenDirective } from '@acorex/cdk/full-screen';
 import * as i1 from '@acorex/components/button';
@@ -35,7 +35,7 @@ import { AXSwitchModule } from '@acorex/components/switch';
 import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXPopupService } from '@acorex/components/popup';
-import { AXPWidgetsCatalog, containsHtmlMarkup, AXPSystemStatusType, createRandomUuid } from '@acorex-platform/framework-shared/core';
+import { AXPWidgetsCatalog, containsHtmlMarkup, AXPSystemStatusType, createRandomUuid, runtimeCommandPayloadData, resolveToSurfaceClass } from '@acorex-platform/framework-shared/core';
 import { AXPEntityEventsKeys } from '@acorex-platform/framework-shared/entity';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutBase, AXPPageLayoutComponent } from '@acorex-platform/framework-client/layout/views';
 import * as i2$1 from '@acorex/components/alert';
@@ -56,6 +56,7 @@ import { AXE_ASSESSMENT_QUESTIONNAIRE_VOICE_CAPABILITY_ID, ASSESSMENT_FIND_CASE_
 import * as i1$4 from '@acorex/core/file';
 import { AX_FILE_TYPE_METADATA_PURPOSE, AXFileTypeInfoProvider, AXFileModule, provideFileTypeInfoProvider } from '@acorex/core/file';
 import { AXDialogService } from '@acorex/components/dialog';
+import { AXPDesignerConnector, AXPDesignerService, AXPWidgetDesignerRendererDirective, AXPDesignerAddWidgetMiniButtonComponent } from '@acorex-platform/framework-client/layout/designer';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i3$2 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
@@ -76,6 +77,12 @@ class AXMAssessmentManagementFeatureDefinitionProvider {
             defaultValue: true,
             type: 'boolean',
         });
+        context.addFeature(AXMAssessmentManagementFeatureKeys.FormTemplates, {
+            title: '@form-template-management:module.title',
+            description: '@form-template-management:module.description',
+            defaultValue: false,
+            type: 'boolean',
+        });
     }
 }
 //#endregion
@@ -135,6 +142,17 @@ class AXMAssessmentManagementMenuProvider {
                     permissions: [keys.MaintainAssessments],
                 },
             },
+            {
+                name: AXPFormTemplateManagementMenuKeys.Templates,
+                text: '@form-template-management:templates.menus.forms.title',
+                path: this.entityService.withEntity(module.name, RootConfig.entities.template.name).createPath(),
+                icon: RootConfig.entities.template.icon,
+                priority: 3,
+                policy: {
+                    features: [AXMAssessmentManagementFeatureKeys.FormTemplates],
+                    permissions: [AXPContentDocumentsPermissionKeys.MaintainFormTemplates],
+                },
+            },
         ]);
         // Root under MODULES: Assessments (Cases)
         context.addItems([
@@ -236,26 +254,6 @@ var searchCommand_provider = /*#__PURE__*/Object.freeze({
     AXMAssessmentManagementSearchCommandProvider: AXMAssessmentManagementSearchCommandProvider
 });
 
-//#region ----   Imports   ----
-//#endregion
-//#region ----   Manifest Definition   ----
-/**
- * Assessment Management Module Manifest.
- * Defines module metadata, features, and provider references.
- */
-const AssessmentManagementManifest = {
-    name: RootConfig.module.name,
-    version: '1.0.0',
-    title: RootConfig.module.title,
-    icon: RootConfig.module.icon,
-    i18n: RootConfig.config.i18n,
-    type: 'domain',
-    domain: 'assessment-learning',
-    required: false,
-    // Module dependencies (optional)
-};
-//#endregion
-
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Widget config   ----
@@ -322,10 +320,10 @@ const AXMQuestionBankInterfaceEditorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-B9iRaSSF.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-CRRrPiJ9.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-B9iRaSSF.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-assessment-management-client-question-bank-interface-editor-widget-edit.component-CRRrPiJ9.mjs').then((c) => c.AXMQuestionBankInterfaceEditorWidgetEditComponent),
         },
         column: {
             component: () => import('@acorex-platform/framework-client/layout/widgets').then((m) => m.AXPWidgetFieldConfiguratorWidgetColumnComponent),
@@ -756,7 +754,7 @@ class AXMQuestionnaireViewerService {
      * Open questionnaire viewer in a dialog
      */
     async open(config) {
-        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-popup.component-B4JMc6ew.mjs');
+        const { AXMQuestionnaireViewerPopupComponent } = await import('./acorex-platform-module-assessment-management-client-questionnaire-viewer-popup.component-Cn3kk7b6.mjs');
         const structure = config.structure;
         const submitHandler = config.submitHandler ??
             ((answers) => this.buildSummaryPlaceholderValues(structure, answers, {
@@ -2471,7 +2469,7 @@ class AXMQuestionnaireQuestionsBuilderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireQuestionsBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMQuestionnaireQuestionsBuilderComponent, isStandalone: true, selector: "axm-questionnaire-questions-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, prePostConfig: { classPropertyName: "prePostConfig", publicName: "prePostConfig", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, displaySettingsInput: { classPropertyName: "displaySettingsInput", publicName: "displaySettingsInput", isSignal: true, isRequired: false, transformFunction: null }, printSettingsInput: { classPropertyName: "printSettingsInput", publicName: "printSettingsInput", isSignal: true, isRequired: false, transformFunction: null }, questionnaireEntityId: { classPropertyName: "questionnaireEntityId", publicName: "questionnaireEntityId", isSignal: true, isRequired: false, transformFunction: null }, questionnaireTitle: { classPropertyName: "questionnaireTitle", publicName: "questionnaireTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "fullscreenDirective", first: true, predicate: ["fullscreen"], descendants: true, isSignal: true }, { propertyName: "standardRef", first: true, predicate: AXPStandardSectionItemsBuilderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-questionnaire-questions-builder\" axFullscreen #fullscreen=\"axFullscreen\">\n  @if (showHeader()) {\n  <div class=\"__header\">\n    <div class=\"__header-left\"></div>\n    <div class=\"__header-right\">\n      @if (!readonly()) {\n      <ax-button class=\"ax-sm\" [text]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title'\n            | translate\n            | async) || 'Add Section'\n        \" [color]=\"'primary'\" (onClick)=\"addSection()\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title'\n            | translate\n            | async) || 'Preview'\n        \" [disabled]=\"isPreviewDisabled()\" (onClick)=\"handlePreview()\">\n        <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n      </ax-button>\n      }\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.fullscreen.title'\n            | translate\n            | async) || 'Full Screen'\n        \" (onClick)=\"handleFullscreen()\">\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    </div>\n  </div>\n  }\n\n  <axp-standard-section-items-builder #standardRef class=\"block min-h-[200px]\" [value]=\"builderValue()\"\n    [config]=\"standardConfig()\" [readonly]=\"readonly()\" (valueChange)=\"onBuilderValueChange($event)\" />\n</div>", styles: ["@layer properties;.axm-questionnaire-questions-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-questions-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3)}.axm-questionnaire-questions-builder .__header .__header-left,.axm-questionnaire-questions-builder .__header .__header-right{display:flex;gap:calc(var(--spacing, .25rem) * 2)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStandardSectionItemsBuilderComponent, selector: "axp-standard-section-items-builder", inputs: ["value", "config", "readonly"], outputs: ["valueChange"] }, { kind: "directive", type: AXFullScreenDirective, selector: "[axFullscreen]", outputs: ["fullscreenChange"], exportAs: ["axFullscreen"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMQuestionnaireQuestionsBuilderComponent, isStandalone: true, selector: "axm-questionnaire-questions-builder", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, prePostConfig: { classPropertyName: "prePostConfig", publicName: "prePostConfig", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, displaySettingsInput: { classPropertyName: "displaySettingsInput", publicName: "displaySettingsInput", isSignal: true, isRequired: false, transformFunction: null }, printSettingsInput: { classPropertyName: "printSettingsInput", publicName: "printSettingsInput", isSignal: true, isRequired: false, transformFunction: null }, questionnaireEntityId: { classPropertyName: "questionnaireEntityId", publicName: "questionnaireEntityId", isSignal: true, isRequired: false, transformFunction: null }, questionnaireTitle: { classPropertyName: "questionnaireTitle", publicName: "questionnaireTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "fullscreenDirective", first: true, predicate: ["fullscreen"], descendants: true, isSignal: true }, { propertyName: "standardRef", first: true, predicate: AXPStandardSectionItemsBuilderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-questionnaire-questions-builder\" axFullscreen #fullscreen=\"axFullscreen\">\n  @if (showHeader()) {\n  <div class=\"__header\">\n    <div class=\"__header-left\"></div>\n    <div class=\"__header-right\">\n      @if (!readonly()) {\n      <ax-button class=\"ax-sm\" [text]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.add-section.title'\n            | translate\n            | async) || 'Add Section'\n        \" [color]=\"'primary'\" (onClick)=\"addSection()\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-light fa-layer-group\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.preview.title'\n            | translate\n            | async) || 'Preview'\n        \" [disabled]=\"isPreviewDisabled()\" (onClick)=\"handlePreview()\">\n        <ax-icon icon=\"fa-light fa-eye\"></ax-icon>\n      </ax-button>\n      }\n      <ax-button class=\"ax-sm\" [title]=\"\n          ('@assessment-management:questionnaires.components.questionnaire-builder.actions.fullscreen.title'\n            | translate\n            | async) || 'Full Screen'\n        \" (onClick)=\"handleFullscreen()\">\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    </div>\n  </div>\n  }\n\n  <axp-standard-section-items-builder #standardRef class=\"block min-h-[200px]\" [value]=\"builderValue()\"\n    [config]=\"standardConfig()\" [readonly]=\"readonly()\" (valueChange)=\"onBuilderValueChange($event)\" />\n</div>", styles: ["@layer properties;.axm-questionnaire-questions-builder{display:flex;height:100%;width:100%;flex-direction:column}.axm-questionnaire-questions-builder .__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3)}.axm-questionnaire-questions-builder .__header .__header-left,.axm-questionnaire-questions-builder .__header .__header-right{display:flex;gap:calc(var(--spacing, .25rem) * 2)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXSwitchModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStandardSectionItemsBuilderComponent, selector: "axp-standard-section-items-builder", inputs: ["value", "config", "readonly"], outputs: ["valueChange"] }, { kind: "directive", type: AXFullScreenDirective, selector: "[axFullscreen]", inputs: ["mode"], outputs: ["fullscreenChange"], exportAs: ["axFullscreen"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireQuestionsBuilderComponent, decorators: [{
             type: Component,
@@ -3900,7 +3898,7 @@ class AXMSaveQuestionnaireOutcomesCommand {
         this.translationService = inject(AXTranslationService);
     }
     async execute(input) {
-        const { id, outcomes } = input;
+        const { id, outcomes, entity } = input;
         if (!id) {
             return {
                 success: false,
@@ -3910,7 +3908,7 @@ class AXMSaveQuestionnaireOutcomesCommand {
             };
         }
         try {
-            const entityRef = `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`;
+            const entityRef = entity ?? `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`;
             const dataAccessor = this.entityService.withEntity(entityRef).data();
             await dataAccessor.update(id, { outcomes });
             return { success: true, kind: 'object',
@@ -3959,6 +3957,9 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
         ...(ngDevMode ? [undefined, { debugName: "rootContext" }] : /* istanbul ignore next */ []));
         this.pageConfig = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        /** Entity page `options`. `entity` is the full name to patch (`Module.Entity`). */
+        this.options = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Services   ----
         this.commandService = inject(AXPCommandService);
@@ -4094,7 +4095,12 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
                 },
             };
         }
-        const input = { id, outcomes };
+        const entityOption = this.options()?.['entity'];
+        const input = {
+            id,
+            outcomes,
+            entity: typeof entityOption === 'string' ? entityOption : undefined,
+        };
         const result = await this.commandService.execute(QUESTIONNAIRE_OUTCOMES_SAVE_COMMAND, input);
         const execResult = (result ?? { success: false });
         if (execResult.success) {
@@ -4103,8 +4109,11 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
             this.updateRootContextField('outcomes', outcomes);
             this.localContext.set(null);
             this.recompute();
+            const entityOption = this.options()?.['entity'];
             this.eventService.publish(AXPEntityEventsKeys.REFRESH_LAYOUT, {
-                name: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`,
+                name: typeof entityOption === 'string'
+                    ? entityOption
+                    : `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}`,
             });
         }
         return execResult;
@@ -4167,7 +4176,7 @@ class AXMQuestionnaireOutcomesPageComponent extends AXPPageLayoutBaseComponent {
         maybeLayout?.recompute?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireOutcomesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXMQuestionnaireOutcomesPageComponent, isStandalone: true, selector: "axm-questionnaire-outcomes-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXMQuestionnaireOutcomesPageComponent, isStandalone: true, selector: "axm-questionnaire-outcomes-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMQuestionnaireOutcomesPageComponent,
@@ -4205,7 +4214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], builderRef: [{ type: i0.ViewChild, args: ['builderRef', { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], builderRef: [{ type: i0.ViewChild, args: ['builderRef', { isSignal: true }] }] } });
 
 var questionnaireOutcomesPage_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -6770,7 +6779,7 @@ class AXMQuestionnaireViewerSideMenuViewComponent {
         return cache.has(sectionIndex) ? !cache.get(sectionIndex) : false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMQuestionnaireViewerSideMenuViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-side-menu-view", viewQueries: [{ propertyName: "tabRef", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"__side-menu-container\">\n  <!-- Desktop Sidebar (Large screens) -->\n  @if (deviceService.isLarge()) {\n    <div class=\"__desktop-sidebar\" [axResizable]=\"true\">\n      <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n        @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n          <ax-tab-item\n            [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n            (onClick)=\"handleSectionClick(sectionIndex)\"\n            [disabled]=\"isSectionDisabled(sectionIndex)\"\n          >\n            @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n              <ax-badge [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\" [color]=\"'danger'\">\n              </ax-badge>\n            }\n          </ax-tab-item>\n        }\n      </ax-tabs>\n    </div>\n  }\n\n  <!-- Mobile/Tablet: Drawer Container -->\n  @if (deviceService.isSmall() || deviceService.isMedium()) {\n    <ax-drawer-container class=\"__drawer-container\">\n      <!-- Sidebar Drawer (Mobile) -->\n      <ax-drawer\n        #sidebarDrawer\n        [location]=\"'start'\"\n        [mode]=\"'overlay'\"\n        [collapsed]=\"sidebarDrawerCollapsed()\"\n        [closeOnBackdropClick]=\"true\"\n        (onBackdropClick)=\"sidebarDrawerCollapsed.set(true)\"\n        class=\"__sidebar-drawer w-[250px]\"\n      >\n        <ax-content class=\"__sidebar-content\">\n          <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n            @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n              <ax-tab-item\n                [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n                (onClick)=\"handleSectionClick(sectionIndex)\"\n                [active]=\"vm.currentSectionIndex() === sectionIndex\"\n                [disabled]=\"isSectionDisabled(sectionIndex)\"\n              >\n                @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n                  <ax-badge\n                    [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                    [color]=\"'danger'\"\n                  >\n                  </ax-badge>\n                }\n              </ax-tab-item>\n            }\n          </ax-tabs>\n        </ax-content>\n      </ax-drawer>\n\n      <!-- Main Content (Mobile) -->\n      <ax-content class=\"__main-content\">\n        <!-- Questions Content -->\n        @if (vm.currentSection(); as section) {\n          @if (vm.isSectionVisible(section)) {\n            @if (stickyParent(); as parent) {\n              <div class=\"__mobile-header-row\" [axpSticky]=\"'--stuck'\" [stickyParent]=\"parent\" [stickyOffset]=\"0\">\n                <div class=\"__mobile-menu-button\">\n                  <ax-button look=\"blank\" (onClick)=\"sidebarDrawerCollapsed.set(!sidebarDrawerCollapsed())\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button>\n                </div>\n\n                <axm-questionnaire-viewer-section-header\n                  [title]=\"section.title\"\n                  [description]=\"section.description\"\n                  [titleSize]=\"'lg'\"\n                  [marginBottom]=\"'none'\"\n                >\n                </axm-questionnaire-viewer-section-header>\n              </div>\n            }\n\n            <div class=\"__page-section\">\n              <div class=\"__questions-list\">\n                @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                  <axm-questionnaire-viewer-question\n                    [question]=\"question\"\n                    [sectionOrder]=\"section.order\"\n                    [questionIndex]=\"i + 1\"\n                    [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                    [showQuestionCounter]=\"false\"\n                  >\n                  </axm-questionnaire-viewer-question>\n                }\n              </div>\n            </div>\n          }\n        }\n      </ax-content>\n    </ax-drawer-container>\n  } @else {\n    <!-- Desktop Main Content -->\n    <div class=\"__main-content\">\n      <!-- Questions Content -->\n      @if (vm.currentSection(); as section) {\n        @if (vm.isSectionVisible(section)) {\n          @if (stickyParent(); as parent) {\n            <div\n              class=\"__section-title-sticky\"\n              [axpSticky]=\"'--stuck'\"\n              [stickyParent]=\"parent\"\n              [stickyOffset]=\"0\"\n            >\n              <axm-questionnaire-viewer-section-header\n                [title]=\"section.title\"\n                [description]=\"section.description\"\n                [titleSize]=\"'lg'\"\n                [marginBottom]=\"'none'\"\n              >\n              </axm-questionnaire-viewer-section-header>\n            </div>\n          }\n\n          <div class=\"__page-section\">\n            <div class=\"__questions-list\">\n              @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                <axm-questionnaire-viewer-question\n                  [question]=\"question\"\n                  [sectionOrder]=\"section.order\"\n                  [questionIndex]=\"i + 1\"\n                  [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                  [showQuestionCounter]=\"false\"\n                >\n                </axm-questionnaire-viewer-question>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer properties;axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(width>=40rem){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(width>=64rem){axm-questionnaire-viewer-side-menu-view{height:65vh}}axm-questionnaire-viewer-side-menu-view .__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}axm-questionnaire-viewer-side-menu-view .__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}axm-questionnaire-viewer-side-menu-view .__sidebar-drawer{height:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-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-side-menu-view .__sidebar-content{height:100%;overflow-y:auto}axm-questionnaire-viewer-side-menu-view .__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-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-side-menu-view .__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1;overflow-y:auto}axm-questionnaire-viewer-side-menu-view .__sidebar-tabs ax-tab-item{margin-block:0px;padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}axm-questionnaire-viewer-side-menu-view .__main-content{display:flex;max-height:83vh;min-height:0px;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto}@media(width>=48rem){axm-questionnaire-viewer-side-menu-view .__main-content{max-height:75vh}}axm-questionnaire-viewer-side-menu-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-side-menu-view .__mobile-menu-button{margin-inline-start:calc(var(--spacing, .25rem) * -2);flex-shrink:0}axm-questionnaire-viewer-side-menu-view .__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}@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: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i1$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i1$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "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: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMQuestionnaireViewerSideMenuViewComponent, isStandalone: true, selector: "axm-questionnaire-viewer-side-menu-view", viewQueries: [{ propertyName: "tabRef", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"__side-menu-container\">\n  <!-- Desktop Sidebar (Large screens) -->\n  @if (deviceService.isLarge()) {\n    <div class=\"__desktop-sidebar\" [axResizable]=\"true\">\n      <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n        @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n          <ax-tab-item\n            [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n            (onClick)=\"handleSectionClick(sectionIndex)\"\n            [disabled]=\"isSectionDisabled(sectionIndex)\"\n          >\n            @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n              <ax-badge [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\" [color]=\"'danger'\">\n              </ax-badge>\n            }\n          </ax-tab-item>\n        }\n      </ax-tabs>\n    </div>\n  }\n\n  <!-- Mobile/Tablet: Drawer Container -->\n  @if (deviceService.isSmall() || deviceService.isMedium()) {\n    <ax-drawer-container class=\"__drawer-container\">\n      <!-- Sidebar Drawer (Mobile) -->\n      <ax-drawer\n        #sidebarDrawer\n        [location]=\"'start'\"\n        [mode]=\"'overlay'\"\n        [collapsed]=\"sidebarDrawerCollapsed()\"\n        [closeOnBackdropClick]=\"true\"\n        (onBackdropClick)=\"sidebarDrawerCollapsed.set(true)\"\n        class=\"__sidebar-drawer w-[250px]\"\n      >\n        <ax-content class=\"__sidebar-content\">\n          <ax-tabs class=\"__sidebar-tabs\" [look]=\"'with-line-color'\" [location]=\"'end'\" [fitParent]=\"true\">\n            @for (sectionIndex of vm.sectionIndicesWithVisibleContent(); track sectionIndex) {\n              <ax-tab-item\n                [text]=\"(vm.sections()[sectionIndex].title | translate | async) || ''\"\n                (onClick)=\"handleSectionClick(sectionIndex)\"\n                [active]=\"vm.currentSectionIndex() === sectionIndex\"\n                [disabled]=\"isSectionDisabled(sectionIndex)\"\n              >\n                @if (getSectionBadgeCount(vm.sections()[sectionIndex].name) > 0) {\n                  <ax-badge\n                    [text]=\"getSectionBadgeCount(vm.sections()[sectionIndex].name).toString()\"\n                    [color]=\"'danger'\"\n                  >\n                  </ax-badge>\n                }\n              </ax-tab-item>\n            }\n          </ax-tabs>\n        </ax-content>\n      </ax-drawer>\n\n      <!-- Main Content (Mobile) -->\n      <ax-content class=\"__main-content\">\n        <!-- Questions Content -->\n        @if (vm.currentSection(); as section) {\n          @if (vm.isSectionVisible(section)) {\n            @if (stickyParent(); as parent) {\n              <div class=\"__mobile-header-row\" [axpSticky]=\"'--stuck'\" [stickyParent]=\"parent\" [stickyOffset]=\"0\">\n                <div class=\"__mobile-menu-button\">\n                  <ax-button look=\"blank\" (onClick)=\"sidebarDrawerCollapsed.set(!sidebarDrawerCollapsed())\">\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button>\n                </div>\n\n                <axm-questionnaire-viewer-section-header\n                  [title]=\"section.title\"\n                  [description]=\"section.description\"\n                  [titleSize]=\"'lg'\"\n                  [marginBottom]=\"'none'\"\n                >\n                </axm-questionnaire-viewer-section-header>\n              </div>\n            }\n\n            <div class=\"__page-section\">\n              <div class=\"__questions-list\">\n                @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                  <axm-questionnaire-viewer-question\n                    [question]=\"question\"\n                    [sectionOrder]=\"section.order\"\n                    [questionIndex]=\"i + 1\"\n                    [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                    [showQuestionCounter]=\"false\"\n                  >\n                  </axm-questionnaire-viewer-question>\n                }\n              </div>\n            </div>\n          }\n        }\n      </ax-content>\n    </ax-drawer-container>\n  } @else {\n    <!-- Desktop Main Content -->\n    <div class=\"__main-content\">\n      <!-- Questions Content -->\n      @if (vm.currentSection(); as section) {\n        @if (vm.isSectionVisible(section)) {\n          @if (stickyParent(); as parent) {\n            <div\n              class=\"__section-title-sticky\"\n              [axpSticky]=\"'--stuck'\"\n              [stickyParent]=\"parent\"\n              [stickyOffset]=\"0\"\n            >\n              <axm-questionnaire-viewer-section-header\n                [title]=\"section.title\"\n                [description]=\"section.description\"\n                [titleSize]=\"'lg'\"\n                [marginBottom]=\"'none'\"\n              >\n              </axm-questionnaire-viewer-section-header>\n            </div>\n          }\n\n          <div class=\"__page-section\">\n            <div class=\"__questions-list\">\n              @for (question of vm.getVisibleQuestionsInSection(section); track question.name; let i = $index) {\n                <axm-questionnaire-viewer-question\n                  [question]=\"question\"\n                  [sectionOrder]=\"section.order\"\n                  [questionIndex]=\"i + 1\"\n                  [showQuestionNumbers]=\"vm.showQuestionNumbers()\"\n                  [showQuestionCounter]=\"false\"\n                >\n                </axm-questionnaire-viewer-question>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", styles: ["@layer properties;axm-questionnaire-viewer-side-menu-view{display:block;min-height:0px;width:100%;overflow:hidden}@media(width>=40rem){axm-questionnaire-viewer-side-menu-view{height:100%}}@media(width>=64rem){axm-questionnaire-viewer-side-menu-view{height:65vh}}axm-questionnaire-viewer-side-menu-view .__side-menu-container{display:flex;height:100%;min-height:0px;width:100%;overflow:hidden}axm-questionnaire-viewer-side-menu-view .__drawer-container{display:flex;height:100%;width:100%;overflow:hidden}axm-questionnaire-viewer-side-menu-view .__sidebar-drawer{height:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-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-side-menu-view .__sidebar-content{height:100%;overflow-y:auto}axm-questionnaire-viewer-side-menu-view .__desktop-sidebar{display:flex;height:100%;min-height:0px;flex-shrink:0;flex-direction:column;overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-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-side-menu-view .__sidebar-tabs{--ax-comp-tabs-default-border-radius: 0;height:100%;min-height:0px;flex:1;overflow-y:auto}axm-questionnaire-viewer-side-menu-view .__sidebar-tabs ax-tab-item{margin-block:0px;padding-block:calc(var(--spacing, .25rem) * 3);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}axm-questionnaire-viewer-side-menu-view .__main-content{display:flex;max-height:83vh;min-height:0px;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto}@media(width>=48rem){axm-questionnaire-viewer-side-menu-view .__main-content{max-height:75vh}}axm-questionnaire-viewer-side-menu-view .__page-section{display:flex;flex-shrink:0;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);padding:calc(var(--spacing, .25rem) * 4)}axm-questionnaire-viewer-side-menu-view .__mobile-menu-button{margin-inline-start:calc(var(--spacing, .25rem) * -2);flex-shrink:0}axm-questionnaire-viewer-side-menu-view .__questions-list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4)}@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: "component", type: AXMQuestionnaireViewerQuestionComponent, selector: "axm-questionnaire-viewer-question", inputs: ["question", "contextData", "sectionOrder", "questionIndex", "showQuestionNumbers", "showQuestionCounter", "currentPosition", "mode"] }, { kind: "component", type: AXMQuestionnaireViewerSectionHeaderComponent, selector: "axm-questionnaire-viewer-section-header", inputs: ["title", "description", "titleSize", "marginBottom"] }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i1$2.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "renderMode", "stacked", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i1$2.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "component", type: i3$1.AXDrawerComponent, selector: "ax-drawer", inputs: ["location", "showBackdrop", "mode", "transition", "closeOnBackdropClick", "backdropClass", "collapsed", "singleOpenMode"], outputs: ["onBackdropClick", "collapsedStateChanged"] }, { kind: "component", type: i3$1.AXDrawerContainerComponent, selector: "ax-drawer-container" }, { kind: "ngmodule", type: AXDrawerDirectiveModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "handles", "minWidth", "maxWidth", "minHeight", "maxHeight", "dblClickAction", "width", "defaultWidth", "height", "defaultHeight", "lockAspectRatio"], outputs: ["axResizableChange", "handlesChange", "minWidthChange", "maxWidthChange", "minHeightChange", "maxHeightChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "heightChange", "defaultHeightChange", "lockAspectRatioChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "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: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMQuestionnaireViewerSideMenuViewComponent, decorators: [{
             type: Component,
@@ -8022,19 +8031,19 @@ class AXMQuestionnaireViewerFeatureModule {
             provideCommandSetups([
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-yOfBbOMK.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-CyiaPtLs.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-Db64SCn6.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-ZTIjmXdy.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-Db64SCn6.mjs').then((c) => c.PreviewQuestionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-ZTIjmXdy.mjs').then((c) => c.PreviewQuestionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-BUMtj_L6.mjs').then((c) => c.ViewSessionAnswersCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-DlnnmAlD.mjs').then((c) => c.ViewSessionAnswersCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:PreviewPdf`,
@@ -8042,47 +8051,47 @@ class AXMQuestionnaireViewerFeatureModule {
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-lHYKxCXo.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-Dp6gSQWO.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-lHYKxCXo.mjs').then((c) => c.FillAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-Dp6gSQWO.mjs').then((c) => c.FillAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ReviewAnswers`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-si6-7hpg.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-Cf6SKE8F.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                 },
                 {
                     key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ReviewAnswers`,
-                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-si6-7hpg.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-Cf6SKE8F.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                 },
                 {
                     key: ASSESSMENT_FIND_CASE_FOR_VOICE_FILL_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
                 },
                 {
                     key: ASSESSMENT_START_HEADLESS_QUESTIONNAIRE_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
                 },
                 {
                     key: ASSESSMENT_NEXT_QUESTIONNAIRE_QUESTION_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
                 },
                 {
                     key: ASSESSMENT_APPLY_QUESTIONNAIRE_ANSWER_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
                 },
                 {
                     key: ASSESSMENT_SAVE_QUESTIONNAIRE_DRAFT_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
                 },
                 {
                     key: ASSESSMENT_SUBMIT_QUESTIONNAIRE_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
                 },
                 {
                     key: ASSESSMENT_CANCEL_QUESTIONNAIRE_COMMAND,
-                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
+                    command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
                 },
             ]),
             {
@@ -8114,19 +8123,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:Preview`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-yOfBbOMK.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-questionnaire.command-CyiaPtLs.mjs').then((c) => c.AXPPreviewQuestionnaireCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionnaire.name}:PreviewQuestion`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-Db64SCn6.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-ZTIjmXdy.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.questionBankItem.name}:Preview`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-Db64SCn6.mjs').then((c) => c.PreviewQuestionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-question.command-ZTIjmXdy.mjs').then((c) => c.PreviewQuestionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ViewAnswers`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-BUMtj_L6.mjs').then((c) => c.ViewSessionAnswersCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-view-session-answers.command-DlnnmAlD.mjs').then((c) => c.ViewSessionAnswersCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:PreviewPdf`,
@@ -8134,47 +8143,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:Fill`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-lHYKxCXo.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-Dp6gSQWO.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:Fill`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-lHYKxCXo.mjs').then((c) => c.FillAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-fill-assessment-session.command-Dp6gSQWO.mjs').then((c) => c.FillAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentSession.name}:ReviewAnswers`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-si6-7hpg.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-Cf6SKE8F.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                             },
                             {
                                 key: `${RootConfig.module.name}.${RootConfig.entities.assessmentCase.name}:ReviewAnswers`,
-                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-si6-7hpg.mjs').then((c) => c.ReviewAssessmentSessionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-review-assessment-session.command-Cf6SKE8F.mjs').then((c) => c.ReviewAssessmentSessionCommand),
                             },
                             {
                                 key: ASSESSMENT_FIND_CASE_FOR_VOICE_FILL_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMFindCaseForVoiceFillCommand),
                             },
                             {
                                 key: ASSESSMENT_START_HEADLESS_QUESTIONNAIRE_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMStartHeadlessQuestionnaireCommand),
                             },
                             {
                                 key: ASSESSMENT_NEXT_QUESTIONNAIRE_QUESTION_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMNextQuestionnaireQuestionCommand),
                             },
                             {
                                 key: ASSESSMENT_APPLY_QUESTIONNAIRE_ANSWER_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMApplyQuestionnaireAnswerCommand),
                             },
                             {
                                 key: ASSESSMENT_SAVE_QUESTIONNAIRE_DRAFT_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMSaveQuestionnaireDraftCommand),
                             },
                             {
                                 key: ASSESSMENT_SUBMIT_QUESTIONNAIRE_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMSubmitQuestionnaireCommand),
                             },
                             {
                                 key: ASSESSMENT_CANCEL_QUESTIONNAIRE_COMMAND,
-                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DEcHphg8.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
+                                command: () => import('./acorex-platform-module-assessment-management-client-assessment-voice.commands-DvD4E7zS.mjs').then((c) => c.AXMCancelQuestionnaireCommand),
                             },
                         ]),
                         {
@@ -8324,9 +8333,601 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }] });
 
+class AXPDesignerConnectorImpl extends AXPDesignerConnector {
+    constructor() {
+        super(...arguments);
+        this.commandService = inject(AXPCommandService);
+        this.entityService = inject(AXPEntityService);
+        this.templateEntityService = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.template.name).data();
+        this.categoryEntityDataAccessor = this.entityService
+            .withEntity(RootConfig.module.name, `${RootConfig.entities.template.name}Category`)
+            .data();
+    }
+    //#region Save and load Widgets
+    async save(id, content) {
+        const item = await this.templateEntityService.byKey(id);
+        if (item) {
+            await this.templateEntityService.update(id, { template: content.json });
+            return true;
+        }
+        else {
+            throw Error("Invalid Id");
+        }
+    }
+    async saveAs(content) {
+        const entityKey = `${RootConfig.module.name}.${RootConfig.entities.template.name}`;
+        const result = await this.commandService.execute('Entity:Create', {
+            entity: entityKey,
+            entityInfo: {
+                name: RootConfig.entities.template.name,
+                module: RootConfig.module.name,
+                title: RootConfig.entities.template.title,
+            },
+            data: {
+                name: AXPDataGenerator.alphanumeric(10),
+                type: AXMFormTemplateTypes.Widget,
+                template: content.json,
+                categoryId: (await this.categoryEntityDataAccessor.query()).items[0]?.id,
+            },
+            options: {
+                process: {
+                    redirect: false,
+                },
+            },
+        });
+        return !!result?.success;
+    }
+    async load(id) {
+        const item = await this.templateEntityService.byKey(id);
+        if (item) {
+            return item.template;
+        }
+        else {
+            throw Error("Invalid Id");
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPDesignerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPDesignerConnectorImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPDesignerConnectorImpl, decorators: [{
+            type: Injectable
+        }] });
+
+const AXP_TEMPLATE_WIDGET_PROVIDER = new InjectionToken('AXP_TEMPLATE_WIDGET_PROVIDER');
+class AXPTemplateWidgetProviderService {
+    constructor() {
+        this.popupService = inject(AXPopupService);
+        this.translate = inject(AXTranslationService);
+        this.providers = inject(AXP_TEMPLATE_WIDGET_PROVIDER, { optional: true });
+    }
+    async items(query) {
+        if (Array.isArray(this.providers)) {
+            const result = [];
+            for (const provider of this.providers) {
+                const items = await provider.items(query);
+                if (items) {
+                    result.push(...items);
+                }
+            }
+            return result;
+        }
+        else {
+            return [];
+        }
+    }
+    async get(id) {
+        if (Array.isArray(this.providers)) {
+            for (const provider of this.providers) {
+                const node = await provider.get(id);
+                if (node) {
+                    return node;
+                }
+            }
+        }
+        return null;
+    }
+    async chooseTemplate() {
+        const com = await import('./acorex-platform-module-assessment-management-client-template-picker.component-RFv42PnE.mjs').then((c) => c.AXPTemplateWidgetPickerComponent);
+        const widgets = await this.items({
+            skip: 0,
+            take: 100,
+            filter: {
+                field: 'type.id',
+                value: 20,
+                operator: {
+                    type: 'equal',
+                },
+            },
+        });
+        const result = await this.popupService.open(com, {
+            title: await this.translate.translateAsync('@form-template-management:designer.components.template-picker.title'),
+            size: 'lg',
+            closeButton: true,
+            data: {
+                widgets: sortBy(widgets, (c) => c.title),
+            },
+        });
+        if (result.data) {
+            const selected = result.data?.widgets;
+            return selected[0];
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetProviderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetProviderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AXPTemplateWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super();
+        this.metaKey = '__meta__';
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.templateId = computed(() => this.options()['templateId'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateId" }] : /* istanbul ignore next */ []));
+        this.nodes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+        //
+        effect(async () => {
+            this.nodes.set([]);
+            const value = this.getValue();
+            const templateId = get(value, `${this.metaKey}.templateId`) ?? this.templateId();
+            if (templateId) {
+                const item = await this.templateProvider.get(templateId);
+                if (item) {
+                    this.nodes.set(item.nodes);
+                }
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTemplateWidgetViewComponent, isStandalone: true, selector: "axp-template-widget-view", usesInheritance: true, ngImport: i0, template: `
+    @for (node of nodes(); track $index) {
+      <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    } @empty {
+      <span class="underline decoration-dotted underline-offset-8 text-gray-400">
+        {{ '@form-template-management:templates.terms.empty-template' | translate | async }}
+      </span>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-template-widget-view',
+                    template: `
+    @for (node of nodes(); track $index) {
+      <ng-container axp-widget-renderer [node]="node" [parentNode]="this" [mode]="this.mode"> </ng-container>
+    } @empty {
+      <span class="underline decoration-dotted underline-offset-8 text-gray-400">
+        {{ '@form-template-management:templates.terms.empty-template' | translate | async }}
+      </span>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXPWidgetCoreModule, AXTranslationModule],
+                }]
+        }], ctorParameters: () => [] });
+
+var templateWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTemplateWidgetViewComponent: AXPTemplateWidgetViewComponent
+});
+
+const AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU = {
+    text: 'Choose Template',
+    name: 'choose',
+    icon: 'fa-solid fa-folder-open',
+};
+class AXPTemplateWidgetDesignerComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super();
+        this.templateProvider = inject(AXPTemplateWidgetProviderService);
+        this.designerService = inject(AXPDesignerService);
+        this.templateId = computed(() => this.options()['templateId'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateId" }] : /* istanbul ignore next */ []));
+        this.nodes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+        this.title = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        //
+        effect(async () => {
+            this.nodes.set([]);
+            if (this.templateId()) {
+                const item = await this.templateProvider.get(this.templateId());
+                if (item && item.nodes?.length > 0) {
+                    this.title.set(item.title);
+                    this.nodes.set(item.nodes);
+                }
+            }
+        });
+    }
+    async handleChooseWidget() {
+        const result = await this.templateProvider.chooseTemplate();
+        if (result) {
+            this.designerService.update({
+                mode: 'update',
+                values: { options: { templateId: result.id } },
+                widget: this.node,
+            });
+        }
+    }
+    get __class() {
+        const cls = {};
+        //
+        cls[`w-full`] = true;
+        cls[`ax-widget-outline`] = true;
+        //
+        cls[`block`] = true;
+        return cls;
+    }
+    onContextMenu(context) {
+        const items = [AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU];
+        items[items.length - 1].break = true;
+        context.items.unshift(...items);
+    }
+    async executeCommand(command) {
+        switch (command.name) {
+            case AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU.name:
+                await this.handleChooseWidget();
+                break;
+        }
+        return Promise.resolve();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTemplateWidgetDesignerComponent, isStandalone: true, selector: "axp-template-widget-designer", host: { properties: { "class": "this.__class" } }, providers: [
+            {
+                provide: AXPLayoutBaseWidgetComponent,
+                useExisting: AXPTemplateWidgetDesignerComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    @if (nodes().length) {
+      <div class="relative block w-full pointer-events-none">
+        @for (node of nodes(); track $index) {
+          <ng-container
+            axp-widget-designer-renderer
+            [locked]="true"
+            [node]="node"
+            [parentNode]="this"
+            [mode]="this.mode"
+          >
+          </ng-container>
+        }
+        <div
+          class="absolute top-0 bottom-0 left-0 right-0 bg-blue-400 opacity-30 flex justify-center items-center z-[400]"
+        >
+          <span class="capitalize font-semibold text-primary-700"> {{ title() }}</span>
+        </div>
+      </div>
+    } @else {
+      <axp-designer-add-widget-mini-button
+        class="flex-1 self-center place-self-end"
+        (onClick)="handleChooseWidget()"
+      >
+      </axp-designer-add-widget-mini-button>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "parentElement", "parentComponent", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-template-widget-designer',
+                    template: `
+    @if (nodes().length) {
+      <div class="relative block w-full pointer-events-none">
+        @for (node of nodes(); track $index) {
+          <ng-container
+            axp-widget-designer-renderer
+            [locked]="true"
+            [node]="node"
+            [parentNode]="this"
+            [mode]="this.mode"
+          >
+          </ng-container>
+        }
+        <div
+          class="absolute top-0 bottom-0 left-0 right-0 bg-blue-400 opacity-30 flex justify-center items-center z-[400]"
+        >
+          <span class="capitalize font-semibold text-primary-700"> {{ title() }}</span>
+        </div>
+      </div>
+    } @else {
+      <axp-designer-add-widget-mini-button
+        class="flex-1 self-center place-self-end"
+        (onClick)="handleChooseWidget()"
+      >
+      </axp-designer-add-widget-mini-button>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXPWidgetCoreModule,
+                        AXPWidgetDesignerRendererDirective,
+                        AXPDesignerAddWidgetMiniButtonComponent
+                    ],
+                    providers: [
+                        {
+                            provide: AXPLayoutBaseWidgetComponent,
+                            useExisting: AXPTemplateWidgetDesignerComponent,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { __class: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var templateWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTemplateWidgetDesignerComponent: AXPTemplateWidgetDesignerComponent,
+    AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU: AXP_DESIGNER_TEMPLATE_WIDGET_CHOOSE_MENU
+});
+
+const AXPTemplateWidget = {
+    name: 'template',
+    title: 'Template',
+    type: 'container',
+    icon: 'fa-light fa-file-invoice',
+    categories: [AXP_WIDGETS_ADVANCE_CATEGORY],
+    groups: [AXPWidgetGroupEnum.FormElement],
+    designer: {
+        canInsert: false,
+    },
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        createStringProperty({
+            name: 'options.templateId',
+            title: 'Template',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+            visible: false,
+        }),
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
+        },
+        edit: {
+            component: () => import('./acorex-platform-module-assessment-management-client-template-widget-edit.component-D3XNxDqe.mjs').then((c) => c.AXPTemplateWidgetEditComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return templateWidgetView_component; }).then((c) => c.AXPTemplateWidgetViewComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return templateWidgetDesigner_component; }).then((c) => c.AXPTemplateWidgetDesignerComponent),
+        },
+    },
+};
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
+class AXPTemplateDesignerWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----- Services & Dependencies -----
+        this.commandService = inject(AXPCommandService);
+        //#endregion
+        //#region ----- Computed Properties -----
+        this.embedded = computed(() => Boolean(this.options()['embedded']), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "embedded" }] : /* istanbul ignore next */ []));
+        /** Saved records open the designer by id. Create has no id yet and designs into the form. */
+        this.isSavedTemplate = computed(() => hasPersistedRecordId(this.extractValue('id')), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSavedTemplate" }] : /* istanbul ignore next */ []));
+        this.descriptionKey = computed(() => this.isSavedTemplate()
+            ? '@form-template-management:designer.launch.saved.description'
+            : '@form-template-management:designer.launch.create.description', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptionKey" }] : /* istanbul ignore next */ []));
+        this.actionKey = computed(() => this.isSavedTemplate()
+            ? '@form-template-management:designer.launch.saved.action'
+            : '@form-template-management:designer.launch.create.action', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actionKey" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    async handleClick() {
+        if (this.embedded()) {
+            const result = await this.commandService.execute('design-form-template', {
+                embedded: true,
+                content: this.getValue(),
+            });
+            const data = runtimeCommandPayloadData(result);
+            if (data?.content != null) {
+                this.setValue(data.content);
+            }
+            return;
+        }
+        const id = this.extractValue('id');
+        await this.commandService.execute('design-form-template', {
+            data: { id },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPTemplateDesignerWidgetViewComponent, isStandalone: true, selector: "axp-template-designer-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"flex w-full flex-wrap items-center justify-between gap-3\">\n  <!-- ----- What opening the designer will do ----- -->\n  <p class=\"m-0 min-w-0 flex-1 text-sm text-muted\">\n    {{ descriptionKey() | translate | async }}\n  </p>\n  <ax-button\n    class=\"shrink-0\"\n    look=\"outline\"\n    color=\"primary\"\n    [text]=\"(actionKey() | translate | async) ?? ''\"\n    (onClick)=\"handleClick()\"\n  >\n    <ax-prefix>\n      <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTemplateDesignerWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-template-designer-widget', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXTranslationModule, AsyncPipe], template: "<div class=\"flex w-full flex-wrap items-center justify-between gap-3\">\n  <!-- ----- What opening the designer will do ----- -->\n  <p class=\"m-0 min-w-0 flex-1 text-sm text-muted\">\n    {{ descriptionKey() | translate | async }}\n  </p>\n  <ax-button\n    class=\"shrink-0\"\n    look=\"outline\"\n    color=\"primary\"\n    [text]=\"(actionKey() | translate | async) ?? ''\"\n    (onClick)=\"handleClick()\"\n  >\n    <ax-prefix>\n      <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</div>\n" }]
+        }] });
+//#endregion
+//#region ----- Helpers -----
+function hasPersistedRecordId(id) {
+    return (typeof id === 'string' && id.length > 0) || (typeof id === 'number' && !Number.isNaN(id));
+}
+
+var templateDesignerWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPTemplateDesignerWidgetViewComponent: AXPTemplateDesignerWidgetViewComponent
+});
+
+const AXPTemplateDesignerWidget = {
+    name: "template-designer",
+    title: "Template Designer",
+    icon: "fa-light fa-square",
+    type: 'editor',
+    categories: AXP_WIDGETS_LAYOUT_CATEGORY,
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return templateDesignerWidgetView_component; }).then((c) => c.AXPTemplateDesignerWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return templateDesignerWidgetView_component; }).then((c) => c.AXPTemplateDesignerWidgetViewComponent),
+        }
+    }
+};
+
+//#endregion
+//#region ----   Form Template Widgets Provider   ----
+const FORM_TEMPLATE_WIDGETS = [AXPTemplateDesignerWidget, AXPTemplateWidget];
+class AXMFormTemplateManagementWidgetsProvider {
+    getWidgets() {
+        return FORM_TEMPLATE_WIDGETS;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFormTemplateManagementWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFormTemplateManagementWidgetsProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFormTemplateManagementWidgetsProvider, decorators: [{
+            type: Injectable
+        }] });
+
+class AXPFormTemplateViewerConnector {
+}
+class AXPFormTemplateViewerConnectorImpl extends AXPFormTemplateViewerConnector {
+    constructor() {
+        super(...arguments);
+        this.entityService = inject(AXPEntityService);
+        this.templateEntityService = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.template.name).data();
+    }
+    //#region Save and load Widgets
+    async submit(id, context, metadeta) {
+        return Promise.resolve(true);
+    }
+    async load(id) {
+        const item = await this.templateEntityService.byKey(id);
+        if (item) {
+            return item.template;
+        }
+        else {
+            throw Error('Invalid Id');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFormTemplateViewerConnectorImpl, decorators: [{
+            type: Injectable
+        }] });
+
+class AXPTemplateWidgetProviderImpl {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+        this.service = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.template.name).data();
+    }
+    async items(query) {
+        const result = (await this.service.query(query)).items.map((c) => ({
+            id: c.id,
+            title: c.title,
+            group: {
+                name: c.categoryIds[0],
+                order: 2,
+                title: get(c, 'category.title') ?? 'Custom',
+            },
+            description: c.description,
+        }));
+        return result;
+    }
+    async get(id) {
+        const item = await this.service.byKey(id);
+        if (item) {
+            const document = JSON.parse(item.template);
+            const page = document?.children?.[0];
+            return {
+                id: item.id,
+                nodes: page?.children ?? [],
+                title: item.title,
+            };
+        }
+        else {
+            throw Error('Invalid Id');
+        }
+    }
+}
+
+//#endregion
+//#region ----- Permission Definition Provider -----
+/**
+ * Registers form-template capabilities into the shared Content & Documents group.
+ */
+class AXMPermissionDefinitionProvider {
+    async define(context) {
+        const keys = AXPContentDocumentsPermissionKeys;
+        const groups = AXPCommonPermissionGroupKeys;
+        const P = '@common:content-documents.permissions';
+        const G = '@common:permission-groups';
+        context.addGroup(groups.ContentDocuments.Root, `${G}.content-documents.title`, `${G}.content-documents.description`, { order: 90 });
+        context
+            .addGroup(groups.ContentDocuments.FormTemplates, `${G}.content-documents-form-templates.title`, `${G}.content-documents-form-templates.description`, { parent: groups.ContentDocuments.Root, order: 30 })
+            .addPermission(keys.MaintainFormTemplates, `${P}.maintain-form-templates.title`, `${P}.maintain-form-templates.description`)
+            .endPermission()
+            .endGroup();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPermissionDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPermissionDefinitionProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPermissionDefinitionProvider, decorators: [{
+            type: Injectable
+        }] });
+
+class AXMSearchCommandProvider extends AXPSearchCommandProvider {
+    constructor() {
+        super(...arguments);
+        this.commands = [
+            {
+                id: 'create-form-template',
+                group: 'command',
+                title: '@form-template-management:templates.permissions.templates.actions.create.title',
+                description: '@form-template-management:templates.permissions.templates.actions.create.description',
+                icon: RootConfig.entities.template.icon,
+                command: {
+                    name: 'create-form-template',
+                    options: {},
+                },
+            },
+        ];
+    }
+}
+
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Routes   ----
+function formTemplateRoutesFactory() {
+    return [
+        {
+            path: 'forms',
+            children: [
+                {
+                    path: 'designer',
+                    loadComponent: () => import('./acorex-platform-module-assessment-management-client-designer.page-COXTLIgc.mjs').then((c) => c.AXMFormTemplateManagementModuleDesignerPage),
+                },
+                {
+                    path: 'preview',
+                    loadComponent: () => import('@acorex-platform/framework-client/layout/designer').then((c) => c.AXPLayoutDesignerPreviewComponent),
+                },
+                {
+                    path: 'viewer',
+                    loadComponent: () => import('@acorex-platform/framework-client/layout/designer').then((c) => c.AXPLayoutDesignerPreviewViewerComponent),
+                },
+            ],
+        },
+    ];
+}
 function questionnaireViewerRoutesFactory() {
     const route = RootConfig.module.route ?? 'assessment-management';
     return [
@@ -8349,7 +8950,9 @@ function questionnaireViewerRoutesFactory() {
 //#region ----   Module   ----
 class AXMAssessmentManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssessmentManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMAssessmentManagementModule, imports: [AXMAssessmentManagementFileTypeModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMAssessmentManagementModule, imports: [AXPWidgetsModule,
+            AXPWidgetCoreModule,
+            AXMAssessmentManagementFileTypeModule,
             AXMQuestionnaireBuilderFeatureModule,
             AXMQuestionnaireViewerFeatureModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssessmentManagementModule, providers: [
@@ -8358,10 +8961,32 @@ class AXMAssessmentManagementModule {
                 multi: true,
                 useFactory: questionnaireViewerRoutesFactory,
             },
-            // Module Manifest Provider
             {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: AssessmentManagementManifest,
+                provide: ROUTES,
+                multi: true,
+                useFactory: formTemplateRoutesFactory,
+            },
+            {
+                provide: AXP_WIDGET_DEFINITION_PROVIDER,
+                useClass: AXMFormTemplateManagementWidgetsProvider,
+                multi: true,
+            },
+            {
+                provide: AXPDesignerConnector,
+                useClass: AXPDesignerConnectorImpl,
+            },
+            {
+                provide: AXPFormTemplateViewerConnector,
+                useClass: AXPFormTemplateViewerConnectorImpl,
+            },
+            {
+                provide: AXP_TEMPLATE_WIDGET_PROVIDER,
+                useClass: AXPTemplateWidgetProviderImpl,
+                multi: true,
+            },
+            {
+                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                useClass: AXMPermissionDefinitionProvider,
                 multi: true,
             },
             // Status Providers
@@ -8382,7 +9007,32 @@ class AXMAssessmentManagementModule {
             provideCommand('Questionnaire:Questions:Save', () => Promise.resolve().then(function () { return saveQuestionnaireQuestions_command; }).then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
             provideCommand('Questionnaire:Outcomes:Save', () => Promise.resolve().then(function () { return saveQuestionnaireOutcomes_command; }).then((m) => m.AXMSaveQuestionnaireOutcomesCommand)),
             provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
-        ], imports: [AXMAssessmentManagementFileTypeModule,
+            {
+                provide: AXP_SEARCH_PROVIDER,
+                useClass: AXMSearchCommandProvider,
+                multi: true,
+            },
+            provideCommandSetups([
+                {
+                    key: 'create-form-template',
+                    command: () => import('./acorex-platform-module-assessment-management-client-create-form-template.command-DLC7aazI.mjs').then((c) => c.AXMCreateFormTemplateCommand),
+                },
+                {
+                    key: 'open-form-template',
+                    command: () => import('./acorex-platform-module-assessment-management-client-open-form-template.command-5E3IK-OG.mjs').then((c) => c.AXMOpenFormTemplateCommand),
+                },
+                {
+                    key: `${RootConfig.module.name}.${RootConfig.entities.template.name}:Preview`,
+                    command: () => import('./acorex-platform-module-assessment-management-client-preview-form-template.command-COIcfqBQ.mjs').then((c) => c.AXMPreviewFormTemplateCommand),
+                },
+                {
+                    key: 'design-form-template',
+                    command: () => import('./acorex-platform-module-assessment-management-client-design-form-template.command-Cgc9Inlz.mjs').then((c) => c.AXMDesignFormTemplateCommand),
+                },
+            ]),
+        ], imports: [AXPWidgetsModule,
+            AXPWidgetCoreModule,
+            AXMAssessmentManagementFileTypeModule,
             AXMQuestionnaireBuilderFeatureModule,
             AXMQuestionnaireViewerFeatureModule] }); }
 }
@@ -8390,6 +9040,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: NgModule,
             args: [{
                     imports: [
+                        AXPWidgetsModule,
+                        AXPWidgetCoreModule,
                         AXMAssessmentManagementFileTypeModule,
                         AXMQuestionnaireBuilderFeatureModule,
                         AXMQuestionnaireViewerFeatureModule,
@@ -8400,10 +9052,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             multi: true,
                             useFactory: questionnaireViewerRoutesFactory,
                         },
-                        // Module Manifest Provider
                         {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: AssessmentManagementManifest,
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: formTemplateRoutesFactory,
+                        },
+                        {
+                            provide: AXP_WIDGET_DEFINITION_PROVIDER,
+                            useClass: AXMFormTemplateManagementWidgetsProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXPDesignerConnector,
+                            useClass: AXPDesignerConnectorImpl,
+                        },
+                        {
+                            provide: AXPFormTemplateViewerConnector,
+                            useClass: AXPFormTemplateViewerConnectorImpl,
+                        },
+                        {
+                            provide: AXP_TEMPLATE_WIDGET_PROVIDER,
+                            useClass: AXPTemplateWidgetProviderImpl,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                            useClass: AXMPermissionDefinitionProvider,
                             multi: true,
                         },
                         // Status Providers
@@ -8424,6 +9098,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommand('Questionnaire:Questions:Save', () => Promise.resolve().then(function () { return saveQuestionnaireQuestions_command; }).then((m) => m.AXMSaveQuestionnaireQuestionsCommand)),
                         provideCommand('Questionnaire:Outcomes:Save', () => Promise.resolve().then(function () { return saveQuestionnaireOutcomes_command; }).then((m) => m.AXMSaveQuestionnaireOutcomesCommand)),
                         provideLazyProvider(AXP_SEARCH_PROVIDER, () => Promise.resolve().then(function () { return searchCommand_provider; }).then((m) => m.AXMAssessmentManagementSearchCommandProvider)),
+                        {
+                            provide: AXP_SEARCH_PROVIDER,
+                            useClass: AXMSearchCommandProvider,
+                            multi: true,
+                        },
+                        provideCommandSetups([
+                            {
+                                key: 'create-form-template',
+                                command: () => import('./acorex-platform-module-assessment-management-client-create-form-template.command-DLC7aazI.mjs').then((c) => c.AXMCreateFormTemplateCommand),
+                            },
+                            {
+                                key: 'open-form-template',
+                                command: () => import('./acorex-platform-module-assessment-management-client-open-form-template.command-5E3IK-OG.mjs').then((c) => c.AXMOpenFormTemplateCommand),
+                            },
+                            {
+                                key: `${RootConfig.module.name}.${RootConfig.entities.template.name}:Preview`,
+                                command: () => import('./acorex-platform-module-assessment-management-client-preview-form-template.command-COIcfqBQ.mjs').then((c) => c.AXMPreviewFormTemplateCommand),
+                            },
+                            {
+                                key: 'design-form-template',
+                                command: () => import('./acorex-platform-module-assessment-management-client-design-form-template.command-Cgc9Inlz.mjs').then((c) => c.AXMDesignFormTemplateCommand),
+                            },
+                        ]),
                     ],
                 }]
         }] });
@@ -8583,25 +9280,24 @@ function mapOutcomeDisplayToValuePresentation(display) {
     else if (display?.emphasis === 'bold') {
         classes.push('__emphasis-bold');
     }
+    const surfaceClass = display?.color ? resolveToSurfaceClass(display.color) : undefined;
+    if (surfaceClass) {
+        return { classes: [...classes, surfaceClass].join(' ') };
+    }
     if (!display?.color) {
         classes.push('__tone-default');
         return { classes: classes.join(' ') };
     }
     const parsed = parseQuestionnaireOutcomeDisplayColor(display.color);
-    if (!parsed) {
+    if (!parsed || !isQuestionnaireOutcomeDisplayColorHex(parsed.background)) {
         classes.push('__tone-default');
         return { classes: classes.join(' ') };
     }
-    if (isQuestionnaireOutcomeDisplayColorHex(parsed.background)) {
-        return {
-            classes: classes.join(' '),
-            color: parsed.foreground,
-            backgroundColor: parsed.background,
-            borderColor: parsed.border,
-        };
-    }
     return {
-        classes: [...classes, parsed.foreground, parsed.background, parsed.border].join(' '),
+        classes: classes.join(' '),
+        color: parsed.foreground,
+        backgroundColor: parsed.background,
+        borderColor: parsed.border,
     };
 }
 function mapOutcomeRow(entry) {
@@ -9553,7 +10249,7 @@ class AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent {
         </ax-popover>
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: 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: AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent, decorators: [{
             type: Component,
@@ -10590,5 +11286,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMQuestionnaireViewerService as A, AXMQuestionnairePrintSnapshotService as a, AXMQuestionnairePrintHostComponent as b, AXMQuestionnaireViewerComponent as c, AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent as d, AXMPreQuestionnaireContentComponent as e, AXMPostQuestionnaireContentComponent as f, formatQuestionnairePreviewDialogTitle as g, AXMHeadlessQuestionnaireSessionService as h, AXMAssessmentManagementFeatureDefinitionProvider as i, AXMAssessmentManagementMenuProvider as j, AXMAssessmentManagementModule as k, AXMAssessmentManagementPermissionDefinitionProvider as l, AXMAssessmentManagementSearchCommandProvider as m, AXMQuestionnaireViewerPageComponent as n, AXMQuestionnaireViewerStandalonePageComponent as o, persistAssessmentSession as p, resolveWidgetNodeFromMetaDataDefinitionInterface as r, stripQuestionBankInterfaceMetadata as s };
-//# sourceMappingURL=acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-BcpbQ8TJ.mjs.map
+export { AXPFormTemplateViewerConnector as A, AXMQuestionnaireViewerService as a, AXMQuestionnairePrintSnapshotService as b, AXMQuestionnairePrintHostComponent as c, AXMQuestionnaireViewerComponent as d, AXMQuestionnaireViewerQuestionnaireAttachmentsFooterComponent as e, formatQuestionnairePreviewDialogTitle as f, AXMPreQuestionnaireContentComponent as g, AXMPostQuestionnaireContentComponent as h, AXMHeadlessQuestionnaireSessionService as i, AXPTemplateWidgetProviderService as j, resolveSummaryPlaceholders as k, AXMAssessmentManagementFeatureDefinitionProvider as l, AXMAssessmentManagementMenuProvider as m, AXMAssessmentManagementModule as n, AXMAssessmentManagementPermissionDefinitionProvider as o, persistAssessmentSession as p, AXMAssessmentManagementSearchCommandProvider as q, resolveWidgetNodeFromMetaDataDefinitionInterface as r, stripQuestionBankInterfaceMetadata as s, AXMQuestionnaireViewerPageComponent as t, AXMQuestionnaireViewerStandalonePageComponent as u };
+//# sourceMappingURL=acorex-platform-module-assessment-management-client-acorex-platform-module-assessment-management-client-CZtfv53E.mjs.map