@shumoku/core 0.1.0

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

@@ -0,0 +1,262 @@
+/**
+ * SVG DOM Node Builder
+ * Creates SVG group element for a node
+ */
+import { createElement, createText, createUse, applyStyle, SVG_NS } from './utils.js';
+/**
+ * Build node group element
+ * Uses absolute coordinates (no transform) to match svg-string renderer
+ */
+export function buildNode(node) {
+    const group = createElement('g');
+    group.setAttribute('class', node.classes.join(' '));
+    group.setAttribute('data-node-id', node.id);
+    // Store position for dragging (but don't use transform)
+    group.setAttribute('data-x', String(node.position.x));
+    group.setAttribute('data-y', String(node.position.y));
+    // Data attributes
+    for (const [key, value] of Object.entries(node.dataAttributes)) {
+        group.setAttribute(key, value);
+    }
+    // Shape (centered at position)
+    const shape = buildShapeAtPosition(node);
+    group.appendChild(shape);
+    // Icon
+    if (node.iconRef && node.iconPosition && node.iconSize) {
+        const icon = createUse(node.iconRef, node.iconPosition.x, node.iconPosition.y, node.iconSize.width, node.iconSize.height, 'node-icon');
+        group.appendChild(icon);
+    }
+    // Labels
+    for (const label of node.labels) {
+        group.appendChild(buildLabel(label));
+    }
+    // Ports
+    for (const port of node.ports) {
+        group.appendChild(buildPort(port));
+    }
+    return group;
+}
+/**
+ * Build node shape at absolute position (centered)
+ */
+function buildShapeAtPosition(node) {
+    const { position, size, shape, style } = node;
+    const x = position.x;
+    const y = position.y;
+    const w = size.width;
+    const h = size.height;
+    const halfW = w / 2;
+    const halfH = h / 2;
+    let el;
+    switch (shape) {
+        case 'circle': {
+            const r = Math.min(halfW, halfH);
+            el = createElement('circle', {
+                cx: x,
+                cy: y,
+                r,
+            });
+            break;
+        }
+        case 'diamond': {
+            const points = `${x},${y - halfH} ${x + halfW},${y} ${x},${y + halfH} ${x - halfW},${y}`;
+            el = createElement('polygon', { points });
+            break;
+        }
+        case 'hexagon': {
+            const hx = halfW * 0.866;
+            const points = `${x - halfW},${y} ${x - hx},${y - halfH} ${x + hx},${y - halfH} ${x + halfW},${y} ${x + hx},${y + halfH} ${x - hx},${y + halfH}`;
+            el = createElement('polygon', { points });
+            break;
+        }
+        case 'stadium': {
+            el = createElement('rect', {
+                x: x - halfW,
+                y: y - halfH,
+                width: w,
+                height: h,
+                rx: halfH,
+                ry: halfH,
+            });
+            break;
+        }
+        case 'cylinder': {
+            const ellipseH = h * 0.15;
+            const group = createElement('g');
+            // Bottom ellipse
+            const bottomEllipse = createElement('ellipse', {
+                cx: x,
+                cy: y + halfH - ellipseH,
+                rx: halfW,
+                ry: ellipseH,
+            });
+            applyStyle(bottomEllipse, style);
+            group.appendChild(bottomEllipse);
+            // Body
+            const body = createElement('rect', {
+                x: x - halfW,
+                y: y - halfH + ellipseH,
+                width: w,
+                height: h - ellipseH * 2,
+            });
+            body.setAttribute('fill', style.fill || '');
+            group.appendChild(body);
+            // Side lines
+            const leftLine = createElement('line');
+            leftLine.setAttribute('x1', String(x - halfW));
+            leftLine.setAttribute('y1', String(y - halfH + ellipseH));
+            leftLine.setAttribute('x2', String(x - halfW));
+            leftLine.setAttribute('y2', String(y + halfH - ellipseH));
+            leftLine.setAttribute('stroke', style.stroke || '');
+            leftLine.setAttribute('stroke-width', String(style.strokeWidth || 1));
+            group.appendChild(leftLine);
+            const rightLine = createElement('line');
+            rightLine.setAttribute('x1', String(x + halfW));
+            rightLine.setAttribute('y1', String(y - halfH + ellipseH));
+            rightLine.setAttribute('x2', String(x + halfW));
+            rightLine.setAttribute('y2', String(y + halfH - ellipseH));
+            rightLine.setAttribute('stroke', style.stroke || '');
+            rightLine.setAttribute('stroke-width', String(style.strokeWidth || 1));
+            group.appendChild(rightLine);
+            // Top ellipse
+            const topEllipse = createElement('ellipse', {
+                cx: x,
+                cy: y - halfH + ellipseH,
+                rx: halfW,
+                ry: ellipseH,
+            });
+            applyStyle(topEllipse, style);
+            group.appendChild(topEllipse);
+            group.setAttribute('class', 'node-shape');
+            return group;
+        }
+        case 'trapezoid': {
+            const indent = w * 0.15;
+            const points = `${x - halfW + indent},${y - halfH} ${x + halfW - indent},${y - halfH} ${x + halfW},${y + halfH} ${x - halfW},${y + halfH}`;
+            el = createElement('polygon', { points });
+            break;
+        }
+        case 'rounded':
+            el = createElement('rect', {
+                x: x - halfW,
+                y: y - halfH,
+                width: w,
+                height: h,
+                rx: 8,
+                ry: 8,
+            });
+            break;
+        case 'rect':
+        default: {
+            el = createElement('rect', {
+                x: x - halfW,
+                y: y - halfH,
+                width: w,
+                height: h,
+                rx: 4,
+                ry: 4,
+            });
+        }
+    }
+    applyStyle(el, style);
+    el.setAttribute('class', 'node-shape');
+    return el;
+}
+/**
+ * Build label
+ */
+function buildLabel(label) {
+    // If has background, wrap in group
+    if (label.background) {
+        const group = document.createElementNS(SVG_NS, 'g');
+        const bg = createElement('rect', {
+            x: label.background.bounds.x,
+            y: label.background.bounds.y,
+            width: label.background.bounds.width,
+            height: label.background.bounds.height,
+            rx: label.background.cornerRadius,
+            ry: label.background.cornerRadius,
+        });
+        applyStyle(bg, label.background.style);
+        group.appendChild(bg);
+        const text = createText(label.text, label.position.x, label.position.y, {
+            className: 'node-label',
+            fontFamily: label.textStyle.fontFamily,
+            fontSize: label.textStyle.fontSize,
+            fontWeight: label.textStyle.fontWeight,
+            fill: label.textStyle.fill,
+            textAnchor: label.textStyle.textAnchor,
+            dominantBaseline: label.textStyle.dominantBaseline,
+        });
+        group.appendChild(text);
+        return group;
+    }
+    return createText(label.text, label.position.x, label.position.y, {
+        className: 'node-label',
+        fontFamily: label.textStyle.fontFamily,
+        fontSize: label.textStyle.fontSize,
+        fontWeight: label.textStyle.fontWeight,
+        fill: label.textStyle.fill,
+        textAnchor: label.textStyle.textAnchor,
+        dominantBaseline: label.textStyle.dominantBaseline,
+    });
+}
+/**
+ * Build port indicator (uses absolute position)
+ */
+function buildPort(port) {
+    const group = createElement('g');
+    group.setAttribute('class', 'port');
+    group.setAttribute('data-port-id', port.id);
+    // Port box (centered at absolute position)
+    const x = port.absolutePosition.x - port.size.width / 2;
+    const y = port.absolutePosition.y - port.size.height / 2;
+    const rect = createElement('rect', {
+        x,
+        y,
+        width: port.size.width,
+        height: port.size.height,
+        rx: 2,
+    });
+    applyStyle(rect, port.style);
+    group.appendChild(rect);
+    // Port label background
+    if (port.label.background) {
+        const bg = port.label.background;
+        const bgRect = createElement('rect', {
+            x: bg.bounds.x,
+            y: bg.bounds.y,
+            width: bg.bounds.width,
+            height: bg.bounds.height,
+            rx: bg.cornerRadius,
+        });
+        applyStyle(bgRect, bg.style);
+        group.appendChild(bgRect);
+    }
+    // Port label text
+    if (port.label.text) {
+        const text = createText(port.label.text, port.label.position.x, port.label.position.y, {
+            className: 'port-label',
+            fontFamily: port.label.textStyle.fontFamily,
+            fontSize: port.label.textStyle.fontSize,
+            fill: port.label.textStyle.fill,
+            textAnchor: port.label.textStyle.textAnchor,
+        });
+        group.appendChild(text);
+    }
+    return group;
+}
+/**
+ * Update existing node element with new data
+ */
+export function updateNode(element, node) {
+    element.setAttribute('transform', `translate(${node.position.x}, ${node.position.y})`);
+    // Update style on shape
+    const shape = element.querySelector('.node-shape');
+    if (shape) {
+        applyStyle(shape, node.style);
+    }
+    // Mark as not dirty
+    node.dirty = false;
+}
+//# sourceMappingURL=node.js.map

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

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

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

