@shumoku/core 0.1.0

package/dist/renderer/svg-dom/interaction.js

@@ -0,0 +1,296 @@
+/**
+ * SVG DOM Interaction Controller
+ * Handles pan, zoom, and drag interactions
+ */
+const DEFAULT_OPTIONS = {
+    enablePan: true,
+    enableZoom: true,
+    enableNodeDrag: true,
+    minScale: 0.1,
+    maxScale: 5,
+    zoomSensitivity: 0.002,
+};
+// ============================================
+// Interaction Controller
+// ============================================
+export class InteractionController {
+    svg;
+    contentGroup;
+    options;
+    events = {};
+    viewport = { scale: 1, translateX: 0, translateY: 0 };
+    // Interaction state
+    isPanning = false;
+    isDragging = false;
+    draggedNodeId = null;
+    lastPointer = { x: 0, y: 0 };
+    // Event handler references for cleanup
+    boundHandlers;
+    // Node/Link maps for event handling
+    nodeElements = new Map();
+    linkElements = new Map();
+    nodeDataMap = new Map();
+    linkDataMap = new Map();
+    constructor(svg, contentGroup, options = {}) {
+        this.svg = svg;
+        this.contentGroup = contentGroup;
+        this.options = { ...DEFAULT_OPTIONS, ...options };
+        // Bind handlers
+        this.boundHandlers = {
+            wheel: this.handleWheel.bind(this),
+            mousedown: this.handleMouseDown.bind(this),
+            mousemove: this.handleMouseMove.bind(this),
+            mouseup: this.handleMouseUp.bind(this),
+            mouseleave: this.handleMouseLeave.bind(this),
+        };
+    }
+    // ============================================
+    // Public API
+    // ============================================
+    attach() {
+        this.svg.addEventListener('wheel', this.boundHandlers.wheel, { passive: false });
+        this.svg.addEventListener('mousedown', this.boundHandlers.mousedown);
+        this.svg.addEventListener('mousemove', this.boundHandlers.mousemove);
+        this.svg.addEventListener('mouseup', this.boundHandlers.mouseup);
+        this.svg.addEventListener('mouseleave', this.boundHandlers.mouseleave);
+    }
+    detach() {
+        this.svg.removeEventListener('wheel', this.boundHandlers.wheel);
+        this.svg.removeEventListener('mousedown', this.boundHandlers.mousedown);
+        this.svg.removeEventListener('mousemove', this.boundHandlers.mousemove);
+        this.svg.removeEventListener('mouseup', this.boundHandlers.mouseup);
+        this.svg.removeEventListener('mouseleave', this.boundHandlers.mouseleave);
+    }
+    setEvents(events) {
+        this.events = events;
+    }
+    setViewport(viewport) {
+        this.viewport = { ...viewport };
+        this.applyViewport();
+    }
+    getViewport() {
+        return { ...this.viewport };
+    }
+    resetViewport() {
+        this.viewport = { scale: 1, translateX: 0, translateY: 0 };
+        this.applyViewport();
+    }
+    registerNode(id, element, data) {
+        this.nodeElements.set(id, element);
+        this.nodeDataMap.set(id, data);
+        this.attachNodeHandlers(element, id);
+    }
+    registerLink(id, element, data) {
+        this.linkElements.set(id, element);
+        this.linkDataMap.set(id, data);
+        this.attachLinkHandlers(element, id);
+    }
+    unregisterNode(id) {
+        const element = this.nodeElements.get(id);
+        if (element) {
+            this.detachNodeHandlers(element);
+            this.nodeElements.delete(id);
+            this.nodeDataMap.delete(id);
+        }
+    }
+    unregisterLink(id) {
+        const element = this.linkElements.get(id);
+        if (element) {
+            this.detachLinkHandlers(element);
+            this.linkElements.delete(id);
+            this.linkDataMap.delete(id);
+        }
+    }
+    getNodeElement(nodeId) {
+        return this.nodeElements.get(nodeId) || null;
+    }
+    getLinkElement(linkId) {
+        return this.linkElements.get(linkId) || null;
+    }
+    clear() {
+        this.nodeElements.clear();
+        this.linkElements.clear();
+        this.nodeDataMap.clear();
+        this.linkDataMap.clear();
+    }
+    // ============================================
+    // Viewport Control
+    // ============================================
+    applyViewport() {
+        const { scale, translateX, translateY } = this.viewport;
+        this.contentGroup.setAttribute('transform', `translate(${translateX}, ${translateY}) scale(${scale})`);
+        this.events.onViewportChange?.(this.viewport);
+    }
+    fitToContent(bounds, padding = 40) {
+        const svgRect = this.svg.getBoundingClientRect();
+        const containerWidth = svgRect.width;
+        const containerHeight = svgRect.height;
+        const contentWidth = bounds.width + padding * 2;
+        const contentHeight = bounds.height + padding * 2;
+        const scaleX = containerWidth / contentWidth;
+        const scaleY = containerHeight / contentHeight;
+        const scale = Math.min(scaleX, scaleY, 1); // Don't scale up beyond 1
+        const translateX = (containerWidth - bounds.width * scale) / 2 - bounds.x * scale;
+        const translateY = (containerHeight - bounds.height * scale) / 2 - bounds.y * scale;
+        this.viewport = { scale, translateX, translateY };
+        this.applyViewport();
+    }
+    // ============================================
+    // Event Handlers
+    // ============================================
+    handleWheel(e) {
+        if (!this.options.enableZoom)
+            return;
+        e.preventDefault();
+        const rect = this.svg.getBoundingClientRect();
+        const mouseX = e.clientX - rect.left;
+        const mouseY = e.clientY - rect.top;
+        // Calculate new scale
+        const delta = -e.deltaY * this.options.zoomSensitivity;
+        const newScale = Math.min(this.options.maxScale, Math.max(this.options.minScale, this.viewport.scale * (1 + delta)));
+        // Zoom toward mouse position
+        const scaleFactor = newScale / this.viewport.scale;
+        const newTranslateX = mouseX - scaleFactor * (mouseX - this.viewport.translateX);
+        const newTranslateY = mouseY - scaleFactor * (mouseY - this.viewport.translateY);
+        this.viewport = {
+            scale: newScale,
+            translateX: newTranslateX,
+            translateY: newTranslateY,
+        };
+        this.applyViewport();
+    }
+    handleMouseDown(e) {
+        const target = e.target;
+        // Check if clicking on a node for dragging
+        if (this.options.enableNodeDrag) {
+            const nodeGroup = this.findParentNodeGroup(target);
+            if (nodeGroup) {
+                const nodeId = nodeGroup.getAttribute('data-node-id');
+                if (nodeId) {
+                    this.isDragging = true;
+                    this.draggedNodeId = nodeId;
+                    this.lastPointer = this.getPointerPosition(e);
+                    const data = this.nodeDataMap.get(nodeId);
+                    if (data) {
+                        this.events.onNodeDragStart?.(nodeId, { ...data.position }, e);
+                    }
+                    e.preventDefault();
+                    return;
+                }
+            }
+        }
+        // Start panning on background
+        if (this.options.enablePan && this.isBackground(target)) {
+            this.isPanning = true;
+            this.lastPointer = { x: e.clientX, y: e.clientY };
+            e.preventDefault();
+        }
+    }
+    handleMouseMove(e) {
+        if (this.isDragging && this.draggedNodeId) {
+            const currentPointer = this.getPointerPosition(e);
+            const data = this.nodeDataMap.get(this.draggedNodeId);
+            if (data) {
+                const dx = (currentPointer.x - this.lastPointer.x) / this.viewport.scale;
+                const dy = (currentPointer.y - this.lastPointer.y) / this.viewport.scale;
+                data.position.x += dx;
+                data.position.y += dy;
+                // Note: Full node dragging requires re-rendering or updating all child elements
+                // For now, just emit the drag event
+                this.events.onNodeDrag?.(this.draggedNodeId, { ...data.position }, e);
+                this.lastPointer = currentPointer;
+            }
+        }
+        else if (this.isPanning) {
+            const dx = e.clientX - this.lastPointer.x;
+            const dy = e.clientY - this.lastPointer.y;
+            this.viewport.translateX += dx;
+            this.viewport.translateY += dy;
+            this.lastPointer = { x: e.clientX, y: e.clientY };
+            this.applyViewport();
+        }
+    }
+    handleMouseUp(e) {
+        if (this.isDragging && this.draggedNodeId) {
+            const data = this.nodeDataMap.get(this.draggedNodeId);
+            if (data) {
+                this.events.onNodeDragEnd?.(this.draggedNodeId, { ...data.position }, e);
+            }
+        }
+        this.isDragging = false;
+        this.draggedNodeId = null;
+        this.isPanning = false;
+    }
+    handleMouseLeave(_e) {
+        this.isPanning = false;
+        // Don't cancel drag on mouse leave to allow dragging outside SVG
+    }
+    // ============================================
+    // Node Event Handlers
+    // ============================================
+    attachNodeHandlers(element, nodeId) {
+        const data = this.nodeDataMap.get(nodeId);
+        if (!data)
+            return;
+        element.addEventListener('click', (e) => {
+            if (!this.isDragging) {
+                this.events.onNodeClick?.(nodeId, data, e);
+            }
+        });
+        element.addEventListener('dblclick', (e) => {
+            this.events.onNodeDoubleClick?.(nodeId, data, e);
+        });
+        element.addEventListener('mouseenter', (e) => {
+            this.events.onNodeMouseEnter?.(nodeId, data, e);
+        });
+        element.addEventListener('mouseleave', (e) => {
+            this.events.onNodeMouseLeave?.(nodeId, data, e);
+        });
+        // Set cursor for draggable nodes
+        if (this.options.enableNodeDrag) {
+            element.style.cursor = 'grab';
+        }
+    }
+    detachNodeHandlers(_element) {
+        // Event listeners are automatically removed when element is removed from DOM
+        // For explicit cleanup, we'd need to store references to the handlers
+    }
+    // ============================================
+    // Link Event Handlers
+    // ============================================
+    attachLinkHandlers(element, linkId) {
+        const data = this.linkDataMap.get(linkId);
+        if (!data)
+            return;
+        element.addEventListener('click', (e) => {
+            this.events.onLinkClick?.(linkId, data, e);
+        });
+    }
+    detachLinkHandlers(_element) {
+        // Event listeners are automatically removed when element is removed from DOM
+    }
+    // ============================================
+    // Helpers
+    // ============================================
+    getPointerPosition(e) {
+        const rect = this.svg.getBoundingClientRect();
+        return {
+            x: e.clientX - rect.left,
+            y: e.clientY - rect.top,
+        };
+    }
+    findParentNodeGroup(element) {
+        let current = element;
+        while (current && current !== this.svg) {
+            if (current instanceof SVGGElement && current.hasAttribute('data-node-id')) {
+                return current;
+            }
+            current = current.parentElement;
+        }
+        return null;
+    }
+    isBackground(element) {
+        return element === this.svg || element.classList.contains('background');
+    }
+}
+//# sourceMappingURL=interaction.js.map

