@acorex/platform 21.0.0-next.67 → 21.0.0-next.70

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -1,14 +1,14 @@
 import { AXToastService } from '@acorex/components/toast';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString, translateSync } from '@acorex/core/translation';
-import * as i4$4 from '@acorex/platform/common';
+import * as i4$3 from '@acorex/platform/common';
 import { AXPEntityCommandScope, AXPSettingsService, AXPCommonSettings, AXPFilterOperatorMiddlewareService, isCardFieldBadgeDisplay, resolveCardFieldBadgeColor, getEntityInfo, resolveEnabledMasterListLayouts, resolveDefaultMasterListLayout, AXPRefreshEvent, AXPReloadEvent, AXPCleanNestedFilters, AXPFileTypeProviderService, AXPFileStorageService, AXPFileActionsService, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, AXPEntityQueryType, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER, AXPMenuItemsDataSourceDefinition } from '@acorex/platform/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injector, runInInjectionContext, Injectable, input, viewChild, signal, computed, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, NgModule, ChangeDetectorRef, effect, Input, afterNextRender, untracked, ViewEncapsulation, viewChildren, linkedSignal, HostBinding, output, makeEnvironmentProviders } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
 import { AXPLayoutBuilderService, LayoutBuilderModule } from '@acorex/platform/layout/builder';
 import * as i3 from '@acorex/platform/layout/widget-core';
-import { AXPWidgetsCatalog, AXPWidgetCoreModule, AXPPageStatus, AXPWidgetRegistryService, AXPColumnWidgetComponent, AXPValueWidgetComponent, AXPWidgetGroupEnum, createBooleanProperty, AXPWidgetRendererDirective, createStringProperty, createNumberProperty, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_CATEGORY, createSelectProperty, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
+import { AXPWidgetsCatalog, AXPWidgetCoreModule, AXPPageStatus, AXPWidgetRegistryService, AXPColumnWidgetComponent, AXPValueWidgetComponent, AXPWidgetGroupEnum, createBooleanProperty, AXPWidgetRendererDirective, AXPBaseWidgetComponent, AXPWidgetStatus, createStringProperty, createNumberProperty, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_CATEGORY, createSelectProperty, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { AXPSystemActionType, AXPDeviceService, AXPExpressionEvaluatorService, AXPBroadcastEventService, applyFilterArray, applySortArray, resolveActionLook, AXPDistributedEventListenerService, AXPPlatformScope, AXHighlightService, extractValue, setSmart, getChangedPaths, objectKeyValueTransforms, AXPHookService, AXPDataGenerator, AXPComponentSlotModule, AXPColumnWidthService, AXPModuleManifestRegistry, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXPModuleManifestsDataSourceDefinition } from '@acorex/platform/core';
 import { cloneDeep, merge, get, castArray, set, orderBy, omit, isNil, isEmpty, isEqual as isEqual$1, isArray, isString } from 'lodash-es';
 import { transform, isEqual } from 'lodash';
@@ -25,8 +25,10 @@ import { AXFormatService } from '@acorex/core/format';
 import * as i5 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import { AXPThemeLayoutBlockComponent, AXPPreloadFiltersComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPStateMessageComponent, AXPColumnItemListComponent, AXPDataSelectorService, AXPPageComponentRegistryService } from '@acorex/platform/layout/components';
-import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageComponentInstanceRegistryService } from '@acorex/platform/layout/views';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageComponentRendererDirective, AXPPageComponentInstanceRegistryService } from '@acorex/platform/layout/views';
 import { AXDataSource } from '@acorex/cdk/common';
+import { AXP_ENTITY_CRUD_SETUP } from '@acorex/platform/domain';
+export { AXP_ENTITY_DEFINITION_CRUD_SERVICE } from '@acorex/platform/domain';
 import * as i1$3 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowEventService, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
@@ -35,8 +37,6 @@ import { AXDialogService } from '@acorex/components/dialog';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPlatform } from '@acorex/core/platform';
-import { AXP_ENTITY_CRUD_SETUP } from '@acorex/platform/domain';
-export { AXP_ENTITY_DEFINITION_CRUD_SERVICE } from '@acorex/platform/domain';
 import * as i2$1 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
@@ -60,7 +60,7 @@ import { AXValidationModule } from '@acorex/core/validation';
 import { AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_NAME_PROPERTY, AXP_READONLY_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXPProviderSelectWidgetEditBase, AXP_ROW_EXPR_PREFIX, AXP_DOWNLOADABLE_PROPERTY, AXP_DESCRIPTION_PROPERTY } from '@acorex/platform/layout/widgets';
 import * as i2$2 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i4$2 from '@acorex/components/dropdown';
+import * as i3$3 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import * as i2$3 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
@@ -71,7 +71,7 @@ import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXFileService } from '@acorex/core/file';
 import { AXUploaderZoneDirective } from '@acorex/cdk/uploader';
 import { AXUploaderModule } from '@acorex/components/uploader';
