@xyflow/svelte/dist/lib/plugins/Minimap/types.d.ts

Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.

import type { PanelPosition } from '@xyflow/system';
import type { ClassValue, HTMLAttributes } from 'svelte/elements';
import type { Node } from '../../types';
export type GetMiniMapNodeAttribute = (node: Node) => string;
export type MiniMapProps = {
    /** Background color of minimap */
    bgColor?: string;
    /** Color of nodes on the minimap */
    nodeColor?: string | GetMiniMapNodeAttribute;
    /** Stroke color of nodes on the minimap */
    nodeStrokeColor?: string | GetMiniMapNodeAttribute;
    /** Class applied to nodes on the minimap */
    nodeClass?: string | GetMiniMapNodeAttribute;
    /** Border radius of nodes on the minimap */
    nodeBorderRadius?: number;
    /** Stroke width of nodes on the minimap */
    nodeStrokeWidth?: number;
    /** Color of the mask representing viewport */
    maskColor?: string;
    /** Stroke color of the mask representing viewport */
    maskStrokeColor?: string;
    /** Stroke width of the mask representing viewport */
    maskStrokeWidth?: number;
    /** Position of the minimap on the pane
     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
     * PanelPosition.BottomLeft, PanelPosition.BottomRight
     */
    position?: PanelPosition;
    /** Class applied to container */
    class?: ClassValue;
    /** Style applied to container */
    style?: string;
    /** The aria-label applied to container */
    ariaLabel?: string | null;
    /** Width of minimap */
    width?: number;
    /** Height of minimap */
    height?: number;
    pannable?: boolean;
    zoomable?: boolean;
    /** Invert the direction when panning the minimap viewport */
    inversePan?: boolean;
    /** Step size for zooming in/out */
    zoomStep?: number;
} & HTMLAttributes<HTMLDivElement>;