@@ -0,0 +1,14 @@
+/**
+ * SVG DOM Subgraph Builder
+ * Creates SVG group element for a subgraph
+ */
+import type { RenderSubgraph } from '../../render-model/types.js';
+/**
+ * Build subgraph group element
+ */
+export declare function buildSubgraph(subgraph: RenderSubgraph): SVGGElement;
+/**
+ * Update existing subgraph element
+ */
+export declare function updateSubgraph(element: SVGGElement, subgraph: RenderSubgraph): void;
+//# sourceMappingURL=subgraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"subgraph.d.ts","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/subgraph.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGjE;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,GAAG,WAAW,CAiDnE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAanF"}

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

@@ -0,0 +1,63 @@
+/**
+ * SVG DOM Subgraph Builder
+ * Creates SVG group element for a subgraph
+ */
+import { createElement, createText, createUse, applyStyle } from './utils.js';
+/**
+ * Build subgraph group element
+ */
+export function buildSubgraph(subgraph) {
+    const group = createElement('g');
+    group.setAttribute('class', subgraph.classes.join(' '));
+    group.setAttribute('data-subgraph-id', subgraph.id);
+    // Data attributes
+    for (const [key, value] of Object.entries(subgraph.dataAttributes)) {
+        group.setAttribute(key, value);
+    }
+    // Background rect
+    const rect = createElement('rect', {
+        x: subgraph.bounds.x,
+        y: subgraph.bounds.y,
+        width: subgraph.bounds.width,
+        height: subgraph.bounds.height,
+        rx: subgraph.cornerRadius,
+        ry: subgraph.cornerRadius,
+    });
+    applyStyle(rect, subgraph.style);
+    rect.setAttribute('class', 'subgraph-bg');
+    group.appendChild(rect);
+    // Icon
+    if (subgraph.iconRef && subgraph.iconPosition && subgraph.iconSize) {
+        const icon = createUse(subgraph.iconRef, subgraph.iconPosition.x, subgraph.iconPosition.y, subgraph.iconSize.width, subgraph.iconSize.height, 'subgraph-icon');
+        group.appendChild(icon);
+    }
+    // Label
+    const { label } = subgraph;
+    const text = createText(label.text, label.position.x, label.position.y, {
+        className: 'subgraph-label',
+        fontFamily: label.textStyle.fontFamily,
+        fontSize: label.textStyle.fontSize,
+        fontWeight: label.textStyle.fontWeight,
+        fill: label.textStyle.fill,
+        textAnchor: label.textStyle.textAnchor,
+    });
+    group.appendChild(text);
+    return group;
+}
+/**
+ * Update existing subgraph element
+ */
+export function updateSubgraph(element, subgraph) {
+    // Update background rect
+    const rect = element.querySelector('.subgraph-bg');
+    if (rect) {
+        rect.setAttribute('x', String(subgraph.bounds.x));
+        rect.setAttribute('y', String(subgraph.bounds.y));
+        rect.setAttribute('width', String(subgraph.bounds.width));
+        rect.setAttribute('height', String(subgraph.bounds.height));
+        applyStyle(rect, subgraph.style);
+    }
+    // Mark as not dirty
+    subgraph.dirty = false;
+}
+//# sourceMappingURL=subgraph.js.map

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

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

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

