@utisha/graph-editor 1.0.6 → 1.0.7

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges, Type } from '@angular/core';
 import { Graph, GraphEdge, GraphNode, Position } from './graph.model';
-import { ContextMenuEvent, GraphEditorConfig, NodeTypeDefinition, SelectionState, ValidationResult } from './graph-editor.config';
+import { ContextMenuEvent, GraphEditorConfig, NodeTypeDefinition, SelectionState, ToolbarItem, ValidationResult } from './graph-editor.config';
 import { SvgIconDefinition } from './icons/workflow-icons';
 import { NodeHtmlTemplateDirective, NodeSvgTemplateDirective, EdgeTemplateDirective, NodeTemplateContext, EdgeTemplateContext } from './template.directives';
 import { ResolvedTheme } from './theme.resolver';
@@ -184,6 +184,17 @@ export declare class GraphEditorComponent implements OnInit, OnChanges {
      * When there are too many node types to fit vertically, creates additional columns.
      */
     getPaletteColumns(): NodeTypeDefinition[][];
+    /**
+     * Check whether a toolbar item should be shown.
+     * If `config.toolbar.items` is not set, all items are visible.
+     */
+    showToolbarItem(item: ToolbarItem): boolean;
+    /**
+     * Check whether a divider should be shown between two toolbar groups.
+     * A divider is shown when at least one item from the group before and
+     * at least one item from the group after are visible.
+     */
+    showToolbarDivider(before: ToolbarItem[], after: ToolbarItem[]): boolean;
     /**
      * Get the position for the node image (top-left corner of image).
      * Uses same positioning logic as icon but accounts for image dimensions.

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

@@ -18,6 +18,8 @@ export interface GraphEditorConfig {
     theme?: ThemeConfig;
     /** Palette configuration */
     palette?: PaletteConfig;
+    /** Top toolbar configuration */
+    toolbar?: ToolbarConfig;
 }
 /**
  * Node type configuration.
@@ -371,6 +373,26 @@ export interface PaletteConfig {
     collapsible?: boolean;
     groupByCategory?: boolean;
 }
+/**
+ * Toolbar item identifiers for the top toolbar.
+ * - `'hand'` — Hand tool (move nodes)
+ * - `'line'` — Line tool (draw connections)
+ * - `'zoom-in'` — Zoom in
+ * - `'zoom-out'` — Zoom out
+ * - `'layout'` — Auto layout
+ * - `'fit'` — Fit to screen
+ */
+export type ToolbarItem = 'hand' | 'line' | 'zoom-in' | 'zoom-out' | 'layout' | 'fit';
+/**
+ * Top toolbar configuration.
+ * Controls visibility of the top toolbar and which buttons are shown.
+ */
+export interface ToolbarConfig {
+    /** Show the top toolbar (default: true) */
+    enabled?: boolean;
+    /** Which toolbar buttons to show. If omitted, all buttons are shown. */
+    items?: ToolbarItem[];
+}
 /**
  * Selection state.
  */

package/package.json

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

package/public-api.d.ts

@@ -1,6 +1,6 @@
 export { GraphEditorComponent } from './lib/graph-editor.component';
 export type { Graph, GraphNode, GraphEdge, Position, NodeMetadata, EdgeMetadata, EdgeStyle, GraphMetadata } from './lib/graph.model';
-export type { GraphEditorConfig, NodesConfig, EdgesConfig, CanvasConfig, ValidationConfig, LayoutConfig, InteractionConfig, ThemeConfig, PaletteConfig, NodeTypeDefinition, PortConfig, PortDefinition, NodeConstraints, GridConfig, ZoomConfig, PanConfig, ValidationRule, ValidationError, LayoutOptions, ContextMenuConfig, ContextMenuItem, ContextMenuContext, SelectionState, ValidationResult, ContextMenuEvent, CanvasTheme, NodeTheme, NodeTypeStyle, EdgeTheme, PortTheme, SelectionTheme, FontTheme, ToolbarTheme } from './lib/graph-editor.config';
+export type { GraphEditorConfig, NodesConfig, EdgesConfig, CanvasConfig, ValidationConfig, LayoutConfig, InteractionConfig, ThemeConfig, PaletteConfig, ToolbarConfig, ToolbarItem, NodeTypeDefinition, PortConfig, PortDefinition, NodeConstraints, GridConfig, ZoomConfig, PanConfig, ValidationRule, ValidationError, LayoutOptions, ContextMenuConfig, ContextMenuItem, ContextMenuContext, SelectionState, ValidationResult, ContextMenuEvent, CanvasTheme, NodeTheme, NodeTypeStyle, EdgeTheme, PortTheme, SelectionTheme, FontTheme, ToolbarTheme } from './lib/graph-editor.config';
 export type { SvgIconDefinition } from './lib/icons/workflow-icons';
 export { renderIconSvg, iconToDataUrl } from './lib/icons/workflow-icons';
 export { NodeHtmlTemplateDirective, NodeSvgTemplateDirective, EdgeTemplateDirective } from './lib/template.directives';