-import * as i4$3 from '@acorex/components/collapse';
+import * as i4$2 from '@acorex/components/collapse';
 import { AXCollapseModule } from '@acorex/components/collapse';
 
 function ensureListActions(ctx) {
@@ -1248,6 +1248,8 @@ const ENTITY_FORM_STEP_WIZARD_NAME = 'entityFormStepWizard';
 const ENTITY_FORM_ACTION_FIRST_STEP_CONTINUE = 'entity-form-first-step-continue';
 /** Footer command: close dialog (data already saved per step). */
 const ENTITY_FORM_ACTION_DONE = 'entity-form-done';
+/** Footer command: sync page widgets then advance wizard. */
+const ENTITY_FORM_ACTION_NEXT_STEP = 'entity-form-next-step';
 //#endregion
 class AXPEntityFormBuilderService {
     constructor() {
@@ -1637,20 +1639,41 @@ class PropertyFilter {
         const sectionScaleFactors = normalizeLayoutFillRowGaps(renderedSections, (s) => s.layout, (s) => s.id);
         const filterEvalRoot = merge({}, this.initialContext, modelForRelatedEval);
         const listRelatedEntities = collectListRelatedEntitiesForFormWizard(entity, this.kind);
-        const useListWizard = listRelatedEntities.length > 0 && (this.kind === 'create' || this.kind === 'update');
-        const listWizardSteps = [];
+        const pageWizardPages = collectPagesForFormWizard(entity, this.kind);
+        const useFormWizard = (listRelatedEntities.length > 0 || pageWizardPages.length > 0) &&
+            (this.kind === 'create' || this.kind === 'update');
+        const wizardExtraSteps = [];
         for (const re of listRelatedEntities) {
             const [rm, en] = re.entity.split('.');
             const relDef = await this.entityRegistry.resolve(rm, en);
-            listWizardSteps.push({
+            wizardExtraSteps.push({
+                kind: 'related-list',
+                order: re.layout?.order ?? 0,
                 stepId: buildEntityFormRelatedStepId(re),
                 title: (re.title ?? relDef?.title ?? re.entity),
                 rel: re,
             });
         }
-        const prebuiltRelatedListConfigs = useListWizard
-            ? await Promise.all(listWizardSteps.map((s) => this.buildRelatedEntityListWidgetOptions(s.rel, filterEvalRoot)))
+        for (const page of pageWizardPages) {
+            wizardExtraSteps.push({
+                kind: 'page',
+                order: page.layout?.order ?? 0,
+                stepId: buildEntityFormPageStepId(page),
+                title: (page.title ?? page.componentKey),
+                page,
+                componentKey: page.componentKey,
+            });
+        }
+        wizardExtraSteps.sort((a, b) => a.order - b.order);
+        const pageWizardWidgetNames = wizardExtraSteps
+            .filter((s) => s.kind === 'page')
+            .map((s) => buildPageComponentWidgetName(s.page));
+        const prebuiltRelatedListConfigs = useFormWizard
+            ? await Promise.all(wizardExtraSteps
+                .filter((s) => s.kind === 'related-list')
+                .map((s) => this.buildRelatedEntityListWidgetOptions(s.rel, filterEvalRoot)))
             : [];
+        let relatedListConfigIndex = 0;
         const mainFormGridArgs = {
             entity,
             finalSections,
@@ -1661,15 +1684,15 @@ class PropertyFilter {
         };
         const dialog = this.layoutBuilder.create().dialog((d) => {
             d.setTitle(title);
-            d.setSize(this.externalSize ?? (useListWizard ? 'lg' : calculatedSize));
+            d.setSize(this.externalSize ?? (useFormWizard ? 'lg' : calculatedSize));
             d.setCloseButton(true);
             d.content((layout) => {
                 const defaultMode = this.kind === 'single' ? 'view' : 'edit';
                 layout.mode(this.externalMode ?? defaultMode);
-                if (useListWizard) {
+                if (useFormWizard) {
                     layout.stepWizard((w) => {
                         w.name(ENTITY_FORM_STEP_WIZARD_NAME);
-                        w.setLook('circular');
+                        w.setLook('arrow-minimal');
                         w.setShowActions(false);
                         const mainStepTitle = (entity.formats?.individual ||
                             entity.title ||
@@ -1679,33 +1702,55 @@ class PropertyFilter {
                                 inner.grid((grid) => this.fillMainEntityFormGrid(grid, mainFormGridArgs));
                             });
                         });
-                        listWizardSteps.forEach((step, idx) => {
-                            const built = prebuiltRelatedListConfigs[idx];
-                            w.step(step.stepId, step.title, (st) => {
-                                st.content((inner) => {
-                                    // Step content uses root LayoutBuilder (no customWidget); wrap in flex like other roots.
-                                    inner.flex((flex) => {
-                                        flex.customWidget(AXPWidgetsCatalog.entityList, (iw) => {
-                                            iw.name(built.name);
-                                            if (built.defaultValue) {
-                                                iw.defaultValue(built.defaultValue);
-                                            }
-                                            iw.options(built.options);
+                        for (const wizardStep of wizardExtraSteps) {
+                            if (wizardStep.kind === 'related-list') {
+                                const built = prebuiltRelatedListConfigs[relatedListConfigIndex++];
+                                w.step(wizardStep.stepId, wizardStep.title, (st) => {
+                                    st.content((inner) => {
+                                        inner.flex((flex) => {
+                                            flex.setDirection('column');
+                                            flex.setAlignItems('stretch');
+                                            flex.customWidget(AXPWidgetsCatalog.entityList, (iw) => {
+                                                iw.name(built.name);
+                                                if (built.defaultValue) {
+                                                    iw.defaultValue(built.defaultValue);
+                                                }
+                                                iw.options(built.options);
+                                            });
                                         });
                                     });
                                 });
-                            });
-                        });
+                            }
+                            else {
+                                w.step(wizardStep.stepId, wizardStep.title, (st) => {
+                                    st.content((inner) => {
+                                        inner.flex((flex) => {
+                                            flex.setDirection('column');
+                                            flex.setAlignItems('stretch');
+                                            flex.customWidget(AXPWidgetsCatalog.pageComponent, (iw) => {
+                                                iw.name(buildPageComponentWidgetName(wizardStep.page));
+                                                iw.options({
+                                                    componentKey: wizardStep.page.componentKey,
+                                                    field: wizardStep.page.field,
+                                                    pageOptions: wizardStep.page.options ?? {},
+                                                    showPageActions: true,
+                                                });
+                                            });
+                                        });
+                                    });
+                                });
+                            }
+                        }
                     });
                 }
                 else {
                     layout.grid((grid) => this.fillMainEntityFormGrid(grid, mainFormGridArgs));
                 }
             });
-            if (this.externalActionsDelegate && !useListWizard) {
+            if (this.externalActionsDelegate && !useFormWizard) {
                 d.setActions(this.externalActionsDelegate);
             }
-            else if (useListWizard) {
+            else if (useFormWizard) {
                 d.setActions((ab) => configureEntityFormWizardFooterActions(ab, ENTITY_FORM_STEP_WIZARD_NAME, this.kind === 'create'
                     ? '{{ ((typeof context.id === "string" && context.id.length > 0) || (typeof context.id === "number" && !isNaN(context.id)) || (typeof context._id === "string" && context._id.length > 0) || (typeof context._id === "number" && !isNaN(context._id))) ? "@general:entity-form.update-and-continue.title" : "@general:entity-form.create-and-continue.title" }}'
                     : '@general:entity-form.save-and-continue.title'));
@@ -1718,8 +1763,8 @@ class PropertyFilter {
                     .cancel('@general:actions.cancel.title')
                     .submit(this.kind === 'create' ? '@general:actions.create.title' : '@general:actions.apply.title'));
             }
-            if (useListWizard && this.onActionHandler) {
-                d.onAction(this.createWizardOnActionWrapper(this.onActionHandler));
+            if (useFormWizard && this.onActionHandler) {
+                d.onAction(this.createWizardOnActionWrapper(this.onActionHandler, pageWizardWidgetNames));
             }
             else if (this.onActionHandler) {
                 d.onAction(this.onActionHandler);
@@ -1883,12 +1928,25 @@ class PropertyFilter {
             return (await this.expressionEvaluator.evaluate(action, scope));
         }));
     }
-    createWizardOnActionWrapper(userHandler) {
+    createWizardOnActionWrapper(userHandler, pageWizardWidgetNames = []) {
         return async (ref) => {
             const action = ref.action();
             if (action === ENTITY_FORM_ACTION_DONE) {
+                await syncAllPageComponentWidgets(ref, pageWizardWidgetNames);
+                if (hasPersistedRootId$1(ref.context())) {
+                    const out = (await userHandler(ref));
+                    if (out?.success === false) {
+                        return out;
+                    }
+                    return { success: true, data: out?.data ?? ref.context(), skipValidate: true };
+                }
                 return { success: true, data: ref.context(), skipValidate: true };
             }
+            if (action === ENTITY_FORM_ACTION_NEXT_STEP) {
+                await syncAllPageComponentWidgets(ref, pageWizardWidgetNames);
+                await ref.invokeWidget?.(ENTITY_FORM_STEP_WIZARD_NAME, 'next', { setLoading: ref.setLoading });
+                return { keepDialogOpen: true };
+            }
             if (action === ENTITY_FORM_ACTION_FIRST_STEP_CONTINUE) {
                 const out = (await userHandler(ref));
                 if (out?.success === false) {
@@ -2201,6 +2259,37 @@ function collectListRelatedEntitiesForFormWizard(entity, kind) {
         isRelatedEntityIncludedOnMasterForm(re, kind, 'list'))
         .sort((a, b) => (a.layout?.order ?? 0) - (b.layout?.order ?? 0));
 }
+function isEntityPageIncludedOnMasterForm(page, kind) {
+    if (kind !== 'create' && kind !== 'update') {
+        return true;
+    }
+    if (kind === 'create') {
+        return page.appearOn?.create === true;
+    }
+    return page.appearOn?.update === true;
+}
+function collectPagesForFormWizard(entity, kind) {
+    return (entity.pages ?? [])
+        .filter((page) => !page.hidden && isEntityPageIncludedOnMasterForm(page, kind))
+        .sort((a, b) => (a.layout?.order ?? 0) - (b.layout?.order ?? 0));
+}
+function buildEntityFormPageStepId(page) {
+    const safeKey = page.componentKey.replace(/[^a-zA-Z0-9._-]/g, '_');
+    const fieldSuffix = page.field ? `-${page.field.replace(/[^a-zA-Z0-9._-]/g, '_')}` : '';
+    return `page-${safeKey}${fieldSuffix}`;
+}
+function buildPageComponentWidgetName(page) {
+    return `pageComponent_${buildEntityFormPageStepId(page)}`;
+}
+function hasPersistedRootId$1(context) {
+    const raw = context?.id ?? context?._id;
+    return (typeof raw === 'string' && raw.length > 0) || (typeof raw === 'number' && !Number.isNaN(raw));
+}
+async function syncAllPageComponentWidgets(ref, widgetNames) {
+    for (const name of widgetNames) {
+        await ref.invokeWidget?.(name, 'syncContext', {});
+    }
+}
 function buildEntityFormRelatedStepId(re) {
     const safe = re.entity.replace(/[^a-zA-Z0-9._-]/g, '_');
     return `related-${safe}-${re.layout?.order ?? 0}`;
@@ -2224,9 +2313,10 @@ function configureEntityFormWizardFooterActions(ab, wizardName, firstStepContinu
     });
     ab.custom({
         title: '@general:actions.next.title',
-        command: `widget:${wizardName}.next`,
+        command: { name: ENTITY_FORM_ACTION_NEXT_STEP },
         color: 'primary',
         position: 'suffix',
+        predicateApiWidgetName: wizardName,
         hidden: '{{api.getStatus().isFirst || api.getStatus().isLast}}',
     });
     ab.custom({
@@ -3975,43 +4065,6 @@ var entityPreloadFiltersContainer_component = /*#__PURE__*/Object.freeze({
     AXPEntityPreloadFiltersContainerComponent: AXPEntityPreloadFiltersContainerComponent
 });
 
-const AXP_DATA_SEEDER_TOKEN = new InjectionToken('AXP_DATA_SEEDER_TOKEN');
-class AXPDataSeederService {
-    constructor() {
-        this.loaders = inject(AXP_DATA_SEEDER_TOKEN, { optional: true });
-    }
-    async seed() {
-        for (const loader of castArray(this.loaders)) {
-            if (!loader)
-                continue;
-            const seederName = loader.constructor?.name || 'UnknownSeeder';
-            const startTime = performance.now();
-            try {
-                await loader.seed();
-            }
-            catch (err) {
-                const message = err instanceof Error ? err.message : String(err);
-                console.error(`[AXPDataSeeder] Seeder "${seederName}" failed (continuing with next):`, message);
-                if (err instanceof Error && err.stack) {
-                    console.error(err.stack);
-                }
-                // Optionally log to your system-log / app-log entity here if you have one (inject a writer and persist).
-                continue;
-            }
-            const duration = performance.now() - startTime;
-            if (duration > 3000) {
-                console.warn(`[AXPDataSeeder] Seeder "${seederName}" took ${duration.toFixed(2)}ms (>3000ms threshold)`);
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSeederService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 /**
  * Data source definition provider that returns all entity names
  * from entity loaders' list() (const.ts in each module).
@@ -4101,6 +4154,139 @@ class AXPEntitiesListDataSourceDefinition {
     }
 }
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+const DEFAULT_RELATED_ORDER_STEP = 10;
+const DEFAULT_PLUGIN_ZONE_FLOOR = 100_000;
+/** Space per plugin slot so multiple fields in one slot do not cross into the next. */
+const PLUGIN_SLOT_SPAN = 10_000;
+const SUB_ORDER_STEP = 10;
+const PLUGIN_SLOT_INDEX = {
+    'meta-data-builder': 0,
+    attachments: 1,
+    documents: 2,
+    comments: 3,
+    history: 4,
+};
+//#endregion
+//#region ---- Helpers ----
+function shouldSkipPageForMax(page, skip) {
+    if (!skip) {
+        return false;
+    }
+    if (page.componentKey !== skip.componentKey) {
+        return false;
+    }
+    if (skip.field !== undefined) {
+        return page.field === skip.field;
+    }
+    return true;
+}
+function normalizeRelatedPageListDetailOrders(relatedEntities, step) {
+    const pageTabRelated = (relatedEntities ?? []).filter((re) => re.layout?.type === 'page-list' || re.layout?.type === 'page-detail');
+    let maxExplicit = 0;
+    for (const re of pageTabRelated) {
+        const o = re.layout?.order;
+        if (typeof o === 'number' && Number.isFinite(o)) {
+            maxExplicit = Math.max(maxExplicit, o);
+        }
+    }
+    let cursor = maxExplicit;
+    for (const re of pageTabRelated) {
+        const layout = re.layout;
+        if (!layout || layout.order != null) {
+            continue;
+        }
+        cursor += step;
+        re.layout = { ...layout, order: cursor };
+    }
+    let afterMax = 0;
+    for (const re of pageTabRelated) {
+        const o = re.layout?.order;
+        if (typeof o === 'number' && Number.isFinite(o)) {
+            afterMax = Math.max(afterMax, o);
+        }
+    }
+    return afterMax;
+}
+/**
+ * Ordinal within a slot for multi-field pages (attachments, meta-data-builder), stable by field name.
+ */
+function subOrderWithinComponentSlot(pages, componentKey, skip, currentField) {
+    const peerFieldKeys = (pages ?? [])
+        .filter((p) => p.componentKey === componentKey && !shouldSkipPageForMax(p, skip))
+        .map((p) => p.field ?? '');
+    const keySet = new Set(peerFieldKeys);
+    keySet.add(currentField ?? '');
+    const sorted = [...keySet].sort((a, b) => a.localeCompare(b));
+    const index = sorted.indexOf(currentField ?? '');
+    return Math.max(0, index) * SUB_ORDER_STEP;
+}
+//#endregion
+//#region ---- Public API ----
+/**
+ * Resolves `layout.order` for a built-in plugin detail tab (`entity.pages`).
+ *
+ * 1. Assigns finite `layout.order` values to related `page-list` / `page-detail` rows that omit
+ *    `order` (the composer otherwise treats them as +Infinity).
+ * 2. Places plugin tabs in a fixed relative order: meta-data-builder → attachments → documents →
+ *    comments → history, after all related tabs.
+ */
+function resolveEntityPluginDetailPageOrder(input, slot, options) {
+    const relatedStep = options.relatedOrderStep ?? DEFAULT_RELATED_ORDER_STEP;
+    const zoneFloor = options.pluginZoneFloor ?? DEFAULT_PLUGIN_ZONE_FLOOR;
+    const { componentKey, skipPage, field } = options;
+    const afterRelatedMax = normalizeRelatedPageListDetailOrders(input.relatedEntities, relatedStep);
+    const pluginZoneStart = Math.max(afterRelatedMax + relatedStep, zoneFloor);
+    const slotIndex = PLUGIN_SLOT_INDEX[slot];
+    const subOrder = subOrderWithinComponentSlot(input.pages, componentKey, skipPage, field);
+    return pluginZoneStart + slotIndex * PLUGIN_SLOT_SPAN + subOrder;
+}
+//#endregion
+
+const AXP_DATA_SEEDER_TOKEN = new InjectionToken('AXP_DATA_SEEDER_TOKEN');
+class AXPDataSeederService {
+    constructor() {
+        this.loaders = inject(AXP_DATA_SEEDER_TOKEN, { optional: true });
+    }
+    async seed() {
+        for (const loader of castArray(this.loaders)) {
+            if (!loader)
+                continue;
+            const seederName = loader.constructor?.name || 'UnknownSeeder';
+            const startTime = performance.now();
+            try {
+                await loader.seed();
+            }
+            catch (err) {
+                const message = err instanceof Error ? err.message : String(err);
+                console.error(`[AXPDataSeeder] Seeder "${seederName}" failed (continuing with next):`, message);
+                if (err instanceof Error && err.stack) {
+                    console.error(err.stack);
+                }
+                // Optionally log to your system-log / app-log entity here if you have one (inject a writer and persist).
+                continue;
+            }
+            const duration = performance.now() - startTime;
+            if (duration > 3000) {
+                console.warn(`[AXPDataSeeder] Seeder "${seederName}" took ${duration.toFixed(2)}ms (>3000ms threshold)`);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDataSeederService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Re-export from domain to avoid circular dependency: layout/components must not depend on layout/entity.
+ * Consumers that only need the token/interface can import from @acorex/platform/domain.
+ */
+
 class AXPEntityCommandTriggerViewModel {
     constructor(entity, action, isChild = false) {
         this.name = `${typeof action.command === 'string' ? action.command : action.command.name}&${action.name}`;
@@ -4504,136 +4690,24 @@ const AXPEntityEventsKeys = {
 };
 
 /**
- * Resolves a stable row id from entity list row data.
+ * Entity Event Dispatcher - A wrapper for entity-specific events
+ * Handles pattern-based dispatching for entity operations with wildcard support
  */
-function getEntityListRowId(data, key = 'id') {
-    const value = data[key];
-    if (value != null && value !== '') {
-        return String(value);
+class AXPEntityEventDispatcherService {
+    constructor() {
+        this.eventService = inject(AXPDistributedEventListenerService);
     }
-    return '';
-}
-/**
- * Finds row data in a hierarchical grid tree (root rows and nested children).
- */
-function findEntityListRowDataInTree(items, id, key) {
-    for (const item of items) {
-        if (item && typeof item === 'object' && String(item[key]) === id) {
-            return item;
-        }
-        const rec = item;
-        const metaChildren = rec?.['__meta__']?.['children'];
-        const directChildren = rec?.['children'];
-        const childArr = Array.isArray(metaChildren)
-            ? metaChildren
-            : Array.isArray(directChildren)
-                ? directChildren
-                : null;
-        if (childArr?.length) {
-            const found = findEntityListRowDataInTree(childArr, id, key);
-            if (found) {
-                return found;
-            }
-        }
-    }
-    return null;
-}
-/**
- * Restores expanded rows after data load (parents before children).
- */
-async function restoreEntityListExpandedRows(options) {
-    const pending = [...new Set(options.expandedRowIds.filter(Boolean))];
-    if (!pending.length) {
-        return;
-    }
-    let safety = 0;
-    const maxPasses = Math.max(pending.length * 3, 10);
-    while (pending.length > 0 && safety++ < maxPasses) {
-        const rows = options.getDisplayedRows();
-        let progressed = false;
-        for (let i = pending.length - 1; i >= 0; i--) {
-            const id = pending[i];
-            const item = findEntityListRowDataInTree(rows, id, options.rowKey);
-            if (!item) {
-                continue;
-            }
-            const meta = item['__meta__'];
-            if (meta?.['expanded'] !== true) {
-                await options.expandRow({ data: item });
-            }
-            pending.splice(i, 1);
-            progressed = true;
-        }
-        if (!progressed) {
-            break;
-        }
-    }
-}
-
-/**
- * Applies take/skip to the data source without triggering {@link AXDataSource.load}.
- */
-function applyDataSourcePagingWithoutLoad(dataSource, paging) {
-    const take = Math.max(1, paging.take);
-    const skip = Math.max(0, paging.skip);
-    const page = Math.floor(skip / take);
-    const ds = dataSource;
-    dataSource.config.pageSize = take;
-    if (ds._query) {
-        ds._query.take = take;
-        ds._query.skip = skip;
-    }
-    ds._page = page;
-}
-function getDataSourcePageIndex(dataSource) {
-    const ds = dataSource;
-    return ds._page ?? 0;
-}
-function normalizeListPaging(paging, defaultTake) {
-    const take = typeof paging?.take === 'number' && paging.take > 0 ? paging.take : defaultTake;
-    const skip = typeof paging?.skip === 'number' && paging.skip >= 0 ? paging.skip : 0;
-    return { take, skip };
-}
-
-const AXPEntityListPersistenceModeDefault = 'persistent';
-function normalizeEntityListPersistenceMode(value) {
-    if (value === 'none' || value === 'persistent' || value === 'route') {
-        return value;
-    }
-    return AXPEntityListPersistenceModeDefault;
-}
-function canPersistEntityListState(mode) {
-    return mode !== 'none';
-}
-/** `none` never reads list state from user settings. */
-function shouldLoadEntityListStateFromStorage(mode) {
-    return mode !== 'none';
-}
-/** `route` clears stored list state when the route entity (module + name) changes. */
-function shouldResetEntityListStateOnRouteEntry(mode) {
-    return mode === 'route';
-}
-const ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY = 'axp-entity-list-route-context';
-
-/**
- * Entity Event Dispatcher - A wrapper for entity-specific events
- * Handles pattern-based dispatching for entity operations with wildcard support
- */
-class AXPEntityEventDispatcherService {
-    constructor() {
-        this.eventService = inject(AXPDistributedEventListenerService);
-    }
-    async dispatchEntityEvent(operation, entityName, data) {
-        const enhancedData = {
-            ...data,
-            entityName,
-            operation,
-            timestamp: new Date(),
-            source: 'entity-dispatcher',
-        };
-        const eventKeysToDispatch = await this.getAllMatchingEventKeys(operation, entityName);
-        const dispatchPromises = eventKeysToDispatch.map((key) => this.eventService.dispatch(key, enhancedData));
-        await Promise.all(dispatchPromises);
+    async dispatchEntityEvent(operation, entityName, data) {
+        const enhancedData = {
+            ...data,
+            entityName,
+            operation,
+            timestamp: new Date(),
+            source: 'entity-dispatcher',
+        };
+        const eventKeysToDispatch = await this.getAllMatchingEventKeys(operation, entityName);
+        const dispatchPromises = eventKeysToDispatch.map((key) => this.eventService.dispatch(key, enhancedData));
+        await Promise.all(dispatchPromises);
     }
     async getAllMatchingEventKeys(operation, entityName) {
         const eventKeys = new Set();
@@ -4715,6 +4789,118 @@ function getMasterInterfacePropertySortKey(interfaceRow, indexInMasterInterfaceL
 }
 //#endregion
 
+/**
+ * Resolves a stable row id from entity list row data.
+ */
+function getEntityListRowId(data, key = 'id') {
+    const value = data[key];
+    if (value != null && value !== '') {
+        return String(value);
+    }
+    return '';
+}
+/**
+ * Finds row data in a hierarchical grid tree (root rows and nested children).
+ */
+function findEntityListRowDataInTree(items, id, key) {
+    for (const item of items) {
+        if (item && typeof item === 'object' && String(item[key]) === id) {
+            return item;
+        }
+        const rec = item;
+        const metaChildren = rec?.['__meta__']?.['children'];
+        const directChildren = rec?.['children'];
+        const childArr = Array.isArray(metaChildren)
+            ? metaChildren
+            : Array.isArray(directChildren)
+                ? directChildren
+                : null;
+        if (childArr?.length) {
+            const found = findEntityListRowDataInTree(childArr, id, key);
+            if (found) {
+                return found;
+            }
+        }
+    }
+    return null;
+}
+/**
+ * Restores expanded rows after data load (parents before children).
+ */
+async function restoreEntityListExpandedRows(options) {
+    const pending = [...new Set(options.expandedRowIds.filter(Boolean))];
+    if (!pending.length) {
+        return;
+    }
+    let safety = 0;
+    const maxPasses = Math.max(pending.length * 3, 10);
+    while (pending.length > 0 && safety++ < maxPasses) {
+        const rows = options.getDisplayedRows();
+        let progressed = false;
+        for (let i = pending.length - 1; i >= 0; i--) {
+            const id = pending[i];
+            const item = findEntityListRowDataInTree(rows, id, options.rowKey);
+            if (!item) {
+                continue;
+            }
+            const meta = item['__meta__'];
+            if (meta?.['expanded'] !== true) {
+                await options.expandRow({ data: item });
+            }
+            pending.splice(i, 1);
+            progressed = true;
+        }
+        if (!progressed) {
+            break;
+        }
+    }
+}
+
+/**
+ * Applies take/skip to the data source without triggering {@link AXDataSource.load}.
+ */
+function applyDataSourcePagingWithoutLoad(dataSource, paging) {
+    const take = Math.max(1, paging.take);
+    const skip = Math.max(0, paging.skip);
+    const page = Math.floor(skip / take);
+    const ds = dataSource;
+    dataSource.config.pageSize = take;
+    if (ds._query) {
+        ds._query.take = take;
+        ds._query.skip = skip;
+    }
+    ds._page = page;
+}
+function getDataSourcePageIndex(dataSource) {
+    const ds = dataSource;
+    return ds._page ?? 0;
+}
+function normalizeListPaging(paging, defaultTake) {
+    const take = typeof paging?.take === 'number' && paging.take > 0 ? paging.take : defaultTake;
+    const skip = typeof paging?.skip === 'number' && paging.skip >= 0 ? paging.skip : 0;
+    return { take, skip };
+}
+
+const AXPEntityListPersistenceModeDefault = 'persistent';
+function normalizeEntityListPersistenceMode(value) {
+    if (value === 'none' || value === 'persistent' || value === 'route') {
+        return value;
+    }
+    return AXPEntityListPersistenceModeDefault;
+}
+function canPersistEntityListState(mode) {
+    return mode !== 'none';
+}
+/** `none` never reads list state from user settings. */
+function shouldLoadEntityListStateFromStorage(mode) {
+    return mode !== 'none';
+}
+/** `route` clears stored list state when the route entity (module + name) changes. */
+function shouldResetEntityListStateOnRouteEntry(mode) {
+    return mode === 'route';
+}
+const ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY = 'axp-entity-list-route-context';
+
 class AXPEntityCreateViewSectionViewModel {
     constructor(entity, section) {
         this.entity = entity;
@@ -7141,6 +7327,98 @@ const AXPEntityDetailViewModelResolver = (route, state, service = inject(AXPEnti
     return service.create(moduleName, entityName, id);
 };
 
+class AXPEntityPreloadFiltersViewModel {
+    //#region ----   Constructor   ----
+    constructor(injector, config) {
+        this.injector = injector;
+        this.config = config;
+        this.entityDef = cloneDeep(this.config);
+        this.widgetResolver = this.injector.get(AXPWidgetRegistryService);
+        //#endregion
+        //#region ----   Computed Properties   ----
+        /**
+         * Entity title
+         */
+        this.title = computed(() => {
+            return this.entityDef.formats.plural ?? this.entityDef.title;
+        }, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        /**
+         * Entity description
+         */
+        this.description = computed(() => {
+            return this.entityDef.interfaces?.master?.list?.description ?? null;
+        }, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        /**
+         * All filter definitions for properties with preload enabled
+         */
+        this.preloadFiltersDef = computed(() => {
+            const props = this.entityDef.properties.filter((c) => c.options?.filter?.preload?.enabled);
+            return props.map((e) => {
+                const widgetConfig = this.widgetResolver.resolve(e.schema.interface?.type);
+                const type = e.schema.interface?.type;
+                // Merge validations with existing options
+                const validations = e.options?.filter?.preload?.required
+                    ? [
+                        {
+                            rule: 'required',
+                            message: 'This field is required',
+                            options: {},
+                        },
+                    ]
+                    : [];
+                const mergedOptions = {
+                    ...e.schema.interface?.options,
+                    validations,
+                };
+                return {
+                    title: e.title,
+                    field: e.name,
+                    operator: {
+                        type: 'contains',
+                    },
+                    widget: {
+                        ...e.schema.interface,
+                        path: e.name,
+                        type,
+                        options: mergedOptions,
+                    },
+                    filters: [],
+                    isParametric: false,
+                    icon: widgetConfig?.icon,
+                    filterType: {
+                        advance: false,
+                        inline: false,
+                        preload: e.options?.filter?.preload,
+                    },
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "preloadFiltersDef" }] : /* istanbul ignore next */ []));
+        /**
+         * Required filter definitions only
+         */
+        this.requiredFiltersDef = computed(() => {
+            return this.preloadFiltersDef().filter((c) => c.filterType.preload?.required);
+        }, ...(ngDevMode ? [{ debugName: "requiredFiltersDef" }] : /* istanbul ignore next */ []));
+    }
+    //#region ----   Methods   ----
+    /**
+     * Serialize filter values to plain objects (remove signals, functions, etc.)
+     */
+    serializeFilters(filters) {
+        return JSON.parse(JSON.stringify(filters));
+    }
+}
+//#region ----   Resolver   ----
+const AXPEntityPreloadFiltersViewModelResolver = async (route, state) => {
+    const injector = inject(Injector);
+    const entityRegistry = inject(AXPEntityDefinitionRegistryService);
+    const moduleName = route.parent?.paramMap.get('module');
+    const entityName = route.paramMap.get('entity');
+    const entity = await entityRegistry.resolve(moduleName, entityName);
+    return new AXPEntityPreloadFiltersViewModel(injector, entity);
+};
+//#endregion
+
 //#endregion
 //#region ---- Quick search: schema-driven field paths ----
 const NON_TEXT_DATATYPES = new Set([
@@ -7285,98 +7563,6 @@ async function collectEntityQuickSearchFieldPaths(entity, resolveRelatedDefiniti
 }
 //#endregion
 
-class AXPEntityPreloadFiltersViewModel {
-    //#region ----   Constructor   ----
-    constructor(injector, config) {
-        this.injector = injector;
-        this.config = config;
-        this.entityDef = cloneDeep(this.config);
-        this.widgetResolver = this.injector.get(AXPWidgetRegistryService);
-        //#endregion
-        //#region ----   Computed Properties   ----
-        /**
-         * Entity title
-         */
-        this.title = computed(() => {
-            return this.entityDef.formats.plural ?? this.entityDef.title;
-        }, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-        /**
-         * Entity description
-         */
-        this.description = computed(() => {
-            return this.entityDef.interfaces?.master?.list?.description ?? null;
-        }, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
-        /**
-         * All filter definitions for properties with preload enabled
-         */
-        this.preloadFiltersDef = computed(() => {
-            const props = this.entityDef.properties.filter((c) => c.options?.filter?.preload?.enabled);
-            return props.map((e) => {
-                const widgetConfig = this.widgetResolver.resolve(e.schema.interface?.type);
-                const type = e.schema.interface?.type;
-                // Merge validations with existing options
-                const validations = e.options?.filter?.preload?.required
-                    ? [
-                        {
-                            rule: 'required',
-                            message: 'This field is required',
-                            options: {},
-                        },
-                    ]
-                    : [];
-                const mergedOptions = {
-                    ...e.schema.interface?.options,
-                    validations,
-                };
-                return {
-                    title: e.title,
-                    field: e.name,
-                    operator: {
-                        type: 'contains',
-                    },
-                    widget: {
-                        ...e.schema.interface,
-                        path: e.name,
-                        type,
-                        options: mergedOptions,
-                    },
-                    filters: [],
-                    isParametric: false,
-                    icon: widgetConfig?.icon,
-                    filterType: {
-                        advance: false,
-                        inline: false,
-                        preload: e.options?.filter?.preload,
-                    },
-                };
-            });
-        }, ...(ngDevMode ? [{ debugName: "preloadFiltersDef" }] : /* istanbul ignore next */ []));
-        /**
-         * Required filter definitions only
-         */
-        this.requiredFiltersDef = computed(() => {
-            return this.preloadFiltersDef().filter((c) => c.filterType.preload?.required);
-        }, ...(ngDevMode ? [{ debugName: "requiredFiltersDef" }] : /* istanbul ignore next */ []));
-    }
-    //#region ----   Methods   ----
-    /**
-     * Serialize filter values to plain objects (remove signals, functions, etc.)
-     */
-    serializeFilters(filters) {
-        return JSON.parse(JSON.stringify(filters));
-    }
-}
-//#region ----   Resolver   ----
-const AXPEntityPreloadFiltersViewModelResolver = async (route, state) => {
-    const injector = inject(Injector);
-    const entityRegistry = inject(AXPEntityDefinitionRegistryService);
-    const moduleName = route.parent?.paramMap.get('module');
-    const entityName = route.paramMap.get('entity');
-    const entity = await entityRegistry.resolve(moduleName, entityName);
-    return new AXPEntityPreloadFiltersViewModel(injector, entity);
-};
-//#endregion
-
 //#region ---- Path / numeric helpers ----
 function getPath(obj, path) {
     if (obj == null || path.length === 0) {
@@ -7569,128 +7755,32 @@ async function filterSortEntityRows(entityName, request, adapters) {
     if (request.sort && request.sort.length) {
         result = applySortArray(result, request.sort);
     }
-    if (request.filter && isCategoryFilter(request.filter)) {
-        result = await applyRecursiveCategoryFilter(result, request.filter, entityName, adapters.getAllChildCategoryIds);
-    }
-    else {
-        result = applyFilterArray(result, request.filter ? [request.filter] : []);
-    }
-    if (isCategoryEntity(entityName)) {
-        result = await calculateChildrenCounts(result, entityName, adapters.getDirectChildCount);
-    }
-    return result;
-}
-/**
- * Shared entity query logic: sort, filter (including recursive category filter), childrenCount, pagination.
- */
-async function runEntityQuery(entityName, request, adapters) {
-    const rows = await filterSortEntityRows(entityName, request, adapters);
-    const skip = request.skip ?? 0;
-    const take = request.take ?? 0;
-    return {
-        total: rows.length,
-        items: rows.slice(skip, skip + take),
-    };
-}
-//#endregion
-
-//#endregion
-
-//#region ---- Imports ----
-//#endregion
-//#region ---- Constants ----
-const DEFAULT_RELATED_ORDER_STEP = 10;
-const DEFAULT_PLUGIN_ZONE_FLOOR = 100_000;
-/** Space per plugin slot so multiple fields in one slot do not cross into the next. */
-const PLUGIN_SLOT_SPAN = 10_000;
-const SUB_ORDER_STEP = 10;
-const PLUGIN_SLOT_INDEX = {
-    'meta-data-builder': 0,
-    attachments: 1,
-    documents: 2,
-    comments: 3,
-    history: 4,
-};
-//#endregion
-//#region ---- Helpers ----
-function shouldSkipPageForMax(page, skip) {
-    if (!skip) {
-        return false;
-    }
-    if (page.componentKey !== skip.componentKey) {
-        return false;
-    }
-    if (skip.field !== undefined) {
-        return page.field === skip.field;
-    }
-    return true;
-}
-function normalizeRelatedPageListDetailOrders(relatedEntities, step) {
-    const pageTabRelated = (relatedEntities ?? []).filter((re) => re.layout?.type === 'page-list' || re.layout?.type === 'page-detail');
-    let maxExplicit = 0;
-    for (const re of pageTabRelated) {
-        const o = re.layout?.order;
-        if (typeof o === 'number' && Number.isFinite(o)) {
-            maxExplicit = Math.max(maxExplicit, o);
-        }
-    }
-    let cursor = maxExplicit;
-    for (const re of pageTabRelated) {
-        const layout = re.layout;
-        if (!layout || layout.order != null) {
-            continue;
-        }
-        cursor += step;
-        re.layout = { ...layout, order: cursor };
-    }
-    let afterMax = 0;
-    for (const re of pageTabRelated) {
-        const o = re.layout?.order;
-        if (typeof o === 'number' && Number.isFinite(o)) {
-            afterMax = Math.max(afterMax, o);
-        }
-    }
-    return afterMax;
-}
-/**
- * Ordinal within a slot for multi-field pages (attachments, meta-data-builder), stable by field name.
- */
-function subOrderWithinComponentSlot(pages, componentKey, skip, currentField) {
-    const peerFieldKeys = (pages ?? [])
-        .filter((p) => p.componentKey === componentKey && !shouldSkipPageForMax(p, skip))
-        .map((p) => p.field ?? '');
-    const keySet = new Set(peerFieldKeys);
-    keySet.add(currentField ?? '');
-    const sorted = [...keySet].sort((a, b) => a.localeCompare(b));
-    const index = sorted.indexOf(currentField ?? '');
-    return Math.max(0, index) * SUB_ORDER_STEP;
+    if (request.filter && isCategoryFilter(request.filter)) {
+        result = await applyRecursiveCategoryFilter(result, request.filter, entityName, adapters.getAllChildCategoryIds);
+    }
+    else {
+        result = applyFilterArray(result, request.filter ? [request.filter] : []);
+    }
+    if (isCategoryEntity(entityName)) {
+        result = await calculateChildrenCounts(result, entityName, adapters.getDirectChildCount);
+    }
+    return result;
 }
-//#endregion
-//#region ---- Public API ----
 /**
- * Resolves `layout.order` for a built-in plugin detail tab (`entity.pages`).
- *
- * 1. Assigns finite `layout.order` values to related `page-list` / `page-detail` rows that omit
- *    `order` (the composer otherwise treats them as +Infinity).
- * 2. Places plugin tabs in a fixed relative order: meta-data-builder → attachments → documents →
- *    comments → history, after all related tabs.
+ * Shared entity query logic: sort, filter (including recursive category filter), childrenCount, pagination.
  */
-function resolveEntityPluginDetailPageOrder(input, slot, options) {
-    const relatedStep = options.relatedOrderStep ?? DEFAULT_RELATED_ORDER_STEP;
-    const zoneFloor = options.pluginZoneFloor ?? DEFAULT_PLUGIN_ZONE_FLOOR;
-    const { componentKey, skipPage, field } = options;
-    const afterRelatedMax = normalizeRelatedPageListDetailOrders(input.relatedEntities, relatedStep);
-    const pluginZoneStart = Math.max(afterRelatedMax + relatedStep, zoneFloor);
-    const slotIndex = PLUGIN_SLOT_INDEX[slot];
-    const subOrder = subOrderWithinComponentSlot(input.pages, componentKey, skipPage, field);
-    return pluginZoneStart + slotIndex * PLUGIN_SLOT_SPAN + subOrder;
+async function runEntityQuery(entityName, request, adapters) {
+    const rows = await filterSortEntityRows(entityName, request, adapters);
+    const skip = request.skip ?? 0;
+    const take = request.take ?? 0;
+    return {
+        total: rows.length,
+        items: rows.slice(skip, skip + take),
+    };
 }
 //#endregion
 
-/**
- * Re-export from domain to avoid circular dependency: layout/components must not depend on layout/entity.
- * Consumers that only need the token/interface can import from @acorex/platform/domain.
- */
+//#endregion
 
 /** Component key used when display is 'page'. Register a page component with this key via AXP_PAGE_COMPONENT_PROVIDER. */
 const ATTACHMENTS_PAGE_COMPONENT_KEY = 'entity-attachments-page';
@@ -7890,7 +7980,7 @@ class AXMAttachmentsPageComponentProvider {
         return [
             {
                 key: ATTACHMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-layout-entity-attachments-page.component-BaTS183I.mjs').then((m) => m.AXMAttachmentsPageComponent),
+                loader: () => import('./acorex-platform-layout-entity-attachments-page.component-D8iQnT-R.mjs').then((m) => m.AXMAttachmentsPageComponent),
             },
         ];
     }
@@ -13233,7 +13323,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         ></ng-container>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4$2.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityListWidgetViewComponent, decorators: [{
             type: Component,
@@ -13398,6 +13488,382 @@ const AXPEntityListWidget = {
     },
 };
 
+class AXPPageComponentWidgetViewComponent extends AXPBaseWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Services & Dependencies   ----
+        this.deviceService = inject(AXPDeviceService);
+        this.pageRenderer = viewChild(AXPPageComponentRendererDirective, ...(ngDevMode ? [{ debugName: "pageRenderer" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Computed Options   ----
+        this.componentKey = computed(() => this.options()['componentKey'], ...(ngDevMode ? [{ debugName: "componentKey" }] : /* istanbul ignore next */ []));
+        this.pageConfig = computed(() => {
+            const field = this.options()['field'];
+            return typeof field === 'string' ? { field } : undefined;
+        }, ...(ngDevMode ? [{ debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        this.pageOptions = computed(() => this.options()['pageOptions'] ?? {}, ...(ngDevMode ? [{ debugName: "pageOptions" }] : /* istanbul ignore next */ []));
+        this.rootContext = computed(() => this.contextService.snapshot(), ...(ngDevMode ? [{ debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        this.showPageActions = computed(() => this.options()['showPageActions'] ?? true, ...(ngDevMode ? [{ debugName: "showPageActions" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Toolbar Actions   ----
+        this.toolbarPrimaryActions = signal([], ...(ngDevMode ? [{ debugName: "toolbarPrimaryActions" }] : /* istanbul ignore next */ []));
+        this.toolbarSecondaryActions = signal([], ...(ngDevMode ? [{ debugName: "toolbarSecondaryActions" }] : /* istanbul ignore next */ []));
+        /** Bumped when the embedded page finishes async mount so toolbar can bind to the live instance. */
+        this.pageHostRevision = signal(0, ...(ngDevMode ? [{ debugName: "pageHostRevision" }] : /* istanbul ignore next */ []));
+        /** Keeps the toolbar in sync when the embedded page calls `recompute()` (e.g. dirty state). */
+        this.#syncPageActionsEffect = effect(() => {
+            this.pageHostRevision();
+            this.componentKey();
+            const instance = this.resolvePageHost();
+            if (!instance) {
+                return;
+            }
+            instance.primaryMenuItems();
+            instance.secondaryMenuItems();
+            console.log({ primaryMenuItems: instance.primaryMenuItems(), secondaryMenuItems: instance.secondaryMenuItems() });
+            untracked(() => this.syncActionsFromPageInstance(instance));
+        }, ...(ngDevMode ? [{ debugName: "#syncPageActionsEffect" }] : /* istanbul ignore next */ []));
+    }
+    /** Keeps the toolbar in sync when the embedded page calls `recompute()` (e.g. dirty state). */
+    #syncPageActionsEffect;
+    //#endregion
+    //#region ----   Lifecycle   ----
+    ngOnInit() {
+        super.ngOnInit();
+        const widgetName = this.name;
+        if (widgetName) {
+            this.layoutService.registerWidget(widgetName, this);
+        }
+        this.setStatus(AXPWidgetStatus.Rendered);
+    }
+    //#endregion
+    //#region ----   Public API   ----
+    api() {
+        const self = this;
+        return {
+            syncContext: () => {
+                self.syncPageComponentIntoFormContext();
+            },
+            refreshPageActions: () => {
+                self.refreshPageActions();
+            },
+        };
+    }
+    /** Re-reads toolbar actions from the mounted page component. */
+    refreshPageActions() {
+        const instance = this.resolvePageHost();
+        if (!instance) {
+            this.toolbarPrimaryActions.set([]);
+            this.toolbarSecondaryActions.set([]);
+            return;
+        }
+        this.syncActionsFromPageInstance(instance);
+    }
+    //#endregion
+    //#region ----   UI Handlers   ----
+    handleComponentReady() {
+        this.pageHostRevision.update((value) => value + 1);
+    }
+    async handleActionClick(item) {
+        if (!item.command || (item.items?.length ?? 0) > 0) {
+            return;
+        }
+        const instance = this.resolvePageHost();
+        if (!instance) {
+            return;
+        }
+        const command = normalizeExecuteCommand(item.command);
+        await instance.execute(command);
+        this.pageHostRevision.update((value) => value + 1);
+    }
+    //#endregion
+    //#region ----   Context Sync   ----
+    /** Merges the mounted page component's wizard payload into the dialog form context. */
+    syncPageComponentIntoFormContext() {
+        const partial = this.resolvePageHost()?.getWizardStepContext?.();
+        if (!partial) {
+            return;
+        }
+        for (const [path, value] of Object.entries(partial)) {
+            this.contextService.update(path, value);
+        }
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    resolvePageHost() {
+        const instance = this.pageRenderer()?.getMountedPageInstance();
+        return isPageToolbarHost(instance) ? instance : null;
+    }
+    syncActionsFromPageInstance(page) {
+        const primary = page.primaryMenuItems();
+        const secondary = page.secondaryMenuItems();
+        this.toolbarPrimaryActions.set(splitToolbarPrimaryActions(primary));
+        this.toolbarSecondaryActions.set(splitToolbarSecondaryActions(primary, secondary));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPageComponentWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPPageComponentWidgetViewComponent, isStandalone: true, selector: "axp-page-component-widget-view", host: { classAttribute: "ax-block ax-w-full ax-h-full ax-min-h-0" }, viewQueries: [{ propertyName: "pageRenderer", first: true, predicate: AXPPageComponentRendererDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    @if (showPageActions() && (toolbarPrimaryActions().length || toolbarSecondaryActions().length)) {
+      <div class="ax-flex ax-flex-wrap ax-gap-2 ax-justify-end ax-mb-4">
+        @for (action of toolbarPrimaryActions(); track action.title) {
+          @if (action.visible !== false) {
+            <ax-button
+              [class.ax-sm]="deviceService.isSmall()"
+              [iconOnly]="deviceService.isSmall()"
+              [disabled]="action.disabled"
+              [text]="(action.title | translate | async)!"
+              [look]="'solid'"
+              [color]="action.color ?? 'default'"
+              (onClick)="handleActionClick(action)"
+            >
+              <ax-prefix>
+                <i [class]="action.icon"></i>
+              </ax-prefix>
+              @if (action.items?.length) {
+                <ax-dropdown-panel #panel>
+                  <ax-button-item-list>
+                    @for (sub of action.items; track sub.title) {
+                      @if (sub.visible !== false) {
+                        <ax-button-item
+                          [text]="(sub.title | translate | async)!"
+                          [color]="sub.color"
+                          [disabled]="sub.disabled"
+                          (onClick)="handleActionClick(sub)"
+                        >
+                          <ax-prefix>
+                            <i [class]="sub.icon"></i>
+                          </ax-prefix>
+                        </ax-button-item>
+                        @if (sub.break) {
+                          <ax-divider></ax-divider>
+                        }
+                      }
+                    }
+                  </ax-button-item-list>
+                </ax-dropdown-panel>
+              }
+            </ax-button>
+          }
+        }
+        @if (toolbarSecondaryActions().length) {
+          <ax-button
+            [class.ax-sm]="deviceService.isSmall()"
+            [iconOnly]="deviceService.isSmall()"
+            [text]="'@general:terms.interface.actions' | translate | async"
+            [look]="deviceService.isSmall() ? 'blank' : 'solid'"
+            [color]="'default'"
+          >
+            <ax-prefix>
+              <i class="fa-solid fa-ellipsis-vertical"></i>
+            </ax-prefix>
+            <ax-dropdown-panel #panel>
+              <ax-button-item-list>
+                @for (item of toolbarSecondaryActions(); track item.title) {
+                  @if (item.visible !== false) {
+                    <ax-button-item
+                      [text]="(item.title | translate | async)!"
+                      [color]="item.color"
+                      [disabled]="item.disabled"
+                      (onClick)="handleActionClick(item)"
+                    >
+                      <ax-prefix>
+                        <i [class]="item.icon"></i>
+                      </ax-prefix>
+                    </ax-button-item>
+                    @if (item.break) {
+                      <ax-divider></ax-divider>
+                    }
+                  }
+                }
+              </ax-button-item-list>
+            </ax-dropdown-panel>
+          </ax-button>
+        }
+      </div>
+    }
+    <div
+      class="ax-w-full ax-min-h-0"
+      axp-page-component-renderer
+      [componentKey]="componentKey()"
+      [rootContext]="rootContext()"
+      [pageConfig]="pageConfig()"
+      [options]="pageOptions()"
+      (componentReady)="handleComponentReady()"
+    ></div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPPageComponentRendererDirective, selector: "[axp-page-component-renderer]", inputs: ["componentKey", "rootContext", "pageConfig", "options"], outputs: ["componentReady"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPageComponentWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-page-component-widget-view',
+                    host: {
+                        class: 'ax-block ax-w-full ax-h-full ax-min-h-0',
+                    },
+                    template: `
+    @if (showPageActions() && (toolbarPrimaryActions().length || toolbarSecondaryActions().length)) {
+      <div class="ax-flex ax-flex-wrap ax-gap-2 ax-justify-end ax-mb-4">
+        @for (action of toolbarPrimaryActions(); track action.title) {
+          @if (action.visible !== false) {
+            <ax-button
+              [class.ax-sm]="deviceService.isSmall()"
+              [iconOnly]="deviceService.isSmall()"
+              [disabled]="action.disabled"
+              [text]="(action.title | translate | async)!"
+              [look]="'solid'"
+              [color]="action.color ?? 'default'"
+              (onClick)="handleActionClick(action)"
+            >
+              <ax-prefix>
+                <i [class]="action.icon"></i>
+              </ax-prefix>
+              @if (action.items?.length) {
+                <ax-dropdown-panel #panel>
+                  <ax-button-item-list>
+                    @for (sub of action.items; track sub.title) {
+                      @if (sub.visible !== false) {
+                        <ax-button-item
+                          [text]="(sub.title | translate | async)!"
+                          [color]="sub.color"
+                          [disabled]="sub.disabled"
+                          (onClick)="handleActionClick(sub)"
+                        >
+                          <ax-prefix>
+                            <i [class]="sub.icon"></i>
+                          </ax-prefix>
+                        </ax-button-item>
+                        @if (sub.break) {
+                          <ax-divider></ax-divider>
+                        }
+                      }
+                    }
+                  </ax-button-item-list>
+                </ax-dropdown-panel>
+              }
+            </ax-button>
+          }
+        }
+        @if (toolbarSecondaryActions().length) {
+          <ax-button
+            [class.ax-sm]="deviceService.isSmall()"
+            [iconOnly]="deviceService.isSmall()"
+            [text]="'@general:terms.interface.actions' | translate | async"
+            [look]="deviceService.isSmall() ? 'blank' : 'solid'"
+            [color]="'default'"
+          >
+            <ax-prefix>
+              <i class="fa-solid fa-ellipsis-vertical"></i>
+            </ax-prefix>
+            <ax-dropdown-panel #panel>
+              <ax-button-item-list>
+                @for (item of toolbarSecondaryActions(); track item.title) {
+                  @if (item.visible !== false) {
+                    <ax-button-item
+                      [text]="(item.title | translate | async)!"
+                      [color]="item.color"
+                      [disabled]="item.disabled"
+                      (onClick)="handleActionClick(item)"
+                    >
+                      <ax-prefix>
+                        <i [class]="item.icon"></i>
+                      </ax-prefix>
+                    </ax-button-item>
+                    @if (item.break) {
+                      <ax-divider></ax-divider>
+                    }
+                  }
+                }
+              </ax-button-item-list>
+            </ax-dropdown-panel>
+          </ax-button>
+        }
+      </div>
+    }
+    <div
+      class="ax-w-full ax-min-h-0"
+      axp-page-component-renderer
+      [componentKey]="componentKey()"
+      [rootContext]="rootContext()"
+      [pageConfig]="pageConfig()"
+      [options]="pageOptions()"
+      (componentReady)="handleComponentReady()"
+    ></div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXPWidgetCoreModule,
+                        AXPPageComponentRendererDirective,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXDropdownModule,
+                        AXTranslationModule,
+                        AsyncPipe,
+                    ],
+                }]
+        }], propDecorators: { pageRenderer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPPageComponentRendererDirective), { isSignal: true }] }] } });
+function isPageToolbarHost(instance) {
+    return (!!instance &&
+        typeof instance === 'object' &&
+        'primaryMenuItems' in instance &&
+        'secondaryMenuItems' in instance &&
+        typeof instance.execute === 'function');
+}
+function splitToolbarPrimaryActions(actions) {
+    return actions.filter((action) => action.visible !== false && isHeaderZoneAction(action) && getActionPriority(action) === 'primary');
+}
+function splitToolbarSecondaryActions(primary, secondary) {
+    const fromPrimary = primary.filter((action) => action.visible !== false && isHeaderZoneAction(action) && getActionPriority(action) === 'secondary');
+    const fromSecondary = secondary.filter((action) => action.visible !== false && isHeaderZoneAction(action));
+    return [...fromPrimary, ...fromSecondary];
+}
+function isHeaderZoneAction(action) {
+    return action.zone === 'header';
+}
+function getActionPriority(action) {
+    const priority = action.priority;
+    return priority === 'secondary' ? 'secondary' : 'primary';
+}
+function normalizeExecuteCommand(command) {
+    if (command == null) {
+        return { name: '', options: {} };
+    }
+    if (typeof command === 'string') {
+        return { name: command, options: {} };
+    }
+    return {
+        name: command.name,
+        options: command.options ?? {},
+    };
+}
+
+var pageComponentWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPPageComponentWidgetViewComponent: AXPPageComponentWidgetViewComponent
+});
+
+const AXPPageComponentWidget = {
+    name: 'page-component',
+    title: 'Page Component',
+    description: 'Renders a registered page component via page-component-renderer and exposes its toolbar actions',
+    type: 'view',
+    categories: [],
+    groups: [AXPWidgetGroupEnum.FormElement],
+    icon: 'fa-light fa-file-lines',
+    properties: [AXP_NAME_PROPERTY],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return pageComponentWidgetView_component; }).then((c) => c.AXPPageComponentWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return pageComponentWidgetView_component; }).then((c) => c.AXPPageComponentWidgetViewComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return pageComponentWidgetView_component; }).then((c) => c.AXPPageComponentWidgetViewComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return pageComponentWidgetView_component; }).then((c) => c.AXPPageComponentWidgetViewComponent),
+        },
+    },
+};
+
 class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
@@ -19108,7 +19574,7 @@ class AXPFileUploaderWidgetEditComponent extends AXPValueWidgetComponent {
         (onRename)="handleFileRename($event)"
       ></axp-file-list>
     </div>
-  `, isInline: true, styles: [":host{border-color:rgba(var(--ax-comp-editor-border-color))}:host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drag-over{background-color:rgba(var(--ax-sys-color-primary-50),.1);border:2px dashed rgb(var(--ax-sys-color-primary-500));border-radius:.375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4$2.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{border-color:rgba(var(--ax-comp-editor-border-color))}:host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drag-over{background-color:rgba(var(--ax-sys-color-primary-50),.1);border:2px dashed rgb(var(--ax-sys-color-primary-500));border-radius:.375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileUploaderWidgetEditComponent, decorators: [{
             type: Component,
@@ -20166,7 +20632,7 @@ class AXPSelectorStructureWidgetEditComponent extends AXPValueWidgetComponent {
     } @else {
       <span class="ax-text-muted">{{ disabledHint() }}</span>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2$2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i4$3.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i4$3.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2$2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i4$2.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i4$2.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPSelectorStructureWidgetEditComponent, decorators: [{
             type: Component,
@@ -20576,6 +21042,7 @@ const ENTITY_WIDGETS = [
     AXPLookupWidget,
     AXPSelectorStructureWidget,
     AXPEntityListWidget,
+    AXPPageComponentWidget,
     AXPEntityCategoryWidget,
     AXPMultiSourceSelectorWidget,
     AXPEntityDefinitionProviderWidget,
@@ -22669,7 +23136,7 @@ class AXPLayoutAdapterFactory {
         const title = await dependencies.expressionEvaluator.evaluate(titleTemplate, scope);
         return title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, deps: [{ token: AXPRelatedEntityConverterFactory }, { token: AXPMainEntityContentBuilder }, { token: AXPLayoutAdapterBuilder }, { token: i4$4.AXPFilterOperatorMiddlewareService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, deps: [{ token: AXPRelatedEntityConverterFactory }, { token: AXPMainEntityContentBuilder }, { token: AXPLayoutAdapterBuilder }, { token: i4$3.AXPFilterOperatorMiddlewareService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, decorators: [{
@@ -22677,7 +23144,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }, { type: AXPMainEntityContentBuilder }, { type: AXPLayoutAdapterBuilder }, { type: i4$4.AXPFilterOperatorMiddlewareService }] });
+        }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }, { type: AXPMainEntityContentBuilder }, { type: AXPLayoutAdapterBuilder }, { type: i4$3.AXPFilterOperatorMiddlewareService }] });
 
 const AXPLayoutDetailsViewRouteResolver = async (route, state, entityResolver = inject(AXPEntityDefinitionRegistryService), expressionEvaluator = inject(AXPExpressionEvaluatorService), session = inject(AXPSessionService), formatService = inject(AXFormatService), workflowService = inject(AXPWorkflowService), commandService = inject(AXPCommandService), layoutAdapterFactory = inject(AXPLayoutAdapterFactory)) => {
     const moduleName = route.parent?.paramMap.get('module');