package/dist/renderer/svg-dom/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../../src/renderer/svg-dom/interaction.ts"],"names":[],"mappings":"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"}

package/dist/renderer/svg-dom/renderer.d.ts

@@ -0,0 +1,47 @@
+/**
+ * SVG DOM Renderer
+ * Renders RenderModel to SVG DOM elements with interactive features
+ */
+import type { RenderModel, RenderEvents, ViewportState } from '../render-model/types.js';
+import type { InteractiveRenderer, RendererOptions } from '../renderer-types.js';
+import { type InteractionOptions } from './interaction.js';
+export interface SVGDOMRendererOptions extends RendererOptions {
+    /** Interaction options */
+    interaction?: InteractionOptions;
+    /** Container element to attach to */
+    container?: HTMLElement;
+}
+export declare class SVGDOMRenderer implements InteractiveRenderer {
+    private options;
+    private svg;
+    private contentGroup;
+    private controller;
+    private currentModel;
+    private defsElement;
+    private styleElement;
+    private subgraphLayer;
+    private linkLayer;
+    private nodeLayer;
+    constructor(options?: SVGDOMRendererOptions);
+    render(model: RenderModel): SVGSVGElement;
+    update(model: RenderModel, changedIds: string[]): void;
+    dispose(): void;
+    attachEvents(events: RenderEvents): void;
+    detachEvents(): void;
+    setViewport(viewport: ViewportState): void;
+    getViewport(): ViewportState;
+    fitToContainer(_container: HTMLElement, padding?: number): void;
+    resetViewport(): void;
+    getNodeElement(nodeId: string): SVGGElement | null;
+    getLinkElement(linkId: string): SVGGElement | null;
+    getSVGElement(): SVGSVGElement | null;
+    getContentGroup(): SVGGElement | null;
+    private renderSubgraphs;
+    private renderLinks;
+    private renderNodes;
+}
+/**
+ * Create a new SVG DOM renderer
+ */
+export declare function createSVGDOMRenderer(options?: SVGDOMRendererOptions): SVGDOMRenderer;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer/svg-dom/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg-dom/renderer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAChF,OAAO,EAAyB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAOjF,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,0BAA0B;IAC1B,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,qCAAqC;IACrC,SAAS,CAAC,EAAE,WAAW,CAAA;CACxB;AAMD,qBAAa,cAAe,YAAW,mBAAmB;IACxD,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,GAAG,CAA6B;IACxC,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,YAAY,CAA2B;IAG/C,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,YAAY,CAA+B;IACnD,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,SAAS,CAA2B;gBAEhC,OAAO,GAAE,qBAA0B;IAQ/C,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa;IAmEzC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI;IA0BtD,OAAO,IAAI,IAAI;IAcf,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAIxC,YAAY,IAAI,IAAI;IAIpB,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAI1C,WAAW,IAAI,aAAa;IAI5B,cAAc,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,SAAK,GAAG,IAAI;IAK3D,aAAa,IAAI,IAAI;IAIrB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAIlD,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAQlD,aAAa,IAAI,aAAa,GAAG,IAAI;IAIrC,eAAe,IAAI,WAAW,GAAG,IAAI;IAQrC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,WAAW;CASpB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,cAAc,CAEpF"}

