@acorex-platform/framework-client 2.0.0-next.26 → 2.0.0-next.29

package/fesm2022/{acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-DRh91YCL.mjs → acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-CpmGqDUE.mjs}

@@ -20,7 +20,7 @@ import * as i1$8 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i1$6 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString as resolveMultiLanguageString$1 } from '@acorex/core/translation';
-import { AXP_LOCALE_MANAGEMENT_PORT, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, ALL_DEFAULT_OPERATORS, AXPSettingsService, AXPClipBoardService, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS, AXPFilterDefaultOperatorService, resolveDateFilterPresets, findManualPresetIdByOperation, applyDateFilterPreset, isPendingCascadeFilter, AXPFileStorageService, resolveStoredImageDisplayUrl, AXP_INTEGRATION_RUNTIME_PROVIDER, commandMessageTextForError, normalizePositiveNumberOption, resolveEntityRowDisplayText, resolveEntityRowDisplayTitle, downloadGraphicFromElement, printGraphicFromElement, AXPStatusDefinitionProviderService, isStoredImageFileId, AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, AXPCommonSettings, AXP_FILTER_DEFAULT_OPERATORS_WIDGET_NAME } from '@acorex-platform/framework-client/common';
+import { AXP_LOCALE_MANAGEMENT_PORT, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, ALL_DEFAULT_OPERATORS, AXPSettingsService, AXPClipBoardService, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS, AXPFilterDefaultOperatorService, resolveDateFilterPresets, findManualPresetIdByOperation, applyDateFilterPreset, isPendingCascadeFilter, AXPFileStorageService, resolveStoredImageDisplayUrl, AXP_INTEGRATION_RUNTIME_PROVIDER, commandMessageTextForError, normalizePositiveNumberOption, resolveEntityRowDisplayText, isStoredImageFileId, normalizeStoredImageRef, resolveEntityRowDisplayTitle, downloadGraphicFromElement, triggerBrowserDownload, printGraphicFromElement, AXPStatusDefinitionProviderService, AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, AXPCommonSettings, AXP_FILTER_DEFAULT_OPERATORS_WIDGET_NAME } from '@acorex-platform/framework-client/common';
 import { AXPDeviceService, setupPopupFooterKeyboardShortcuts, ensureRuntimeSurfaceClass, AXPColorPaletteService, AXPDebugService, FORM_DIRTY_TRACE_NS, applyFilterArray, AXPTagService, AXPExpressionEvaluatorService, AXPHookService, AXPDataGenerator, AXPLogoComponent, AXPEntityBroadcastService, applyQueryArray, chordToKbdItemKeys, objectKeyValueTransforms } from '@acorex-platform/framework-client/core';
 import * as i1$5 from '@angular/common';
 import { CommonModule, AsyncPipe, NgTemplateOutlet } from '@angular/common';
@@ -30,7 +30,7 @@ import * as i1$7 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXLookupComponent } from '@acorex/components/lookup';
 import { AXFormatService } from '@acorex/core/format';
-import { resolveMultiLanguageString, setSmart, coerceFilterDisplayText, AXPRegionalSetting, omitFilterClauseIdentity, createRandomUuid, themeSurfaceVariantFromClass, toRuntimeSurfaceClassName, resolveToSurfaceClass, parseRuntimeHexSurface, listThemeSurfaceGroups, normalizeHexColor, extractValue, filterOperatorAllowsEmptyValue, shouldUseLocaleMapShape, buildLocaleTextMapValue, isFormValueEqual, runtimeQueryPayloadData, runtimeQueryCollectionData, isSelectionValueEqual, isLocaleStringMap, AXPWidgetsCatalog, AXP_INTEGRATION_CONNECTION_STATUS, AXP_INTEGRATION_AUTH_METHOD_TYPE, sortByMultiLanguageString, axpGridItemPlacementClassMap, AXPFileStorageStatus, collectQueryFilterLeaves, AXPPlatformScope, flattenQueryFilterUserGroups, isPersistableFilterQuery, AXPWidgetsList, axpGridNarrowContainerQueryPrefix, normalizeDefinitionCategories, runtimeQueryFailure, runtimeQuerySuccessObject } from '@acorex-platform/framework-shared/core';
+import { resolveMultiLanguageString, setSmart, coerceFilterDisplayText, AXPRegionalSetting, omitFilterClauseIdentity, createRandomUuid, themeSurfaceVariantFromClass, toRuntimeSurfaceClassName, resolveToSurfaceClass, parseRuntimeHexSurface, listThemeSurfaceGroups, normalizeHexColor, extractValue, filterOperatorAllowsEmptyValue, shouldUseLocaleMapShape, buildLocaleTextMapValue, isFormValueEqual, runtimeQueryPayloadData, runtimeQueryCollectionData, isSelectionValueEqual, isLocaleStringMap, AXPWidgetsCatalog, AXP_INTEGRATION_CONNECTION_STATUS, AXP_INTEGRATION_AUTH_METHOD_TYPE, AXPFileStorageStatus, sortByMultiLanguageString, axpGridItemPlacementClassMap, collectQueryFilterLeaves, AXPPlatformScope, flattenQueryFilterUserGroups, isPersistableFilterQuery, AXPWidgetsList, axpGridNarrowContainerQueryPrefix, normalizeDefinitionCategories, runtimeQueryFailure, runtimeQuerySuccessObject } from '@acorex-platform/framework-shared/core';
 import { get, set, castArray, isNil, cloneDeep, isEqual, isNull, isEmpty, isPlainObject, isString, isNumber, defaultTo, has } from 'lodash-es';
 import * as i2$2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
