@acorex/platform 21.0.0-next.75 → 21.0.0-next.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/platform",
-  "version": "21.0.0-next.75",
+  "version": "21.0.0-next.79",
   "peerDependencies": {
     "@acorex/cdk": "^19.0.0 || ^20.0.0 || ^21.0.0-next.0 || ^21.0.2-next.0",
     "@acorex/core": "^19.0.0 || ^20.0.0 || ^21.0.0-next.0 || ^21.0.2-next.0",

package/types/acorex-platform-layout-entity.d.ts

@@ -3,7 +3,6 @@ import { AXPExecuteCommandResult, AXPQueryRequest, AXPUserReference, AXPMetaData
 import { AXPCommand, AXPQueryExecutor, AXPCommandService, AXPQuery } from '@acorex/platform/runtime';
 import * as _angular_core from '@angular/core';
 import { ElementRef, InjectionToken, Injector, Type, EnvironmentProviders, OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { AXPopoverComponent } from '@acorex/components/popover';
 import * as i4 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetNode, AXPWidgetColumnNode, AXPWidgetCoreService, AXPColumnWidgetComponent, AXPValueWidgetComponent, AXPWidgetConfig, AXPWidgetRendererDirective, AXPWidgetCoreElementAPI } from '@acorex/platform/layout/widget-core';
 import { AXPPreloadFiltersApplyEvent, AXPColumnItemListItem, AXPDataSelectorRowActionsHandler, AXPCategoryTreeDataSource, AXPDataSelectorAllowCreate } from '@acorex/platform/layout/components';
@@ -30,6 +29,7 @@ import * as _acorex_core_translation from '@acorex/core/translation';
 import { AXTranslationService } from '@acorex/core/translation';
 import { AXPProviderSelectWidgetEditBase, AXPDataListWidgetComponentOptions } from '@acorex/platform/layout/widgets';
 import * as _acorex_platform_layout_entity from '@acorex/platform/layout/entity';
+import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXFileService } from '@acorex/core/file';
 
 declare class AXPCreateEntityCommand implements AXPCommand<any, any> {
@@ -334,6 +334,7 @@ declare class AXPEntityDetailPopoverComponent {
     private readonly queryService;
     private readonly formatService;
     private readonly translation;
+    private readonly changeDetectorRef;
     entity: _angular_core.InputSignal<string>;
     entityId: _angular_core.InputSignal<string | number>;
     textField: _angular_core.InputSignal<string>;
@@ -341,10 +342,9 @@ declare class AXPEntityDetailPopoverComponent {
     displayTitle: _angular_core.InputSignal<string>;
     item: _angular_core.InputSignal<AXPMetaData | undefined>;
     breadcrumb: _angular_core.InputSignal<string | null>;
-    protected detailPopover: _angular_core.Signal<AXPopoverComponent | undefined>;
+    requestClose: _angular_core.InputSignal<(() => void) | undefined>;
     protected entityDetails: _angular_core.WritableSignal<any>;
     protected isLoadingDetails: _angular_core.WritableSignal<boolean>;
-    protected isDetailPopoverOpen: _angular_core.WritableSignal<boolean>;
     /** Placeholder rows for the loading skeleton (matches typical property count). */
     protected readonly loadingSkeletonRows: readonly [1, 2, 3, 4, 5];
     protected readonly headerTitle: _angular_core.Signal<string>;
@@ -357,15 +357,8 @@ declare class AXPEntityDetailPopoverComponent {
         title: string;
         node: AXPWidgetNode;
     }[]>;
-    /**
-     * Show the entity detail popover
-     */
-    show(target: ElementRef | HTMLElement): Promise<void>;
-    /**
-     * Hide the entity detail popover
-     */
-    hide(): void;
-    protected onDetailPopoverOpenChange(event: any): void;
+    /** Loads entity details after the overlay panel is created. */
+    loadDetails(): Promise<void>;
     protected navigateToDetails(): Promise<void>;
     private resolveLookupDisplayLabel;
     /**
@@ -390,7 +383,7 @@ declare class AXPEntityDetailPopoverComponent {
      */
     private resolveDataPath;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPEntityDetailPopoverComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPEntityDetailPopoverComponent, "axp-entity-detail-popover", never, { "entity": { "alias": "entity"; "required": true; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": true; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "displayTitle": { "alias": "displayTitle"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPEntityDetailPopoverComponent, "axp-entity-detail-popover", never, { "entity": { "alias": "entity"; "required": true; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": true; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "displayTitle": { "alias": "displayTitle"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "breadcrumb": { "alias": "breadcrumb"; "required": false; "isSignal": true; }; "requestClose": { "alias": "requestClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface AXPEntityDetailPopoverOptions {
@@ -403,23 +396,34 @@ interface AXPEntityDetailPopoverOptions {
     breadcrumb?: string;
 }
 declare class AXPEntityDetailPopoverService {
-    private readonly applicationRef;
-    private readonly environmentInjector;
-    private activePopoverRef;
+    private readonly overlayService;
+    private readonly platform;
+    private readonly localeService;
+    private readonly document;
+    private readonly router;
+    private overlayRef;
+    private componentRef;
+    private outsideClickHandler;
+    private keydownHandler;
+    private routerSubscription;
     /**
-     * Show entity detail popover
-     * @param target - The target element to position the popover
-     * @param options - Configuration options for the popover
+     * Show entity detail popover anchored to the target element.
      */
     show(target: ElementRef | HTMLElement, options: AXPEntityDetailPopoverOptions): Promise<void>;
-    /**
-     * Hide the active popover
-     */
+    /** Hide the active popover */
     hide(): void;
-    /**
-     * Check if a popover is currently active
-     */
+    /** Whether a popover is currently active */
     get isActive(): boolean;
+    private resolveAnchorElement;
+    /** Mirror popover placement for RTL so the panel aligns with the anchor's inline-start edge. */
+    private resolveOverlayPlacement;
+    private resolveOverlayOffsetX;
+    private isRtlContext;
+    private bindDismissHandlers;
+    /** Ignore clicks on the anchor, overlay panel, or nested dropdown menus. */
+    private isInsideInteractiveSurface;
+    private removeDismissHandlers;
+    private handleOverlayDisposed;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPEntityDetailPopoverService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPEntityDetailPopoverService>;
 }
@@ -2531,7 +2535,7 @@ declare class AXPEntityCategoryWidgetColumnComponent extends AXPColumnWidgetComp
     private efDisplay;
     protected visibleItems: _angular_core.Signal<any[]>;
     protected columnItems: _angular_core.Signal<AXPColumnItemListItem[]>;
-    protected showItemDetail(item: any, index: number): Promise<void>;
+    protected showItemDetail(item: any, index: number, anchor?: HTMLElement): Promise<void>;
     protected handleItemClick(listItem: AXPColumnItemListItem): void;
     protected getItemPath(item: any): string[];
     protected hasParent(item: any): boolean;
@@ -3041,7 +3045,7 @@ declare class AXPFileListComponent implements OnInit, OnDestroy {
     /** When false, links look omits the label (e.g. popover body). */
     showLabel: _angular_core.InputSignal<boolean>;
     /** `inline`: label + divider; `menu`: compact list for popovers/panels. */
-    linksLayout: _angular_core.InputSignal<"inline" | "menu">;
+    linksLayout: _angular_core.InputSignal<"menu" | "inline">;
     files: _angular_core.InputSignal<AXPFileListItem[]>;
     plugins: _angular_core.InputSignal<{
         name: string;
@@ -3820,10 +3824,10 @@ declare class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent<an
     protected showMoreItems(): void;
     protected openLazyPopover(): void;
     protected onPopoverOpenChange(event: unknown): void;
-    protected showItemDetail(item: any, index: number): Promise<void>;
-    protected handleItemClick(index: number): void;
-    protected handleResolvedItemClick(index: number): void;
-    protected handlePopoverItemClick(index: number): void;
+    protected showItemDetail(item: any, index: number, anchor?: HTMLElement): Promise<void>;
+    protected handleItemClick(index: number, event: Event): void;
+    protected handleResolvedItemClick(index: number, event: Event): void;
+    protected handlePopoverItemClick(index: number, _event: Event): void;
     /**
      * True when the cell can render without fetching row data via byKey.
      * Uses textField / expose targets on the row — not merely whether column dataPath differs from columnName.
@@ -3835,6 +3839,16 @@ declare class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent<an
     private resetLazyState;
     private openPopoverFromRef;
     private closeMorePopover;
+    /** Prefer the clicked inline item as anchor; fall back to the column host. */
+    private resolvePopoverAnchor;
+    /**
+     * Stable anchor for entity detail when opened from the more-items list.
+     * Clicks inside ax-popover overlay use elements that are removed/hidden on close.
+     */
+    private resolveMorePopoverDetailAnchor;
+    /** Ensures the detail popover anchor stays in the layout after the more popover closes. */
+    private resolveStableDetailAnchor;
+    private isInsideMorePopover;
     private ensureLazyItemsLoaded;
     /**
      * ax-popover may emit a boolean, CustomEvent with detail, or a DOM Event depending on version.