package/dist/renderer/svg-dom/renderer.js

@@ -0,0 +1,188 @@
+/**
+ * SVG DOM Renderer
+ * Renders RenderModel to SVG DOM elements with interactive features
+ */
+import { InteractionController } from './interaction.js';
+import { buildDefs, buildNode, buildLink, buildSubgraph, updateNode, updateLink, SVG_NS } from './builders/index.js';
+// ============================================
+// SVG DOM Renderer
+// ============================================
+export class SVGDOMRenderer {
+    options;
+    svg = null;
+    contentGroup = null;
+    controller = null;
+    currentModel = null;
+    // Layer groups
+    defsElement = null;
+    styleElement = null;
+    subgraphLayer = null;
+    linkLayer = null;
+    nodeLayer = null;
+    constructor(options = {}) {
+        this.options = options;
+    }
+    // ============================================
+    // Renderer Implementation
+    // ============================================
+    render(model) {
+        this.currentModel = model;
+        // Create SVG element
+        this.svg = document.createElementNS(SVG_NS, 'svg');
+        this.svg.setAttribute('xmlns', SVG_NS);
+        this.svg.setAttribute('viewBox', model.viewBox);
+        // Use 100% to fill container, viewBox handles scaling
+        this.svg.setAttribute('width', '100%');
+        this.svg.setAttribute('height', '100%');
+        this.svg.style.background = model.backgroundColor;
+        this.svg.style.display = 'block';
+        // Defs
+        this.defsElement = buildDefs(model.defs);
+        this.svg.appendChild(this.defsElement);
+        // Styles
+        this.styleElement = document.createElementNS(SVG_NS, 'style');
+        this.styleElement.textContent = model.styles;
+        this.svg.appendChild(this.styleElement);
+        // Background for click detection
+        const background = document.createElementNS(SVG_NS, 'rect');
+        background.setAttribute('class', 'background');
+        background.setAttribute('x', String(model.bounds.x));
+        background.setAttribute('y', String(model.bounds.y));
+        background.setAttribute('width', String(model.bounds.width));
+        background.setAttribute('height', String(model.bounds.height));
+        background.setAttribute('fill', 'transparent');
+        this.svg.appendChild(background);
+        // Content group (for viewport transforms)
+        this.contentGroup = document.createElementNS(SVG_NS, 'g');
+        this.contentGroup.setAttribute('class', 'content');
+        this.svg.appendChild(this.contentGroup);
+        // Layer groups
+        this.subgraphLayer = document.createElementNS(SVG_NS, 'g');
+        this.subgraphLayer.setAttribute('class', 'subgraph-layer');
+        this.contentGroup.appendChild(this.subgraphLayer);
+        this.linkLayer = document.createElementNS(SVG_NS, 'g');
+        this.linkLayer.setAttribute('class', 'link-layer');
+        this.contentGroup.appendChild(this.linkLayer);
+        this.nodeLayer = document.createElementNS(SVG_NS, 'g');
+        this.nodeLayer.setAttribute('class', 'node-layer');
+        this.contentGroup.appendChild(this.nodeLayer);
+        // Render elements
+        this.renderSubgraphs(model);
+        this.renderLinks(model);
+        this.renderNodes(model);
+        // Setup interaction controller
+        this.controller = new InteractionController(this.svg, this.contentGroup, this.options.interaction);
+        this.controller.attach();
+        // Attach to container if provided
+        if (this.options.container) {
+            this.options.container.appendChild(this.svg);
+        }
+        return this.svg;
+    }
+    update(model, changedIds) {
+        if (!this.svg || !this.controller)
+            return;
+        this.currentModel = model;
+        for (const id of changedIds) {
+            // Check nodes
+            const node = model.nodes.get(id);
+            if (node && node.dirty) {
+                const element = this.controller.getNodeElement(id);
+                if (element) {
+                    updateNode(element, node);
+                }
+            }
+            // Check links
+            const link = model.links.get(id);
+            if (link && link.dirty) {
+                const element = this.controller.getLinkElement(id);
+                if (element) {
+                    updateLink(element, link);
+                }
+            }
+        }
+    }
+    dispose() {
+        this.controller?.detach();
+        this.controller?.clear();
+        this.svg?.remove();
+        this.svg = null;
+        this.contentGroup = null;
+        this.controller = null;
+        this.currentModel = null;
+    }
+    // ============================================
+    // Interactive Renderer Implementation
+    // ============================================
+    attachEvents(events) {
+        this.controller?.setEvents(events);
+    }
+    detachEvents() {
+        this.controller?.setEvents({});
+    }
+    setViewport(viewport) {
+        this.controller?.setViewport(viewport);
+    }
+    getViewport() {
+        return this.controller?.getViewport() ?? { scale: 1, translateX: 0, translateY: 0 };
+    }
+    fitToContainer(_container, padding = 40) {
+        if (!this.currentModel || !this.controller)
+            return;
+        this.controller.fitToContent(this.currentModel.bounds, padding);
+    }
+    resetViewport() {
+        this.controller?.resetViewport();
+    }
+    getNodeElement(nodeId) {
+        return this.controller?.getNodeElement(nodeId) ?? null;
+    }
+    getLinkElement(linkId) {
+        return this.controller?.getLinkElement(linkId) ?? null;
+    }
+    // ============================================
+    // Public Utilities
+    // ============================================
+    getSVGElement() {
+        return this.svg;
+    }
+    getContentGroup() {
+        return this.contentGroup;
+    }
+    // ============================================
+    // Private Render Methods
+    // ============================================
+    renderSubgraphs(model) {
+        if (!this.subgraphLayer)
+            return;
+        for (const [, subgraph] of model.subgraphs) {
+            const element = buildSubgraph(subgraph);
+            this.subgraphLayer.appendChild(element);
+        }
+    }
+    renderLinks(model) {
+        if (!this.linkLayer || !this.controller)
+            return;
+        for (const [id, link] of model.links) {
+            const element = buildLink(link);
+            this.linkLayer.appendChild(element);
+            this.controller.registerLink(id, element, link);
+        }
+    }
+    renderNodes(model) {
+        if (!this.nodeLayer || !this.controller)
+            return;
+        for (const [id, node] of model.nodes) {
+            const element = buildNode(node);
+            this.nodeLayer.appendChild(element);
+            this.controller.registerNode(id, element, node);
+        }
+    }
+}
+/**
+ * Create a new SVG DOM renderer
+ */
+export function createSVGDOMRenderer(options) {
+    return new SVGDOMRenderer(options);
+}
+//# sourceMappingURL=renderer.js.map