@@ -0,0 +1,40 @@
+/**
+ * SVG DOM Builder Utilities
+ */
+export declare const SVG_NS = "http://www.w3.org/2000/svg";
+/**
+ * Create SVG element with attributes
+ */
+export declare function createElement<K extends keyof SVGElementTagNameMap>(tagName: K, attributes?: Record<string, string | number | undefined>): SVGElementTagNameMap[K];
+/**
+ * Create text element
+ */
+export declare function createText(text: string, x: number, y: number, options?: {
+    className?: string;
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    fill?: string;
+    textAnchor?: string;
+    dominantBaseline?: string;
+}): SVGTextElement;
+/**
+ * Create use element for icon reference
+ */
+export declare function createUse(href: string, x: number, y: number, width: number, height: number, className?: string): SVGUseElement;
+/**
+ * Apply visual style to element
+ */
+export declare function applyStyle(el: SVGElement, style: {
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    strokeDasharray?: string;
+    opacity?: number;
+    filter?: string;
+}): void;
+/**
+ * Escape text for safe display
+ */
+export declare function escapeText(text: string): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+BAA+B,CAAA;AAElD;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,oBAAoB,EAChE,OAAO,EAAE,CAAC,EACV,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAM,GAC3D,oBAAoB,CAAC,CAAC,CAAC,CAQzB;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,OAAO,GAAE;IACP,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACrB,GACL,cAAc,CAkBhB;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,GACjB,aAAa,CAYf;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,EAAE,EAAE,UAAU,EACd,KAAK,EAAE;IACL,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GACA,IAAI,CAON;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK/C"}

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

