@libs-ui/services-diagram-draw 0.2.356-37 → 0.2.356-41

package/index.d.ts

@@ -3,3 +3,4 @@ export * from './diagram-draw.service';
 export * from './direction.service';
 export * from './interfaces/canvas.interface';
 export * from './interfaces/diagram.interface';
+export * from './interfaces/navigation.interface';

package/interfaces/diagram.interface.d.ts

@@ -88,7 +88,7 @@ export interface IDropZoneIndicatorStyle {
     /** Hàm render **động** nội dung indicator ở trạng thái hover/drag-enter.*/
     renderHoverIndicator?: () => string;
 }
-export interface IConfig {
+export interface ICustomCanvasConfig {
     storeDataDefine: IDiagramStoreData;
     svgContainer?: ElementRef<HTMLDivElement>;
     nodesContainer?: ElementRef<HTMLDivElement>;

package/interfaces/navigation.interface.d.ts

@@ -0,0 +1,16 @@
+import { IArrowStyle, IDrawLineDataInput, ILineStyle, TYPE_MODE } from '@libs-ui/components-draw-line';
+export interface INavigationLineStyleConfig {
+    lineStyle?: ILineStyle;
+    arrowStyle?: IArrowStyle;
+    /** Khoảng cách (px) giữa cạnh source/target và endpoint. Mặc định 8. */
+    endpointGap?: number;
+    /** Override resolver chọn mode. Mặc định: rule từ workflows — `start.x < end.x && start.y > end.y ? 'quart-in' : 's-line'`. */
+    modeResolver?: (start: {
+        x: number;
+        y: number;
+    }, end: {
+        x: number;
+        y: number;
+    }) => TYPE_MODE;
+}
+export type T_navigation_line_data = IDrawLineDataInput;

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@libs-ui/services-diagram-draw",
-  "version": "0.2.356-37",
+  "version": "0.2.356-41",
   "peerDependencies": {
     "@angular/core": "^18.2.0",
-    "@libs-ui/utils": "0.2.356-37",
+    "@libs-ui/components-draw-line": "0.2.356-41",
+    "@libs-ui/utils": "0.2.356-41",
     "@ngx-translate/core": "^15.0.0",
     "rxjs": "~7.8.0"
   },

package/utils/navigation/build-navigation-data.util.d.ts

@@ -0,0 +1,25 @@
+import { IDrawLineDataInput, TYPE_MODE } from '@libs-ui/components-draw-line';
+import { IDiagramElement } from '../../interfaces/diagram.interface';
+import { INavigationLineStyleConfig } from '../../interfaces/navigation.interface';
+export declare class LibsUiDiagramDrawNavigationUtil {
+    /** Rule chọn mode mặc định (copy từ workflows/canvas.component.ts:471). */
+    static defaultModeResolver(start: {
+        x: number;
+        y: number;
+    }, end: {
+        x: number;
+        y: number;
+    }): TYPE_MODE;
+    /**
+     * Build dữ liệu navigation line (next_other_id) từ flat elements để render qua draw-line directive.
+     * @param flatElements Danh sách phẳng tất cả elements (sau khi configXYElements đã chạy).
+     * @param orientation Chiều layout của diagram.
+     * @param styleConfig Tuỳ chỉnh style line/arrow + override resolver mode/gap.
+     */
+    static buildNavigationData(flatElements: IDiagramElement[], orientation: 'vertical' | 'horizontal', styleConfig?: INavigationLineStyleConfig): IDrawLineDataInput[];
+    private static buildOneLine;
+    /** VERTICAL: line navigation đi NGANG — kẹp cạnh phải/trái source → cạnh trái/phải target. */
+    private static calcPointsVertical;
+    /** HORIZONTAL: line navigation đi DỌC — kẹp cạnh dưới/trên source → cạnh trên/dưới target. */
+    private static calcPointsHorizontal;
+}

package/utils/navigation/navigation-style.define.d.ts

@@ -0,0 +1,4 @@
+import { IArrowStyle, ILineStyle } from '@libs-ui/components-draw-line';
+export declare const DEFAULT_NAVIGATION_LINE_STYLE: ILineStyle;
+export declare const DEFAULT_NAVIGATION_ARROW_STYLE: IArrowStyle;
+export declare const DEFAULT_NAVIGATION_ENDPOINT_GAP = 8;