package/dist/renderer/svg-dom/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/renderer/svg-dom/renderer.ts"],"names":[],"mappings":"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"}

package/dist/renderer/svg-string/builders/defs.d.ts

@@ -0,0 +1,10 @@
+/**
+ * SVG Defs Builder
+ * Renders shared definitions (icons, markers, filters)
+ */
+import type { RenderDefs } from '../../render-model/types.js';
+/**
+ * Render all defs as SVG string
+ */
+export declare function renderDefs(defs: RenderDefs): string;
+//# sourceMappingURL=defs.d.ts.map

package/dist/renderer/svg-string/builders/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../src/renderer/svg-string/builders/defs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,UAAU,EAA0C,MAAM,6BAA6B,CAAA;AAErG;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAoBnD"}

package/dist/renderer/svg-string/builders/defs.js

@@ -0,0 +1,43 @@
+/**
+ * SVG Defs Builder
+ * Renders shared definitions (icons, markers, filters)
+ */
+/**
+ * Render all defs as SVG string
+ */
+export function renderDefs(defs) {
+    const parts = ['<defs>'];
+    // Icons as symbols
+    for (const [, icon] of defs.icons) {
+        parts.push(renderIconSymbol(icon));
+    }
+    // Markers (arrows)
+    for (const [, marker] of defs.markers) {
+        parts.push(renderMarker(marker));
+    }
+    // Filters (shadows, etc.)
+    for (const [, filter] of defs.filters) {
+        parts.push(renderFilter(filter));
+    }
+    parts.push('</defs>');
+    return parts.join('\n');
+}
+/**
+ * Render icon as SVG symbol
+ */
+function renderIconSymbol(icon) {
+    return `<symbol id="${icon.id}" viewBox="${icon.viewBox}">${icon.content}</symbol>`;
+}
+/**
+ * Render marker (arrow)
+ */
+function renderMarker(marker) {
+    return `<marker id="${marker.id}" markerWidth="${marker.width}" markerHeight="${marker.height}" refX="${marker.refX}" refY="${marker.refY}" orient="${marker.orient}"><polygon points="0 0, ${marker.width} ${marker.refY}, 0 ${marker.height}" fill="${marker.fill}" /></marker>`;
+}
+/**
+ * Render filter
+ */
+function renderFilter(filter) {
+    return `<filter id="${filter.id}" x="${filter.x}" y="${filter.y}" width="${filter.width}" height="${filter.height}">${filter.content}</filter>`;
+}
+//# sourceMappingURL=defs.js.map