@@ -0,0 +1,79 @@
+/**
+ * SVG DOM Builder Utilities
+ */
+export const SVG_NS = 'http://www.w3.org/2000/svg';
+/**
+ * Create SVG element with attributes
+ */
+export function createElement(tagName, attributes = {}) {
+    const el = document.createElementNS(SVG_NS, tagName);
+    for (const [key, value] of Object.entries(attributes)) {
+        if (value !== undefined) {
+            el.setAttribute(key, String(value));
+        }
+    }
+    return el;
+}
+/**
+ * Create text element
+ */
+export function createText(text, x, y, options = {}) {
+    const textEl = createElement('text', {
+        x,
+        y,
+        'text-anchor': options.textAnchor,
+        'dominant-baseline': options.dominantBaseline,
+        'font-family': options.fontFamily,
+        'font-size': options.fontSize,
+        'font-weight': options.fontWeight,
+        fill: options.fill,
+    });
+    if (options.className) {
+        textEl.setAttribute('class', options.className);
+    }
+    textEl.textContent = text;
+    return textEl;
+}
+/**
+ * Create use element for icon reference
+ */
+export function createUse(href, x, y, width, height, className) {
+    const use = createElement('use', {
+        href: `#${href}`,
+        x,
+        y,
+        width,
+        height,
+    });
+    if (className) {
+        use.setAttribute('class', className);
+    }
+    return use;
+}
+/**
+ * Apply visual style to element
+ */
+export function applyStyle(el, style) {
+    if (style.fill)
+        el.setAttribute('fill', style.fill);
+    if (style.stroke)
+        el.setAttribute('stroke', style.stroke);
+    if (style.strokeWidth)
+        el.setAttribute('stroke-width', String(style.strokeWidth));
+    if (style.strokeDasharray)
+        el.setAttribute('stroke-dasharray', style.strokeDasharray);
+    if (style.opacity !== undefined)
+        el.setAttribute('opacity', String(style.opacity));
+    if (style.filter)
+        el.setAttribute('filter', style.filter);
+}
+/**
+ * Escape text for safe display
+ */
+export function escapeText(text) {
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+}
+//# sourceMappingURL=utils.js.map

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * SVG DOM Renderer Module
+ * Interactive SVG rendering with pan, zoom, and drag
+ */
+export { SVGDOMRenderer, createSVGDOMRenderer } from './renderer.js';
+export type { SVGDOMRendererOptions } from './renderer.js';
+export { InteractionController } from './interaction.js';
+export type { InteractionOptions } from './interaction.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg-dom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}

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