@@ -39,7 +39,7 @@ import { cloneProperty, AXPWidgetGroupEnum, createSelectProperty, createStringPr
 import { AXPopupService } from '@acorex/components/popup';
 import { AXCalendarService, AXTimeDurationFormatter } from '@acorex/core/date-time';
 import { AXPDialogOpener, AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
-import { AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPDragDropListComponent, AXPColumnItemListComponent, AXPImageEditorService, AXPFileChooserService, createAttachedFileProviderMenu, AXPFileViewerComponent, AXPStateMessageComponent, normalizeFileViewerBoundValue, AXPOutcomeResultsViewerComponent, AXPSignatureEditorService, AXP_SIGNATURE_PROVIDER, AXPStopwatchComponent, AXPWidgetFieldConfiguratorComponent, AXPItemConfiguratorComponent, AXPRepeaterRowsLayoutComponent, AXPLocalDataSourceEditorDialogService, AXPSpreadsheetComponent, AXPQueryViewSaveDialogService, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryColumnsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewTabsComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPDragDropListComponent, AXPColumnItemListComponent, AXPImageEditorService, AXPFileChooserService, createAttachedFileProviderMenu, AXPFileViewerComponent, AXPStateMessageComponent, normalizeFileViewerBoundValue, AXPOutcomeResultsViewerComponent, AXP_IMAGE_FILE_CHOOSER_ACCEPT, fileListItemToImageFile, AXPSignatureEditorService, AXP_SIGNATURE_PROVIDER, AXPStopwatchComponent, AXPWidgetFieldConfiguratorComponent, AXPItemConfiguratorComponent, AXPRepeaterRowsLayoutComponent, AXPLocalDataSourceEditorDialogService, AXPSpreadsheetComponent, AXPQueryViewSaveDialogService, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryColumnsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewTabsComponent } from '@acorex-platform/framework-client/layout/components';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
 import { AXColorUtil } from '@acorex/core/utils';
@@ -1724,30 +1724,54 @@ var checkboxWidgetDesigner_component = /*#__PURE__*/Object.freeze({
     AXPCheckBoxWidgetDesignerComponent: AXPCheckBoxWidgetDesignerComponent
 });
 
+function applyNegativeBoolean(value, negative) {
+    if (typeof value !== 'boolean' || !negative) {
+        return value;
+    }
+    return !value;
+}
+
+//#endregion
+//#region ----- Component -----
 class AXPCheckBoxWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.disabled = computed(() => this.options()['disabled'], /* @ts-ignore */
+        //#region ----- Computed Properties -----
+        this.negative = computed(() => this.options()['negative'] === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "negative" }] : /* istanbul ignore next */ []));
+        this.disabled = computed(() => this.options()['disabled'] === true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.readonly = computed(() => this.options()['readonly'], /* @ts-ignore */
+        this.readonly = computed(() => this.options()['readonly'] === true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
         this.label = computed(() => this.options()['label'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     }
+    //#endregion
+    //#region ----- Event Handlers -----
+    displayValue() {
+        return applyNegativeBoolean(this.getValue(), this.negative());
+    }
+    onControlChanged(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        this.setValue(applyNegativeBoolean(event.value, this.negative()));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPCheckBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPCheckBoxWidgetEditComponent, isStandalone: true, selector: "axp-checkbox-widget-edit", usesInheritance: true, ngImport: i0, template: `
     <ax-check-box
-      [ngModel]="this.getValue()"
+      [ngModel]="displayValue()"
       [disabled]="disabled()"
       [readonly]="readonly()"
-      (onValueChanged)="handleValueChanged($event)"
+      (onValueChanged)="onControlChanged($event)"
     >
       @for (validation of validationRules(); track $index) {
         <ax-validation-rule
           [rule]="validation.rule"
           [message]="$safeNavigationMigration(validation.options?.message)"
           [options]="validation.options"
-         [disabled]="validation.disabled === true"></ax-validation-rule>
+          [disabled]="validation.disabled === true"
+        ></ax-validation-rule>
       }
       @if (label()) {
         <ax-label>{{ label() }}</ax-label>
@@ -1761,17 +1785,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     selector: 'axp-checkbox-widget-edit',
                     template: `
     <ax-check-box
-      [ngModel]="this.getValue()"
+      [ngModel]="displayValue()"
       [disabled]="disabled()"
       [readonly]="readonly()"
-      (onValueChanged)="handleValueChanged($event)"
+      (onValueChanged)="onControlChanged($event)"
     >
       @for (validation of validationRules(); track $index) {
         <ax-validation-rule
           [rule]="validation.rule"
           [message]="$safeNavigationMigration(validation.options?.message)"
           [options]="validation.options"
-         [disabled]="validation.disabled === true"></ax-validation-rule>
+          [disabled]="validation.disabled === true"
+        ></ax-validation-rule>
       }
       @if (label()) {
         <ax-label>{{ label() }}</ax-label>
@@ -11167,33 +11192,43 @@ var toggleWidgetColumn_component = /*#__PURE__*/Object.freeze({
     AXPToggleWidgetColumnComponent: AXPToggleWidgetColumnComponent
 });
 
+//#endregion
+//#region ----- Component -----
 class AXPToggleWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.disabled = computed(() => this.options()['disabled'], /* @ts-ignore */
+        //#region ----- Computed Properties -----
+        this.negative = computed(() => this.options()['negative'] === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "negative" }] : /* istanbul ignore next */ []));
+        this.disabled = computed(() => this.options()['disabled'] === true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.readonly = computed(() => this.options()['readonly'], /* @ts-ignore */
+        this.readonly = computed(() => this.options()['readonly'] === true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
         this.label = computed(() => this.options()['label'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
         this.color = computed(() => this.options()['color']?.id ?? 'primary', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
     }
-    get __class() {
-        const cls = {};
-        //
-        cls['inline-block'] = true;
-        return cls;
+    //#endregion
+    //#region ----- Event Handlers -----
+    displayValue() {
+        return applyNegativeBoolean(this.getValue(), this.negative());
+    }
+    onControlChanged(event) {
+        if (!event.isUserInteraction) {
+            return;
+        }
+        this.setValue(applyNegativeBoolean(event.value, this.negative()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPToggleWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPToggleWidgetEditComponent, isStandalone: true, selector: "axp-toggle-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPToggleWidgetEditComponent, isStandalone: true, selector: "axp-toggle-widget-edit", host: { classAttribute: "inline-block" }, usesInheritance: true, ngImport: i0, template: `
     <div class="flex items-center gap-2">
       <ax-switch
-        [ngModel]="this.getValue()"
+        [ngModel]="displayValue()"
         [disabled]="disabled()"
         [readonly]="readonly()"
         [color]="color()"
-        (onValueChanged)="handleValueChanged($event)"
+        (onValueChanged)="onControlChanged($event)"
       >
       </ax-switch>
       @if (label()) {
@@ -11209,11 +11244,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     template: `
     <div class="flex items-center gap-2">
       <ax-switch
-        [ngModel]="this.getValue()"
+        [ngModel]="displayValue()"
         [disabled]="disabled()"
         [readonly]="readonly()"
         [color]="color()"
-        (onValueChanged)="handleValueChanged($event)"
+        (onValueChanged)="onControlChanged($event)"
       >
       </ax-switch>
       @if (label()) {
@@ -11222,12 +11257,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
     </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule, AXFormModule, AXSwitchModule, AXValidationModule, AXLabelModule, AXTranslationModule, AsyncPipe],
+                    host: {
+                        class: 'inline-block',
+                    },
+                    imports: [
+                        FormsModule,
+                        AXFormModule,
+                        AXSwitchModule,
+                        AXValidationModule,
+                        AXLabelModule,
+                        AXTranslationModule,
+                        AsyncPipe,
+                    ],
                 }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 var toggleWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -14991,6 +15034,48 @@ const AXPQrcodeWidget = {
             dataSource: ['svg', 'canvas'],
             defaultValue: 'svg',
         }),
+        createBooleanProperty({
+            name: 'attachmentEnabled',
+            title: 'Attachment Enabled',
+            path: 'options.attachment.enabled',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
+        createBooleanProperty({
+            name: 'attachmentReadonly',
+            title: 'Attachment Readonly',
+            path: 'options.attachment.readonly',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
+        createStringProperty({
+            name: 'attachmentDataPath',
+            title: 'Attachment Data Path',
+            path: 'options.attachment.dataPath',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
+        createStringProperty({
+            name: 'attachmentSources',
+            title: 'Attachment Sources',
+            path: 'options.attachment.sources',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
+        createStringProperty({
+            name: 'attachmentRefType',
+            title: 'Attachment Ref Type',
+            path: 'options.attachment.fileStorage.refType',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
+        createStringProperty({
+            name: 'attachmentRefId',
+            title: 'Attachment Ref Id',
+            path: 'options.attachment.fileStorage.refId',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
+        createStringProperty({
+            name: 'attachmentCategory',
+            title: 'Attachment Category',
+            path: 'options.attachment.fileStorage.category',
+            group: AXP_BEHAVIOR_PROPERTY_GROUP,
+        }),
     ],
     components: {
         view: {
@@ -15024,10 +15109,17 @@ class AXPQrcodeViewerService {
     //#endregion
     //#region ---- Public API ----
     async open(options) {
-        const contentValue = options.content;
-        if (!contentValue) {
+        const contentValue = options.content ?? '';
+        const attachmentRef = options.attachmentRef?.trim() || '';
+        const attachmentDataPath = options.attachmentDataPath?.trim() || '';
+        const showAttachment = !!attachmentRef && !!attachmentDataPath && attachmentDataPath !== 'qr';
+        if (!contentValue && !showAttachment) {
             return;
         }
+        const context = { qr: contentValue };
+        if (showAttachment) {
+            assignContextPath(context, attachmentDataPath, attachmentRef);
+        }
         const ref = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
@@ -15035,7 +15127,7 @@ class AXPQrcodeViewerService {
                 .setTitle(this.resolveDialogTitle(options.title))
                 .setSize('md')
                 .setCloseButton(true)
-                .setContext({ qr: contentValue })
+                .setContext(context)
                 .content((content) => {
                 content
                     .setDirection('column')
@@ -15050,7 +15142,17 @@ class AXPQrcodeViewerService {
                     color: options.color ?? '#000000',
                     readonly: true,
                     outputType: options.outputType ?? 'svg',
-                    showContent: true,
+                    showContent: !showAttachment,
+                    suppressPreview: true,
+                    ...(showAttachment
+                        ? {
+                            attachment: {
+                                enabled: true,
+                                readonly: true,
+                                dataPath: attachmentDataPath,
+                            },
+                        }
+                        : {}),
                 });
             })
                 .setActions((actions) => {
@@ -15079,6 +15181,322 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
+function assignContextPath(target, path, value) {
+    const keys = path.split('.').filter((key) => key.length > 0);
+    if (keys.length === 0) {
+        return;
+    }
+    let current = target;
+    for (let index = 0; index < keys.length - 1; index += 1) {
+        const key = keys[index];
+        const next = current[key];
+        if (!next || typeof next !== 'object' || Array.isArray(next)) {
+            current[key] = {};
+        }
+        current = current[key];
+    }
+    current[keys[keys.length - 1]] = value;
+}
+
+//#region ---- Constants ----
+const AXP_QRCODE_ATTACHMENT_FILE_PREFIX = 'file:';
+const AXP_QRCODE_ATTACHMENT_LINK_PREFIX = 'link:';
+const AXP_QRCODE_ATTACHMENT_DOCUMENT_PREFIX = 'document:';
+/** File-storage ref used when the parent entity has not been saved yet. */
+const AXP_QRCODE_ATTACHMENT_PENDING_REF_ID = 'pending';
+const AXP_QRCODE_ATTACHMENT_DEFAULT_REF_TYPE = 'qrcode-image';
+const AXP_QRCODE_ATTACHMENT_DEFAULT_CATEGORY = 'qr-code-image';
+const DEVICE_SOURCE = 'system';
+const DRIVE_SOURCE = 'drive';
+//#endregion
+//#region ---- Config ----
+function asRecord(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value)) {
+        return null;
+    }
+    return value;
+}
+function readString(value) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    return trimmed || undefined;
+}
+function normalizeSourceToken(value) {
+    const key = value.trim().toLowerCase();
+    if (key === 'device' || key === 'system') {
+        return DEVICE_SOURCE;
+    }
+    if (key === 'drive') {
+        return DRIVE_SOURCE;
+    }
+    return null;
+}
+function collectSourceTokens(value, into) {
+    if (typeof value === 'string') {
+        for (const part of value.split(/[,;\s]+/)) {
+            const normalized = normalizeSourceToken(part);
+            if (normalized && !into.includes(normalized)) {
+                into.push(normalized);
+            }
+        }
+        return;
+    }
+    if (Array.isArray(value)) {
+        for (const entry of value) {
+            collectSourceTokens(entry, into);
+        }
+        return;
+    }
+    const record = asRecord(value);
+    const id = readString(record?.['id']) ?? readString(record?.['key']);
+    if (id) {
+        collectSourceTokens(id, into);
+    }
+}
+/**
+ * Reads attachment options. Support stays disabled unless `enabled` is true and a separate `dataPath` is set.
+ * Flat designer keys (`attachmentEnabled`, …) are accepted when the nested `attachment` object is absent.
+ */
+function resolveQrcodeAttachmentConfig(options) {
+    const source = options ?? {};
+    const nested = asRecord(source['attachment']);
+    const fileStorage = asRecord(nested?.['fileStorage']);
+    const sources = [];
+    collectSourceTokens(nested?.['sources'] ?? source['attachmentSources'], sources);
+    const dataPath = readString(nested?.['dataPath']) ?? readString(source['attachmentDataPath']);
+    const enabledFlag = nested?.['enabled'] === true || source['attachmentEnabled'] === true;
+    return {
+        enabled: enabledFlag && !!dataPath,
+        readonly: nested?.['readonly'] === true || source['attachmentReadonly'] === true,
+        dataPath,
+        sources,
+        fileStorage: {
+            refId: readString(fileStorage?.['refId']) ?? readString(source['attachmentRefId']),
+            refType: readString(fileStorage?.['refType']) ?? readString(source['attachmentRefType']),
+            category: readString(fileStorage?.['category']) ?? readString(source['attachmentCategory']),
+        },
+    };
+}
+/** Provider keys to hide so only the configured Device (`system`) and Drive sources remain. */
+function excludeProvidersForQrcodeAttachmentSources(sources) {
+    if (sources.length === 0) {
+        return [];
+    }
+    const allowed = new Set(sources);
+    const excluded = [];
+    if (!allowed.has(DEVICE_SOURCE)) {
+        excluded.push(DEVICE_SOURCE);
+    }
+    if (!allowed.has(DRIVE_SOURCE)) {
+        excluded.push(DRIVE_SOURCE);
+    }
+    return excluded;
+}
+//#endregion
+//#region ---- Refs ----
+function stripPrefix(value, prefix) {
+    return value.startsWith(prefix) ? value.slice(prefix.length).trim() : value;
+}
+/** Owned upload id (`file:` or a bare file-storage id). Shared `link:` and `document:` refs are excluded. */
+function ownedQrcodeAttachmentFileId(value) {
+    const trimmed = value?.trim();
+    if (!trimmed || trimmed.startsWith(AXP_QRCODE_ATTACHMENT_LINK_PREFIX) || trimmed.startsWith(AXP_QRCODE_ATTACHMENT_DOCUMENT_PREFIX)) {
+        return null;
+    }
+    const withoutPrefix = trimmed.startsWith(AXP_QRCODE_ATTACHMENT_FILE_PREFIX)
+        ? stripPrefix(trimmed, AXP_QRCODE_ATTACHMENT_FILE_PREFIX)
+        : trimmed;
+    return isStoredImageFileId(withoutPrefix) ? normalizeStoredImageRef(withoutPrefix) : null;
+}
+/** File id that can be previewed or downloaded. Drive document refs are not file ids. */
+function displayQrcodeAttachmentFileId(value) {
+    const trimmed = value?.trim();
+    if (!trimmed || trimmed.startsWith(AXP_QRCODE_ATTACHMENT_DOCUMENT_PREFIX)) {
+        return null;
+    }
+    if (trimmed.startsWith(AXP_QRCODE_ATTACHMENT_LINK_PREFIX)) {
+        const fileId = stripPrefix(trimmed, AXP_QRCODE_ATTACHMENT_LINK_PREFIX);
+        return isStoredImageFileId(fileId) ? normalizeStoredImageRef(fileId) : null;
+    }
+    return ownedQrcodeAttachmentFileId(trimmed);
+}
+function isSharedDriveQrcodeAttachmentRef(value) {
+    const trimmed = value?.trim() ?? '';
+    if (!trimmed) {
+        return false;
+    }
+    if (trimmed.startsWith(AXP_QRCODE_ATTACHMENT_DOCUMENT_PREFIX)) {
+        return true;
+    }
+    if (!trimmed.startsWith(AXP_QRCODE_ATTACHMENT_LINK_PREFIX)) {
+        return false;
+    }
+    return displayQrcodeAttachmentFileId(trimmed) != null;
+}
+function toOwnedQrcodeAttachmentRef(fileId) {
+    const normalized = normalizeStoredImageRef(fileId) ?? fileId.trim();
+    return `${AXP_QRCODE_ATTACHMENT_FILE_PREFIX}${normalized}`;
+}
+function toSharedFileQrcodeAttachmentRef(fileId) {
+    const normalized = normalizeStoredImageRef(fileId) ?? fileId.trim();
+    return `${AXP_QRCODE_ATTACHMENT_LINK_PREFIX}${normalized}`;
+}
+function toSharedDocumentQrcodeAttachmentRef(documentId) {
+    return `${AXP_QRCODE_ATTACHMENT_DOCUMENT_PREFIX}${documentId.trim()}`;
+}
+function readQrcodeAttachmentRef(data, dataPath) {
+    if (!dataPath?.trim()) {
+        return null;
+    }
+    const value = readPath(data, dataPath.trim());
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const trimmed = value.trim();
+    return trimmed || null;
+}
+function readPath(data, path) {
+    return path.split('.').reduce((current, key) => {
+        const record = asRecord(current);
+        if (!record) {
+            return undefined;
+        }
+        return record[key];
+    }, data);
+}
+function qrcodeAttachmentImageUrl(ref, getDownloadUrl) {
+    const fileId = displayQrcodeAttachmentFileId(ref);
+    if (!fileId) {
+        return null;
+    }
+    const url = resolveStoredImageDisplayUrl(fileId, getDownloadUrl);
+    return url || null;
+}
+//#endregion
+//#region ---- Display and field patch ----
+function resolveQrcodeDisplayMode(input) {
+    if (input.enabled && !!input.attachmentRef?.trim()) {
+        return 'image';
+    }
+    if (typeof input.qrValue === 'string' && input.qrValue.trim()) {
+        return 'qr';
+    }
+    return 'empty';
+}
+/**
+ * Writes the attachment ref onto its own field.
+ * Throws when the path is missing or is the QR value path, so a file id cannot replace the QR text.
+ */
+function buildQrcodeAttachmentContextPatch(dataPath, qrPath, nextRef) {
+    const path = dataPath.trim();
+    const qr = qrPath.trim();
+    if (!path || path === qr) {
+        throw new Error('QR attachment dataPath must be a separate field from the QR value.');
+    }
+    return { [path]: nextRef };
+}
+function isQrcodeContentReadonly(options) {
+    return !!options?.['readonly'];
+}
+/**
+ * Attachment lock. QR-content readonly is intentionally not an input:
+ * a readonly QR payload can still accept an image unless attachment readonly, form lock, or view mode says otherwise.
+ */
+function isQrcodeAttachmentReadonly(input) {
+    if (input.mode === 'view') {
+        return true;
+    }
+    return !!(input.attachmentReadonly || input.formLocked || input.disabled);
+}
+//#endregion
+//#region ---- Chooser and storage target ----
+function isCancelledQrcodeAttachmentChoice(items) {
+    return !items || items.length === 0;
+}
+function interpretQrcodeChooserItems(items) {
+    const item = items?.[0];
+    if (!item) {
+        return { kind: 'cancel' };
+    }
+    const kind = item.source?.kind;
+    const value = item.source?.value;
+    if (kind === 'blob') {
+        return { kind: 'upload' };
+    }
+    if (kind === 'fileId' && typeof value === 'string' && isStoredImageFileId(value)) {
+        return { kind: 'shared-file', fileId: normalizeStoredImageRef(value) ?? value.trim() };
+    }
+    if (kind === 'reference') {
+        const reference = asRecord(value);
+        const documentId = readString(reference?.['id']) ?? readString(item.id);
+        const type = readString(reference?.['type']);
+        if (documentId && (type === 'document' || type == null)) {
+            return { kind: 'shared-document', documentId };
+        }
+    }
+    return { kind: 'cancel' };
+}
+function resolveQrcodeAttachmentStorageTarget(input) {
+    const configuredRefId = input.fileStorage?.refId?.trim();
+    const entityId = typeof input.entityId === 'string' ? input.entityId.trim() : '';
+    return {
+        refId: configuredRefId || entityId || AXP_QRCODE_ATTACHMENT_PENDING_REF_ID,
+        refType: input.fileStorage?.refType?.trim() || AXP_QRCODE_ATTACHMENT_DEFAULT_REF_TYPE,
+        category: input.fileStorage?.category?.trim() || AXP_QRCODE_ATTACHMENT_DEFAULT_CATEGORY,
+    };
+}
+//#endregion
+//#region ---- Replace, remove, and release ----
+function planQrcodeAttachmentReplacement(currentRef, nextRef) {
+    const owned = ownedQrcodeAttachmentFileId(currentRef);
+    return {
+        nextRef,
+        supersededOwnedFileIds: owned ? [owned] : [],
+    };
+}
+function planQrcodeAttachmentRemoval(currentRef) {
+    const owned = ownedQrcodeAttachmentFileId(currentRef);
+    return {
+        nextRef: null,
+        supersededOwnedFileIds: owned ? [owned] : [],
+    };
+}
+/**
+ * Owned file ids to mark for deletion.
+ * While the form is still dirty, nothing is released.
+ * Shared Drive refs are never included.
+ * The saved reference is always kept, including when the user discards a replacement.
+ */
+function fileIdsToRelease(input) {
+    const savedId = ownedQrcodeAttachmentFileId(input.savedRef);
+    const currentId = ownedQrcodeAttachmentFileId(input.currentRef);
+    const settled = (input.currentRef ?? null) === (input.savedRef ?? null);
+    if (!input.abandoning && !settled) {
+        return [];
+    }
+    const keep = new Set();
+    if (savedId) {
+        keep.add(savedId);
+    }
+    if (!input.abandoning && currentId) {
+        keep.add(currentId);
+    }
+    const candidates = [...input.uploadedFileIds, ...input.supersededOwnedFileIds];
+    const released = [];
+    for (const id of candidates) {
+        if (!id || keep.has(id) || released.includes(id)) {
+            continue;
+        }
+        if (!isStoredImageFileId(id)) {
+            continue;
+        }
+        released.push(normalizeStoredImageRef(id) ?? id);
+    }
+    return released;
+}
+//#endregion
 
 //#region ---- Imports ----
 //#endregion
@@ -15097,6 +15515,10 @@ function buildQrcodeViewerOpenOptions(params) {
     const resolvedLevel = (typeof levelOption === 'string'
         ? levelOption
         : levelOption?.id) ?? 'M';
+    const attachment = resolveQrcodeAttachmentConfig(params.widgetOptions);
+    const attachmentRef = attachment.enabled
+        ? (params.attachmentRef ?? readQrcodeAttachmentRef(params.data, attachment.dataPath))
+        : null;
     return {
         content: params.content,
         title: title || params.fallbackTitleKey,
@@ -15104,14 +15526,17 @@ function buildQrcodeViewerOpenOptions(params) {
         level: resolvedLevel,
         color: params.widgetOptions['color'] ?? '#000000',
         outputType: params.widgetOptions['outputType'] ?? 'svg',
+        attachmentRef,
+        attachmentDataPath: attachment.enabled ? attachment.dataPath : undefined,
     };
 }
 async function openQrcodeViewer(viewer, params) {
-    const content = params.content?.trim();
-    if (!content) {
+    const content = params.content?.trim() ?? '';
+    const options = buildQrcodeViewerOpenOptions({ ...params, content });
+    if (!content && !options.attachmentRef?.trim()) {
         return;
     }
-    await viewer.open(buildQrcodeViewerOpenOptions({ ...params, content }));
+    await viewer.open(options);
 }
 //#endregion
 
@@ -15123,58 +15548,97 @@ class AXPQrcodeWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.qrcodeViewer = inject(AXPQrcodeViewerService);
         this.formatService = inject(AXFormatService);
         this.translation = inject(AXTranslationService);
+        this.fileStorage = inject(AXPFileStorageService, { optional: true });
+        //#endregion
+        //#region ---- State Signals ----
+        this.imageUrl = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "imageUrl" }] : /* istanbul ignore next */ []));
+        this.blobObjectUrl = null;
+        this.hydrateRequestId = 0;
+    }
+    //#endregion
+    //#region ---- Derived State ----
+    attachmentConfig() {
+        return resolveQrcodeAttachmentConfig((this.options ?? {}));
+    }
+    attachmentRef() {
+        const config = this.attachmentConfig();
+        if (!config.enabled) {
+            return null;
+        }
+        return readQrcodeAttachmentRef(this.rowData, config.dataPath);
+    }
+    displayMode() {
+        return resolveQrcodeDisplayMode({
+            enabled: this.attachmentConfig().enabled,
+            attachmentRef: this.attachmentRef(),
+            qrValue: this.rawValue,
+        });
+    }
+    //#endregion
+    //#region ---- Lifecycle ----
+    ngOnChanges() {
+        void this.hydrateImageUrl(this.displayMode() === 'image' ? this.attachmentRef() : null);
+    }
+    ngOnDestroy() {
+        this.revokeBlobUrl();
     }
     //#endregion
     //#region ---- UI Handlers ----
     async showPopup() {
-        const contentValue = this.rawValue;
-        if (!contentValue) {
+        const contentValue = this.rawValue ?? '';
+        if (!contentValue && this.displayMode() !== 'image') {
             return;
         }
         await openQrcodeViewer(this.qrcodeViewer, {
             content: contentValue,
             data: this.rowData,
-            widgetOptions: { ...this.options, size: 500 },
+            widgetOptions: { ...(this.options ?? {}), size: 500 },
             formatService: this.formatService,
             activeLang: this.translation.getActiveLang(),
+            attachmentRef: this.attachmentRef(),
         });
     }
+    //#endregion
+    //#region ---- Image Hydration ----
+    async hydrateImageUrl(ref) {
+        const requestId = ++this.hydrateRequestId;
+        this.revokeBlobUrl();
+        if (!ref || !this.fileStorage) {
+            this.imageUrl.set(null);
+            return;
+        }
+        try {
+            const displayUrl = qrcodeAttachmentImageUrl(ref, (fileId) => this.fileStorage.getDownloadUrl(fileId));
+            if (requestId !== this.hydrateRequestId) {
+                if (displayUrl?.startsWith('blob:')) {
+                    URL.revokeObjectURL(displayUrl);
+                }
+                return;
+            }
+            if (displayUrl?.startsWith('blob:')) {
+                this.blobObjectUrl = displayUrl;
+            }
+            this.imageUrl.set(displayUrl);
+        }
+        catch {
+            if (requestId === this.hydrateRequestId) {
+                this.imageUrl.set(null);
+            }
+        }
+    }
+    revokeBlobUrl() {
+        if (this.blobObjectUrl) {
+            URL.revokeObjectURL(this.blobObjectUrl);
+            this.blobObjectUrl = null;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPQrcodeWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPQrcodeWidgetColumnComponent, isStandalone: true, selector: "axp-qrcode-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="flex items-center gap-2">
-      @if (rawValue) {
-        <ax-button class="ax-sm" look="twotone" color="default" (click)="showPopup()">
-          <ax-icon>
-            <i class="fa-regular fa-qrcode"></i>
-          </ax-icon>
-        </ax-button>
-      } @else {
-        <span>-</span>
-      }
-    </div>
-  `, isInline: true, 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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPQrcodeWidgetColumnComponent, isStandalone: true, selector: "axp-qrcode-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex items-center gap-2\">\n  <!-- ----- Attached image preview when the row stores a QR image ----- -->\n  @if (displayMode() === 'image') {\n    <button\n      type=\"button\"\n      class=\"inline-flex shrink-0 overflow-hidden cursor-pointer border border-border-light-surface bg-transparent p-0\"\n      style=\"width: 40px; height: 40px; border-radius: 4px\"\n      (click)=\"showPopup()\"\n    >\n      <!-- ----- Thumbnail of the stored image ----- -->\n      @if (imageUrl()) {\n        <img [src]=\"imageUrl()!\" alt=\"\" class=\"size-full object-contain\" style=\"border-radius: 4px\" />\n      }\n    </button>\n  }\n  <!-- ----- Generated QR preview when no attachment image is stored ----- -->\n  @else if (rawValue) {\n    <ax-button class=\"ax-sm\" look=\"twotone\" color=\"default\" (click)=\"showPopup()\">\n      <ax-icon>\n        <i class=\"fa-regular fa-qrcode\"></i>\n      </ax-icon>\n    </ax-button>\n  } @else {\n    <span>-</span>\n  }\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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPQrcodeWidgetColumnComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'axp-qrcode-widget-column',
-                    imports: [AXButtonModule, AXDecoratorModule],
-                    template: `
-    <div class="flex items-center gap-2">
-      @if (rawValue) {
-        <ax-button class="ax-sm" look="twotone" color="default" (click)="showPopup()">
-          <ax-icon>
-            <i class="fa-regular fa-qrcode"></i>
-          </ax-icon>
-        </ax-button>
-      } @else {
-        <span>-</span>
-      }
-    </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    inputs: ['rawValue', 'rowData'],
-                }]
+            args: [{ selector: 'axp-qrcode-widget-column', imports: [AXButtonModule, AXDecoratorModule], changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['rawValue', 'rowData'], template: "<div class=\"flex items-center gap-2\">\n  <!-- ----- Attached image preview when the row stores a QR image ----- -->\n  @if (displayMode() === 'image') {\n    <button\n      type=\"button\"\n      class=\"inline-flex shrink-0 overflow-hidden cursor-pointer border border-border-light-surface bg-transparent p-0\"\n      style=\"width: 40px; height: 40px; border-radius: 4px\"\n      (click)=\"showPopup()\"\n    >\n      <!-- ----- Thumbnail of the stored image ----- -->\n      @if (imageUrl()) {\n        <img [src]=\"imageUrl()!\" alt=\"\" class=\"size-full object-contain\" style=\"border-radius: 4px\" />\n      }\n    </button>\n  }\n  <!-- ----- Generated QR preview when no attachment image is stored ----- -->\n  @else if (rawValue) {\n    <ax-button class=\"ax-sm\" look=\"twotone\" color=\"default\" (click)=\"showPopup()\">\n      <ax-icon>\n        <i class=\"fa-regular fa-qrcode\"></i>\n      </ax-icon>\n    </ax-button>\n  } @else {\n    <span>-</span>\n  }\n</div>\n" }]
         }] });
 
 var qrcodeWidgetColumn_component = /*#__PURE__*/Object.freeze({
@@ -15184,11 +15648,19 @@ var qrcodeWidgetColumn_component = /*#__PURE__*/Object.freeze({
 
 class AXPQrcodeWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
-        super(...arguments);
+        super();
         //#region ---- Services & Dependencies ----
         this.qrcodeViewer = inject(AXPQrcodeViewerService);
         this.formatService = inject(AXFormatService);
         this.translation = inject(AXTranslationService);
+        this.fileChooser = inject(AXPFileChooserService);
+        this.fileStorage = inject(AXPFileStorageService);
+        this.toast = inject(AXToastService);
+        //#endregion
+        //#region ---- Attachment Session ----
+        this.uploadedFileIds = new Set();
+        this.supersededOwnedFileIds = new Set();
+        this.releasing = false;
         //#endregion
         this.value = computed(() => this.getValue(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -15211,6 +15683,58 @@ class AXPQrcodeWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "hasClearButton" }] : /* istanbul ignore next */ []));
         this.placeholder = computed(() => this.options()['placeholder'] ?? '@general:terms.common.placeholder', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.attachmentConfig = computed(() => resolveQrcodeAttachmentConfig(this.options()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attachmentConfig" }] : /* istanbul ignore next */ []));
+        this.attachmentRef = computed(() => {
+            const config = this.attachmentConfig();
+            if (!config.enabled) {
+                return null;
+            }
+            return readQrcodeAttachmentRef(this.contextService.data(), config.dataPath);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attachmentRef" }] : /* istanbul ignore next */ []));
+        this.displayMode = computed(() => resolveQrcodeDisplayMode({
+            enabled: this.attachmentConfig().enabled,
+            attachmentRef: this.attachmentRef(),
+            qrValue: this.value(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayMode" }] : /* istanbul ignore next */ []));
+        this.imageUrl = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "imageUrl" }] : /* istanbul ignore next */ []));
+        this.blobObjectUrl = null;
+        this.hydrateRequestId = 0;
+        this.choosingAttachment = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "choosingAttachment" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            void this.hydrateImageUrl(this.displayMode() === 'image' ? this.attachmentRef() : null);
+        });
+        effect(() => {
+            const config = this.attachmentConfig();
+            if (!config.enabled || !config.dataPath) {
+                return;
+            }
+            const currentRef = readQrcodeAttachmentRef(this.contextService.data(), config.dataPath);
+            const savedRef = readQrcodeAttachmentRef(this.contextService.saved(), config.dataPath);
+            void this.releaseOwnedFiles(currentRef, savedRef, false);
+        });
+    }
+    ngOnDestroy() {
+        this.revokeBlobUrl();
+        const config = this.attachmentConfig();
+        if (!config.enabled || !config.dataPath) {
+            return;
+        }
+        const currentRef = readQrcodeAttachmentRef(this.contextService.data(), config.dataPath);
+        const savedRef = readQrcodeAttachmentRef(this.contextService.saved(), config.dataPath);
+        void this.releaseOwnedFiles(currentRef, savedRef, currentRef !== savedRef);
+    }
+    attachmentActionsLocked() {
+        return isQrcodeAttachmentReadonly({
+            attachmentReadonly: this.attachmentConfig().readonly,
+            formLocked: isAncestorFormLocked(this),
+            disabled: !!this.options()['disabled'],
+            mode: this.mode,
+        });
     }
     onValueChange(e) {
         if (e.isUserInteraction) {
@@ -15232,8 +15756,8 @@ class AXPQrcodeWidgetEditComponent extends AXPValueWidgetComponent {
         this.draft.set(this.value() ?? '');
     }
     async openPreview() {
-        const content = this.value();
-        if (!content) {
+        const content = this.value() ?? '';
+        if (!content && this.displayMode() !== 'image') {
             return;
         }
         await openQrcodeViewer(this.qrcodeViewer, {
@@ -15242,6 +15766,7 @@ class AXPQrcodeWidgetEditComponent extends AXPValueWidgetComponent {
             widgetOptions: this.options(),
             formatService: this.formatService,
             activeLang: this.translation.getActiveLang(),
+            attachmentRef: this.attachmentRef(),
         });
     }
     downloadQr(el) {
@@ -15253,9 +15778,78 @@ class AXPQrcodeWidgetEditComponent extends AXPValueWidgetComponent {
             fallbackSize: this.size(),
         });
     }
+    async downloadDisplayed(el) {
+        const fileId = displayQrcodeAttachmentFileId(this.attachmentRef());
+        if (this.displayMode() === 'image' && fileId) {
+            try {
+                const blob = await this.fileStorage.download(fileId);
+                const extension = blob.type === 'image/jpeg' ? 'jpg' : blob.type === 'image/webp' ? 'webp' : 'png';
+                triggerBrowserDownload(blob, `qrcode-image.${extension}`);
+            }
+            catch {
+                await this.notifyGenericError();
+            }
+            return;
+        }
+        this.downloadQr(el);
+    }
     clearValue() {
         this.setValue('');
     }
+    async chooseAttachment() {
+        if (this.attachmentActionsLocked() || this.choosingAttachment()) {
+            return;
+        }
+        const config = this.attachmentConfig();
+        if (!config.enabled || !config.dataPath) {
+            return;
+        }
+        this.choosingAttachment.set(true);
+        try {
+            const items = await this.fileChooser.promptChoose({
+                options: {
+                    multiple: false,
+                    accept: AXP_IMAGE_FILE_CHOOSER_ACCEPT,
+                    excludeProviders: excludeProvidersForQrcodeAttachmentSources(config.sources),
+                    attachmentType: 'clone',
+                },
+                items: [],
+            });
+            if (isCancelledQrcodeAttachmentChoice(items)) {
+                return;
+            }
+            const interpretation = interpretQrcodeChooserItems(items);
+            if (interpretation.kind === 'cancel') {
+                return;
+            }
+            if (interpretation.kind === 'upload') {
+                const file = fileListItemToImageFile(items[0]);
+                if (!file) {
+                    return;
+                }
+                await this.uploadAttachment(file, config);
+                return;
+            }
+            if (interpretation.kind === 'shared-file') {
+                this.applyAttachmentRef(toSharedFileQrcodeAttachmentRef(interpretation.fileId), config);
+                return;
+            }
+            this.applyAttachmentRef(toSharedDocumentQrcodeAttachmentRef(interpretation.documentId), config);
+        }
+        finally {
+            this.choosingAttachment.set(false);
+        }
+    }
+    removeAttachment() {
+        if (this.attachmentActionsLocked()) {
+            return;
+        }
+        const config = this.attachmentConfig();
+        if (!config.enabled) {
+            return;
+        }
+        this.applyAttachmentRef(null, config);
+    }
     async onFileSelected(e) {
         const input = e.target;
         const file = input?.files && input.files.length > 0 ? input.files[0] : null;
@@ -15272,8 +15866,142 @@ class AXPQrcodeWidgetEditComponent extends AXPValueWidgetComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPQrcodeWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPQrcodeWidgetEditComponent, isStandalone: true, selector: "axp-qrcode-widget-edit", host: { classAttribute: "block flex-1" }, usesInheritance: true, ngImport: i0, template: "<!-- Main Container -->\n<div class=\"flex flex-col gap-3 p-3 w-fit\">\n  <div class=\"flex justify-center\">\n    <!-- QR Code Container -->\n    <div class=\"bg-lightest border border-default rounded-md shadow-md p-3\" #qr>\n      <!-- QR Code Display or Empty Placeholder -->\n      @if (value()) {\n        <!-- Display QR Code when value exists -->\n        <ax-qrcode [content]=\"value()\" [size]=\"size()\" [color]=\"color()\" [level]=\"level()\" [outputType]=\"'svg'\">\n        </ax-qrcode>\n      } @else {\n        <!-- Empty State: Show placeholder when value is null or empty -->\n        <div\n          class=\"flex flex-col items-center justify-center text-center\"\n          [style.width.px]=\"size()\"\n          [style.height.px]=\"size()\"\n        >\n          <ax-icon icon=\"fa-light fa-qrcode\" class=\"text-4xl text-gray-400 mb-3\"></ax-icon>\n          <div class=\"text-sm text-gray-500\">\n            {{ '@general:state-message.empty.title' | translate | async }}\n          </div>\n        </div>\n      }\n\n      <!-- Action Buttons Section -->\n      @if (!readonly()) {\n        <div class=\"flex items-center justify-between gap-2 pt-4\">\n          <!-- Edit Button: Opens popover to edit QR code content -->\n          <ax-button\n            #editBtn\n            look=\"twotone\"\n            [title]=\"('@general:actions.edit.title' | translate | async)!\"\n            (onClick)=\"beginEdit()\"\n          >\n            <!-- Edit Popover: Text input for editing QR code content -->\n            <ax-popover #po [target]=\"editBtn\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n              <div\n                class=\"bg-lightest border border-default rounded-md shadow-md p-5 w-full sm:w-96\"\n              >\n                <!-- Text Input for QR Code Content -->\n                <ax-text-box\n                  [value]=\"draft()\"\n                  [disabled]=\"disabled()\"\n                  [readonly]=\"readonly()\"\n                  [placeholder]=\"placeholder() | translate | async\"\n                  (onValueChanged)=\"onDraftChange($event)\"\n                >\n                  @if (hasClearButton()) {\n                    <ax-clear-button></ax-clear-button>\n                  }\n                </ax-text-box>\n                <!-- Popover Action Buttons -->\n                <div class=\"flex justify-end gap-2 mt-3\">\n                  <ax-button\n                    look=\"outline\"\n                    class=\"ax-sm\"\n                    [text]=\"('@general:actions.cancel.title' | translate | async)!\"\n                    (onClick)=\"cancelEdit(); po.close()\"\n                  ></ax-button>\n                  <ax-button\n                    look=\"solid\"\n                    class=\"ax-sm\"\n                    color=\"primary\"\n                    [text]=\"('@general:actions.submit.title' | translate | async)!\"\n                    (onClick)=\"applyDraft(); po.close()\"\n                  ></ax-button>\n                </div>\n              </div>\n            </ax-popover>\n            <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n          </ax-button>\n\n          <!-- Upload Button: Upload text file to set QR code content -->\n          <!-- <ax-button\n            look=\"twotone\"\n            [title]=\"('@general:actions.upload.title' | translate | async)!\"\n            (onClick)=\"fileInput.click()\"\n          >\n            <input #fileInput type=\"file\" accept=\"text/plain\" class=\"hidden\" (change)=\"onFileSelected($event)\" />\n            <ax-icon icon=\"fa-light fa-upload\"></ax-icon>\n          </ax-button> -->\n\n          <!-- Export Button: Download QR code as image (only shown when value exists) -->\n          @if (value()) {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.preview.title' | translate | async)!\"\n              (onClick)=\"openPreview()\"\n            >\n              <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n            </ax-button>\n\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.export.title' | translate | async)!\"\n              (onClick)=\"downloadQr(qr)\"\n            >\n              <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Delete Button: Clear QR code value (only shown when not readonly and value exists) -->\n          @if (!readonly() && value()) {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"clearValue()\"\n            >\n              <ax-icon icon=\"text-danger fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1$8.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { 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: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "restoreFocusOnClose", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXQrcodeModule }, { kind: "component", type: i5$1.AXQrcodeComponent, selector: "ax-qrcode", inputs: ["content", "size", "level", "color", "backgroundColor", "outputType"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    //#region ---- Attachment Persistence ----
+    async uploadAttachment(file, config) {
+        const entityId = this.contextService.data()['id'];
+        const target = resolveQrcodeAttachmentStorageTarget({
+            entityId,
+            fileStorage: config.fileStorage,
+        });
+        let fileId;
+        try {
+            const info = await this.fileStorage.save({
+                file,
+                name: file.name || 'qrcode-image.png',
+                refId: target.refId,
+                refType: target.refType,
+                category: target.category,
+                status: AXPFileStorageStatus.Temporary,
+            });
+            fileId = info.fileId?.trim();
+            if (!fileId) {
+                throw new Error('File storage did not return a fileId.');
+            }
+            await this.fileStorage.commit(fileId);
+            this.uploadedFileIds.add(fileId);
+            this.applyAttachmentRef(toOwnedQrcodeAttachmentRef(fileId), config);
+        }
+        catch {
+            if (fileId) {
+                this.uploadedFileIds.delete(fileId);
+                try {
+                    await this.fileStorage.markForDeletion(fileId);
+                }
+                catch {
+                    // The failed upload is already unusable; keep the current QR image.
+                }
+            }
+            await this.notifyUploadFailed();
+        }
+    }
+    applyAttachmentRef(nextRef, config) {
+        const dataPath = config.dataPath;
+        if (!dataPath) {
+            return;
+        }
+        const qrPath = this.fullPath() ?? '';
+        let patch;
+        try {
+            patch = buildQrcodeAttachmentContextPatch(dataPath, qrPath, nextRef);
+        }
+        catch {
+            return;
+        }
+        const previousRef = readQrcodeAttachmentRef(this.contextService.data(), dataPath);
+        const plan = nextRef
+            ? planQrcodeAttachmentReplacement(previousRef, nextRef)
+            : planQrcodeAttachmentRemoval(previousRef);
+        for (const id of plan.supersededOwnedFileIds) {
+            this.supersededOwnedFileIds.add(id);
+        }
+        const [path, value] = Object.entries(patch)[0];
+        this.contextService.update(path, value, { origin: 'user' });
+    }
+    async releaseOwnedFiles(currentRef, savedRef, abandoning) {
+        if (this.releasing) {
+            return;
+        }
+        const ids = fileIdsToRelease({
+            savedRef,
+            currentRef,
+            uploadedFileIds: [...this.uploadedFileIds],
+            supersededOwnedFileIds: [...this.supersededOwnedFileIds],
+            abandoning,
+        });
+        if (ids.length === 0) {
+            return;
+        }
+        this.releasing = true;
+        try {
+            for (const id of ids) {
+                this.uploadedFileIds.delete(id);
+                this.supersededOwnedFileIds.delete(id);
+                try {
+                    await this.fileStorage.markForDeletion(id);
+                }
+                catch {
+                    // Leave the id out of the session so a later save does not retry a shared file.
+                }
+            }
+        }
+        finally {
+            this.releasing = false;
+        }
+    }
+    async hydrateImageUrl(ref) {
+        const requestId = ++this.hydrateRequestId;
+        this.revokeBlobUrl();
+        if (!ref) {
+            this.imageUrl.set(null);
+            return;
+        }
+        try {
+            const displayUrl = qrcodeAttachmentImageUrl(ref, (fileId) => this.fileStorage.getDownloadUrl(fileId));
+            if (requestId !== this.hydrateRequestId) {
+                if (displayUrl?.startsWith('blob:')) {
+                    URL.revokeObjectURL(displayUrl);
+                }
+                return;
+            }
+            if (displayUrl?.startsWith('blob:')) {
+                this.blobObjectUrl = displayUrl;
+            }
+            this.imageUrl.set(displayUrl);
+        }
+        catch {
+            if (requestId === this.hydrateRequestId) {
+                this.imageUrl.set(null);
+            }
+        }
+    }
+    revokeBlobUrl() {
+        if (this.blobObjectUrl) {
+            URL.revokeObjectURL(this.blobObjectUrl);
+            this.blobObjectUrl = null;
+        }
+    }
+    async notifyUploadFailed() {
+        const title = await this.translation.translateAsync('@general:messages.generic.error.title');
+        const content = await this.translation.translateAsync('@general:widgets.file-uploader.messages.upload-failed');
+        this.toast.show({ color: 'danger', title, content });
+    }
+    async notifyGenericError() {
+        const title = await this.translation.translateAsync('@general:messages.generic.error.title');
+        const content = await this.translation.translateAsync('@general:messages.generic.error.description');
+        this.toast.show({ color: 'danger', title, content });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPQrcodeWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPQrcodeWidgetEditComponent, isStandalone: true, selector: "axp-qrcode-widget-edit", host: { classAttribute: "block flex-1" }, usesInheritance: true, ngImport: i0, template: "<!-- Main Container -->\n<div class=\"flex flex-col gap-3 p-3 w-fit\">\n  <div class=\"flex justify-center\">\n    <!-- QR Code Container -->\n    <div class=\"bg-lightest border border-default rounded-md shadow-md p-3\" #qr>\n      <!-- QR image when an attachment is stored; otherwise the generated QR -->\n      @if (displayMode() === 'image') {\n        <!-- ----- Show the stored image at the widget size without cropping ----- -->\n        @if (imageUrl()) {\n          <img\n            [src]=\"imageUrl()!\"\n            [attr.alt]=\"('@platform-layout-widgets:widgets.qrcode.attachment.alt' | translate | async) ?? ''\"\n            class=\"object-contain\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          />\n        } @else {\n          <div\n            class=\"flex items-center justify-center\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          ></div>\n        }\n      } @else if (value()) {\n        <!-- Display QR Code when value exists -->\n        <ax-qrcode [content]=\"value()\" [size]=\"size()\" [color]=\"color()\" [level]=\"level()\" [outputType]=\"'svg'\">\n        </ax-qrcode>\n      } @else {\n        <!-- Empty State: Show placeholder when value is null or empty -->\n        <div\n          class=\"flex flex-col items-center justify-center text-center\"\n          [style.width.px]=\"size()\"\n          [style.height.px]=\"size()\"\n        >\n          <ax-icon icon=\"fa-light fa-qrcode\" class=\"text-4xl text-gray-400 mb-3\"></ax-icon>\n          <div class=\"text-sm text-gray-500\">\n            {{ '@general:state-message.empty.title' | translate | async }}\n          </div>\n        </div>\n      }\n\n      <!-- Action Buttons Section -->\n      @if (!readonly() || attachmentConfig().enabled) {\n        <div class=\"flex items-center justify-between gap-2 pt-4\">\n          <!-- Edit Button: Opens popover to edit QR code content -->\n          @if (!readonly()) {\n          <ax-button\n            #editBtn\n            look=\"twotone\"\n            [title]=\"('@general:actions.edit.title' | translate | async)!\"\n            (onClick)=\"beginEdit()\"\n          >\n            <!-- Edit Popover: Text input for editing QR code content -->\n            <ax-popover #po [target]=\"editBtn\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n              <div\n                class=\"bg-lightest border border-default rounded-md shadow-md p-5 w-full sm:w-96\"\n              >\n                <!-- Text Input for QR Code Content -->\n                <ax-text-box\n                  [value]=\"draft()\"\n                  [disabled]=\"disabled()\"\n                  [readonly]=\"readonly()\"\n                  [placeholder]=\"placeholder() | translate | async\"\n                  (onValueChanged)=\"onDraftChange($event)\"\n                >\n                  @if (hasClearButton()) {\n                    <ax-clear-button></ax-clear-button>\n                  }\n                </ax-text-box>\n                <!-- Popover Action Buttons -->\n                <div class=\"flex justify-end gap-2 mt-3\">\n                  <ax-button\n                    look=\"outline\"\n                    class=\"ax-sm\"\n                    [text]=\"('@general:actions.cancel.title' | translate | async)!\"\n                    (onClick)=\"cancelEdit(); po.close()\"\n                  ></ax-button>\n                  <ax-button\n                    look=\"solid\"\n                    class=\"ax-sm\"\n                    color=\"primary\"\n                    [text]=\"('@general:actions.submit.title' | translate | async)!\"\n                    (onClick)=\"applyDraft(); po.close()\"\n                  ></ax-button>\n                </div>\n              </div>\n            </ax-popover>\n            <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n          </ax-button>\n          }\n\n          <!-- Upload or replace the optional QR image without changing the QR text -->\n          @if (attachmentConfig().enabled && !attachmentActionsLocked()) {\n            <ax-button\n              look=\"twotone\"\n              [disabled]=\"choosingAttachment()\"\n              [title]=\"\n                ((displayMode() === 'image'\n                  ? '@platform-layout-widgets:widgets.qrcode.attachment.replace'\n                  : '@platform-layout-widgets:widgets.qrcode.attachment.upload'\n                ) | translate | async)!\n              \"\n              (onClick)=\"chooseAttachment()\"\n            >\n              <ax-icon [icon]=\"displayMode() === 'image' ? 'fa-light fa-arrows-rotate' : 'fa-light fa-image'\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Upload Button: Upload text file to set QR code content -->\n          <!-- <ax-button\n            look=\"twotone\"\n            [title]=\"('@general:actions.upload.title' | translate | async)!\"\n            (onClick)=\"fileInput.click()\"\n          >\n            <input #fileInput type=\"file\" accept=\"text/plain\" class=\"hidden\" (change)=\"onFileSelected($event)\" />\n            <ax-icon icon=\"fa-light fa-upload\"></ax-icon>\n          </ax-button> -->\n\n          <!-- Preview and export follow whichever image is currently displayed -->\n          @if (displayMode() !== 'empty') {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.preview.title' | translate | async)!\"\n              (onClick)=\"openPreview()\"\n            >\n              <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n            </ax-button>\n\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.export.title' | translate | async)!\"\n              (onClick)=\"downloadDisplayed(qr)\"\n            >\n              <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Remove the attached image and show the generated QR again -->\n          @if (attachmentConfig().enabled && !attachmentActionsLocked() && displayMode() === 'image') {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@platform-layout-widgets:widgets.qrcode.attachment.remove' | translate | async)!\"\n              (onClick)=\"removeAttachment()\"\n            >\n              <ax-icon icon=\"text-danger fa-light fa-image-slash\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Delete Button: Clear QR code value (only shown when not readonly and value exists) -->\n          @if (!readonly() && value()) {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"clearValue()\"\n            >\n              <ax-icon icon=\"text-danger fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1$8.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { 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: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "restoreFocusOnClose", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXQrcodeModule }, { kind: "component", type: i5$1.AXQrcodeComponent, selector: "ax-qrcode", inputs: ["content", "size", "level", "color", "backgroundColor", "outputType"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1$6.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: AXPQrcodeWidgetEditComponent, decorators: [{
             type: Component,
@@ -15286,8 +16014,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXTranslationModule,
                         AsyncPipe,
                         FormsModule,
-                    ], host: { class: 'block flex-1' }, template: "<!-- Main Container -->\n<div class=\"flex flex-col gap-3 p-3 w-fit\">\n  <div class=\"flex justify-center\">\n    <!-- QR Code Container -->\n    <div class=\"bg-lightest border border-default rounded-md shadow-md p-3\" #qr>\n      <!-- QR Code Display or Empty Placeholder -->\n      @if (value()) {\n        <!-- Display QR Code when value exists -->\n        <ax-qrcode [content]=\"value()\" [size]=\"size()\" [color]=\"color()\" [level]=\"level()\" [outputType]=\"'svg'\">\n        </ax-qrcode>\n      } @else {\n        <!-- Empty State: Show placeholder when value is null or empty -->\n        <div\n          class=\"flex flex-col items-center justify-center text-center\"\n          [style.width.px]=\"size()\"\n          [style.height.px]=\"size()\"\n        >\n          <ax-icon icon=\"fa-light fa-qrcode\" class=\"text-4xl text-gray-400 mb-3\"></ax-icon>\n          <div class=\"text-sm text-gray-500\">\n            {{ '@general:state-message.empty.title' | translate | async }}\n          </div>\n        </div>\n      }\n\n      <!-- Action Buttons Section -->\n      @if (!readonly()) {\n        <div class=\"flex items-center justify-between gap-2 pt-4\">\n          <!-- Edit Button: Opens popover to edit QR code content -->\n          <ax-button\n            #editBtn\n            look=\"twotone\"\n            [title]=\"('@general:actions.edit.title' | translate | async)!\"\n            (onClick)=\"beginEdit()\"\n          >\n            <!-- Edit Popover: Text input for editing QR code content -->\n            <ax-popover #po [target]=\"editBtn\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n              <div\n                class=\"bg-lightest border border-default rounded-md shadow-md p-5 w-full sm:w-96\"\n              >\n                <!-- Text Input for QR Code Content -->\n                <ax-text-box\n                  [value]=\"draft()\"\n                  [disabled]=\"disabled()\"\n                  [readonly]=\"readonly()\"\n                  [placeholder]=\"placeholder() | translate | async\"\n                  (onValueChanged)=\"onDraftChange($event)\"\n                >\n                  @if (hasClearButton()) {\n                    <ax-clear-button></ax-clear-button>\n                  }\n                </ax-text-box>\n                <!-- Popover Action Buttons -->\n                <div class=\"flex justify-end gap-2 mt-3\">\n                  <ax-button\n                    look=\"outline\"\n                    class=\"ax-sm\"\n                    [text]=\"('@general:actions.cancel.title' | translate | async)!\"\n                    (onClick)=\"cancelEdit(); po.close()\"\n                  ></ax-button>\n                  <ax-button\n                    look=\"solid\"\n                    class=\"ax-sm\"\n                    color=\"primary\"\n                    [text]=\"('@general:actions.submit.title' | translate | async)!\"\n                    (onClick)=\"applyDraft(); po.close()\"\n                  ></ax-button>\n                </div>\n              </div>\n            </ax-popover>\n            <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n          </ax-button>\n\n          <!-- Upload Button: Upload text file to set QR code content -->\n          <!-- <ax-button\n            look=\"twotone\"\n            [title]=\"('@general:actions.upload.title' | translate | async)!\"\n            (onClick)=\"fileInput.click()\"\n          >\n            <input #fileInput type=\"file\" accept=\"text/plain\" class=\"hidden\" (change)=\"onFileSelected($event)\" />\n            <ax-icon icon=\"fa-light fa-upload\"></ax-icon>\n          </ax-button> -->\n\n          <!-- Export Button: Download QR code as image (only shown when value exists) -->\n          @if (value()) {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.preview.title' | translate | async)!\"\n              (onClick)=\"openPreview()\"\n            >\n              <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n            </ax-button>\n\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.export.title' | translate | async)!\"\n              (onClick)=\"downloadQr(qr)\"\n            >\n              <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Delete Button: Clear QR code value (only shown when not readonly and value exists) -->\n          @if (!readonly() && value()) {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"clearValue()\"\n            >\n              <ax-icon icon=\"text-danger fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
-        }] });
+                    ], host: { class: 'block flex-1' }, template: "<!-- Main Container -->\n<div class=\"flex flex-col gap-3 p-3 w-fit\">\n  <div class=\"flex justify-center\">\n    <!-- QR Code Container -->\n    <div class=\"bg-lightest border border-default rounded-md shadow-md p-3\" #qr>\n      <!-- QR image when an attachment is stored; otherwise the generated QR -->\n      @if (displayMode() === 'image') {\n        <!-- ----- Show the stored image at the widget size without cropping ----- -->\n        @if (imageUrl()) {\n          <img\n            [src]=\"imageUrl()!\"\n            [attr.alt]=\"('@platform-layout-widgets:widgets.qrcode.attachment.alt' | translate | async) ?? ''\"\n            class=\"object-contain\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          />\n        } @else {\n          <div\n            class=\"flex items-center justify-center\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          ></div>\n        }\n      } @else if (value()) {\n        <!-- Display QR Code when value exists -->\n        <ax-qrcode [content]=\"value()\" [size]=\"size()\" [color]=\"color()\" [level]=\"level()\" [outputType]=\"'svg'\">\n        </ax-qrcode>\n      } @else {\n        <!-- Empty State: Show placeholder when value is null or empty -->\n        <div\n          class=\"flex flex-col items-center justify-center text-center\"\n          [style.width.px]=\"size()\"\n          [style.height.px]=\"size()\"\n        >\n          <ax-icon icon=\"fa-light fa-qrcode\" class=\"text-4xl text-gray-400 mb-3\"></ax-icon>\n          <div class=\"text-sm text-gray-500\">\n            {{ '@general:state-message.empty.title' | translate | async }}\n          </div>\n        </div>\n      }\n\n      <!-- Action Buttons Section -->\n      @if (!readonly() || attachmentConfig().enabled) {\n        <div class=\"flex items-center justify-between gap-2 pt-4\">\n          <!-- Edit Button: Opens popover to edit QR code content -->\n          @if (!readonly()) {\n          <ax-button\n            #editBtn\n            look=\"twotone\"\n            [title]=\"('@general:actions.edit.title' | translate | async)!\"\n            (onClick)=\"beginEdit()\"\n          >\n            <!-- Edit Popover: Text input for editing QR code content -->\n            <ax-popover #po [target]=\"editBtn\" [openOn]=\"'toggle'\" [closeOn]=\"'clickOut'\" [adaptivityEnabled]=\"true\">\n              <div\n                class=\"bg-lightest border border-default rounded-md shadow-md p-5 w-full sm:w-96\"\n              >\n                <!-- Text Input for QR Code Content -->\n                <ax-text-box\n                  [value]=\"draft()\"\n                  [disabled]=\"disabled()\"\n                  [readonly]=\"readonly()\"\n                  [placeholder]=\"placeholder() | translate | async\"\n                  (onValueChanged)=\"onDraftChange($event)\"\n                >\n                  @if (hasClearButton()) {\n                    <ax-clear-button></ax-clear-button>\n                  }\n                </ax-text-box>\n                <!-- Popover Action Buttons -->\n                <div class=\"flex justify-end gap-2 mt-3\">\n                  <ax-button\n                    look=\"outline\"\n                    class=\"ax-sm\"\n                    [text]=\"('@general:actions.cancel.title' | translate | async)!\"\n                    (onClick)=\"cancelEdit(); po.close()\"\n                  ></ax-button>\n                  <ax-button\n                    look=\"solid\"\n                    class=\"ax-sm\"\n                    color=\"primary\"\n                    [text]=\"('@general:actions.submit.title' | translate | async)!\"\n                    (onClick)=\"applyDraft(); po.close()\"\n                  ></ax-button>\n                </div>\n              </div>\n            </ax-popover>\n            <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n          </ax-button>\n          }\n\n          <!-- Upload or replace the optional QR image without changing the QR text -->\n          @if (attachmentConfig().enabled && !attachmentActionsLocked()) {\n            <ax-button\n              look=\"twotone\"\n              [disabled]=\"choosingAttachment()\"\n              [title]=\"\n                ((displayMode() === 'image'\n                  ? '@platform-layout-widgets:widgets.qrcode.attachment.replace'\n                  : '@platform-layout-widgets:widgets.qrcode.attachment.upload'\n                ) | translate | async)!\n              \"\n              (onClick)=\"chooseAttachment()\"\n            >\n              <ax-icon [icon]=\"displayMode() === 'image' ? 'fa-light fa-arrows-rotate' : 'fa-light fa-image'\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Upload Button: Upload text file to set QR code content -->\n          <!-- <ax-button\n            look=\"twotone\"\n            [title]=\"('@general:actions.upload.title' | translate | async)!\"\n            (onClick)=\"fileInput.click()\"\n          >\n            <input #fileInput type=\"file\" accept=\"text/plain\" class=\"hidden\" (change)=\"onFileSelected($event)\" />\n            <ax-icon icon=\"fa-light fa-upload\"></ax-icon>\n          </ax-button> -->\n\n          <!-- Preview and export follow whichever image is currently displayed -->\n          @if (displayMode() !== 'empty') {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.preview.title' | translate | async)!\"\n              (onClick)=\"openPreview()\"\n            >\n              <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n            </ax-button>\n\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.export.title' | translate | async)!\"\n              (onClick)=\"downloadDisplayed(qr)\"\n            >\n              <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Remove the attached image and show the generated QR again -->\n          @if (attachmentConfig().enabled && !attachmentActionsLocked() && displayMode() === 'image') {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@platform-layout-widgets:widgets.qrcode.attachment.remove' | translate | async)!\"\n              (onClick)=\"removeAttachment()\"\n            >\n              <ax-icon icon=\"text-danger fa-light fa-image-slash\"></ax-icon>\n            </ax-button>\n          }\n\n          <!-- Delete Button: Clear QR code value (only shown when not readonly and value exists) -->\n          @if (!readonly() && value()) {\n            <ax-button\n              look=\"twotone\"\n              [title]=\"('@general:actions.delete.title' | translate | async)!\"\n              (onClick)=\"clearValue()\"\n            >\n              <ax-icon icon=\"text-danger fa-light fa-trash-can\"></ax-icon>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+function isAncestorFormLocked(start) {
+    let current = start?.parent;
+    while (current) {
+        if (current.options?.()?.['readonly'] === true) {
+            return true;
+        }
+        current = current.parent;
+    }
+    return false;
+}
 
 var qrcodeWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -15295,12 +16033,15 @@ var qrcodeWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPQrcodeWidgetViewComponent extends AXPValueWidgetComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
     constructor() {
-        super(...arguments);
+        super();
         //#region ---- Services & Dependencies ----
         this.qrcodeViewer = inject(AXPQrcodeViewerService);
         this.formatService = inject(AXFormatService);
         this.translation = inject(AXTranslationService);
+        this.fileStorage = inject(AXPFileStorageService, { optional: true });
         //#endregion
         //#region ---- View Children ----
         this.qrContainer = viewChild('qrContainer', /* @ts-ignore */
@@ -15317,14 +16058,44 @@ class AXPQrcodeWidgetViewComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "outputType" }] : /* istanbul ignore next */ []));
         this.showContent = computed(() => !!this.options()['showContent'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showContent" }] : /* istanbul ignore next */ []));
+        this.suppressPreview = computed(() => !!this.options()['suppressPreview'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "suppressPreview" }] : /* istanbul ignore next */ []));
         this.contentLabel = computed(() => this.options()['contentLabel'] ?? '@platform-layout-widgets:widgets.qrcode.content', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "contentLabel" }] : /* istanbul ignore next */ []));
+        this.attachmentConfig = computed(() => resolveQrcodeAttachmentConfig(this.options()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attachmentConfig" }] : /* istanbul ignore next */ []));
+        this.attachmentRef = computed(() => {
+            const config = this.attachmentConfig();
+            if (!config.enabled) {
+                return null;
+            }
+            return readQrcodeAttachmentRef(this.contextService.data(), config.dataPath);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "attachmentRef" }] : /* istanbul ignore next */ []));
+        this.displayMode = computed(() => resolveQrcodeDisplayMode({
+            enabled: this.attachmentConfig().enabled,
+            attachmentRef: this.attachmentRef(),
+            qrValue: this.getValue(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayMode" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- State Signals ----
+        this.imageUrl = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "imageUrl" }] : /* istanbul ignore next */ []));
+        this.blobObjectUrl = null;
+        this.hydrateRequestId = 0;
+        effect(() => {
+            void this.hydrateImageUrl(this.displayMode() === 'image' ? this.attachmentRef() : null);
+        });
+    }
+    ngOnDestroy() {
+        this.revokeBlobUrl();
     }
     //#endregion
     //#region ---- UI Handlers ----
     async openPreview() {
-        const content = this.getValue();
-        if (!content) {
+        const content = this.getValue() ?? '';
+        if (!content && this.displayMode() !== 'image') {
             return;
         }
         await openQrcodeViewer(this.qrcodeViewer, {
@@ -15333,6 +16104,7 @@ class AXPQrcodeWidgetViewComponent extends AXPValueWidgetComponent {
             widgetOptions: this.options(),
             formatService: this.formatService,
             activeLang: this.translation.getActiveLang(),
+            attachmentRef: this.attachmentRef(),
         });
     }
     //#endregion
@@ -15345,85 +16117,53 @@ class AXPQrcodeWidgetViewComponent extends AXPValueWidgetComponent {
                     printGraphicFromElement(container, {
                         fallbackSize: this.size(),
                         title: 'QR Code',
-                        imageAlt: 'QR Code',
+                        imageAlt: 'QR Image',
                     });
                 }
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPQrcodeWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPQrcodeWidgetViewComponent, isStandalone: true, selector: "axp-qrcode-widget", host: { classAttribute: "block w-full" }, viewQueries: [{ propertyName: "qrContainer", first: true, predicate: ["qrContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    @if (getValue()) {
-      <div class="flex w-full flex-col items-center gap-4 text-center">
-        <div #qrContainer class="inline-block">
-          <ax-qrcode
-            [content]="getValue()"
-            [size]="size()"
-            [color]="color()"
-            [level]="level()"
-            [outputType]="outputType()"
-          >
-          </ax-qrcode>
-        </div>
-        @if (showContent()) {
-          <div class="flex max-w-full flex-col items-center gap-1">
-            <span class="text-sm font-medium">{{ contentLabel() | translate | async }}</span>
-            <span class="break-all text-sm">{{ getValue() }}</span>
-          </div>
-        } @else {
-          <ax-button
-            look="twotone"
-            class="ax-sm"
-            [title]="('@general:actions.preview.title' | translate | async)!"
-            (onClick)="openPreview()"
-          >
-            <ax-icon icon="fa-light fa-expand"></ax-icon>
-          </ax-button>
+    //#endregion
+    //#region ---- Image Hydration ----
+    async hydrateImageUrl(ref) {
+        const requestId = ++this.hydrateRequestId;
+        this.revokeBlobUrl();
+        if (!ref || !this.fileStorage) {
+            this.imageUrl.set(null);
+            return;
+        }
+        try {
+            const displayUrl = qrcodeAttachmentImageUrl(ref, (fileId) => this.fileStorage.getDownloadUrl(fileId));
+            if (requestId !== this.hydrateRequestId) {
+                if (displayUrl?.startsWith('blob:')) {
+                    URL.revokeObjectURL(displayUrl);
+                }
+                return;
+            }
+            if (displayUrl?.startsWith('blob:')) {
+                this.blobObjectUrl = displayUrl;
+            }
+            this.imageUrl.set(displayUrl);
+        }
+        catch {
+            if (requestId === this.hydrateRequestId) {
+                this.imageUrl.set(null);
+            }
+        }
+    }
+    revokeBlobUrl() {
+        if (this.blobObjectUrl) {
+            URL.revokeObjectURL(this.blobObjectUrl);
+            this.blobObjectUrl = null;
         }
-      </div>
     }
-  `, isInline: true, 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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXQrcodeModule }, { kind: "component", type: i5$1.AXQrcodeComponent, selector: "ax-qrcode", inputs: ["content", "size", "level", "color", "backgroundColor", "outputType"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPQrcodeWidgetViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPQrcodeWidgetViewComponent, isStandalone: true, selector: "axp-qrcode-widget", host: { classAttribute: "block w-full" }, viewQueries: [{ propertyName: "qrContainer", first: true, predicate: ["qrContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (displayMode() !== 'empty') {\n  <div class=\"flex w-full flex-col items-center gap-4 text-center\">\n    <div #qrContainer class=\"inline-block\">\n      <!-- ----- Attached image replaces the generated QR while a file is stored ----- -->\n      @if (displayMode() === 'image') {\n        <!-- ----- Show the stored image at the widget size without cropping ----- -->\n        @if (imageUrl()) {\n          <img\n            [src]=\"imageUrl()!\"\n            [attr.alt]=\"('@platform-layout-widgets:widgets.qrcode.attachment.alt' | translate | async) ?? ''\"\n            class=\"object-contain\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          />\n        } @else {\n          <div\n            class=\"flex items-center justify-center\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          ></div>\n        }\n      } @else {\n        <ax-qrcode\n          [content]=\"getValue()\"\n          [size]=\"size()\"\n          [color]=\"color()\"\n          [level]=\"level()\"\n          [outputType]=\"outputType()\"\n        >\n        </ax-qrcode>\n      }\n    </div>\n    <!-- ----- QR text under the generated code ----- -->\n    @if (displayMode() === 'qr' && showContent()) {\n      <div class=\"flex max-w-full flex-col items-center gap-1\">\n        <span class=\"text-sm font-medium\">{{ contentLabel() | translate | async }}</span>\n        <span class=\"break-all text-sm\">{{ getValue() }}</span>\n      </div>\n    }\n    <!-- ----- Preview for the attached image or the generated QR ----- -->\n    @else if (!suppressPreview() && (displayMode() === 'image' || !showContent())) {\n      <ax-button\n        look=\"twotone\"\n        class=\"ax-sm\"\n        [title]=\"('@general:actions.preview.title' | translate | async)!\"\n        (onClick)=\"openPreview()\"\n      >\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXQrcodeModule }, { kind: "component", type: i5$1.AXQrcodeComponent, selector: "ax-qrcode", inputs: ["content", "size", "level", "color", "backgroundColor", "outputType"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$6.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: AXPQrcodeWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'axp-qrcode-widget',
-                    template: `
-    @if (getValue()) {
-      <div class="flex w-full flex-col items-center gap-4 text-center">
-        <div #qrContainer class="inline-block">
-          <ax-qrcode
-            [content]="getValue()"
-            [size]="size()"
-            [color]="color()"
-            [level]="level()"
-            [outputType]="outputType()"
-          >
-          </ax-qrcode>
-        </div>
-        @if (showContent()) {
-          <div class="flex max-w-full flex-col items-center gap-1">
-            <span class="text-sm font-medium">{{ contentLabel() | translate | async }}</span>
-            <span class="break-all text-sm">{{ getValue() }}</span>
-          </div>
-        } @else {
-          <ax-button
-            look="twotone"
-            class="ax-sm"
-            [title]="('@general:actions.preview.title' | translate | async)!"
-            (onClick)="openPreview()"
-          >
-            <ax-icon icon="fa-light fa-expand"></ax-icon>
-          </ax-button>
-        }
-      </div>
-    }
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXButtonModule, AXDecoratorModule, AXQrcodeModule, AXTranslationModule, AsyncPipe],
-                    host: { class: 'block w-full' },
-                }]
-        }], propDecorators: { qrContainer: [{ type: i0.ViewChild, args: ['qrContainer', { isSignal: true }] }] } });
+            args: [{ selector: 'axp-qrcode-widget', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonModule, AXDecoratorModule, AXQrcodeModule, AXTranslationModule, AsyncPipe], host: { class: 'block w-full' }, template: "@if (displayMode() !== 'empty') {\n  <div class=\"flex w-full flex-col items-center gap-4 text-center\">\n    <div #qrContainer class=\"inline-block\">\n      <!-- ----- Attached image replaces the generated QR while a file is stored ----- -->\n      @if (displayMode() === 'image') {\n        <!-- ----- Show the stored image at the widget size without cropping ----- -->\n        @if (imageUrl()) {\n          <img\n            [src]=\"imageUrl()!\"\n            [attr.alt]=\"('@platform-layout-widgets:widgets.qrcode.attachment.alt' | translate | async) ?? ''\"\n            class=\"object-contain\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          />\n        } @else {\n          <div\n            class=\"flex items-center justify-center\"\n            [style.width.px]=\"size()\"\n            [style.height.px]=\"size()\"\n          ></div>\n        }\n      } @else {\n        <ax-qrcode\n          [content]=\"getValue()\"\n          [size]=\"size()\"\n          [color]=\"color()\"\n          [level]=\"level()\"\n          [outputType]=\"outputType()\"\n        >\n        </ax-qrcode>\n      }\n    </div>\n    <!-- ----- QR text under the generated code ----- -->\n    @if (displayMode() === 'qr' && showContent()) {\n      <div class=\"flex max-w-full flex-col items-center gap-1\">\n        <span class=\"text-sm font-medium\">{{ contentLabel() | translate | async }}</span>\n        <span class=\"break-all text-sm\">{{ getValue() }}</span>\n      </div>\n    }\n    <!-- ----- Preview for the attached image or the generated QR ----- -->\n    @else if (!suppressPreview() && (displayMode() === 'image' || !showContent())) {\n      <ax-button\n        look=\"twotone\"\n        class=\"ax-sm\"\n        [title]=\"('@general:actions.preview.title' | translate | async)!\"\n        (onClick)=\"openPreview()\"\n      >\n        <ax-icon icon=\"fa-light fa-expand\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { qrContainer: [{ type: i0.ViewChild, args: ['qrContainer', { isSignal: true }] }] } });
 
 var qrcodeWidgetView_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -20056,7 +20796,7 @@ const AXPRepeaterWidget = {
             component: () => Promise.resolve().then(function () { return repeaterWidgetDesigner_component; }).then((c) => c.AXPRepeaterWidgetDesignerComponent),
         },
         column: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-repeater-widget-column.component-Ddx_b04d.mjs').then((c) => c.AXPRepeaterWidgetColumnComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-repeater-widget-column.component-XgjDH9Oc.mjs').then((c) => c.AXPRepeaterWidgetColumnComponent),
         },
     },
 };
@@ -33466,7 +34206,7 @@ const AXPTextBlockWidget = {
             component: () => Promise.resolve().then(function () { return textBlockWidgetView_component; }).then((c) => c.AXPTextBlockWidgetViewComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-text-block-widget-designer.component-DqIuIn76.mjs').then((c) => c.AXPTextBlockWidgetDesignerComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-text-block-widget-designer.component-DDczHmAA.mjs').then((c) => c.AXPTextBlockWidgetDesignerComponent),
         },
     },
 };
@@ -34250,5 +34990,5 @@ var getWidgetsForAi_query = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXPConditionClauseWidget as $, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP as A, AXPCallbackValidationWidgetEditComponent as B, AXPCheckBoxWidget as C, AXPCheckBoxWidgetColumnComponent as D, AXPCheckBoxWidgetDesignerComponent as E, AXPCheckBoxWidgetEditComponent as F, AXPCheckBoxWidgetPrintComponent as G, AXPCheckBoxWidgetViewComponent as H, AXPCodeEditorWidget as I, AXPColorBoxWidget as J, AXPColorBoxWidgetColumnComponent as K, AXPColorBoxWidgetDesignerComponent as L, AXPColorBoxWidgetEditComponent as M, AXPColorBoxWidgetViewComponent as N, AXPColorChooserWidget as O, AXPColorChooserWidgetColumnComponent as P, AXPColorChooserWidgetDesignerComponent as Q, AXPColorChooserWidgetEditComponent as R, AXPColorChooserWidgetViewComponent as S, AXPColorPaletteWidget as T, AXPColorPaletteWidgetColumnComponent as U, AXPColorPaletteWidgetDesignerComponent as V, AXPColorPaletteWidgetEditComponent as W, AXPColorPaletteWidgetViewComponent as X, AXPConditionBuilderWidget as Y, AXPConditionBuilderWidgetEditComponent as Z, AXPConditionBuilderWidgetViewComponent as _, textBlockContentClass as a, AXPLargeTextWidgetPrintComponent as a$, AXPConditionClauseWidgetEditComponent as a0, AXPConnectedDragDropListsWidget as a1, AXPConnectedListsWidgetColumnComponent as a2, AXPConnectedListsWidgetEditComponent as a3, AXPConnectedListsWidgetViewComponent as a4, AXPContactWidget as a5, AXPContactWidgetColumnComponent as a6, AXPContactWidgetEditComponent as a7, AXPContactWidgetViewComponent as a8, AXPDataListColumnFooterComponent as a9, AXPFlexWidget as aA, AXPFlexWidgetDesignerComponent as aB, AXPFlexWidgetViewComponent as aC, AXPGetWidgetsForAIQuery as aD, AXPGreaterThanExpressionValidationWidget as aE, AXPGreaterThanValidationWidgetEditComponent as aF, AXPGridItemOptionsWidget as aG, AXPGridItemOptionsWidgetEditComponent as aH, AXPGridOptionsWidget as aI, AXPGridOptionsWidgetEditComponent as aJ, AXPImageMarkerPopupComponent as aK, AXPImageMarkerWidget as aL, AXPImageMarkerWidgetColumnComponent as aM, AXPImageMarkerWidgetEditComponent as aN, AXPImageMarkerWidgetViewComponent as aO, AXPIntegrationConnectionActionsService as aP, AXPIntegrationConnectionsPanelWidget as aQ, AXPIntegrationConnectionsPanelWidgetEditComponent as aR, AXPItemConfiguratorWidget as aS, AXPItemConfiguratorWidgetColumnComponent as aT, AXPItemConfiguratorWidgetEditComponent as aU, AXPJsonViewerWidget as aV, AXPJsonViewerWidgetEditComponent as aW, AXPJsonViewerWidgetViewComponent as aX, AXPLargeTextWidget as aY, AXPLargeTextWidgetColumnComponent as aZ, AXPLargeTextWidgetEditComponent as a_, AXPDataListWidget as aa, AXPDataListWidgetViewComponent as ab, AXPDataSourceOptionsWidget as ac, AXPDataSourceOptionsWidgetEditComponent as ad, AXPDateTimeBoxWidget as ae, AXPDateTimeBoxWidgetColumnComponent as af, AXPDateTimeBoxWidgetEditComponent as ag, AXPDateTimeBoxWidgetViewComponent as ah, AXPDirectionWidget as ai, AXPDirectionWidgetEditComponent as aj, AXPDragDropListWidget as ak, AXPEqualValidationWidget as al, AXPEqualValidationWidgetEditComponent as am, AXPFieldsetWidget as an, AXPFieldsetWidgetDesignerComponent as ao, AXPFieldsetWidgetViewComponent as ap, AXPFileViewerWidget as aq, AXPFileViewerWidgetEditComponent as ar, AXPFileViewerWidgetViewComponent as as, AXPFlexItemOptionsWidget as at, AXPFlexItemOptionsWidgetEditComponent as au, AXPFlexItemWidget as av, AXPFlexItemWidgetDesignerComponent as aw, AXPFlexItemWidgetViewComponent as ax, AXPFlexOptionsWidget as ay, AXPFlexOptionsWidgetEditComponent as az, AXPAdvancedGridItemWidget as b, AXPSelectBoxWidgetColumnComponent as b$, AXPLargeTextWidgetViewComponent as b0, AXPLessThanExpressionValidationWidget as b1, AXPLessThanValidationWidgetEditComponent as b2, AXPListStylingRulesExtendedWidget as b3, AXPListWidgetColumnComponent as b4, AXPListWidgetEditComponent as b5, AXPListWidgetViewComponent as b6, AXPLocalDataSourceSheetWidget as b7, AXPLocalDataSourceSheetWidgetEditComponent as b8, AXPMapWidgetEditComponent as b9, AXPProviderSelectWidgetColumnComponent as bA, AXPProviderSelectWidgetEditBase as bB, AXPProviderSelectWidgetViewComponent as bC, AXPQrcodeViewerService as bD, AXPQrcodeWidget as bE, AXPQrcodeWidgetColumnComponent as bF, AXPQrcodeWidgetEditComponent as bG, AXPQrcodeWidgetViewComponent as bH, AXPRatePickerWidget as bI, AXPRatePickerWidgetColumnComponent as bJ, AXPRatePickerWidgetEditComponent as bK, AXPRatePickerWidgetViewComponent as bL, AXPRegularExpressionValidationWidget as bM, AXPRegularExpressionValidationWidgetEditComponent as bN, AXPRepeaterWidget as bO, AXPRepeaterWidgetDesignerComponent as bP, AXPRepeaterWidgetEditComponent as bQ, AXPRepeaterWidgetViewComponent as bR, AXPRequiredValidationWidget as bS, AXPRequiredValidationWidgetEditComponent as bT, AXPRichTextWidget as bU, AXPRichTextWidgetColumnComponent as bV, AXPRichTextWidgetEditComponent as bW, AXPRichTextWidgetPrintComponent as bX, AXPRichTextWidgetViewComponent as bY, AXPSchedulerPickerWidget as bZ, AXPSelectBoxWidget as b_, AXPMapWidgetViewComponent as ba, AXPMaxLengthExpressionValidationWidget as bb, AXPMaxLengthValidationWidgetEditComponent as bc, AXPMinLengthExpressionValidationWidget as bd, AXPMinLengthValidationWidgetEditComponent as be, AXPNodeRendererWidget as bf, AXPNodeRendererWidgetDesignerComponent as bg, AXPNodeRendererWidgetEditComponent as bh, AXPNodeRendererWidgetViewComponent as bi, AXPNumberBoxWidget as bj, AXPNumberBoxWidgetColumnComponent as bk, AXPNumberBoxWidgetEditComponent as bl, AXPNumberBoxWidgetPrintComponent as bm, AXPNumberBoxWidgetViewComponent as bn, AXPOutcomeResultsViewerWidget as bo, AXPOutcomeResultsViewerWidgetViewComponent as bp, AXPPageWidget as bq, AXPPageWidgetViewComponent as br, AXPPasswordBoxWidget as bs, AXPPasswordBoxWidgetColumnComponent as bt, AXPPasswordBoxWidgetEditComponent as bu, AXPPasswordBoxWidgetViewComponent as bv, AXPProgressBarWidget as bw, AXPProgressBarWidgetColumnComponent as bx, AXPProgressBarWidgetEditComponent as by, AXPProgressBarWidgetViewComponent as bz, AXPAdvancedGridItemWidgetDesignerComponent as c, AXP_Flex_Box_Justify_Options as c$, AXPSelectBoxWidgetEditComponent as c0, AXPSelectBoxWidgetViewComponent as c1, AXPSelectLanguagePopup as c2, AXPSelectionListWidget as c3, AXPSelectionListWidgetColumnComponent as c4, AXPSelectionListWidgetDesignerComponent as c5, AXPSelectionListWidgetEditComponent as c6, AXPSelectionListWidgetViewComponent as c7, AXPSignatureWidget as c8, AXPSignatureWidgetColumnComponent as c9, AXPTemplateBoxWidgetEditComponent as cA, AXPTemplateBoxWidgetPrintComponent as cB, AXPTemplateBoxWidgetViewComponent as cC, AXPTextBoxWidget as cD, AXPTextBoxWidgetColumnComponent as cE, AXPTextBoxWidgetEditComponent as cF, AXPTextBoxWidgetPrintComponent as cG, AXPTextBoxWidgetViewComponent as cH, AXPToggleWidget as cI, AXPToggleWidgetColumnComponent as cJ, AXPToggleWidgetEditComponent as cK, AXPToggleWidgetPrintComponent as cL, AXPToggleWidgetViewComponent as cM, AXPWidgetFieldConfiguratorWidget as cN, AXPWidgetFieldConfiguratorWidgetColumnComponent as cO, AXPWidgetFieldConfiguratorWidgetEditComponent as cP, AXPWidgetsModule as cQ, AXP_ABSOLUTE_UNITS as cR, AXP_BORDER_RADIUS_UNITS as cS, AXP_BORDER_WIDTH_UNITS as cT, AXP_CONDITION_CLAUSE_WIDGET_NAME as cU, AXP_DATA_LIST_CMD_DELETE as cV, AXP_DATA_LIST_CMD_EDIT as cW, AXP_DATA_LIST_PENDING_DELETE_KEY as cX, AXP_DATETIME_FILTER_DEFAULT_OPERATOR as cY, AXP_Flex_Box_Align_Options as cZ, AXP_Flex_Box_Alignments as c_, AXPSignatureWidgetEditComponent as ca, AXPSignatureWidgetViewComponent as cb, AXPSpacingWidget as cc, AXPSpacingWidgetEditComponent as cd, AXPStatusChipComponent as ce, AXPStatusWidget as cf, AXPStatusWidgetColumnComponent as cg, AXPStatusWidgetEditComponent as ch, AXPStatusWidgetViewComponent as ci, AXPStepWizardWidget as cj, AXPStepWizardWidgetDesignerComponent as ck, AXPStepWizardWidgetViewComponent as cl, AXPStopwatchWidget as cm, AXPStopwatchWidgetViewComponent as cn, AXPTableItemWidget as co, AXPTableItemWidgetDesignerComponent as cp, AXPTableItemWidgetViewComponent as cq, AXPTableWidget as cr, AXPTableWidgetDesignerComponent as cs, AXPTableWidgetViewComponent as ct, AXPTagEditorWidget as cu, AXPTagEditorWidgetColumnComponent as cv, AXPTagEditorWidgetEditComponent as cw, AXPTagEditorWidgetViewComponent as cx, AXPTemplateBoxWidget as cy, AXPTemplateBoxWidgetColumnComponent as cz, AXPAdvancedGridItemWidgetViewComponent as d, AXP_Grid_Box_Align_Items_Options as d0, AXP_Grid_Box_Alignments as d1, AXP_Grid_Box_Justify_Items_Options as d2, AXP_LIST_STYLING_RULES_WIDGET_NAME as d3, AXP_LOCAL_DATA_SOURCE_SHEET_WIDGET_NAME as d4, AXP_RELATIVE_UNITS as d5, AXP_RELATIVE_UNITS_NO_PERCENT as d6, AXP_ROW_EXPR_PREFIX as d7, AXP_SELECT_COLUMN_RESOLVE_QUERY as d8, AXP_SELECT_FILTER_DEFAULT_OPERATOR as d9, AXP_SPACING_UNITS as da, AXP_default_Border_Box_Units as db, AXP_default_Border_Box_Value as dc, AXP_default_Spacing_Box_Units as dd, AXP_default_Spacing_Box_Value as de, DEFAULT_QRCODE_SIZE as df, DEFAULT_STRATEGY_CONFIG as dg, STRATEGY_CONFIG_TOKEN as dh, applyLeafVisibilityToDataListColumnTree as di, flattenDataListWidgetColumns as dj, formatConditionBuilderChip as dk, formatConditionBuilderSentence as dl, isDataListColumnBand as dm, prepareNodeRendererChild as dn, resolveColorChooserGroups as dp, resolveDataListColumnWidth as dq, tokensToPlainText as dr, AXPAdvancedGridOptionsWidget as e, AXPAdvancedGridOptionsWidgetEditComponent as f, AXPAdvancedGridWidget as g, AXPAdvancedGridWidgetDesignerComponent as h, AXPAdvancedGridWidgetViewComponent as i, AXPAvatarWidget as j, AXPAvatarWidgetColumnComponent as k, AXPAvatarWidgetDesignerComponent as l, AXPAvatarWidgetEditComponent as m, AXPAvatarWidgetViewComponent as n, AXPBetweenExpressionValidationWidget as o, AXPBetweenValidationWidgetEditComponent as p, AXPBlockWidget as q, AXPBlockWidgetDesignerComponent as r, AXPBlockWidgetViewComponent as s, textBlockStyleAttribute as t, AXPBorderWidget as u, AXPBorderWidgetEditComponent as v, AXPButtonWidget as w, AXPButtonWidgetColumnComponent as x, AXPButtonWidgetViewComponent as y, AXPCallbackValidationWidget as z };
-//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-DRh91YCL.mjs.map
+export { AXPConditionClauseWidget as $, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP as A, AXPCallbackValidationWidgetEditComponent as B, AXPCheckBoxWidget as C, AXPCheckBoxWidgetColumnComponent as D, AXPCheckBoxWidgetDesignerComponent as E, AXPCheckBoxWidgetEditComponent as F, AXPCheckBoxWidgetPrintComponent as G, AXPCheckBoxWidgetViewComponent as H, AXPCodeEditorWidget as I, AXPColorBoxWidget as J, AXPColorBoxWidgetColumnComponent as K, AXPColorBoxWidgetDesignerComponent as L, AXPColorBoxWidgetEditComponent as M, AXPColorBoxWidgetViewComponent as N, AXPColorChooserWidget as O, AXPColorChooserWidgetColumnComponent as P, AXPColorChooserWidgetDesignerComponent as Q, AXPColorChooserWidgetEditComponent as R, AXPColorChooserWidgetViewComponent as S, AXPColorPaletteWidget as T, AXPColorPaletteWidgetColumnComponent as U, AXPColorPaletteWidgetDesignerComponent as V, AXPColorPaletteWidgetEditComponent as W, AXPColorPaletteWidgetViewComponent as X, AXPConditionBuilderWidget as Y, AXPConditionBuilderWidgetEditComponent as Z, AXPConditionBuilderWidgetViewComponent as _, textBlockContentClass as a, AXPLargeTextWidgetPrintComponent as a$, AXPConditionClauseWidgetEditComponent as a0, AXPConnectedDragDropListsWidget as a1, AXPConnectedListsWidgetColumnComponent as a2, AXPConnectedListsWidgetEditComponent as a3, AXPConnectedListsWidgetViewComponent as a4, AXPContactWidget as a5, AXPContactWidgetColumnComponent as a6, AXPContactWidgetEditComponent as a7, AXPContactWidgetViewComponent as a8, AXPDataListColumnFooterComponent as a9, AXPFlexWidget as aA, AXPFlexWidgetDesignerComponent as aB, AXPFlexWidgetViewComponent as aC, AXPGetWidgetsForAIQuery as aD, AXPGreaterThanExpressionValidationWidget as aE, AXPGreaterThanValidationWidgetEditComponent as aF, AXPGridItemOptionsWidget as aG, AXPGridItemOptionsWidgetEditComponent as aH, AXPGridOptionsWidget as aI, AXPGridOptionsWidgetEditComponent as aJ, AXPImageMarkerPopupComponent as aK, AXPImageMarkerWidget as aL, AXPImageMarkerWidgetColumnComponent as aM, AXPImageMarkerWidgetEditComponent as aN, AXPImageMarkerWidgetViewComponent as aO, AXPIntegrationConnectionActionsService as aP, AXPIntegrationConnectionsPanelWidget as aQ, AXPIntegrationConnectionsPanelWidgetEditComponent as aR, AXPItemConfiguratorWidget as aS, AXPItemConfiguratorWidgetColumnComponent as aT, AXPItemConfiguratorWidgetEditComponent as aU, AXPJsonViewerWidget as aV, AXPJsonViewerWidgetEditComponent as aW, AXPJsonViewerWidgetViewComponent as aX, AXPLargeTextWidget as aY, AXPLargeTextWidgetColumnComponent as aZ, AXPLargeTextWidgetEditComponent as a_, AXPDataListWidget as aa, AXPDataListWidgetViewComponent as ab, AXPDataSourceOptionsWidget as ac, AXPDataSourceOptionsWidgetEditComponent as ad, AXPDateTimeBoxWidget as ae, AXPDateTimeBoxWidgetColumnComponent as af, AXPDateTimeBoxWidgetEditComponent as ag, AXPDateTimeBoxWidgetViewComponent as ah, AXPDirectionWidget as ai, AXPDirectionWidgetEditComponent as aj, AXPDragDropListWidget as ak, AXPEqualValidationWidget as al, AXPEqualValidationWidgetEditComponent as am, AXPFieldsetWidget as an, AXPFieldsetWidgetDesignerComponent as ao, AXPFieldsetWidgetViewComponent as ap, AXPFileViewerWidget as aq, AXPFileViewerWidgetEditComponent as ar, AXPFileViewerWidgetViewComponent as as, AXPFlexItemOptionsWidget as at, AXPFlexItemOptionsWidgetEditComponent as au, AXPFlexItemWidget as av, AXPFlexItemWidgetDesignerComponent as aw, AXPFlexItemWidgetViewComponent as ax, AXPFlexOptionsWidget as ay, AXPFlexOptionsWidgetEditComponent as az, AXPAdvancedGridItemWidget as b, AXPSelectBoxWidgetColumnComponent as b$, AXPLargeTextWidgetViewComponent as b0, AXPLessThanExpressionValidationWidget as b1, AXPLessThanValidationWidgetEditComponent as b2, AXPListStylingRulesExtendedWidget as b3, AXPListWidgetColumnComponent as b4, AXPListWidgetEditComponent as b5, AXPListWidgetViewComponent as b6, AXPLocalDataSourceSheetWidget as b7, AXPLocalDataSourceSheetWidgetEditComponent as b8, AXPMapWidgetEditComponent as b9, AXPProviderSelectWidgetColumnComponent as bA, AXPProviderSelectWidgetEditBase as bB, AXPProviderSelectWidgetViewComponent as bC, AXPQrcodeViewerService as bD, AXPQrcodeWidget as bE, AXPQrcodeWidgetColumnComponent as bF, AXPQrcodeWidgetEditComponent as bG, AXPQrcodeWidgetViewComponent as bH, AXPRatePickerWidget as bI, AXPRatePickerWidgetColumnComponent as bJ, AXPRatePickerWidgetEditComponent as bK, AXPRatePickerWidgetViewComponent as bL, AXPRegularExpressionValidationWidget as bM, AXPRegularExpressionValidationWidgetEditComponent as bN, AXPRepeaterWidget as bO, AXPRepeaterWidgetDesignerComponent as bP, AXPRepeaterWidgetEditComponent as bQ, AXPRepeaterWidgetViewComponent as bR, AXPRequiredValidationWidget as bS, AXPRequiredValidationWidgetEditComponent as bT, AXPRichTextWidget as bU, AXPRichTextWidgetColumnComponent as bV, AXPRichTextWidgetEditComponent as bW, AXPRichTextWidgetPrintComponent as bX, AXPRichTextWidgetViewComponent as bY, AXPSchedulerPickerWidget as bZ, AXPSelectBoxWidget as b_, AXPMapWidgetViewComponent as ba, AXPMaxLengthExpressionValidationWidget as bb, AXPMaxLengthValidationWidgetEditComponent as bc, AXPMinLengthExpressionValidationWidget as bd, AXPMinLengthValidationWidgetEditComponent as be, AXPNodeRendererWidget as bf, AXPNodeRendererWidgetDesignerComponent as bg, AXPNodeRendererWidgetEditComponent as bh, AXPNodeRendererWidgetViewComponent as bi, AXPNumberBoxWidget as bj, AXPNumberBoxWidgetColumnComponent as bk, AXPNumberBoxWidgetEditComponent as bl, AXPNumberBoxWidgetPrintComponent as bm, AXPNumberBoxWidgetViewComponent as bn, AXPOutcomeResultsViewerWidget as bo, AXPOutcomeResultsViewerWidgetViewComponent as bp, AXPPageWidget as bq, AXPPageWidgetViewComponent as br, AXPPasswordBoxWidget as bs, AXPPasswordBoxWidgetColumnComponent as bt, AXPPasswordBoxWidgetEditComponent as bu, AXPPasswordBoxWidgetViewComponent as bv, AXPProgressBarWidget as bw, AXPProgressBarWidgetColumnComponent as bx, AXPProgressBarWidgetEditComponent as by, AXPProgressBarWidgetViewComponent as bz, AXPAdvancedGridItemWidgetDesignerComponent as c, AXP_Flex_Box_Justify_Options as c$, AXPSelectBoxWidgetEditComponent as c0, AXPSelectBoxWidgetViewComponent as c1, AXPSelectLanguagePopup as c2, AXPSelectionListWidget as c3, AXPSelectionListWidgetColumnComponent as c4, AXPSelectionListWidgetDesignerComponent as c5, AXPSelectionListWidgetEditComponent as c6, AXPSelectionListWidgetViewComponent as c7, AXPSignatureWidget as c8, AXPSignatureWidgetColumnComponent as c9, AXPTemplateBoxWidgetEditComponent as cA, AXPTemplateBoxWidgetPrintComponent as cB, AXPTemplateBoxWidgetViewComponent as cC, AXPTextBoxWidget as cD, AXPTextBoxWidgetColumnComponent as cE, AXPTextBoxWidgetEditComponent as cF, AXPTextBoxWidgetPrintComponent as cG, AXPTextBoxWidgetViewComponent as cH, AXPToggleWidget as cI, AXPToggleWidgetColumnComponent as cJ, AXPToggleWidgetEditComponent as cK, AXPToggleWidgetPrintComponent as cL, AXPToggleWidgetViewComponent as cM, AXPWidgetFieldConfiguratorWidget as cN, AXPWidgetFieldConfiguratorWidgetColumnComponent as cO, AXPWidgetFieldConfiguratorWidgetEditComponent as cP, AXPWidgetsModule as cQ, AXP_ABSOLUTE_UNITS as cR, AXP_BORDER_RADIUS_UNITS as cS, AXP_BORDER_WIDTH_UNITS as cT, AXP_CONDITION_CLAUSE_WIDGET_NAME as cU, AXP_DATA_LIST_CMD_DELETE as cV, AXP_DATA_LIST_CMD_EDIT as cW, AXP_DATA_LIST_PENDING_DELETE_KEY as cX, AXP_DATETIME_FILTER_DEFAULT_OPERATOR as cY, AXP_Flex_Box_Align_Options as cZ, AXP_Flex_Box_Alignments as c_, AXPSignatureWidgetEditComponent as ca, AXPSignatureWidgetViewComponent as cb, AXPSpacingWidget as cc, AXPSpacingWidgetEditComponent as cd, AXPStatusChipComponent as ce, AXPStatusWidget as cf, AXPStatusWidgetColumnComponent as cg, AXPStatusWidgetEditComponent as ch, AXPStatusWidgetViewComponent as ci, AXPStepWizardWidget as cj, AXPStepWizardWidgetDesignerComponent as ck, AXPStepWizardWidgetViewComponent as cl, AXPStopwatchWidget as cm, AXPStopwatchWidgetViewComponent as cn, AXPTableItemWidget as co, AXPTableItemWidgetDesignerComponent as cp, AXPTableItemWidgetViewComponent as cq, AXPTableWidget as cr, AXPTableWidgetDesignerComponent as cs, AXPTableWidgetViewComponent as ct, AXPTagEditorWidget as cu, AXPTagEditorWidgetColumnComponent as cv, AXPTagEditorWidgetEditComponent as cw, AXPTagEditorWidgetViewComponent as cx, AXPTemplateBoxWidget as cy, AXPTemplateBoxWidgetColumnComponent as cz, AXPAdvancedGridItemWidgetViewComponent as d, AXP_Grid_Box_Align_Items_Options as d0, AXP_Grid_Box_Alignments as d1, AXP_Grid_Box_Justify_Items_Options as d2, AXP_LIST_STYLING_RULES_WIDGET_NAME as d3, AXP_LOCAL_DATA_SOURCE_SHEET_WIDGET_NAME as d4, AXP_RELATIVE_UNITS as d5, AXP_RELATIVE_UNITS_NO_PERCENT as d6, AXP_ROW_EXPR_PREFIX as d7, AXP_SELECT_COLUMN_RESOLVE_QUERY as d8, AXP_SELECT_FILTER_DEFAULT_OPERATOR as d9, AXP_SPACING_UNITS as da, AXP_default_Border_Box_Units as db, AXP_default_Border_Box_Value as dc, AXP_default_Spacing_Box_Units as dd, AXP_default_Spacing_Box_Value as de, DEFAULT_QRCODE_SIZE as df, DEFAULT_STRATEGY_CONFIG as dg, STRATEGY_CONFIG_TOKEN as dh, applyLeafVisibilityToDataListColumnTree as di, displayQrcodeAttachmentFileId as dj, flattenDataListWidgetColumns as dk, formatConditionBuilderChip as dl, formatConditionBuilderSentence as dm, isDataListColumnBand as dn, prepareNodeRendererChild as dp, qrcodeAttachmentImageUrl as dq, resolveColorChooserGroups as dr, resolveDataListColumnWidth as ds, resolveQrcodeDisplayMode as dt, tokensToPlainText as du, AXPAdvancedGridOptionsWidget as e, AXPAdvancedGridOptionsWidgetEditComponent as f, AXPAdvancedGridWidget as g, AXPAdvancedGridWidgetDesignerComponent as h, AXPAdvancedGridWidgetViewComponent as i, AXPAvatarWidget as j, AXPAvatarWidgetColumnComponent as k, AXPAvatarWidgetDesignerComponent as l, AXPAvatarWidgetEditComponent as m, AXPAvatarWidgetViewComponent as n, AXPBetweenExpressionValidationWidget as o, AXPBetweenValidationWidgetEditComponent as p, AXPBlockWidget as q, AXPBlockWidgetDesignerComponent as r, AXPBlockWidgetViewComponent as s, textBlockStyleAttribute as t, AXPBorderWidget as u, AXPBorderWidgetEditComponent as v, AXPButtonWidget as w, AXPButtonWidgetColumnComponent as x, AXPButtonWidgetViewComponent as y, AXPCallbackValidationWidget as z };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-CpmGqDUE.mjs.map