@composable-svelte/code
Version:
Code editor, syntax highlighting, and node-based canvas components for Composable Svelte - Built with Prism.js, CodeMirror, and SvelteFlow
84 lines • 3.32 kB
TypeScript
import type { ConnectionLineType } from '@xyflow/svelte';
import type { Store } from '@composable-svelte/core';
import type { NodeCanvasState, NodeCanvasAction } from './types.js';
import '@xyflow/svelte/dist/style.css';
interface NodeCanvasProps<NodeData, EdgeData, Action> {
/**
* Composable Architecture store managing canvas state.
*/
store: Store<NodeCanvasState<NodeData, EdgeData>, Action>;
/**
* Lift canvas actions to parent action type.
* Required to dispatch canvas actions through the store.
*/
liftAction: (action: NodeCanvasAction<NodeData, EdgeData>) => Action;
/**
* Custom node components by type.
* Maps node.type to Svelte component.
*/
nodeTypes?: Record<string, any>;
/**
* Custom edge components by type.
* Maps edge.type to Svelte component.
*/
edgeTypes?: Record<string, any>;
/**
* Connection line type (bezier, smoothstep, step, straight).
* @default 'bezier'
*/
connectionLineType?: ConnectionLineType;
/**
* Enable/disable panning.
* @default true
*/
panOnDrag?: boolean;
/**
* Enable/disable zoom on scroll.
* @default true
*/
zoomOnScroll?: boolean;
/**
* Enable/disable selection.
* @default true
*/
selectable?: boolean;
/**
* CSS class for the canvas container.
*/
class?: string;
/**
* Minimum zoom level.
* @default 0.1
*/
minZoom?: number;
/**
* Maximum zoom level.
* @default 2
*/
maxZoom?: number;
}
declare function $$render<NodeData = any, EdgeData = any, Action = any>(): {
props: NodeCanvasProps<NodeData, EdgeData, Action>;
exports: {};
bindings: "";
slots: {};
events: {};
};
declare class __sveltets_Render<NodeData = any, EdgeData = any, Action = any> {
props(): ReturnType<typeof $$render<NodeData, EdgeData, Action>>['props'];
events(): ReturnType<typeof $$render<NodeData, EdgeData, Action>>['events'];
slots(): ReturnType<typeof $$render<NodeData, EdgeData, Action>>['slots'];
bindings(): "";
exports(): {};
}
interface $$IsomorphicComponent {
new <NodeData = any, EdgeData = any, Action = any>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['props']>, ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['events']>, ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['slots']>> & {
$$bindings?: ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['bindings']>;
} & ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['exports']>;
<NodeData = any, EdgeData = any, Action = any>(internal: unknown, props: ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['props']> & {}): ReturnType<__sveltets_Render<NodeData, EdgeData, Action>['exports']>;
z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
}
declare const NodeCanvas: $$IsomorphicComponent;
type NodeCanvas<NodeData = any, EdgeData = any, Action = any> = InstanceType<typeof NodeCanvas<NodeData, EdgeData, Action>>;
export default NodeCanvas;
//# sourceMappingURL=NodeCanvas.svelte.d.ts.map