package/dist/renderer/svg-string/builders/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../../src/renderer/svg-string/builders/defs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,IAAgB;IACzC,MAAM,KAAK,GAAa,CAAC,QAAQ,CAAC,CAAA;IAElC,mBAAmB;IACnB,KAAK,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAClC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;IACpC,CAAC;IAED,mBAAmB;IACnB,KAAK,MAAM,CAAC,EAAE,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;IAClC,CAAC;IAED,0BAA0B;IAC1B,KAAK,MAAM,CAAC,EAAE,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;IAClC,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACrB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACzB,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,IAAgB;IACxC,OAAO,eAAe,IAAI,CAAC,EAAE,cAAc,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,WAAW,CAAA;AACrF,CAAC;AAED;;GAEG;AACH,SAAS,YAAY,CAAC,MAAoB;IACxC,OAAO,eAAe,MAAM,CAAC,EAAE,kBAAkB,MAAM,CAAC,KAAK,mBAAmB,MAAM,CAAC,MAAM,WAAW,MAAM,CAAC,IAAI,WAAW,MAAM,CAAC,IAAI,aAAa,MAAM,CAAC,MAAM,2BAA2B,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,OAAO,MAAM,CAAC,MAAM,WAAW,MAAM,CAAC,IAAI,eAAe,CAAA;AACpR,CAAC;AAED;;GAEG;AACH,SAAS,YAAY,CAAC,MAAoB;IACxC,OAAO,eAAe,MAAM,CAAC,EAAE,QAAQ,MAAM,CAAC,CAAC,QAAQ,MAAM,CAAC,CAAC,YAAY,MAAM,CAAC,KAAK,aAAa,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,WAAW,CAAA;AACjJ,CAAC"}

package/dist/renderer/svg-string/builders/link.d.ts

@@ -0,0 +1,10 @@
+/**
+ * SVG Link Builder
+ * Renders RenderLink to SVG string
+ */
+import type { RenderLink } from '../../render-model/types.js';
+/**
+ * Render link as SVG group
+ */
+export declare function renderLink(link: RenderLink): string;
+//# sourceMappingURL=link.d.ts.map

package/dist/renderer/svg-string/builders/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/renderer/svg-string/builders/link.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAmC,MAAM,6BAA6B,CAAA;AAG9F;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgCnD"}