@xyflow/svelte/dist/lib/plugins/Minimap/interactive.js

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

import { XYMinimap } from '@xyflow/system';
export default function interactive(domNode, params) {
    const minimap = XYMinimap({
        domNode,
        panZoom: params.panZoom,
        getTransform: () => {
            const { viewport } = params.store;
            return [viewport.x, viewport.y, viewport.zoom];
        },
        getViewScale: params.getViewScale
    });
    minimap.update({
        translateExtent: params.translateExtent,
        width: params.width,
        height: params.height,
        inversePan: params.inversePan,
        zoomStep: params.zoomStep,
        pannable: params.pannable,
        zoomable: params.zoomable
    });
    function update(params) {
        minimap.update({
            translateExtent: params.translateExtent,
            width: params.width,
            height: params.height,
            inversePan: params.inversePan,
            zoomStep: params.zoomStep,
            pannable: params.pannable,
            zoomable: params.zoomable
        });
    }
    return {
        update,
        destroy() {
            minimap.destroy();
        }
    };
}