@acorex/platform 20.3.0-next.1 → 20.3.0-next.3

package/layout/views/index.d.ts

@@ -6,7 +6,7 @@ import { AXClickEvent } from '@acorex/cdk/common';
 import * as i1 from '@acorex/cdk/drawer';
 import { AXDrawerItemDirective } from '@acorex/cdk/drawer';
 import * as _acorex_platform_core from '@acorex/platform/core';
-import { AXPActionMenuItem, AXPBreadcrumbItem, AXPBackButton, AXPExecuteCommand, AXPQueryFetchResult, AXPExecuteCommandResult, AXPExpressionEvaluatorScope } from '@acorex/platform/core';
+import { AXPActionMenuItem, AXPBreadcrumbItem, AXPBadge, AXPBackButton, AXPExecuteCommand, AXPExecuteCommandResult, AXPExpressionEvaluatorScope, AXPBroadcastEventService } from '@acorex/platform/core';
 import { AXPWorkflowService } from '@acorex/platform/workflow';
 import { AXPCommandService, AXPPolicyEngineService } from '@acorex/platform/runtime';
 import { AXToastService } from '@acorex/components/toast';
@@ -16,8 +16,10 @@ import { AXPSessionService } from '@acorex/platform/auth';
 import { AXPHomePageService } from '@acorex/platform/common';
 import { AXBasePageComponent } from '@acorex/components/page';
 import * as _acorex_platform_layout_builder from '@acorex/platform/layout/builder';
