@acorex-platform/framework-client 0.0.18 → 0.0.20

package/fesm2022/acorex-platform-framework-client-layout-widget-core.mjs

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
 import { signal, computed, effect, untracked, Injectable, inject, ElementRef, DestroyRef, InjectionToken, EventEmitter, Injector, ChangeDetectorRef, ViewChild, Input, Output, ChangeDetectionStrategy, Component, input, output, ViewContainerRef, Directive, NgModule } from '@angular/core';
-import { isSelectionValueEqual, isFormValueEqual, extractValue, getSmart, summarizeFormContextDirtyDiff, AXPWidgetsCatalog } from '@acorex-platform/framework-shared/core';
+import { isSelectionValueEqual, isFormValueEqual, runtimeQueryPayloadData, runtimeQueryCollectionData, extractValue, getSmart, summarizeFormContextDirtyDiff, AXPWidgetsCatalog } from '@acorex-platform/framework-shared/core';
 import { AXPPageStatus, AXPWidgetStatus, AXP_WIDGET_TOKEN, AXP_WIDGET_COLUMN_TOKEN, createStringProperty, createBooleanProperty, createSelectProperty, createNumberProperty, cloneProperty } from '@acorex-platform/framework-shared/widget-core';
+import { ENTITY_GET_BY_ID_DEFAULT } from '@acorex-platform/framework-shared/runtime';
+export { AXP_WIDGETS_ACTION_CATEGORY, AXP_WIDGETS_ACTION_SUB_CONTROLS, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_ADVANCE_SUB_DATA, AXP_WIDGETS_ADVANCE_SUB_INPUT, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_SUB_TOOLS, AXP_WIDGETS_AI_CATEGORY, AXP_WIDGETS_CATEGORIES, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGETS_EDITOR_SUB_CHOICE, AXP_WIDGETS_EDITOR_SUB_COMPOSITE, AXP_WIDGETS_EDITOR_SUB_CONFIG, AXP_WIDGETS_EDITOR_SUB_DATETIME, AXP_WIDGETS_EDITOR_SUB_NUMERIC, AXP_WIDGETS_EDITOR_SUB_RICH, AXP_WIDGETS_EDITOR_SUB_TEXT_INPUTS, AXP_WIDGETS_EDITOR_SUB_VISUAL, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_WIDGETS_LAYOUT_SUB_GRID, AXP_WIDGETS_LAYOUT_SUB_LISTS, AXP_WIDGETS_LAYOUT_SUB_SHELL, AXP_WIDGETS_LAYOUT_SUB_SURFACES, AXP_WIDGETS_LAYOUT_SUB_TABS, AXP_WIDGETS_LAYOUT_SUB_UTILITY, normalizeWidgetCategories } from '@acorex-platform/framework-shared/runtime';
 import { convertArrayToDataSource, AXDataSource, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES } from '@acorex/cdk/common';
-import { AXPContextStore, AXPDataSourceQueryService, AXPExpressionEvaluatorService, AXPDebugService, FORM_DIRTY_TRACE_NS, OVERLAY_WIDGET_SETTLE_TRACE_NS } from '@acorex-platform/framework-client/core';
+import { AXPContextStore, AXPExpressionEvaluatorService, AXPDebugService, FORM_DIRTY_TRACE_NS, OVERLAY_WIDGET_SETTLE_TRACE_NS } from '@acorex-platform/framework-client/core';
+import { AXPQueryService } from '@acorex-platform/framework-client/runtime';
 import { set, get, cloneDeep, isEqual, isNil, isUndefined, isObjectLike, merge, sum, isEmpty, isString } from 'lodash-es';
 import { Subject, BehaviorSubject, filter } from 'rxjs';
 import * as i1$1 from '@acorex/components/skeleton';
@@ -15,7 +18,6 @@ import * as i1 from '@angular/common';
 import { CommonModule, NgComponentOutlet } from '@angular/common';
 import { AXDataTableColumnComponent, AXBaseDataTable } from '@acorex/components/data-table';
 import { AXUnsubscriber } from '@acorex/core/utils';
-export { AXP_WIDGETS_ACTION_CATEGORY, AXP_WIDGETS_ACTION_SUB_CONTROLS, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_ADVANCE_SUB_DATA, AXP_WIDGETS_ADVANCE_SUB_INPUT, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_SUB_TOOLS, AXP_WIDGETS_AI_CATEGORY, AXP_WIDGETS_CATEGORIES, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGETS_EDITOR_SUB_CHOICE, AXP_WIDGETS_EDITOR_SUB_COMPOSITE, AXP_WIDGETS_EDITOR_SUB_CONFIG, AXP_WIDGETS_EDITOR_SUB_DATETIME, AXP_WIDGETS_EDITOR_SUB_NUMERIC, AXP_WIDGETS_EDITOR_SUB_RICH, AXP_WIDGETS_EDITOR_SUB_TEXT_INPUTS, AXP_WIDGETS_EDITOR_SUB_VISUAL, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_WIDGETS_LAYOUT_SUB_GRID, AXP_WIDGETS_LAYOUT_SUB_LISTS, AXP_WIDGETS_LAYOUT_SUB_SHELL, AXP_WIDGETS_LAYOUT_SUB_SURFACES, AXP_WIDGETS_LAYOUT_SUB_TABS, AXP_WIDGETS_LAYOUT_SUB_UTILITY, normalizeWidgetCategories } from '@acorex-platform/framework-shared/runtime';
 
 class AXPWidgetCoreElement {
     api() {
@@ -27,27 +29,35 @@ class AXPWidgetCoreElement {
 }
 class AXPWidgetCoreService {
     constructor() {
-        this.variables$ = signal({}, ...(ngDevMode ? [{ debugName: "variables$" }] : /* istanbul ignore next */ []));
-        this.functions$ = signal({}, ...(ngDevMode ? [{ debugName: "functions$" }] : /* istanbul ignore next */ []));
+        this.variables$ = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variables$" }] : /* istanbul ignore next */ []));
+        this.functions$ = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "functions$" }] : /* istanbul ignore next */ []));
         this.onRefresh = new Subject();
         this.widgets = new Map();
         this.onWidgetRegistered = new Subject();
         /** Fires whenever a widget registers, including re-registration after remount (same id, new instance). */
         this.widgetRegistered$ = this.onWidgetRegistered.asObservable();
         /** Bumps when widget render/hydration state changes so aggregate computeds re-evaluate. */
-        this.widgetsRevision = signal(0, ...(ngDevMode ? [{ debugName: "widgetsRevision" }] : /* istanbul ignore next */ []));
-        this.status$ = signal(AXPPageStatus.Rendered, ...(ngDevMode ? [{ debugName: "status$" }] : /* istanbul ignore next */ []));
+        this.widgetsRevision = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "widgetsRevision" }] : /* istanbul ignore next */ []));
+        this.status$ = signal(AXPPageStatus.Rendered, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "status$" }] : /* istanbul ignore next */ []));
         this.status = this.status$.asReadonly();