@@ -0,0 +1,7 @@
+/**
+ * SVG DOM Renderer Module
+ * Interactive SVG rendering with pan, zoom, and drag
+ */
+export { SVGDOMRenderer, createSVGDOMRenderer } from './renderer.js';
+export { InteractionController } from './interaction.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/renderer/svg-dom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAGpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA"}

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

@@ -0,0 +1,69 @@
+/**
+ * SVG DOM Interaction Controller
+ * Handles pan, zoom, and drag interactions
+ */
+import type { ViewportState, RenderEvents, RenderNode, RenderLink } from '../render-model/types.js';
+export interface InteractionOptions {
+    /** Enable panning */
+    enablePan?: boolean;
+    /** Enable zooming */
+    enableZoom?: boolean;
+    /** Enable node dragging */
+    enableNodeDrag?: boolean;
+    /** Minimum zoom scale */
+    minScale?: number;
+    /** Maximum zoom scale */
+    maxScale?: number;
+    /** Zoom sensitivity (higher = faster) */
+    zoomSensitivity?: number;
+}
+export declare class InteractionController {
+    private svg;
+    private contentGroup;
+    private options;
+    private events;
+    private viewport;
+    private isPanning;
+    private isDragging;
+    private draggedNodeId;
+    private lastPointer;
+    private boundHandlers;
+    private nodeElements;
+    private linkElements;
+    private nodeDataMap;
+    private linkDataMap;
+    constructor(svg: SVGSVGElement, contentGroup: SVGGElement, options?: InteractionOptions);
+    attach(): void;
+    detach(): void;
+    setEvents(events: RenderEvents): void;
+    setViewport(viewport: ViewportState): void;
+    getViewport(): ViewportState;
+    resetViewport(): void;
+    registerNode(id: string, element: SVGGElement, data: RenderNode): void;
+    registerLink(id: string, element: SVGGElement, data: RenderLink): void;
+    unregisterNode(id: string): void;
+    unregisterLink(id: string): void;
+    getNodeElement(nodeId: string): SVGGElement | null;
+    getLinkElement(linkId: string): SVGGElement | null;
+    clear(): void;
+    private applyViewport;
+    fitToContent(bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, padding?: number): void;
+    private handleWheel;
+    private handleMouseDown;
+    private handleMouseMove;
+    private handleMouseUp;
+    private handleMouseLeave;
+    private attachNodeHandlers;
+    private detachNodeHandlers;
+    private attachLinkHandlers;
+    private detachLinkHandlers;
+    private getPointerPosition;
+    private findParentNodeGroup;
+    private isBackground;
+}
+//# sourceMappingURL=interaction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg-dom/interaction.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAS,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAM1G,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAeD,qBAAa,qBAAqB;IAChC,OAAO,CAAC,GAAG,CAAe;IAC1B,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,QAAQ,CAA4D;IAG5E,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,WAAW,CAAwB;IAG3C,OAAO,CAAC,aAAa,CAMpB;IAGD,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,WAAW,CAAqC;IACxD,OAAO,CAAC,WAAW,CAAqC;gBAGtD,GAAG,EAAE,aAAa,EAClB,YAAY,EAAE,WAAW,EACzB,OAAO,GAAE,kBAAuB;IAoBlC,MAAM,IAAI,IAAI;IAQd,MAAM,IAAI,IAAI;IAQd,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAIrC,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAK1C,WAAW,IAAI,aAAa;IAI5B,aAAa,IAAI,IAAI;IAKrB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAMtE,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAMtE,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAShC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAShC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAIlD,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAIlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IASrB,YAAY,CAAC,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,SAAK,GAAG,IAAI;IAuBjG,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,YAAY;CAGrB"}