-import { AXPWidgetNode, AXPPageStatus, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
+import { AXPWidgetNode, AXPPageStatus, AXPWidgetContainerComponent, AXPLayoutContextChangeEvent } from '@acorex/platform/layout/builder';
+import { AXFormComponent } from '@acorex/components/form';
 import * as _acorex_platform_layout_views from '@acorex/platform/layout/views';
+import { Router, ActivatedRoute } from '@angular/router';
 
 declare abstract class AXPPageLayoutBase {
     abstract primaryMenuItems: Signal<AXPActionMenuItem[]>;
@@ -33,6 +35,8 @@ declare abstract class AXPPageLayoutBase {
     abstract hasDescription: Signal<boolean>;
     abstract description: Signal<string>;
     abstract hasBreadcrumbs: Signal<boolean>;
+    abstract hasBadge: Signal<boolean>;
+    abstract badge: Signal<AXPBadge | null>;
     abstract hasBackButton: Signal<boolean>;
     abstract backButton: Signal<AXPBackButton>;
     abstract onBackButtonClick: () => void | Promise<void>;
@@ -203,6 +207,9 @@ declare abstract class AXPPageLayoutBaseComponent {
     private breadcrumbs;
     private hasBreadcrumbs;
     protected getPageBreadcrumbs(): AXPBreadcrumbItem[] | Promise<AXPBreadcrumbItem[]>;
+    private badge;
+    private hasBadge;
+    protected getPageBadge(): AXPBadge | null | Promise<AXPBadge | null>;
     protected layout: _angular_core.Signal<AXPPageLayoutComponent | undefined>;
     protected toggleEndSide(): void;
     protected toggleStartSide(): void;
@@ -421,31 +428,60 @@ interface AXPLayoutDetailsViewTabItem {
 interface AXPLayoutDetailsViewPage {
     id: string;
     title: string;
-    description: string;
-    icon: string;
+    label: string;
+    description?: string;
+    icon?: string;
     content?: AXPWidgetNode[];
     tabs?: AXPLayoutDetailsViewTabItem[];
     actions?: AXPLayoutDetailsViewAction[];
-    load: (params: Record<string, any>) => Promise<AXPQueryFetchResult>;
-    execute: (command: AXPExecuteCommand, context: {}) => Promise<AXPExecuteCommandResult>;
+    isPrimary?: boolean;
+    settings?: {
+        commands?: {
+            accept?: {
+                title: string;
+                color: string;
+                visible?: string | boolean;
+                command: AXPExecuteCommand;
+            };
+            reject?: {
+                title: string;
+                color: string;
+                visible?: string | boolean;
+                command: AXPExecuteCommand;
+            };
+        };
+    };
+    load?: (params?: Record<string, any>) => Promise<AXPExecuteCommandResult>;
+    execute?: (command: AXPExecuteCommand, context: {}) => Promise<AXPExecuteCommandResult>;
 }
 interface AXPLayoutDetailsViewAdapter {
+    name: string;
     title?: string;
+    label?: string;
     description?: string;
     icon?: string;
     actions?: AXPLayoutDetailsViewAction[];
-    execute?: (command: AXPExecuteCommand, context: {}) => Promise<AXPExecuteCommandResult>;
+    breadcrumbs?: AXPBreadcrumbItem[];
     pages: AXPLayoutDetailsViewPage[];
+    execute?: (command: AXPExecuteCommand, context: {}) => Promise<AXPExecuteCommandResult>;
+    load?: (params?: Record<string, any>) => Promise<AXPExecuteCommandResult>;
+    exitUrl?: string;
 }
 
 declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
     adapter: _angular_core.Signal<AXPLayoutDetailsViewAdapter | null>;
+    rootContext: _angular_core.Signal<Record<string, any>>;
     previousContext: _angular_core.Signal<Record<string, any>>;
     context: _angular_core.Signal<Record<string, any>>;
     scope: _angular_core.Signal<AXPExpressionEvaluatorScope | null>;
     status: _angular_core.Signal<AXPPageStatus>;
     currentPage: _angular_core.Signal<AXPLayoutDetailsViewPage | null>;
     currentTab: _angular_core.Signal<AXPLayoutDetailsViewTabItem | null>;
+    pageSelectedRows: _angular_core.Signal<any[]>;
+    renderedTabsCache: _angular_core.Signal<Record<string, {
+        tabId: string;
+        tab: AXPLayoutDetailsViewTabItem;
+    }[]>>;
     icon: _angular_core.Signal<string | null>;
     content: _angular_core.Signal<_acorex_platform_layout_builder.AXPWidgetNode[]>;
     showPages: _angular_core.Signal<boolean>;
@@ -453,11 +489,20 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
     isBusy: _angular_core.Signal<boolean>;
     isSaving: _angular_core.Signal<boolean>;
     isDirty: _angular_core.Signal<boolean>;
+    changesCount: _angular_core.Signal<number>;
     isLoaded: _angular_core.Signal<boolean>;
+    currentPageSelectedRows: _angular_core.Signal<any[]>;
+    currentPageRenderedTabs: _angular_core.Signal<{
+        tabId: string;
+        tab: AXPLayoutDetailsViewTabItem;
+    }[]>;
+    loadAdapter: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
+    loadPage: (pageId?: string, forceRefresh?: boolean) => Promise<void>;
     load: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
     updateContext: (context: any) => void;
-    currentPageTitle: () => Promise<any>;
-    currentPageDescription: () => Promise<any>;
+    updatePageSelectedRows: (rows: any[]) => void;
+    currentPageTitle: () => string | null;
+    currentPageDescription: () => string | null;
     currentPagePrimaryActions: () => Promise<any>;
     currentPageSecondaryActions: () => Promise<any>;
     currentPageContent: () => _acorex_platform_layout_builder.AXPWidgetNode[] | undefined;
@@ -465,20 +510,36 @@ declare const AXPLayoutDetailsViewViewModel: _angular_core.Type<{
     setCurrentPage: (page: AXPLayoutDetailsViewPage | null) => void;
     setCurrentTab: (tab: AXPLayoutDetailsViewTabItem) => void;
     getCurrentTabContent: () => _acorex_platform_layout_builder.AXPWidgetNode[];
-    title: () => Promise<string | undefined>;
-    description: () => Promise<string | undefined>;
-    primaryActions: () => Promise<_acorex_platform_layout_views.AXPLayoutDetailsViewAction[]>;
-    secondaryActions: () => Promise<_acorex_platform_layout_views.AXPLayoutDetailsViewAction[]>;
+    getRenderedTabContent: (tabId: string) => _acorex_platform_layout_builder.AXPWidgetNode[];
+    clearPageTabCache: (pageId: string) => void;
+    title: () => string | null;
+    backButtonTitle: () => string | null;
+    description: () => string | null;
+    primaryActions: () => Promise<any>;
+    secondaryActions: () => Promise<any>;
+    breadcrumbs: () => Promise<{
+        title: string;
+        name?: string;
+        icon?: string;
+        command?: AXPExecuteCommand;
+    }[]>;
     discard: () => Promise<void>;
-    save: () => Promise<void>;
+    save: (command: AXPExecuteCommand, form: AXFormComponent) => Promise<void>;
+    goToListPage: () => void;
 } & _ngrx_signals.StateSource<{
     adapter: AXPLayoutDetailsViewAdapter | null;
+    rootContext: Record<string, any>;
     previousContext: Record<string, any>;
     context: Record<string, any>;
     scope: AXPExpressionEvaluatorScope | null;
     status: AXPPageStatus;
     currentPage: AXPLayoutDetailsViewPage | null;
     currentTab: AXPLayoutDetailsViewTabItem | null;
+    pageSelectedRows: any[];
+    renderedTabsCache: Record<string, Array<{
+        tabId: string;
+        tab: AXPLayoutDetailsViewTabItem;
+    }>>;
 }>>;
 
 declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent implements OnInit, OnDestroy {
@@ -486,12 +547,18 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     adapter: _angular_core.InputSignal<AXPLayoutDetailsViewAdapter>;
     protected vm: {
         adapter: _angular_core.Signal<AXPLayoutDetailsViewAdapter | null>;
+        rootContext: _angular_core.Signal<Record<string, any>>;
         previousContext: _angular_core.Signal<Record<string, any>>;
         context: _angular_core.Signal<Record<string, any>>;
         scope: _angular_core.Signal<_acorex_platform_core.AXPExpressionEvaluatorScope | null>;
         status: _angular_core.Signal<_acorex_platform_layout_builder.AXPPageStatus>;
         currentPage: _angular_core.Signal<AXPLayoutDetailsViewPage | null>;
         currentTab: _angular_core.Signal<_acorex_platform_layout_views.AXPLayoutDetailsViewTabItem | null>;
+        pageSelectedRows: _angular_core.Signal<any[]>;
+        renderedTabsCache: _angular_core.Signal<Record<string, {
+            tabId: string;
+            tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
+        }[]>>;
         icon: _angular_core.Signal<string | null>;
         content: _angular_core.Signal<_acorex_platform_layout_builder.AXPWidgetNode[]>;
         showPages: _angular_core.Signal<boolean>;
@@ -499,11 +566,20 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
         isBusy: _angular_core.Signal<boolean>;
         isSaving: _angular_core.Signal<boolean>;
         isDirty: _angular_core.Signal<boolean>;
+        changesCount: _angular_core.Signal<number>;
         isLoaded: _angular_core.Signal<boolean>;
+        currentPageSelectedRows: _angular_core.Signal<any[]>;
+        currentPageRenderedTabs: _angular_core.Signal<{
+            tabId: string;
+            tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
+        }[]>;
+        loadAdapter: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
+        loadPage: (pageId?: string, forceRefresh?: boolean) => Promise<void>;
         load: (adapter: AXPLayoutDetailsViewAdapter) => Promise<void>;
         updateContext: (context: any) => void;
-        currentPageTitle: () => Promise<any>;
-        currentPageDescription: () => Promise<any>;
+        updatePageSelectedRows: (rows: any[]) => void;
+        currentPageTitle: () => string | null;
+        currentPageDescription: () => string | null;
         currentPagePrimaryActions: () => Promise<any>;
         currentPageSecondaryActions: () => Promise<any>;
         currentPageContent: () => _acorex_platform_layout_builder.AXPWidgetNode[] | undefined;
@@ -511,27 +587,56 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
         setCurrentPage: (page: AXPLayoutDetailsViewPage | null) => void;
         setCurrentTab: (tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem) => void;
         getCurrentTabContent: () => _acorex_platform_layout_builder.AXPWidgetNode[];
-        title: () => Promise<string | undefined>;
-        description: () => Promise<string | undefined>;
-        primaryActions: () => Promise<AXPLayoutDetailsViewAction[]>;
-        secondaryActions: () => Promise<AXPLayoutDetailsViewAction[]>;
+        getRenderedTabContent: (tabId: string) => _acorex_platform_layout_builder.AXPWidgetNode[];
+        clearPageTabCache: (pageId: string) => void;
+        title: () => string | null;
+        backButtonTitle: () => string | null;
+        description: () => string | null;
+        primaryActions: () => Promise<any>;
+        secondaryActions: () => Promise<any>;
+        breadcrumbs: () => Promise<{
+            title: string;
+            name?: string;
+            icon?: string;
+            command?: AXPExecuteCommand;
+        }[]>;
         discard: () => Promise<void>;
-        save: () => Promise<void>;
+        save: (command: AXPExecuteCommand, form: AXFormComponent) => Promise<void>;
+        goToListPage: () => void;
     } & _ngrx_signals.StateSource<{
         adapter: AXPLayoutDetailsViewAdapter | null;
+        rootContext: Record<string, any>;
         previousContext: Record<string, any>;
         context: Record<string, any>;
         scope: _acorex_platform_core.AXPExpressionEvaluatorScope | null;
         status: _acorex_platform_layout_builder.AXPPageStatus;
         currentPage: AXPLayoutDetailsViewPage | null;
         currentTab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem | null;
+        pageSelectedRows: any[];
+        renderedTabsCache: Record<string, Array<{
+            tabId: string;
+            tab: _acorex_platform_layout_views.AXPLayoutDetailsViewTabItem;
+        }>>;
     }>;
+    protected router: Router;
+    protected route: ActivatedRoute;
+    protected eventService: AXPBroadcastEventService;
+    private onSelectionChangeSubscription?;
+    private readonly destroyed$;
+    protected form: _angular_core.Signal<AXFormComponent | undefined>;
+    protected widgetContainer: _angular_core.Signal<AXPWidgetContainerComponent | undefined>;
     protected footerPrimaryActions: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     protected footerSecondaryActions: _angular_core.WritableSignal<AXPActionMenuItem[]>;
     protected footerActions: _angular_core.Signal<AXPActionMenuItem[]>;
     protected hasVisibleFooterPrimaryActions: _angular_core.Signal<boolean>;
     protected hasVisibleFooterSecondaryActions: _angular_core.Signal<boolean>;
+    protected hasFooter: _angular_core.Signal<boolean>;
+    /**
+     * Append timestamp query param to trigger router to re-run guards/resolvers
+     */
+    protected refreshLayout(): Promise<void>;
     ngOnInit(): Promise<void>;
+    ngAfterViewInit(): Promise<void>;
     ngOnDestroy(): void;
     protected handleOnContextChanged(e: AXPLayoutContextChangeEvent): void;
     protected handleSelectPage(page: AXPLayoutDetailsViewPage): void;
@@ -541,10 +646,12 @@ declare class AXPLayoutDetailsViewComponent extends AXPPageLayoutBaseComponent i
     protected getAllSecondaryActions(): Promise<AXPLayoutDetailsViewAction[]>;
     protected getSecondaryMenuItems(): Promise<AXPActionMenuItem[]>;
     protected getFooterSecondaryActions(): Promise<AXPActionMenuItem[]>;
+    protected getPageBreadcrumbs(): Promise<AXPBreadcrumbItem[]>;
     protected getPageTitle(): Promise<string>;
     getPageDescription(): Promise<string | null>;
     getBackButton(): Promise<AXPBackButton | null>;
-    onBackButtonClick(): void | Promise<void>;
+    getPageBadge(): Promise<AXPBadge | null>;
+    onBackButtonClick(): Promise<void>;
     execute(command: AXPExecuteCommand): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPLayoutDetailsViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPLayoutDetailsViewComponent, "axp-layout-details-view", never, { "adapter": { "alias": "adapter"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/package.json

@@ -1,30 +1,16 @@
 {
   "name": "@acorex/platform",
-  "version": "20.3.0-next.1",
+  "version": "20.3.0-next.3",
   "peerDependencies": {
-    "@angular/common": ">=19.0.0",
-    "@angular/core": ">=19.0.0",
-    "@ngrx/effects": "18.0.0",
-    "@ngrx/store": "18.0.0",
-    "@ngrx/store-devtools": "18.0.0",
-    "dexie": "^3.2.4",
-    "jwt-decode": "^4.0.0",
-    "leaflet": "^1.9.4",
-    "leaflet-draw": "^1.0.4",
-    "leaflet.locatecontrol": "^0.81.1",
-    "lodash-es": "^4.17.21",
-    "@types/lodash-es": "^4.17.8",
-    "memoizee": "^0.4.15",
-    "oidc-client-ts": "^3.0.1",
-    "jspdf": "^2.5.1",
+    "@acorex/styles": ">=20.0.0",
+    "@acorex/core": ">=20.0.0",
+    "@acorex/components": ">=20.0.0",
+    "@angular/animations": "^20.0.0",
+    "@acorex/cdk": ">=20.0.0",
+    "@acorex/charts": ">=20.0.0",
+    "@ngrx/signals": "^20.0.0",
     "dom-to-image": "^2.6.0",
-    "d3": "^7.9.0",
-    "signature_pad": "^4.1.7",
-    "@acorex/styles": ">=19.0.0",
-    "@acorex/core": ">=19.0.0",
-    "@acorex/components": ">=19.0.0",
-    "@ngrx/signals": ">=19.0.0",
-    "@angular/animations": ">=19.0.0"
+    "signature_pad": "^4.1.7"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -52,14 +38,14 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/acorex-platform-core.mjs"
     },
-    "./native": {
-      "types": "./native/index.d.ts",
-      "default": "./fesm2022/acorex-platform-native.mjs"
-    },
     "./domain": {
       "types": "./domain/index.d.ts",
       "default": "./fesm2022/acorex-platform-domain.mjs"
     },
+    "./native": {
+      "types": "./native/index.d.ts",
+      "default": "./fesm2022/acorex-platform-native.mjs"
+    },
     "./runtime": {
       "types": "./runtime/index.d.ts",
       "default": "./fesm2022/acorex-platform-runtime.mjs"
@@ -72,13 +58,9 @@
       "types": "./workflow/index.d.ts",
       "default": "./fesm2022/acorex-platform-workflow.mjs"
     },
-    "./themes/default": {
-      "types": "./themes/default/index.d.ts",
-      "default": "./fesm2022/acorex-platform-themes-default.mjs"
-    },
-    "./themes/shared": {
-      "types": "./themes/shared/index.d.ts",
-      "default": "./fesm2022/acorex-platform-themes-shared.mjs"
+    "./layout/builder": {
+      "types": "./layout/builder/index.d.ts",
+      "default": "./fesm2022/acorex-platform-layout-builder.mjs"
     },
     "./layout/components": {
       "types": "./layout/components/index.d.ts",
@@ -96,9 +78,13 @@
       "types": "./layout/views/index.d.ts",
       "default": "./fesm2022/acorex-platform-layout-views.mjs"
     },
-    "./layout/builder": {
-      "types": "./layout/builder/index.d.ts",
-      "default": "./fesm2022/acorex-platform-layout-builder.mjs"
+    "./themes/default": {
+      "types": "./themes/default/index.d.ts",
+      "default": "./fesm2022/acorex-platform-themes-default.mjs"
+    },
+    "./themes/shared": {
+      "types": "./themes/shared/index.d.ts",
+      "default": "./fesm2022/acorex-platform-themes-shared.mjs"
     }
   }
 }