-        this.registeredWidgetsCount = signal(0, ...(ngDevMode ? [{ debugName: "registeredWidgetsCount" }] : /* istanbul ignore next */ []));
+        this.registeredWidgetsCount = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "registeredWidgetsCount" }] : /* istanbul ignore next */ []));
         this.isRendering = computed(() => {
             this.widgetsRevision();
             return Array.from(this.widgets.values()).some((widget) => widget.status() === AXPWidgetStatus.Rendering);
-        }, ...(ngDevMode ? [{ debugName: "isRendering" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isRendering" }] : /* istanbul ignore next */ []));
         this.isHydrating = computed(() => {
             this.widgetsRevision();
             return Array.from(this.widgets.values()).some((widget) => widget.isHydrating());
-        }, ...(ngDevMode ? [{ debugName: "isHydrating" }] : /* istanbul ignore next */ []));
-        this.isBusy = computed(() => this.isRendering() || this.isHydrating(), ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isHydrating" }] : /* istanbul ignore next */ []));
+        this.isBusy = computed(() => this.isRendering() || this.isHydrating(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
         this.isStructureReady = computed(() => {
             this.widgetsRevision();
             const widgets = Array.from(this.widgets.values());
@@ -55,8 +65,10 @@ class AXPWidgetCoreService {
                 return false;
             }
             return widgets.every((widget) => widget.status() === AXPWidgetStatus.Rendered);
-        }, ...(ngDevMode ? [{ debugName: "isStructureReady" }] : /* istanbul ignore next */ []));
-        this.dirtyWidgetsRevision = signal(0, ...(ngDevMode ? [{ debugName: "dirtyWidgetsRevision" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isStructureReady" }] : /* istanbul ignore next */ []));
+        this.dirtyWidgetsRevision = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dirtyWidgetsRevision" }] : /* istanbul ignore next */ []));
         this.dirtyWidgetsRevisionSignal = this.dirtyWidgetsRevision.asReadonly();
         effect(() => {
             this.widgetsRevision();
@@ -199,13 +211,19 @@ class AXPWidgetCoreService {
         this.dirtyWidgetsRevision.update((value) => value + 1);
     }
     ngOnDestroy() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
+/** Seeded catalog entity for query metadata (same key as query.props). */
+const QUERY_DEFINITION_ENTITY$1 = 'PlatformManagement.QueryDefinition';
+/** UI default when the select control has not yet sent `take`. */
+const DEFAULT_QUERY_PAGE_SIZE = 10;
+/** Shared in-flight/completed QueryDefinition fetches (one API per query key). */
+const queryDefinitionCache = new Map();
 class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
     constructor() {
         super(...arguments);
@@ -229,21 +247,27 @@ class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
         this.node = this.token.node;
         this.name = this.token.node.name;
         this.component = this;
-        this._options = signal(this.token.options ?? {}, ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
+        this._options = signal(this.token.options ?? {}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
         this.options = this._options.asReadonly();
         this.onOptionsChanged = new Subject();
-        this._status = signal(AXPWidgetStatus.Rendering, ...(ngDevMode ? [{ debugName: "_status" }] : /* istanbul ignore next */ []));
+        this._status = signal(AXPWidgetStatus.Rendering, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_status" }] : /* istanbul ignore next */ []));
         this.status = this._status.asReadonly();
         this.onStatusChanged = new BehaviorSubject(this._status());
         /** Depth counter so nested async hydration calls share one busy state. */
         this.hydrationDepth = 0;
-        this._isHydrating = signal(false, ...(ngDevMode ? [{ debugName: "_isHydrating" }] : /* istanbul ignore next */ []));
+        this._isHydrating = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_isHydrating" }] : /* istanbul ignore next */ []));
         this.isHydrating = this._isHydrating.asReadonly();
         this.#statusEffect = effect(() => {
             this.onStatusChanged.next(this.status());
-        }, ...(ngDevMode ? [{ debugName: "#statusEffect" }] : /* istanbul ignore next */ []));
-        this.isBusy = computed(() => this.status() === AXPWidgetStatus.Rendering || this.isHydrating(), ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
-        this._children = signal(this.token.node.children ?? [], ...(ngDevMode ? [{ debugName: "_children" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#statusEffect" }] : /* istanbul ignore next */ []));
+        this.isBusy = computed(() => this.status() === AXPWidgetStatus.Rendering || this.isHydrating(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
+        this._children = signal(this.token.node.children ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_children" }] : /* istanbul ignore next */ []));
         this.children = this._children.asReadonly();
     }
     /** Unregisters this widget from the container registry when the instance is destroyed. */
@@ -311,10 +335,10 @@ class AXPBaseWidgetComponent extends AXPWidgetCoreElement {
         this._children.set([...children]);
     }
     onAdded() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBaseWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBaseWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBaseWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBaseWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBaseWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBaseWidgetComponent, decorators: [{
             type: Injectable
         }] });
 class AXPLayoutBaseWidgetComponent extends AXPBaseWidgetComponent {
@@ -325,10 +349,10 @@ class AXPLayoutBaseWidgetComponent extends AXPBaseWidgetComponent {
         }
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutBaseWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutBaseWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutBaseWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutBaseWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutBaseWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutBaseWidgetComponent, decorators: [{
             type: Injectable
         }] });
 class AXPValueWidgetComponent extends AXPLayoutBaseWidgetComponent {
@@ -339,8 +363,10 @@ class AXPValueWidgetComponent extends AXPLayoutBaseWidgetComponent {
         this._isValueWidget = false;
         this.isValueWidget = () => this._isValueWidget;
         this.onValueChanged = new Subject();
-        this.fullPath = signal(null, ...(ngDevMode ? [{ debugName: "fullPath" }] : /* istanbul ignore next */ []));
-        this.parentPath = signal(null, ...(ngDevMode ? [{ debugName: "parentPath" }] : /* istanbul ignore next */ []));
+        this.fullPath = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fullPath" }] : /* istanbul ignore next */ []));
+        this.parentPath = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "parentPath" }] : /* istanbul ignore next */ []));
         this.getValue = computed(() => {
             return this.fullPath() ? this.extractValue(this.fullPath()) : null;
         }, { ...(ngDevMode ? { debugName: "getValue" } : /* istanbul ignore next */ {}), equal: isEqual });
@@ -356,18 +382,28 @@ class AXPValueWidgetComponent extends AXPLayoutBaseWidgetComponent {
                 message: c.message,
                 options: c.options,
             }));
-        }, ...(ngDevMode ? [{ debugName: "validationRules" }] : /* istanbul ignore next */ []));
-        this.hasRequiredValidation = computed(() => this.validationRules().some((rule) => rule.rule === 'required'), ...(ngDevMode ? [{ debugName: "hasRequiredValidation" }] : /* istanbul ignore next */ []));
-        this.hasClearButton = computed(() => this.resolveClearButtonOption('hasClearButton'), ...(ngDevMode ? [{ debugName: "hasClearButton" }] : /* istanbul ignore next */ []));
-        this.clearButton = computed(() => this.resolveClearButtonOption('clearButton'), ...(ngDevMode ? [{ debugName: "clearButton" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "validationRules" }] : /* istanbul ignore next */ []));
+        this.hasRequiredValidation = computed(() => this.validationRules().some((rule) => rule.rule === 'required'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasRequiredValidation" }] : /* istanbul ignore next */ []));
+        this.hasClearButton = computed(() => this.resolveClearButtonOption('hasClearButton'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasClearButton" }] : /* istanbul ignore next */ []));
+        this.clearButton = computed(() => this.resolveClearButtonOption('clearButton'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "clearButton" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         this._isValueWidget = this.config.properties?.some((c) => c.name == 'path') ?? false;
         if (this.isValueWidget()) {
             this.detectFullPath();
-            // Set defaultValue if it exists and the path doesn't exist in context
-            if (!isNil(this.defaultValue) && this.fullPath() && !this.contextService.hasValue(this.fullPath())) {
-                this.applyDefaultValue(this.defaultValue);
+            // Set defaultValue when path is empty, or still holds an unevaluated expression string
+            if (!isNil(this.defaultValue) && this.fullPath()) {
+                const path = this.fullPath();
+                const existing = this.contextService.getValue(path);
+                const nodeDefault = this.token.node.defaultValue;
+                const existingIsUnevaluatedExpression = typeof existing === 'string' && typeof nodeDefault === 'string' && existing === nodeDefault;
+                if (!this.contextService.hasValue(path) || existingIsUnevaluatedExpression) {
+                    this.applyDefaultValue(this.defaultValue);
+                }
             }
         }
         //
@@ -421,18 +457,13 @@ class AXPValueWidgetComponent extends AXPLayoutBaseWidgetComponent {
             return;
         }
         const savedAtPath = this.contextService.getSavedValue(path);
-        if (this.contextService.isSavedCommitted() &&
-            isSelectionValueEqual(value, savedAtPath) &&
-            !isFormValueEqual(value, savedAtPath)) {
+        if (this.contextService.isSavedCommitted() && isSelectionValueEqual(value, savedAtPath) && !isFormValueEqual(value, savedAtPath)) {
             this.contextService.update(path, cloneDeep(savedAtPath), { origin: 'system' });
             this.onValueChanged.next({ sender: this });
             return;
         }
         // Reordered arrays must persist even when items are deep-equal (e.g. empty row objects).
-        const isArrayReorder = Array.isArray(oldValue) &&
-            Array.isArray(value) &&
-            oldValue.length === value.length &&
-            oldValue.some((v, i) => v !== value[i]);
+        const isArrayReorder = Array.isArray(oldValue) && Array.isArray(value) && oldValue.length === value.length && oldValue.some((v, i) => v !== value[i]);
         const isArrayLengthChange = Array.isArray(value) && (!Array.isArray(oldValue) || value.length !== oldValue.length);
         if (!isArrayReorder && !isArrayLengthChange && isFormValueEqual(oldValue, value)) {
             return;
@@ -479,24 +510,33 @@ class AXPValueWidgetComponent extends AXPLayoutBaseWidgetComponent {
             this.setValue(e.value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPValueWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPValueWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPValueWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPValueWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPValueWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPValueWidgetComponent, decorators: [{
             type: Injectable
         }] });
 class AXPDataListWidgetComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.registryDataSourceQuery = inject(AXPDataSourceQueryService);
-        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
-        this.valueField = computed(() => this.options()['valueField'] ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
-        this.textTemplate = computed(() => isNil(this.options()['textTemplate'])
-            ? undefined
-            : this.options()['textTemplate'].replace(/{/g, '{{').replace(/}/g, '}}'), ...(ngDevMode ? [{ debugName: "textTemplate" }] : /* istanbul ignore next */ []));
-        this.dataSource = signal(convertArrayToDataSource([]), ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
-        /** Registry datasource name from options, when options.dataSource is a string or `{ id }` object. */
-        this.registryDataSourceName = computed(() => {
+        this.queryService = inject(AXPQueryService);
+        /** Last QueryDefinition row loaded for a string `options.dataSource` key. */
+        this.loadedQueryDefinition = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadedQueryDefinition" }] : /* istanbul ignore next */ []));
+        this.textField = computed(() => this.options()['textField'] ??
+            this.loadedQueryDefinition()?.binding?.textField ??
+            'title', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
+        this.valueField = computed(() => this.options()['valueField'] ??
+            this.loadedQueryDefinition()?.binding?.valueField ??
+            'id', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
+        this.textTemplate = computed(() => (isNil(this.options()['textTemplate']) ? undefined : this.options()['textTemplate'].replace(/{/g, '{{').replace(/}/g, '}}')), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textTemplate" }] : /* istanbul ignore next */ []));
+        this.dataSource = signal(convertArrayToDataSource([]), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        /** Query key from options, when options.dataSource is a string or `{ id }` object. */
+        this.queryDataSourceName = computed(() => {
             const rawValue = this.options()['dataSource'];
             if (typeof rawValue === 'string') {
                 return rawValue;
@@ -505,101 +545,53 @@ class AXPDataListWidgetComponent extends AXPValueWidgetComponent {
                 return String(rawValue['id']);
             }
             return null;
-        }, ...(ngDevMode ? [{ debugName: "registryDataSourceName" }] : /* istanbul ignore next */ []));
-        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
-        /** Reactive flag: registry datasource finished resolving (success or failure). */
-        this.registryDataSourceReady = signal(false, ...(ngDevMode ? [{ debugName: "registryDataSourceReady" }] : /* istanbul ignore next */ []));
-        /** Reactive bump to reload registry-backed datasources (e.g. after locale change). */
-        this.registryRefreshEpoch = signal(0, ...(ngDevMode ? [{ debugName: "registryRefreshEpoch" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryDataSourceName" }] : /* istanbul ignore next */ []));
+        this.selectedItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+        /** Reactive flag: query-backed datasource finished resolving (success or failure). */
+        this.queryDataSourceReady = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryDataSourceReady" }] : /* istanbul ignore next */ []));
+        /** Reactive bump to reload query-backed datasources (e.g. after locale change). */
+        this.queryRefreshEpoch = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryRefreshEpoch" }] : /* istanbul ignore next */ []));
         //#region ----   DataSource Loading Effect   ----
         /**
          * Track the last loaded string dataSource reference to prevent infinite loops
          * Only used for string-based datasources (not arrays or AXDataSource instances)
          */
         this.lastStringDataSourceRef = null;
-        this.rf = effect(async () => {
+        /** Drops stale QueryDefinition responses when options/epoch change mid-flight. */
+        this.dataSourceLoadGeneration = 0;
+        this.rf = effect(() => {
             const rawValue = this.options()['dataSource'];
-            const registryId = this.registryDataSourceName();
-            this.registryRefreshEpoch();
-            // For string datasources: prevent infinite loop by checking reference
+            const registryId = this.queryDataSourceName();
+            this.queryRefreshEpoch();
+            // For string datasources: skip duplicate runs of the same key (do not mark ready —
+            // a sibling options() emit must not hide the skeleton before the first load finishes).
             if (typeof rawValue === 'string') {
                 if (rawValue === this.lastStringDataSourceRef) {
-                    if (registryId) {
-                        this.registryDataSourceReady.set(true);
-                    }
                     return;
                 }
                 this.lastStringDataSourceRef = rawValue;
             }
             else {
-                // Reset string reference when dataSource changes to non-string
                 this.lastStringDataSourceRef = null;
             }
+            const generation = ++this.dataSourceLoadGeneration;
             if (registryId) {
-                this.registryDataSourceReady.set(false);
+                this.queryDataSourceReady.set(false);
             }
             this.beginHydration();
-            try {
-                // Process dataSource creation in untracked context
-                await untracked(async () => {
-                    if (rawValue instanceof AXDataSource) {
-                        // For AXDataSource instances, check if config changed
-                        if (!isEqual(rawValue.config, this.dataSource().config)) {
-                            this.dataSource.set(rawValue);
-                        }
-                        this.registryDataSourceReady.set(true);
-                    }
-                    // static array datasource - always recreate when options change
-                    else if (Array.isArray(rawValue)) {
-                        const ds = new AXDataSource({
-                            key: this.valueField(),
-                            pageSize: 10,
-                            load: async (e) => {
-                                const raw = this.options()['dataSource'];
-                                const skip = e.skip ?? 0;
-                                const take = e.take ?? raw.length;
-                                return {
-                                    items: raw.slice(skip, skip + take),
-                                    total: raw.length,
-                                };
-                            },
-                            byKey: (key) => {
-                                const raw = this.options()['dataSource'];
-                                const item = raw.filter((c) => c[this.valueField()] == key);
-                                return Promise.resolve(item[0]);
-                            },
-                        });
-                        this.dataSource.set(ds);
-                        this.registryDataSourceReady.set(true);
-                    }
-                    // resolve data source by name (string or object with id)
-                    else if (registryId) {
-                        const queryOptions = this.buildRegistryQueryOptions();
-                        const result = await this.registryDataSourceQuery.resolve(registryId, queryOptions);
-                        if (result.dataSource) {
-                            this.dataSource.set(this.isolateRegistryDataSource(result.dataSource));
-                        }
-                        else {
-                            this.dataSource.set(convertArrayToDataSource([]));
-                        }
-                        this.registryDataSourceReady.set(true);
-                    }
-                    // empty datasource
-                    else {
-                        this.dataSource.set(convertArrayToDataSource([]));
-                        this.registryDataSourceReady.set(true);
-                    }
-                });
-            }
-            finally {
-                this.endHydration();
-            }
-        }, ...(ngDevMode ? [{ debugName: "rf" }] : /* istanbul ignore next */ []));
+            void untracked(() => this.applyDataSource(rawValue, registryId, generation));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rf" }] : /* istanbul ignore next */ []));
         this.effect2 = effect(() => {
-            const registryName = this.registryDataSourceName();
+            const registryName = this.queryDataSourceName();
             const value = this.resolveSelectedItemsValue();
-            const registryReady = this.registryDataSourceReady();
+            const registryReady = this.queryDataSourceReady();
             this.dataSource();
+            this.loadedQueryDefinition();
             if (registryName && !registryReady) {
                 return;
             }
@@ -620,43 +612,193 @@ class AXPDataListWidgetComponent extends AXPValueWidgetComponent {
                 }
             };
             void resolveSelectedItems();
-        }, ...(ngDevMode ? [{ debugName: "effect2" }] : /* istanbul ignore next */ []));
-    }
-    buildRegistryQueryOptions() {
-        return {
-            valueField: this.valueField(),
-            useSamples: this.mode === 'designer',
-        };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effect2" }] : /* istanbul ignore next */ []));
     }
     //#endregion
+    async applyDataSource(rawValue, registryId, generation) {
+        try {
+            if (rawValue instanceof AXDataSource) {
+                this.loadedQueryDefinition.set(null);
+                if (!isEqual(rawValue.config, this.dataSource().config)) {
+                    this.dataSource.set(rawValue);
+                }
+                this.queryDataSourceReady.set(true);
+                return;
+            }
+            if (Array.isArray(rawValue)) {
+                this.loadedQueryDefinition.set(null);
+                const ds = new AXDataSource({
+                    key: this.valueField(),
+                    pageSize: DEFAULT_QUERY_PAGE_SIZE,
+                    load: async (e) => {
+                        const raw = this.options()['dataSource'];
+                        const skip = e.skip ?? 0;
+                        const take = e.take ?? raw.length;
+                        return {
+                            items: raw.slice(skip, skip + take),
+                            total: raw.length,
+                        };
+                    },
+                    byKey: (key) => {
+                        const raw = this.options()['dataSource'];
+                        const item = raw.filter((c) => c[this.valueField()] == key);
+                        return Promise.resolve(item[0]);
+                    },
+                });
+                this.dataSource.set(ds);
+                this.queryDataSourceReady.set(true);
+                return;
+            }
+            if (registryId) {
+                // Query fetch does not need the catalog row — bind immediately, enrich when it arrives.
+                this.loadedQueryDefinition.set(null);
+                this.dataSource.set(this.createQueryDataSource(registryId, null));
+                this.queryDataSourceReady.set(true);
+            }
+            else {
+                this.loadedQueryDefinition.set(null);
+                this.dataSource.set(convertArrayToDataSource([]));
+                this.queryDataSourceReady.set(true);
+            }
+        }
+        finally {
+            this.endHydration();
+        }
+        if (!registryId || generation !== this.dataSourceLoadGeneration) {
+            return;
+        }
+        const definition = await this.loadQueryDefinition(registryId);
+        if (generation !== this.dataSourceLoadGeneration) {
+            return;
+        }
+        this.loadedQueryDefinition.set(definition);
+        if (definition && this.shouldRebuildQueryDataSource(definition)) {
+            this.dataSource.set(this.createQueryDataSource(registryId, definition));
+        }
+    }
+    /**
+     * Loads {@link QUERY_DEFINITION_ENTITY} via {@link ENTITY_GET_BY_ID_DEFAULT}.
+     * Catalog row `id` matches the runtime query key.
+     */
+    async loadQueryDefinition(queryKey) {
+        const cached = queryDefinitionCache.get(queryKey);
+        if (cached) {
+            return cached;
+        }
+        const pending = this.fetchQueryDefinition(queryKey);
+        queryDefinitionCache.set(queryKey, pending);
+        try {
+            return await pending;
+        }
+        catch {
+            queryDefinitionCache.delete(queryKey);
+            return null;
+        }
+    }
+    async fetchQueryDefinition(queryKey) {
+        try {
+            const result = await this.queryService.fetch(ENTITY_GET_BY_ID_DEFAULT, {
+                entity: QUERY_DEFINITION_ENTITY$1,
+                id: queryKey,
+            });
+            if (!result?.success) {
+                return null;
+            }
+            return runtimeQueryPayloadData(result) ?? null;
+        }
+        catch {
+            return null;
+        }
+    }
     /**
-     * Registry datasources are cached globally; each widget needs its own {@link AXDataSource}
-     * instance so per-widget filters (e.g. cascade parent id) do not leak across fields.
+     * Recreate the query {@link AXDataSource} only when catalog metadata would change
+     * `byKey` / paging / key field beyond what widget options already provide.
      */
-    isolateRegistryDataSource(source) {
-        const config = source.config;
-        if (!config?.load) {
-            return source;
+    shouldRebuildQueryDataSource(definition) {
+        const options = this.options();
+        if (definition.byKeyQuery) {
+            return true;
+        }
+        if (options['valueField'] == null && definition.binding?.valueField) {
+            return true;
+        }
+        if (options['pageSize'] == null &&
+            definition.paging?.enabled === true &&
+            typeof definition.paging.definition?.pageSize === 'number' &&
+            Number.isFinite(definition.paging.definition.pageSize) &&
+            definition.paging.definition.pageSize > 0) {
+            return true;
         }
-        const originalLoad = config.load.bind(source);
-        const originalByKey = config.byKey?.bind(source);
+        return false;
+    }
+    /**
+     * Builds a per-widget {@link AXDataSource} from optional QueryDefinition metadata + {@link AXPQueryService.fetch}.
+     */
+    createQueryDataSource(queryKey, definition) {
+        const valueField = this.options()['valueField'] ??
+            definition?.binding?.valueField ??
+            'id';
+        const definitionPageSize = definition?.paging?.enabled === true &&
+            typeof definition.paging.definition?.pageSize === 'number' &&
+            Number.isFinite(definition.paging.definition.pageSize) &&
+            definition.paging.definition.pageSize > 0
+            ? Math.floor(definition.paging.definition.pageSize)
+            : undefined;
+        const pageSize = this.options()['pageSize'] ??
+            definitionPageSize ??
+            DEFAULT_QUERY_PAGE_SIZE;
+        const byKeyQuery = definition?.byKeyQuery;
         return new AXDataSource({
-            pageSize: config.pageSize,
-            key: config.key,
-            load: (event) => originalLoad(event),
-            byKey: originalByKey ? (key) => originalByKey(key) : undefined,
+            key: valueField,
+            pageSize,
+            load: async (event) => {
+                const result = await this.queryService.fetch(queryKey, {
+                    skip: event.skip ?? 0,
+                    take: event.take ?? pageSize,
+                    filter: event.filter,
+                    sort: event.sort,
+                });
+                const page = runtimeQueryCollectionData(result);
+                return {
+                    items: page?.items ?? [],
+                    total: page?.total ?? 0,
+                };
+            },
+            byKey: async (key) => {
+                if (isNil(key)) {
+                    return null;
+                }
+                if (byKeyQuery) {
+                    const result = await this.queryService.fetch(byKeyQuery, {
+                        [valueField]: key,
+                    });
+                    return runtimeQueryPayloadData(result) ?? null;
+                }
+                const result = await this.queryService.fetch(queryKey, {
+                    skip: 0,
+                    take: 1,
+                    filter: {
+                        field: valueField,
+                        operator: { type: 'equal' },
+                        value: key,
+                    },
+                });
+                const page = runtimeQueryCollectionData(result);
+                return page?.items?.[0] ?? null;
+            },
         });
     }
-    /** Invalidates cached registry datasource and forces a reload on the next effect run. */
+    /** Forces a reload of the query-backed datasource on the next effect run. */
     refreshRegistryDataSource() {
-        const registryId = this.registryDataSourceName();
+        const registryId = this.queryDataSourceName();
         if (!registryId) {
             return;
         }
-        this.registryDataSourceQuery.invalidate(registryId);
+        queryDefinitionCache.delete(registryId);
         this.lastStringDataSourceRef = null;
-        this.registryDataSourceReady.set(false);
-        this.registryRefreshEpoch.update((epoch) => epoch + 1);
+        this.queryDataSourceReady.set(false);
+        this.queryRefreshEpoch.update((epoch) => epoch + 1);
     }
     async extractItem(item) {
         if (isNil(item)) {
@@ -666,13 +808,6 @@ class AXPDataListWidgetComponent extends AXPValueWidgetComponent {
             return item;
         }
         const key = extractValue(item, this.valueField());
-        const registryName = this.registryDataSourceName();
-        if (registryName) {
-            const found = await this.registryDataSourceQuery.queryByKey(registryName, key, this.buildRegistryQueryOptions());
-            if (found) {
-                return found;
-            }
-        }
         const ds = this.dataSource();
         if (ds.config?.byKey) {
             const found = await ds.config?.byKey(key);
@@ -713,10 +848,10 @@ class AXPColumnWidgetComponent {
             return this.rawValue;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColumnWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColumnWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPColumnWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPColumnWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPColumnWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPColumnWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -745,7 +880,8 @@ class AXPBoxModelLayoutWidgetComponent extends AXPLayoutBaseWidgetComponent {
             style['overflow-y'] = overflowY ?? '';
             style['direction'] = direction ?? '';
             return style;
-        }, ...(ngDevMode ? [{ debugName: "hostBoxStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostBoxStyle" }] : /* istanbul ignore next */ []));
         this.blockStyle = computed(() => {
             const options = this.options();
             const style = { ...this.hostBoxStyle() };
@@ -762,47 +898,54 @@ class AXPBoxModelLayoutWidgetComponent extends AXPLayoutBaseWidgetComponent {
             style['height'] = height ?? '';
             style['max-height'] = maxHeight ?? '';
             return style;
-        }, ...(ngDevMode ? [{ debugName: "blockStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "blockStyle" }] : /* istanbul ignore next */ []));
         this.inlineStyle = computed(() => {
             return { ...this.hostBoxStyle() };
-        }, ...(ngDevMode ? [{ debugName: "inlineStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inlineStyle" }] : /* istanbul ignore next */ []));
         this.blockClass = computed(() => {
             return {
                 block: true,
                 'w-full': true,
                 // 'ax-widget-outline': true,
             };
-        }, ...(ngDevMode ? [{ debugName: "blockClass" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "blockClass" }] : /* istanbul ignore next */ []));
         this.inlineClass = computed(() => {
             return {
                 'inline-block': false,
             };
-        }, ...(ngDevMode ? [{ debugName: "inlineClass" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inlineClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBoxModelLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBoxModelLayoutWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBoxModelLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBoxModelLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBoxModelLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBoxModelLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPBlockBaseLayoutWidgetComponent extends AXPBoxModelLayoutWidgetComponent {
     constructor() {
         super(...arguments);
-        this.hostClass = computed(() => this.blockClass(), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        this.hostStyle = computed(() => this.blockStyle(), ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => this.blockClass(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.hostStyle = computed(() => this.blockStyle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBlockBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBlockBaseLayoutWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBlockBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBlockBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPBlockBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPBlockBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPFlexBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
     constructor() {
         super(...arguments);
-        this.flex = computed(() => this.options(), ...(ngDevMode ? [{ debugName: "flex" }] : /* istanbul ignore next */ []));
+        this.flex = computed(() => this.options(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flex" }] : /* istanbul ignore next */ []));
         this.hostFlexStyle = computed(() => {
             const blockStyle = this.blockStyle();
             const style = { ...blockStyle };
@@ -841,45 +984,52 @@ class AXPFlexBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent
                 style['gap'] = flex.gap;
             }
             return style;
-        }, ...(ngDevMode ? [{ debugName: "hostFlexStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostFlexStyle" }] : /* istanbul ignore next */ []));
         this.hostFlexClass = computed(() => {
             return {
                 ...this.blockClass(),
                 'flex': true,
                 'h-full': true,
             };
-        }, ...(ngDevMode ? [{ debugName: "hostFlexClass" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostFlexClass" }] : /* istanbul ignore next */ []));
         this.hostClass = computed(() => {
             return this.hostFlexClass();
-        }, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
         this.hostStyle = computed(() => {
             return this.hostFlexStyle();
-        }, ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFlexBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFlexBaseLayoutWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFlexBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFlexBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFlexBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFlexBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPInlineBaseLayoutWidgetComponent extends AXPBoxModelLayoutWidgetComponent {
     constructor() {
         super(...arguments);
-        this.hostClass = computed(() => this.inlineClass(), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        this.hostStyle = computed(() => this.inlineStyle(), ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => this.inlineClass(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.hostStyle = computed(() => this.inlineStyle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPInlineBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPInlineBaseLayoutWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInlineBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInlineBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPInlineBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPInlineBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPFlexItemBaseLayoutWidgetComponent extends AXPInlineBaseLayoutWidgetComponent {
     constructor() {
         super(...arguments);
-        this.flexItem = computed(() => this.options(), ...(ngDevMode ? [{ debugName: "flexItem" }] : /* istanbul ignore next */ []));
+        this.flexItem = computed(() => this.options(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flexItem" }] : /* istanbul ignore next */ []));
         this.hostFlexItemStyle = computed(() => {
             const inlineStyle = this.blockStyle();
             const style = { ...inlineStyle };
@@ -915,37 +1065,43 @@ class AXPFlexItemBaseLayoutWidgetComponent extends AXPInlineBaseLayoutWidgetComp
                 style['align-self'] = fi.alignSelf;
             }
             return style;
-        }, ...(ngDevMode ? [{ debugName: "hostFlexItemStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostFlexItemStyle" }] : /* istanbul ignore next */ []));
         this.hostFlexItemClass = computed(() => {
             return {
                 ...this.blockClass(),
             };
-        }, ...(ngDevMode ? [{ debugName: "hostFlexItemClass" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostFlexItemClass" }] : /* istanbul ignore next */ []));
         this.hostClass = computed(() => {
             return this.hostFlexItemClass();
-        }, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
         this.hostStyle = computed(() => {
             return this.hostFlexItemStyle();
-        }, ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFlexItemBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFlexItemBaseLayoutWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFlexItemBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFlexItemBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFlexItemBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFlexItemBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPGridBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
     constructor() {
         super(...arguments);
-        this.grid = computed(() => this.options()?.['grid'], ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+        this.grid = computed(() => this.options()?.['grid'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
         this.hostGridStyle = computed(() => {
             const style = { ...this.inlineStyle() };
             const g = this.grid()?.default;
             if (g?.gap)
                 style['gap'] = g.gap;
             return style;
-        }, ...(ngDevMode ? [{ debugName: "hostGridStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostGridStyle" }] : /* istanbul ignore next */ []));
         this.hostGridClass = computed(() => {
             const cls = {
                 ...this.inlineClass(),
@@ -962,21 +1118,25 @@ class AXPGridBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent
             if (g?.autoFlow)
                 cls[`lg:grid-flow-${g.autoFlow}`] = true;
             return cls;
-        }, ...(ngDevMode ? [{ debugName: "hostGridClass" }] : /* istanbul ignore next */ []));
-        this.hostClass = computed(() => this.hostGridClass(), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        this.hostStyle = computed(() => this.hostGridStyle(), ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridBaseLayoutWidgetComponent }); }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostGridClass" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => this.hostGridClass(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.hostStyle = computed(() => this.hostGridStyle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPGridBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPGridBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPGridBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPGridItemBaseLayoutWidgetComponent extends AXPFlexBaseLayoutWidgetComponent {
     constructor() {
         super(...arguments);
-        this.gridItem = computed(() => this.options(), ...(ngDevMode ? [{ debugName: "gridItem" }] : /* istanbul ignore next */ []));
+        this.gridItem = computed(() => this.options(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "gridItem" }] : /* istanbul ignore next */ []));
         this.hostGridItemStyle = computed(() => {
             const style = { ...this.hostFlexStyle() };
             const g = this.gridItem();
@@ -985,7 +1145,8 @@ class AXPGridItemBaseLayoutWidgetComponent extends AXPFlexBaseLayoutWidgetCompon
             if (g?.justifySelf)
                 style['justify-self'] = g.justifySelf;
             return style;
-        }, ...(ngDevMode ? [{ debugName: "hostGridItemStyle" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostGridItemStyle" }] : /* istanbul ignore next */ []));
         this.hostGridItemClass = computed(() => {
             const cls = { ...this.hostFlexClass() };
             const g = this.gridItem();
@@ -1004,15 +1165,20 @@ class AXPGridItemBaseLayoutWidgetComponent extends AXPFlexBaseLayoutWidgetCompon
                 cls[`lg:row-start-${g.rowStart}`] = true;
             if (g?.rowEnd)
                 cls[`lg:row-end-${g.rowEnd}`] = true;
+            if (g?.order != null)
+                cls[`lg:order-${g.order}`] = true;
             return cls;
-        }, ...(ngDevMode ? [{ debugName: "hostGridItemClass" }] : /* istanbul ignore next */ []));
-        this.hostClass = computed(() => this.hostGridItemClass(), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        this.hostStyle = computed(() => this.hostGridItemStyle(), ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridItemBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridItemBaseLayoutWidgetComponent }); }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostGridItemClass" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => this.hostGridItemClass(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.hostStyle = computed(() => this.hostGridItemStyle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPGridItemBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPGridItemBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPGridItemBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPGridItemBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -1021,27 +1187,31 @@ class AXPTableBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponen
         super(...arguments);
         this.hostTableClass = computed(() => ({
             ...this.blockClass(),
-        }), ...(ngDevMode ? [{ debugName: "hostTableClass" }] : /* istanbul ignore next */ []));
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostTableClass" }] : /* istanbul ignore next */ []));
         this.hostTableStyle = computed(() => {
             const style = { ...this.blockStyle() };
             style['overflow-x'] = 'auto';
             return style;
-        }, ...(ngDevMode ? [{ debugName: "hostTableStyle" }] : /* istanbul ignore next */ []));
-        this.hostClass = computed(() => this.hostTableClass(), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        this.hostStyle = computed(() => this.hostTableStyle(), ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableBaseLayoutWidgetComponent }); }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostTableStyle" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => this.hostTableClass(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.hostStyle = computed(() => this.hostTableStyle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
 class AXPTableItemOpsBaseLayoutWidgetComponent extends AXPBlockBaseLayoutWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableItemOpsBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableItemOpsBaseLayoutWidgetComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableItemOpsBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableItemOpsBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableItemOpsBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableItemOpsBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -1051,18 +1221,22 @@ class AXPTableItemBaseLayoutWidgetComponent extends AXPTableItemOpsBaseLayoutWid
         this.colSpan = computed(() => {
             const v = this.options()?.colSpan;
             return v ? Math.max(1, v) : 1;
-        }, ...(ngDevMode ? [{ debugName: "colSpan" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colSpan" }] : /* istanbul ignore next */ []));
         this.rowSpan = computed(() => {
             const v = this.options()?.rowSpan;
             return v ? Math.max(1, v) : 1;
-        }, ...(ngDevMode ? [{ debugName: "rowSpan" }] : /* istanbul ignore next */ []));
-        this.hostClass = computed(() => this.blockClass(), ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-        this.hostStyle = computed(() => this.blockStyle(), ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableItemBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableItemBaseLayoutWidgetComponent }); }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rowSpan" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => this.blockClass(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+        this.hostStyle = computed(() => this.blockStyle(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostStyle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableItemBaseLayoutWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableItemBaseLayoutWidgetComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTableItemBaseLayoutWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTableItemBaseLayoutWidgetComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -1141,10 +1315,10 @@ class AXPWidgetRegistryService {
     all() {
         return Array.from(this.ensureBuilt().values());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetRegistryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1157,8 +1331,10 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         this.widgetRegistery = inject(AXPWidgetRegistryService);
         this.grid = inject(AXBaseDataTable);
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.mergedOptions = signal({}, ...(ngDevMode ? [{ debugName: "mergedOptions" }] : /* istanbul ignore next */ []));
-        this.loadingRow = signal(null, ...(ngDevMode ? [{ debugName: "loadingRow" }] : /* istanbul ignore next */ []));
+        this.mergedOptions = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedOptions" }] : /* istanbul ignore next */ []));
+        this.loadingRow = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadingRow" }] : /* istanbul ignore next */ []));
         this.rowInjectorsCache = new Map();
         this.hasExpressions = false;
         this.pendingEvaluations = new Set();
@@ -1496,8 +1672,8 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
         }
         return rowInjector;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPWidgetColumnRendererComponent, isStandalone: false, selector: "axp-widget-column-renderer", inputs: { caption: "caption", customExpandIcon: "customExpandIcon", customCollapseIcon: "customCollapseIcon", customWidth: "customWidth", node: "node", footerTemplate: "footerTemplate", expandHandler: "expandHandler", sortEnabled: "sortEnabled", headerSortDirection: "headerSortDirection", headerSortPriority: "headerSortPriority", columnFixed: "columnFixed", cellTemplate: "cellTemplate", headerTemplate: "headerTemplate" }, outputs: { sortToggle: "sortToggle" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetColumnRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWidgetColumnRendererComponent, isStandalone: false, selector: "axp-widget-column-renderer", inputs: { caption: "caption", customExpandIcon: "customExpandIcon", customCollapseIcon: "customCollapseIcon", customWidth: "customWidth", node: "node", footerTemplate: "footerTemplate", expandHandler: "expandHandler", sortEnabled: "sortEnabled", headerSortDirection: "headerSortDirection", headerSortPriority: "headerSortPriority", columnFixed: "columnFixed", cellTemplate: "cellTemplate", headerTemplate: "headerTemplate" }, outputs: { sortToggle: "sortToggle" }, providers: [
             AXPWidgetCoreService,
             {
                 provide: AXDataTableColumnComponent,
@@ -1595,9 +1771,9 @@ class AXPWidgetColumnRendererComponent extends AXDataTableColumnComponent {
       </div>
     </ng-template>
     <ng-template #footer></ng-template>
-  `, isInline: true, styles: ["@layer properties;.axp-widget-column-header--sortable{cursor:pointer}.axp-widget-column-header--sortable:hover .axp-widget-column-header__sort,.axp-widget-column-header--sortable:focus-within .axp-widget-column-header__sort,.axp-widget-column-header--sortable.axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}.axp-widget-column-header__caption{min-width:0}.axp-widget-column-header__caption--with-sort{flex:1;flex:1 1 0}.axp-widget-column-header__sort{opacity:0;transition:opacity .15s ease}.axp-widget-column-header__sort-priority{--tw-leading: 1;line-height:1}:host-context(.ax-data-table-head-cell.ax-interactive:hover) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell.ax-interactive:focus-within) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell) .axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: ["@layer properties;.axp-widget-column-header--sortable{cursor:pointer}.axp-widget-column-header--sortable:hover .axp-widget-column-header__sort,.axp-widget-column-header--sortable:focus-within .axp-widget-column-header__sort,.axp-widget-column-header--sortable.axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}.axp-widget-column-header__caption{min-width:0px}.axp-widget-column-header__caption--with-sort{flex:1;flex:1 1 0}.axp-widget-column-header__sort{opacity:0;transition:opacity .15s ease}.axp-widget-column-header__sort-priority{--tw-leading: 1;line-height:1}:host-context(.ax-data-table-head-cell.ax-interactive:hover) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell.ax-interactive:focus-within) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell) .axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetColumnRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetColumnRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-widget-column-renderer', template: `
     <ng-template #header>
@@ -1697,7 +1873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             provide: AXDataTableColumnComponent,
                             useExisting: AXPWidgetColumnRendererComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['caption'], standalone: false, styles: ["@layer properties;.axp-widget-column-header--sortable{cursor:pointer}.axp-widget-column-header--sortable:hover .axp-widget-column-header__sort,.axp-widget-column-header--sortable:focus-within .axp-widget-column-header__sort,.axp-widget-column-header--sortable.axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}.axp-widget-column-header__caption{min-width:0}.axp-widget-column-header__caption--with-sort{flex:1;flex:1 1 0}.axp-widget-column-header__sort{opacity:0;transition:opacity .15s ease}.axp-widget-column-header__sort-priority{--tw-leading: 1;line-height:1}:host-context(.ax-data-table-head-cell.ax-interactive:hover) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell.ax-interactive:focus-within) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell) .axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['caption'], standalone: false, styles: ["@layer properties;.axp-widget-column-header--sortable{cursor:pointer}.axp-widget-column-header--sortable:hover .axp-widget-column-header__sort,.axp-widget-column-header--sortable:focus-within .axp-widget-column-header__sort,.axp-widget-column-header--sortable.axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}.axp-widget-column-header__caption{min-width:0px}.axp-widget-column-header__caption--with-sort{flex:1;flex:1 1 0}.axp-widget-column-header__sort{opacity:0;transition:opacity .15s ease}.axp-widget-column-header__sort-priority{--tw-leading: 1;line-height:1}:host-context(.ax-data-table-head-cell.ax-interactive:hover) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell.ax-interactive:focus-within) .axp-widget-column-header__sort,:host-context(.ax-data-table-head-cell) .axp-widget-column-header--sort-active .axp-widget-column-header__sort{opacity:1}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { customExpandIcon: [{
                 type: Input
             }], customCollapseIcon: [{
@@ -1755,17 +1931,22 @@ class AXPWidgetContainerComponent {
         this.debug = inject(AXPDebugService);
         this.onContextChanged = new EventEmitter();
         this.wasHydrating = false;
-        this.isSavedCommitted = computed(() => this.contextService.isSavedCommitted(), ...(ngDevMode ? [{ debugName: "isSavedCommitted" }] : /* istanbul ignore next */ []));
+        this.isSavedCommitted = computed(() => this.contextService.isSavedCommitted(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSavedCommitted" }] : /* istanbul ignore next */ []));
         this.isFormDirty = computed(() => {
             if (!this.contextService.isSavedCommitted()) {
                 return false;
             }
             this.contextService.data();
             return this.contextService.isDirty();
-        }, ...(ngDevMode ? [{ debugName: "isFormDirty" }] : /* istanbul ignore next */ []));
-        this.status = computed(() => this.builderService.status(), ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
-        this.isBusy = computed(() => this.builderService.isBusy(), ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
-        this.isHydrating = computed(() => this.builderService.isHydrating(), ...(ngDevMode ? [{ debugName: "isHydrating" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isFormDirty" }] : /* istanbul ignore next */ []));
+        this.status = computed(() => this.builderService.status(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        this.isBusy = computed(() => this.builderService.isBusy(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
+        this.isHydrating = computed(() => this.builderService.isHydrating(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isHydrating" }] : /* istanbul ignore next */ []));
         /** True when registered widgets exist and none are rendering or hydrating. */
         this.isWidgetsReady = computed(() => {
             const count = this.builderService.registeredWidgetsCount();
@@ -1773,7 +1954,8 @@ class AXPWidgetContainerComponent {
                 return false;
             }
             return this.builderService.isStructureReady() && !this.builderService.isBusy();
-        }, ...(ngDevMode ? [{ debugName: "isWidgetsReady" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isWidgetsReady" }] : /* istanbul ignore next */ []));
         effect(() => {
             const isDirty = this.isFormDirty();
             const data = this.contextService.data();
@@ -1781,13 +1963,19 @@ class AXPWidgetContainerComponent {
             if (!this.contextService.isChanged() && this.lastEmittedFormDirty === isDirty) {
                 return;
             }
+            const prevEmittedFormDirty = this.lastEmittedFormDirty;
             this.lastEmittedFormDirty = isDirty;
             this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'isFormDirty changed', () => ({
                 isFormDirty: isDirty,
+                prevEmittedFormDirty,
                 userEditedSinceCommit: this.contextService.hasUserEditedSinceCommit(),
                 isSavedCommitted: this.contextService.isSavedCommitted(),
+                isHydrating: this.builderService.isHydrating(),
+                isBusy: this.builderService.isBusy(),
+                widgetSnapshot: this.builderService.getWidgetStateSnapshot(),
                 changePath: changeEvent.path,
                 changeOrigin: changeEvent.origin,
+                changeState: changeEvent.state,
                 dirtyPaths: this.contextService.isSavedCommitted()
                     ? summarizeFormContextDirtyDiff(this.contextService.data(), this.contextService.saved())
                     : [],
@@ -1881,8 +2069,21 @@ class AXPWidgetContainerComponent {
             return this.settlePromise;
         }
         this.clearSavedBaselineTimer();
+        this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'settleSavedBaseline queued', () => ({
+            userEditedSinceCommit: this.contextService.hasUserEditedSinceCommit(),
+            isSavedCommitted: this.contextService.isSavedCommitted(),
+            isFormDirty: this.isFormDirty(),
+            widgetSnapshot: this.builderService.getWidgetStateSnapshot(),
+        }));
         this.settlePromise = this.waitUntilSettled()
             .then(() => {
+            this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'settleSavedBaseline commit', () => ({
+                userEditedSinceCommit: this.contextService.hasUserEditedSinceCommit(),
+                isFormDirty: this.isFormDirty(),
+                dirtyPaths: this.contextService.isSavedCommitted()
+                    ? summarizeFormContextDirtyDiff(this.contextService.data(), this.contextService.saved())
+                    : [],
+            }));
             this.contextService.commitSaved();
             this.lastEmittedFormDirty = undefined;
         })
@@ -1958,15 +2159,31 @@ class AXPWidgetContainerComponent {
     /** Re-commits baseline after post-load hydration when the user has not edited the form. */
     scheduleRebaselineAfterHydration() {
         this.clearSavedBaselineTimer();
+        this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'rebaseline scheduled', () => ({
+            userEditedSinceCommit: this.contextService.hasUserEditedSinceCommit(),
+            isFormDirty: this.isFormDirty(),
+            dirtyPaths: summarizeFormContextDirtyDiff(this.contextService.data(), this.contextService.saved()),
+        }));
         this.savedBaselineTimer = setTimeout(() => {
             this.savedBaselineTimer = undefined;
             if (this.contextService.hasUserEditedSinceCommit()) {
+                this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'rebaseline skipped (user edited)', () => ({
+                    isFormDirty: this.isFormDirty(),
+                    dirtyPaths: summarizeFormContextDirtyDiff(this.contextService.data(), this.contextService.saved()),
+                    lastChange: this.contextService.changeEvent(),
+                }));
                 return;
             }
             void this.waitUntilSettled().then(() => {
                 if (this.contextService.hasUserEditedSinceCommit()) {
+                    this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'rebaseline aborted after settle (user edited)', () => ({
+                        isFormDirty: this.isFormDirty(),
+                        dirtyPaths: summarizeFormContextDirtyDiff(this.contextService.data(), this.contextService.saved()),
+                        lastChange: this.contextService.changeEvent(),
+                    }));
                     return;
                 }
+                this.debug.trace(FORM_DIRTY_TRACE_NS, 'widget-container', 'rebaseline commitSaved');
                 this.contextService.commitSaved();
                 this.lastEmittedFormDirty = undefined;
             });
@@ -1978,10 +2195,10 @@ class AXPWidgetContainerComponent {
             this.savedBaselineTimer = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPWidgetContainerComponent, isStandalone: false, selector: "axp-widgets-container", inputs: { context: "context", functions: "functions" }, outputs: { onContextChanged: "onContextChanged" }, host: { styleAttribute: "display: contents;" }, providers: [AXPWidgetCoreService, AXPContextStore], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPWidgetContainerComponent, isStandalone: false, selector: "axp-widgets-container", inputs: { context: "context", functions: "functions" }, outputs: { onContextChanged: "onContextChanged" }, host: { styleAttribute: "display: contents;" }, providers: [AXPWidgetCoreService, AXPContextStore], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widgets-container',
@@ -2016,12 +2233,12 @@ function extractPersistedRootIdentityPatch(current, next) {
 }
 
 class AXPWidgetPlaceholderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXPWidgetPlaceholderComponent, isStandalone: true, selector: "axp-widget-placeholder", ngImport: i0, template: `<div>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPWidgetPlaceholderComponent, isStandalone: true, selector: "axp-widget-placeholder", ngImport: i0, template: `<div>
     <ax-skeleton class="w-full h-10 rounded-md"></ax-skeleton>
   </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetPlaceholderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetPlaceholderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-placeholder',
@@ -2034,15 +2251,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+/**
+ * Resolves the lazy component factory for a render mode.
+ * `print` falls back to `view` until a dedicated print component exists.
+ */
+function resolveWidgetModeComponent(widget, mode) {
+    const requested = widget?.components?.[mode]?.component;
+    if (requested) {
+        return requested;
+    }
+    if (mode === 'print') {
+        return widget?.components?.view?.component;
+    }
+    return undefined;
+}
+
 class AXPWidgetRendererDirective {
     //#endregion
     //#endregion
     constructor() {
-        this.parentNode = input(...(ngDevMode ? [undefined, { debugName: "parentNode" }] : /* istanbul ignore next */ []));
-        this.index = input(...(ngDevMode ? [undefined, { debugName: "index" }] : /* istanbul ignore next */ []));
-        this.mode = input.required(...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-        this.node = input.required(...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
-        this._options = signal({}, ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
+        this.parentNode = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "parentNode" }] : /* istanbul ignore next */ []));
+        this.index = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "index" }] : /* istanbul ignore next */ []));
+        this.mode = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.node = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+        this._options = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
         this.options = this._options.asReadonly();
         this.onOptionsChanged = output();
         this.onValueChanged = output();
@@ -2051,11 +2288,13 @@ class AXPWidgetRendererDirective {
         /**
          * Signal that emits the component reference when it's ready
          */
-        this._componentRefSignal = signal(null, ...(ngDevMode ? [{ debugName: "_componentRefSignal" }] : /* istanbul ignore next */ []));
+        this._componentRefSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_componentRefSignal" }] : /* istanbul ignore next */ []));
         this.componentRefSignal = this._componentRefSignal.asReadonly();
         //#endregion
         //#region ----   Properties   ----
-        this.mergedOptions = signal({}, ...(ngDevMode ? [{ debugName: "mergedOptions" }] : /* istanbul ignore next */ []));
+        this.mergedOptions = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedOptions" }] : /* istanbul ignore next */ []));
         this.injector = inject(Injector);
         this.builderService = inject(AXPWidgetCoreService);
         this.contextService = inject(AXPContextStore);
@@ -2065,8 +2304,10 @@ class AXPWidgetRendererDirective {
         this.widgetService = inject(AXPWidgetRegistryService);
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
         this.viewContainerRef = inject(ViewContainerRef);
-        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
-        this.isVisible = signal(true, ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.isVisible = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isVisible" }] : /* istanbul ignore next */ []));
         this.expressionEvaluators = new Map();
         this.renderTimeoutId = null;
         this.renderGeneration = 0;
@@ -2534,10 +2775,19 @@ class AXPWidgetRendererDirective {
             }
             //
             this._options.update((val) => ({ ...val, ...this.mergedOptions() }));
-            // Evaluate default value
+            // Evaluate default value (skip when path already has a real value, e.g. edit forms).
+            // Still evaluate when the path holds the unevaluated expression string itself.
             let defaultValue = this.node().defaultValue;
+            const defaultValuePath = this.node().path;
             if (typeof defaultValue === 'string' && this.expressionEvaluator.isExpression(defaultValue)) {
-                defaultValue = await this.evaluateExpression(defaultValue);
+                const existing = defaultValuePath ? this.contextService.getValue(defaultValuePath) : undefined;
+                const shouldEvaluate = !defaultValuePath ||
+                    !this.contextService.hasValue(defaultValuePath) ||
+                    existing === defaultValue ||
+                    existing === this.node().defaultValue;
+                if (shouldEvaluate) {
+                    defaultValue = await this.evaluateExpression(defaultValue);
+                }
             }
             //
             const tokenValue = {
@@ -2558,12 +2808,17 @@ class AXPWidgetRendererDirective {
             //
             const loadingRef = this.viewContainerRef.createComponent(AXPWidgetPlaceholderComponent);
             //
-            const com = await widget?.components[this.mode()]?.component();
+            const comFactory = resolveWidgetModeComponent(widget, this.mode());
+            const com = await comFactory?.();
             if (!com) {
                 // console.error(`${this.node().type} widget component not found with mode: ${this.mode()}`);
                 return;
             }
             this.componentRef = this.viewContainerRef.createComponent(com, { injector: token });
+            const fieldPath = this.node().path;
+            if (fieldPath && this.componentRef?.location?.nativeElement) {
+                this.componentRef.location.nativeElement.setAttribute('data-testid', `entity-field-${fieldPath}`);
+            }
             this.instance = this.componentRef.instance;
             this.instance.setStatus(AXPWidgetStatus.Rendering);
             this.instance.parent = this.parentNode();
@@ -3017,14 +3272,14 @@ class AXPWidgetRendererDirective {
             // console.error('Error evaluating action expression:', templateExpression, error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetRendererDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: AXPWidgetRendererDirective, isStandalone: false, selector: "[axp-widget-renderer]", inputs: { parentNode: { classPropertyName: "parentNode", publicName: "parentNode", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onOptionsChanged: "onOptionsChanged", onValueChanged: "onValueChanged", onLoad: "onLoad" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetRendererDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXPWidgetRendererDirective, isStandalone: false, selector: "[axp-widget-renderer]", inputs: { parentNode: { classPropertyName: "parentNode", publicName: "parentNode", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onOptionsChanged: "onOptionsChanged", onValueChanged: "onValueChanged", onLoad: "onLoad" }, providers: [
             {
                 provide: AXUnsubscriber,
             },
         ], exportAs: ["widgetRenderer"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetRendererDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetRendererDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axp-widget-renderer]',
@@ -3040,11 +3295,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 const COMPONENTS = [AXPWidgetContainerComponent, AXPWidgetColumnRendererComponent, AXPWidgetRendererDirective];
 class AXPWidgetCoreModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreModule, declarations: [AXPWidgetContainerComponent, AXPWidgetColumnRendererComponent, AXPWidgetRendererDirective], imports: [CommonModule, PortalModule, AXSkeletonModule, AXTranslationModule], exports: [AXPWidgetContainerComponent, AXPWidgetColumnRendererComponent, AXPWidgetRendererDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreModule, imports: [CommonModule, PortalModule, AXSkeletonModule, AXTranslationModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreModule, declarations: [AXPWidgetContainerComponent, AXPWidgetColumnRendererComponent, AXPWidgetRendererDirective], imports: [CommonModule, PortalModule, AXSkeletonModule, AXTranslationModule], exports: [AXPWidgetContainerComponent, AXPWidgetColumnRendererComponent, AXPWidgetRendererDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreModule, imports: [CommonModule, PortalModule, AXSkeletonModule, AXTranslationModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetCoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PortalModule, AXSkeletonModule, AXTranslationModule],
@@ -3381,7 +3636,8 @@ class AXPWidgetSerializationHelper {
 class AXPWidgetColumnCellComponent {
     constructor() {
         this.caption = '';
-        this.mergedOptions = signal({}, ...(ngDevMode ? [{ debugName: "mergedOptions" }] : /* istanbul ignore next */ []));
+        this.mergedOptions = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mergedOptions" }] : /* istanbul ignore next */ []));
         this.rowInjectorsCache = new Map();
         this.hasExpressions = false;
         this.pendingEvaluations = new Set();
@@ -3501,8 +3757,8 @@ class AXPWidgetColumnCellComponent {
             this.changeDetectionScheduled = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetColumnCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPWidgetColumnCellComponent, isStandalone: true, selector: "axp-widget-column-cell", inputs: { node: "node", rowData: "rowData", caption: "caption" }, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetColumnCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWidgetColumnCellComponent, isStandalone: true, selector: "axp-widget-column-cell", inputs: { node: "node", rowData: "rowData", caption: "caption" }, usesOnChanges: true, ngImport: i0, template: `
     @if (component && rowData) {
       <ng-container
         *ngComponentOutlet="
@@ -3514,7 +3770,7 @@ class AXPWidgetColumnCellComponent {
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWidgetColumnCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWidgetColumnCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-widget-column-cell',
@@ -3681,6 +3937,116 @@ const AXP_DATA_SOURCE_OPTIONS_PROPERTY = {
 //   AXP_DATA_SOURCE_TEXT_FIELD,
 // ];
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const QUERY_DEFINITION_ENTITY = 'PlatformManagement.QueryDefinition';
+const QUERY_OPTIONS_I18N = {
+    labelPlaceholder: '@general:widgets.query-options.label-placeholder',
+    queryPlaceholder: '@general:widgets.query-options.query-placeholder',
+    tabsTitle: '@general:widgets.query-options.tabs',
+};
+//#endregion
+//#region ----- Node builders -----
+/**
+ * Builds a `query-selector` node: text (label) + lookup (QueryDefinition).
+ * Optional `resultType` filters the lookup to compatible chart/KPI queries.
+ */
+function buildQuerySelectorNode(options) {
+    const resultType = options?.resultType?.trim();
+    return {
+        type: 'query-selector',
+        name: options?.name ?? 'querySelector',
+        options: {
+            flexDirection: 'column',
+            gap: '0.5rem',
+            alignItems: 'stretch',
+        },
+        children: [
+            {
+                type: AXPWidgetsCatalog.text,
+                name: 'label',
+                path: 'label',
+                options: {
+                    placeholder: QUERY_OPTIONS_I18N.labelPlaceholder,
+                    hasClearButton: true,
+                },
+            },
+            {
+                type: AXPWidgetsCatalog.lookup,
+                name: 'query',
+                path: 'query',
+                options: {
+                    entity: QUERY_DEFINITION_ENTITY,
+                    valueField: 'name',
+                    textField: 'catalogTitle',
+                    look: 'select',
+                    allowClear: true,
+                    allowSearch: true,
+                    placeholder: QUERY_OPTIONS_I18N.queryPlaceholder,
+                    ...(resultType
+                        ? {
+                            filter: {
+                                logic: 'and',
+                                filters: [
+                                    {
+                                        field: 'resultType',
+                                        operator: { type: 'equal' },
+                                        value: resultType,
+                                    },
+                                ],
+                            },
+                        }
+                        : {}),
+                },
+            },
+        ],
+    };
+}
+/**
+ * Builds a `query-tabs` repeater whose row template is {@link buildQuerySelectorNode}.
+ */
+function buildQueryTabsNode(options) {
+    return {
+        type: 'query-tabs',
+        name: 'queryTabs',
+        path: 'options.queryTabs',
+        options: {
+            hasControls: true,
+            allowReorder: true,
+        },
+        children: [buildQuerySelectorNode({ resultType: options?.resultType })],
+    };
+}
+//#endregion
+//#region ----- Properties -----
+/**
+ * Chart/KPI query binding property: `options.queryTabs` via extended
+ * `query-tabs` (repeater) → `query-selector` (text + lookup).
+ *
+ * Pass `resultType` to filter QueryDefinition rows (e.g. `AXPBarChartQueryResult`).
+ */
+function createQueryOptionsProperty(options) {
+    const tabsNode = buildQueryTabsNode({ resultType: options?.resultType });
+    return {
+        name: 'queryOptions',
+        title: options?.title ?? QUERY_OPTIONS_I18N.tabsTitle,
+        group: AXP_DATA_PROPERTY_GROUP,
+        showLabel: true,
+        schema: {
+            dataType: 'array',
+            interface: {
+                ...tabsNode,
+                path: 'options.queryTabs',
+            },
+        },
+        visible: true,
+    };
+}
+/** Default query-tabs property (no resultType filter). */
+const AXP_QUERY_OPTIONS_PROPERTY = createQueryOptionsProperty();
+//#endregion
+
 const AXP_NAME_PROPERTY = createStringProperty({
     name: 'name',
     title: 'Name',
@@ -4766,5 +5132,5 @@ const AXP_CALLBACK_VALIDATION_PROPERTY = {
  * Generated bundle index. Do not edit.
  */
 
-export { AXPBaseWidgetComponent, AXPBlockBaseLayoutWidgetComponent, AXPBoxModelLayoutWidgetComponent, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPFlexBaseLayoutWidgetComponent, AXPFlexItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXPGridItemBaseLayoutWidgetComponent, AXPInlineBaseLayoutWidgetComponent, AXPLayoutBaseWidgetComponent, AXPPropertyEditorHelper, AXPTableBaseLayoutWidgetComponent, AXPTableItemBaseLayoutWidgetComponent, AXPTableItemOpsBaseLayoutWidgetComponent, AXPValueWidgetComponent, AXPWidgetColumnCellComponent, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetCoreElement, AXPWidgetCoreModule, AXPWidgetCoreService, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetSerializationHelper, AXP_ALLOW_CLEAR_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_ANIMATION_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_DATE_DEPTH_PROPERTY, AXP_DATE_FORMAT_PROPERTY, AXP_DATE_RANGE_LIMIT_PROPERTY, AXP_DEFAULT_ROW_COUNT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FIT_LINE_COUNT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LAYOUT_TABLE_PROPERTY_GROUP, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MAX_LINE_COUNT_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LINE_COUNT_PROPERTY, AXP_MULTI_LANGUAGE_PROPERTY, AXP_NAME_PROPERTY, AXP_NUMBER_SEPARATOR_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_SHOW_PASSWORD_PROPERTY, AXP_SPIN_BUTTON_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMNS_PROPERTY, AXP_TABLE_COLUMN_ALIGNMENT_PROPERTIES, AXP_TABLE_COLUMN_CELL_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEADER_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TABLE_ITEM_COLSPAN_PROPERTY, AXP_TABLE_ITEM_ROWSPAN_PROPERTY, AXP_TEXT_ALIGN_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRIGGERS_PROPERTY, AXP_TRIGGERS_PROPERTY_GROUP, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_VERTICAL_ALIGN_PROPERTY, AXP_WIDGET_DEFINITION_PROVIDER, AXP_WIDGET_PROPERTY_GROUP, WIDGET_CASCADE_TRACE_NS, booleanDefaultProperty, buildWidgetRegistryMapFromProviders, findNonEmptyBreakpoints, largeTextDefaultProperty, mapAXPPropertyToWidgetProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty, richTextDefaultProperty, selectEditorDefaultValueProperty, selectionListEditorDefaultValueProperty };
+export { AXPBaseWidgetComponent, AXPBlockBaseLayoutWidgetComponent, AXPBoxModelLayoutWidgetComponent, AXPColumnWidgetComponent, AXPDataListWidgetComponent, AXPFlexBaseLayoutWidgetComponent, AXPFlexItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXPGridItemBaseLayoutWidgetComponent, AXPInlineBaseLayoutWidgetComponent, AXPLayoutBaseWidgetComponent, AXPPropertyEditorHelper, AXPTableBaseLayoutWidgetComponent, AXPTableItemBaseLayoutWidgetComponent, AXPTableItemOpsBaseLayoutWidgetComponent, AXPValueWidgetComponent, AXPWidgetColumnCellComponent, AXPWidgetColumnRendererComponent, AXPWidgetContainerComponent, AXPWidgetCoreElement, AXPWidgetCoreModule, AXPWidgetCoreService, AXPWidgetRegistryService, AXPWidgetRendererDirective, AXPWidgetSerializationHelper, AXP_ALLOW_CLEAR_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, AXP_ANIMATION_PROPERTY_GROUP, AXP_APPEARANCE_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_BETWEEN_VALIDATION_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_BOX_MODEL_PROPERTY_GROUP, AXP_CALLBACK_VALIDATION_PROPERTY, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_DATE_DEPTH_PROPERTY, AXP_DATE_FORMAT_PROPERTY, AXP_DATE_RANGE_LIMIT_PROPERTY, AXP_DEFAULT_ROW_COUNT_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_DIRECTION_PROPERTY, AXP_DISABLED_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_EQUAL_VALIDATION_PROPERTY, AXP_FALSY_TEXT_PROPERTY, AXP_FIT_LINE_COUNT_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_HAS_LABEL_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_LABEL_PROPERTY, AXP_LAYOUT_ADVANCED_GRID_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY, AXP_LAYOUT_FLEX_PROPERTY_GROUP, AXP_LAYOUT_GAP_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_LAYOUT_GRID_PROPERTIES, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_PROPERTY_GROUP, AXP_LAYOUT_GRID_ROW_PROPERTIES, AXP_LAYOUT_ROWS_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_SPACING_PROPERTY, AXP_LAYOUT_TABLE_PROPERTY_GROUP, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, AXP_MAX_LINE_COUNT_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_MIN_LINE_COUNT_PROPERTY, AXP_MULTI_LANGUAGE_PROPERTY, AXP_NAME_PROPERTY, AXP_NUMBER_SEPARATOR_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_QUERY_OPTIONS_PROPERTY, AXP_READONLY_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_SHOW_PASSWORD_PROPERTY, AXP_SPIN_BUTTON_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_STYLING_PROPERTY_GROUP, AXP_TABLE_COLUMNS_PROPERTY, AXP_TABLE_COLUMN_ALIGNMENT_PROPERTIES, AXP_TABLE_COLUMN_CELL_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEADER_ALIGN_PROPERTY, AXP_TABLE_COLUMN_HEIGHT_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_TABLE_ITEM_COLSPAN_PROPERTY, AXP_TABLE_ITEM_ROWSPAN_PROPERTY, AXP_TEXT_ALIGN_PROPERTY, AXP_TEXT_FIELD_PROPERTY, AXP_TEXT_PROPERTY, AXP_THEME_PROPERTY, AXP_TITLE_PROPERTY, AXP_TRIGGERS_PROPERTY, AXP_TRIGGERS_PROPERTY_GROUP, AXP_TRULY_TEXT_PROPERTY, AXP_VALIDATION_PROPERTY_GROUP, AXP_VALUE_FIELD_PROPERTY, AXP_VERTICAL_ALIGN_PROPERTY, AXP_WIDGET_DEFINITION_PROVIDER, AXP_WIDGET_PROPERTY_GROUP, WIDGET_CASCADE_TRACE_NS, booleanDefaultProperty, buildQuerySelectorNode, buildQueryTabsNode, buildWidgetRegistryMapFromProviders, createQueryOptionsProperty, findNonEmptyBreakpoints, largeTextDefaultProperty, mapAXPPropertyToWidgetProperty, numberDefaultProperty, numberMaxValueProperty, numberMinValueProperty, plainTextDefaultProperty, resolveWidgetModeComponent, richTextDefaultProperty, selectEditorDefaultValueProperty, selectionListEditorDefaultValueProperty };
 //# sourceMappingURL=acorex-platform-framework-client-layout-widget-core.mjs.map