@utisha/graph-editor 1.0.3 → 1.0.5

package/lib/graph-editor.component.d.ts

@@ -69,6 +69,10 @@ export declare class GraphEditorComponent implements OnInit, OnChanges {
         width: number;
         height: number;
     } | null>;
+    private resizingNode;
+    private resizeStartSize;
+    private resizeStartMousePos;
+    private resizeMinSize;
     transform: import("@angular/core").Signal<string>;
     gridBounds: import("@angular/core").Signal<{
         x: number;
@@ -106,6 +110,8 @@ export declare class GraphEditorComponent implements OnInit, OnChanges {
     applyLayout(direction?: 'TB' | 'LR'): Promise<void>;
     fitToScreen(padding?: number): void;
     zoomTo(level: number): void;
+    zoomIn(): void;
+    zoomOut(): void;
     getSelection(): SelectionState;
     onCanvasMouseDown(event: MouseEvent): void;
     onCanvasMouseMove(event: MouseEvent): void;
@@ -114,6 +120,7 @@ export declare class GraphEditorComponent implements OnInit, OnChanges {
     onNodeClick(event: MouseEvent, node: GraphNode): void;
     onAttachmentPointClick(event: MouseEvent, node: GraphNode, port: 'top' | 'bottom' | 'left' | 'right'): void;
     onEdgeEndpointMouseDown(event: MouseEvent, edge: GraphEdge, endpoint: 'source' | 'target'): void;
+    onResizeHandleMouseDown(event: MouseEvent, node: GraphNode): void;
     onWheel(event: WheelEvent): void;
     onContextMenu(event: MouseEvent): void;
     private emitGraphChange;
@@ -163,6 +170,11 @@ export declare class GraphEditorComponent implements OnInit, OnChanges {
      * Used to render multiple path elements from a single path string.
      */
     splitIconPaths(pathData: string): string[];
+    /**
+     * Split node types into columns for the palette.
+     * When there are too many node types to fit vertically, creates additional columns.
+     */
+    getPaletteColumns(): NodeTypeDefinition[][];
     /**
      * Get the position for the node image (top-left corner of image).
      * Uses same positioning logic as icon but accounts for image dimensions.
@@ -175,6 +187,38 @@ export declare class GraphEditorComponent implements OnInit, OnChanges {
     getImageSize(node: GraphNode): number;
     getIconPosition(node: GraphNode): Position;
     getLabelPosition(node: GraphNode): Position;
+    /**
+     * Get the bounding box for label text within a node.
+     * This box avoids the icon area and has proper padding.
+     */
+    getLabelBounds(node: GraphNode): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Get wrapped text lines and font size for a node label.
+     * Uses text wrapping first, then font downsizing if needed.
+     */
+    getWrappedLabel(node: GraphNode): {
+        lines: string[];
+        fontSize: number;
+        lineHeight: number;
+    };
+    /**
+     * Wrap text into lines respecting max characters per line.
+     * Tries to break at word boundaries.
+     */
+    private wrapText;
+    /**
+     * Get the Y position for each line of wrapped text (centered vertically).
+     */
+    getLabelLineY(node: GraphNode, lineIndex: number, totalLines: number, lineHeight: number): number;
+    /**
+     * Get the X position for label text (centered in bounds).
+     */
+    getLabelLineX(node: GraphNode): number;
     private findNodeAtPosition;
     private findEdgeAtPosition;
     private pointToSegmentDistance;

package/lib/graph.model.d.ts

@@ -8,6 +8,10 @@ export interface GraphNode {
     data: Record<string, any>;
     position: Position;
     metadata?: NodeMetadata;
+    size?: {
+        width: number;
+        height: number;
+    };
 }
 /**
  * 2D position on canvas.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utisha/graph-editor",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Configuration-driven visual graph editor for Angular 19+",
   "author": "Utisha",
   "license": "MIT",