@xenolithengine/graph-render-pixi 0.7.0-beta.0

package/dist/edge-renderer.d.ts

@@ -0,0 +1,29 @@
+import { Graphics } from 'pixi.js';
+import type { XenTokens } from '@xenolithengine/graph-theme-xen';
+import { type EdgePathStyle } from './edge-paths.js';
+import type { PinLayout } from './layout.js';
+export type { EdgePathStyle } from './edge-paths.js';
+export interface RenderEdgeOptions {
+    /** Pin type at the source — drives wire colour. Defaults to 'any'. */
+    sourceType?: string;
+    /** Suppress the midpoint handle dot (e.g. the live drag-ghost wire has no interaction point). */
+    noMidpoint?: boolean;
+    /** Text drawn at the wire's midpoint (rendered by the editor as a PIXI Text, not by drawEdge). */
+    label?: string;
+    /** End marker drawn at the target pin. `'arrow'` draws a filled arrowhead; omit/`'none'` for none. */
+    markerEnd?: 'arrow' | 'none';
+    /** Animate a flowing dash along the wire (kept ticking only while ≥1 animated edge exists). */
+    animated?: boolean;
+    /** Transient per-frame dash offset (px) for animated edges. Not serialized; set by the editor's
+     *  ticker. Ignored unless `animated`. */
+    dashPhase?: number;
+    /** Wire shape. Default `'bezier'` (smooth S-curve, the historical Xen look — untouched). Other
+     *  styles render as orthogonal / straight polylines via `edge-paths.ts`. Per-edge override
+     *  through `editor.setEdgeOptions(id, { pathStyle })`. */
+    pathStyle?: EdgePathStyle;
+}
+/** Repaint an existing Graphics with a fresh edge path. Use during drag to avoid GC pressure
+ *  from creating a new Graphics on every pointermove. */
+export declare function drawEdge(g: Graphics, from: PinLayout, to: PinLayout, tokens: XenTokens, opts?: RenderEdgeOptions): Graphics;
+export declare function renderEdge(from: PinLayout, to: PinLayout, tokens: XenTokens, opts?: RenderEdgeOptions): Graphics;
+//# sourceMappingURL=edge-renderer.d.ts.map

package/dist/edge-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge-renderer.d.ts","sourceRoot":"","sources":["../src/edge-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAEhE,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAG5C,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iGAAiG;IACjG,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;6CACyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;8DAE0D;IAC1D,SAAS,CAAC,EAAE,aAAa,CAAA;CAC1B;AAgBD;yDACyD;AACzD,wBAAgB,QAAQ,CACtB,CAAC,EAAE,QAAQ,EACX,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,SAAS,EACb,MAAM,EAAE,SAAS,EACjB,IAAI,GAAE,iBAAsB,GAC3B,QAAQ,CAgFV;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,SAAS,EACb,MAAM,EAAE,SAAS,EACjB,IAAI,GAAE,iBAAsB,GAC3B,QAAQ,CAEV"}

package/dist/edge-renderer.js

@@ -0,0 +1,99 @@
+import { Graphics } from 'pixi.js';
+import { bezierMidpoint, computeEdgePath, arrowHead, sampleBezier } from './bezier.js';
+import { computeLinearPolyline, computeStepPolyline, computeSmoothStepPolyline, polylineMidpoint, polylineArrowHead, } from './edge-paths.js';
+import { resolveEdgeColor } from './style.js';
+/** Stroke bright dash segments along a sampled polyline, offset by `phase` so they travel when the
+ *  caller animates `phase`. Approximated per-segment — fine at ~56 samples per wire. */
+function drawFlowingDashes(g, pts, color, width, phase) {
+    const dash = 15, gap = 13, period = dash + gap;
+    let s = 0;
+    for (let i = 1; i < pts.length; i++) {
+        const a = pts[i - 1], b = pts[i];
+        const segLen = Math.hypot(b.x - a.x, b.y - a.y);
+        const m = (((s + segLen / 2 - phase) % period) + period) % period;
+        if (m < dash)
+            g.moveTo(a.x, a.y).lineTo(b.x, b.y).stroke({ color, width });
+        s += segLen;
+    }
+}
+/** Repaint an existing Graphics with a fresh edge path. Use during drag to avoid GC pressure
+ *  from creating a new Graphics on every pointermove. */
+export function drawEdge(g, from, to, tokens, opts = {}) {
+    const sourceType = opts.sourceType ?? 'any';
+    const isExec = sourceType === 'exec';
+    const color = resolveEdgeColor(sourceType, tokens);
+    const width = isExec ? tokens.geometry.edge.execWidth : tokens.geometry.edge.width;
+    const style = opts.pathStyle ?? 'bezier';
+    g.clear();
+    // Bezier path stays on the historical hot path — fastest (native PIXI bezierCurveTo), best-
+    // looking for typical DAG edges. The polyline branch below only fires when the user asked for
+    // step / smoothstep / linear via opts.pathStyle.
+    if (style === 'bezier') {
+        const path = computeEdgePath(from, to, {
+            bezierTension: tokens.geometry.edge.bezierTension,
+            minHorizontalSpread: tokens.geometry.edge.minHorizontalSpread,
+        });
+        if (opts.animated) {
+            g.moveTo(path.start.x, path.start.y)
+                .bezierCurveTo(path.c1.x, path.c1.y, path.c2.x, path.c2.y, path.end.x, path.end.y)
+                .stroke({ color, width, alpha: 0.3 });
+            const approxLen = Math.hypot(path.c1.x - path.start.x, path.c1.y - path.start.y) +
+                Math.hypot(path.c2.x - path.c1.x, path.c2.y - path.c1.y) +
+                Math.hypot(path.end.x - path.c2.x, path.end.y - path.c2.y);
+            const steps = Math.max(24, Math.min(400, Math.round(approxLen / 5)));
+            drawFlowingDashes(g, sampleBezier(path, steps), color, width, opts.dashPhase ?? 0);
+        }
+        else {
+            g.moveTo(path.start.x, path.start.y)
+                .bezierCurveTo(path.c1.x, path.c1.y, path.c2.x, path.c2.y, path.end.x, path.end.y)
+                .stroke({ color, width });
+        }
+        if (opts.markerEnd === 'arrow') {
+            const [tip, l, r] = arrowHead(path, tokens.geometry.edge.arrowSize);
+            g.moveTo(tip.x, tip.y).lineTo(l.x, l.y).lineTo(r.x, r.y).closePath().fill({ color });
+        }
+        const rMid = tokens.geometry.edge.midpointRadius;
+        if (!opts.noMidpoint && rMid > 0) {
+            const mid = bezierMidpoint(path);
+            g.circle(mid.x, mid.y, rMid)
+                .fill({ color })
+                .stroke({ color: tokens.color.surface.canvas, width: 1, alignment: 0.5 });
+        }
+        return g;
+    }
+    // Polyline styles: step / smoothstep / linear. Same colour + width contract as bezier, just a
+    // different point list. Animated dashes reuse the same `drawFlowingDashes` (already polyline-
+    // based) — no resampling needed.
+    const pts = style === 'linear' ? computeLinearPolyline(from, to) :
+        style === 'step' ? computeStepPolyline(from, to) :
+            /* smoothstep */ computeSmoothStepPolyline(from, to);
+    if (opts.animated) {
+        g.moveTo(pts[0].x, pts[0].y);
+        for (let i = 1; i < pts.length; i++)
+            g.lineTo(pts[i].x, pts[i].y);
+        g.stroke({ color, width, alpha: 0.3 });
+        drawFlowingDashes(g, pts, color, width, opts.dashPhase ?? 0);
+    }
+    else {
+        g.moveTo(pts[0].x, pts[0].y);
+        for (let i = 1; i < pts.length; i++)
+            g.lineTo(pts[i].x, pts[i].y);
+        g.stroke({ color, width });
+    }
+    if (opts.markerEnd === 'arrow') {
+        const [tip, l, r] = polylineArrowHead(pts, tokens.geometry.edge.arrowSize);
+        g.moveTo(tip.x, tip.y).lineTo(l.x, l.y).lineTo(r.x, r.y).closePath().fill({ color });
+    }
+    const rMid = tokens.geometry.edge.midpointRadius;
+    if (!opts.noMidpoint && rMid > 0) {
+        const mid = polylineMidpoint(pts);
+        g.circle(mid.x, mid.y, rMid)
+            .fill({ color })
+            .stroke({ color: tokens.color.surface.canvas, width: 1, alignment: 0.5 });
+    }
+    return g;
+}
+export function renderEdge(from, to, tokens, opts = {}) {
+    return drawEdge(new Graphics(), from, to, tokens, opts);
+}
+//# sourceMappingURL=edge-renderer.js.map

package/dist/edge-renderer.js.map

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

package/dist/geom.d.ts

@@ -0,0 +1,46 @@
+import type { Node } from '@xenolithengine/graph-core';
+export interface Vec2 {
+    x: number;
+    y: number;
+}
+export interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare function rectFromPoints(a: Vec2, b: Vec2): Rect;
+/** Strict AABB intersection — touching edges (zero overlap) do not count. */
+export declare function rectIntersects(a: Rect, b: Rect): boolean;
+export interface NodeBoundsTokens {
+    geometry: {
+        node: {
+            minWidth: number;
+            headerHeight: number;
+            headerPadding: number;
+        };
+        header: {
+            toPinsGap: number;
+        };
+    };
+}
+/**
+ * For each node, compute the set of lower-paint-order nodes whose AABB overlaps it.
+ *
+ * Used by backdrop-sampling themes (Liquid Glass) to do painter's-order RT compositing:
+ * a node with non-empty `lower` entry needs its own RT with those lower nodes baked in, so
+ * its glass shader refracts what's visually underneath it. Nodes with empty `lower` share the
+ * single base backdrop (cheaper path).
+ *
+ * Input `rects` are ordered bottom-to-top in paint order (index 0 = bottom of stack).
+ */
+export declare function computeOverlapBackdropPlan(rects: ReadonlyArray<{
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}>): Map<string, string[]>;
+/** World-space AABB of a node — used for marquee-selection hit-testing. */
+export declare function nodeBounds(node: Node, tokens: NodeBoundsTokens): Rect;
+//# sourceMappingURL=geom.d.ts.map

package/dist/geom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geom.d.ts","sourceRoot":"","sources":["../src/geom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAEtD,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CASrD;AAED,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAOxD;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE;QACR,IAAI,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,MAAM,CAAC;YAAC,aAAa,EAAE,MAAM,CAAA;SAAE,CAAA;QACvE,MAAM,EAAE;YAAE,SAAS,EAAE,MAAM,CAAA;SAAE,CAAA;KAC9B,CAAA;CACF;AAED;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,aAAa,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,GACxF,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAYvB;AAED,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAUrE"}

package/dist/geom.js

@@ -0,0 +1,54 @@
+export function rectFromPoints(a, b) {
+    const x = Math.min(a.x, b.x);
+    const y = Math.min(a.y, b.y);
+    return {
+        x,
+        y,
+        width: Math.abs(b.x - a.x),
+        height: Math.abs(b.y - a.y),
+    };
+}
+/** Strict AABB intersection — touching edges (zero overlap) do not count. */
+export function rectIntersects(a, b) {
+    return (a.x < b.x + b.width &&
+        a.x + a.width > b.x &&
+        a.y < b.y + b.height &&
+        a.y + a.height > b.y);
+}
+/**
+ * For each node, compute the set of lower-paint-order nodes whose AABB overlaps it.
+ *
+ * Used by backdrop-sampling themes (Liquid Glass) to do painter's-order RT compositing:
+ * a node with non-empty `lower` entry needs its own RT with those lower nodes baked in, so
+ * its glass shader refracts what's visually underneath it. Nodes with empty `lower` share the
+ * single base backdrop (cheaper path).
+ *
+ * Input `rects` are ordered bottom-to-top in paint order (index 0 = bottom of stack).
+ */
+export function computeOverlapBackdropPlan(rects) {
+    const plan = new Map();
+    for (let i = 1; i < rects.length; i++) {
+        const ri = rects[i];
+        const lower = [];
+        for (let j = 0; j < i; j++) {
+            const rj = rects[j];
+            if (rectIntersects(ri, rj))
+                lower.push(rj.id);
+        }
+        if (lower.length > 0)
+            plan.set(ri.id, lower);
+    }
+    return plan;
+}
+/** World-space AABB of a node — used for marquee-selection hit-testing. */
+export function nodeBounds(node, tokens) {
+    const width = node.size?.x ?? tokens.geometry.node.minWidth;
+    const height = node.size?.y ?? tokens.geometry.node.headerHeight + tokens.geometry.header.toPinsGap;
+    return {
+        x: node.position.x,
+        y: node.position.y,
+        width,
+        height,
+    };
+}
+//# sourceMappingURL=geom.js.map

package/dist/geom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geom.js","sourceRoot":"","sources":["../src/geom.ts"],"names":[],"mappings":"AAcA,MAAM,UAAU,cAAc,CAAC,CAAO,EAAE,CAAO;IAC7C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5B,OAAO;QACL,CAAC;QACD,CAAC;QACD,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC5B,CAAA;AACH,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,cAAc,CAAC,CAAO,EAAE,CAAO;IAC7C,OAAO,CACL,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK;QACnB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM;QACpB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CACrB,CAAA;AACH,CAAC;AASD;;;;;;;;;GASG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAyF;IAEzF,MAAM,IAAI,GAAG,IAAI,GAAG,EAAoB,CAAA;IACxC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAE,CAAA;QACpB,MAAM,KAAK,GAAa,EAAE,CAAA;QAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAE,CAAA;YACpB,IAAI,cAAc,CAAC,EAAE,EAAE,EAAE,CAAC;gBAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;QAC/C,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;IAC9C,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,MAAwB;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC3D,MAAM,MAAM,GACV,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAA;IACtF,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClB,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClB,KAAK;QACL,MAAM;KACP,CAAA;AACH,CAAC"}

package/dist/grid.d.ts

@@ -0,0 +1,12 @@
+import { TilingSprite } from 'pixi.js';
+import type { XenTokens } from '@xenolithengine/graph-theme-xen';
+/**
+ * Create a `TilingSprite` filled with the Xen background dot pattern.
+ *
+ * The grid lives in world space — add it as a child of the same container the viewport applies
+ * to, so it scales / pans naturally with zoom and pan. We make the sprite very large (effectively
+ * infinite) and pre-offset it to a negative origin, so under any reasonable viewport position the
+ * visible area is always covered.
+ */
+export declare function createGridSprite(tokens: XenTokens): TilingSprite;
+//# sourceMappingURL=grid.d.ts.map

package/dist/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAEhE;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,SAAS,GAAG,YAAY,CAUhE"}

package/dist/grid.js

@@ -0,0 +1,35 @@
+import { Texture, TilingSprite } from 'pixi.js';
+/**
+ * Create a `TilingSprite` filled with the Xen background dot pattern.
+ *
+ * The grid lives in world space — add it as a child of the same container the viewport applies
+ * to, so it scales / pans naturally with zoom and pan. We make the sprite very large (effectively
+ * infinite) and pre-offset it to a negative origin, so under any reasonable viewport position the
+ * visible area is always covered.
+ */
+export function createGridSprite(tokens) {
+    const tile = makeDotTile(tokens);
+    const sprite = new TilingSprite({
+        texture: tile,
+        width: 200_000,
+        height: 200_000,
+    });
+    sprite.position.set(-100_000, -100_000);
+    sprite.label = 'background-grid';
+    return sprite;
+}
+function makeDotTile(tokens) {
+    const { spacing, size, color } = tokens.background.grid;
+    const canvas = document.createElement('canvas');
+    canvas.width = spacing;
+    canvas.height = spacing;
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        throw new Error('createGridSprite: 2d canvas context unavailable');
+    ctx.fillStyle = color;
+    ctx.beginPath();
+    ctx.arc(spacing / 2, spacing / 2, size, 0, Math.PI * 2);
+    ctx.fill();
+    return Texture.from(canvas);
+}
+//# sourceMappingURL=grid.js.map

package/dist/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../src/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAiB;IAChD,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC;QAC9B,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB,CAAC,CAAA;IACF,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAA;IACvC,MAAM,CAAC,KAAK,GAAG,iBAAiB,CAAA;IAChC,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,WAAW,CAAC,MAAiB;IACpC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAA;IACvD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,CAAC,KAAK,GAAG,OAAO,CAAA;IACtB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAA;IACvB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACnC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAA;IAC5E,GAAG,CAAC,SAAS,GAAG,KAAK,CAAA;IACrB,GAAG,CAAC,SAAS,EAAE,CAAA;IACf,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;IACvD,GAAG,CAAC,IAAI,EAAE,CAAA;IACV,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAC7B,CAAC"}

package/dist/icons.d.ts

@@ -0,0 +1,14 @@
+export declare const BUILTIN_ICONS: Record<string, string>;
+/** Registry of header glyph icons by name. Seeded with the built-in Feather set; hosts/plugins add
+ *  their own via `register(name, svgInner)`. The renderer resolves a node's glyph name to its svg. */
+export declare class IconRegistry {
+    #private;
+    /** Register (or override) a named icon. `svgInner` is the inner markup of a 24×24 svg — use
+     *  `<path>`/`<circle>`/`<rect>`/`<ellipse>` (avoid `<polyline>`/`<polygon>` with decimal coords). */
+    register(name: string, svgInner: string): void;
+    unregister(name: string): boolean;
+    has(name: string): boolean;
+    get(name: string): string | undefined;
+    names(): string[];
+}
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA2BhD,CAAA;AAED;sGACsG;AACtG,qBAAa,YAAY;;IAGvB;yGACqG;IACrG,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAC9C,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IACjC,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAC1B,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IACrC,KAAK,IAAI,MAAM,EAAE;CAClB"}

package/dist/icons.js

@@ -0,0 +1,32 @@
+// Built-in header glyph icons (Feather, MIT). Each value is the INNER markup of a 24×24 viewBox svg
+// (the editor/renderer wraps it with stroke styling). IMPORTANT: PIXI's SVG parser splits
+// polyline/polygon points on integer boundaries (it drops decimals), so every shape here is a
+// <path>/<circle>/<rect>/<ellipse> — never <polyline>/<polygon>. Lines are written as paths too.
+export const BUILTIN_ICONS = {
+    layers: '<path d="M12 2 2 7 12 12 22 7 12 2Z"/><path d="M2 17 12 22 22 17"/><path d="M2 12 12 17 22 12"/>',
+    box: '<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="M3.27 6.96 12 12.01 20.73 6.96"/><path d="M12 22.08V12"/>',
+    cpu: '<rect x="4" y="4" width="16" height="16" rx="2"/><rect x="9" y="9" width="6" height="6"/><path d="M9 1v3"/><path d="M15 1v3"/><path d="M9 20v3"/><path d="M15 20v3"/><path d="M20 9h3"/><path d="M20 14h3"/><path d="M1 9h3"/><path d="M1 14h3"/>',
+    database: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 5v14c0 1.66-4 3-9 3s-9-1.34-9-3V5"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/>',
+    branch: '<path d="M6 3V15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/>',
+    code: '<path d="M16 18 22 12 16 6"/><path d="M8 6 2 12 8 18"/>',
+    play: '<path d="M5 3 19 12 5 21Z"/>',
+    zap: '<path d="M13 2 3 14 12 14 11 22 21 10 12 10 13 2Z"/>',
+    clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
+    flag: '<path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><path d="M4 22v-7"/>',
+    circle: '<circle cx="12" cy="12" r="9"/>',
+    square: '<rect x="4" y="4" width="16" height="16" rx="2"/>',
+    diamond: '<path d="M12 3 21 12 12 21 3 12Z"/>',
+};
+/** Registry of header glyph icons by name. Seeded with the built-in Feather set; hosts/plugins add
+ *  their own via `register(name, svgInner)`. The renderer resolves a node's glyph name to its svg. */
+export class IconRegistry {
+    #icons = new Map(Object.entries(BUILTIN_ICONS));
+    /** Register (or override) a named icon. `svgInner` is the inner markup of a 24×24 svg — use
+     *  `<path>`/`<circle>`/`<rect>`/`<ellipse>` (avoid `<polyline>`/`<polygon>` with decimal coords). */
+    register(name, svgInner) { this.#icons.set(name, svgInner); }
+    unregister(name) { return this.#icons.delete(name); }
+    has(name) { return this.#icons.has(name); }
+    get(name) { return this.#icons.get(name); }
+    names() { return [...this.#icons.keys()]; }
+}
+//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,0FAA0F;AAC1F,8FAA8F;AAC9F,iGAAiG;AACjG,MAAM,CAAC,MAAM,aAAa,GAA2B;IACnD,MAAM,EACJ,kGAAkG;IACpG,GAAG,EACD,yMAAyM;IAC3M,GAAG,EACD,mPAAmP;IACrP,QAAQ,EACN,uIAAuI;IACzI,MAAM,EACJ,gHAAgH;IAClH,IAAI,EACF,yDAAyD;IAC3D,IAAI,EACF,8BAA8B;IAChC,GAAG,EACD,sDAAsD;IACxD,KAAK,EACH,wDAAwD;IAC1D,IAAI,EACF,2FAA2F;IAC7F,MAAM,EACJ,iCAAiC;IACnC,MAAM,EACJ,mDAAmD;IACrD,OAAO,EACL,qCAAqC;CACxC,CAAA;AAED;sGACsG;AACtG,MAAM,OAAO,YAAY;IACd,MAAM,GAAG,IAAI,GAAG,CAAiB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAA;IAExE;yGACqG;IACrG,QAAQ,CAAC,IAAY,EAAE,QAAgB,IAAU,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA,CAAC,CAAC;IAClF,UAAU,CAAC,IAAY,IAAa,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;IACrE,GAAG,CAAC,IAAY,IAAa,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;IAC3D,GAAG,CAAC,IAAY,IAAwB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC;IACtE,KAAK,KAAe,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAA,CAAC,CAAC;CACrD"}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+export declare const VERSION = "0.7.0-beta.0";
+export { computeNodeLayout, measureNodeSize, findPinByKey, pinRowIndexFor, effectivePinRowHeight } from './layout.js';
+export type { LayoutTokens, NodeLayout, PinLayout, Rect, NodeSizeTokens, TextMeasurer } from './layout.js';
+export { createPixiTextMeasurer } from './text-measure.js';
+export { computeEdgePath, sampleBezier, bezierMidpoint } from './bezier.js';
+export type { EdgePath, EdgeTokens, Vec2 } from './bezier.js';
+export { resolveCategoryAccent, resolvePinFill, resolvePinStroke, resolvePinShape, resolveEdgeColor, resolveCategoryGradient, hexToRgba, } from './style.js';
+export type { CategoryGradient, CategoryColorSpec, GraphCategoryPalette } from './style.js';
+export { renderNode, makeHeaderIcon, buildPinShape, readPinHandle, markPinInteractive, clearGlowTextureCache, clearGradientCache } from './node-renderer.js';
+export { IconRegistry, BUILTIN_ICONS } from './icons.js';
+export type { RenderNodeOptions, NodeView, NodeVisualState, PinHandle } from './node-renderer.js';
+export { renderRerouteNode, rerouteSize, renderRerouteNodeBox, rerouteBoxSize, rerouteStateColor } from './reroute-renderer.js';
+export { renderWidgets, computeWidgetRects, resolveWidgetStyle, widgetCssVars, themeCssVars, isDomWidgetController } from './widget-renderer.js';
+export type { WidgetRect, WidgetHit, WidgetsView, WidgetLayoutTokens, ComputeWidgetRectsCtx, ResolvedWidgetStyle, CustomWidgetController, CanvasWidgetController, DomWidgetController, CustomWidgetContext } from './widget-renderer.js';
+export { renderEdge, drawEdge } from './edge-renderer.js';
+export type { RenderEdgeOptions, EdgePathStyle } from './edge-renderer.js';
+export { screenToWorld, worldToScreen, zoomAt, clampZoom, snapToGrid, computeDragTarget, computeGroupSnappedDelta, fitView, } from './viewport-math.js';
+export type { ViewportState, ZoomBounds, Vec2 as ViewportVec2, Rect as ViewportRect, FitViewOptions } from './viewport-math.js';
+export { Viewport } from './viewport.js';
+export type { ApplyTarget } from './viewport.js';
+export { InteractionManager, wheelDeltaToZoomFactor } from './interaction.js';
+export type { InteractionManagerOptions } from './interaction.js';
+export { createGridSprite } from './grid.js';
+export type { XenolithTheme, ThemeRenderContext, PaletteStyle } from './theme.js';
+export { xenTheme } from './xen-theme.js';
+export { rectFromPoints, rectIntersects, nodeBounds, computeOverlapBackdropPlan } from './geom.js';
+export type { Rect as GeomRect, Vec2 as GeomVec2, NodeBoundsTokens } from './geom.js';
+export { renderComment } from './comment-renderer.js';
+export type { CommentView } from './comment-renderer.js';
+export { renderMacroFrame } from './macro-frame.js';
+export type { MacroFrameView, MacroFrameState, FrameRect } from './macro-frame.js';
+export { shouldVirtualize, visibleWorldRect, reconcileVisibleNodes, useLOD, lodLevel, cellKey, cellsForRect } from './virtualize.js';
+export type { Reconciliation, LODLevel, LODThresholds } from './virtualize.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,20 @@
+export const VERSION = '0.7.0-beta.0';
+export { computeNodeLayout, measureNodeSize, findPinByKey, pinRowIndexFor, effectivePinRowHeight } from './layout.js';
+export { createPixiTextMeasurer } from './text-measure.js';
+export { computeEdgePath, sampleBezier, bezierMidpoint } from './bezier.js';
+export { resolveCategoryAccent, resolvePinFill, resolvePinStroke, resolvePinShape, resolveEdgeColor, resolveCategoryGradient, hexToRgba, } from './style.js';
+export { renderNode, makeHeaderIcon, buildPinShape, readPinHandle, markPinInteractive, clearGlowTextureCache, clearGradientCache } from './node-renderer.js';
+export { IconRegistry, BUILTIN_ICONS } from './icons.js';
+export { renderRerouteNode, rerouteSize, renderRerouteNodeBox, rerouteBoxSize, rerouteStateColor } from './reroute-renderer.js';
+export { renderWidgets, computeWidgetRects, resolveWidgetStyle, widgetCssVars, themeCssVars, isDomWidgetController } from './widget-renderer.js';
+export { renderEdge, drawEdge } from './edge-renderer.js';
+export { screenToWorld, worldToScreen, zoomAt, clampZoom, snapToGrid, computeDragTarget, computeGroupSnappedDelta, fitView, } from './viewport-math.js';
+export { Viewport } from './viewport.js';
+export { InteractionManager, wheelDeltaToZoomFactor } from './interaction.js';
+export { createGridSprite } from './grid.js';
+export { xenTheme } from './xen-theme.js';
+export { rectFromPoints, rectIntersects, nodeBounds, computeOverlapBackdropPlan } from './geom.js';
+export { renderComment } from './comment-renderer.js';
+export { renderMacroFrame } from './macro-frame.js';
+export { shouldVirtualize, visibleWorldRect, reconcileVisibleNodes, useLOD, lodLevel, cellKey, cellsForRect } from './virtualize.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAA;AAErC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAGrH,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAG3E,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,uBAAuB,EACvB,SAAS,GACV,MAAM,YAAY,CAAA;AAGnB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC5J,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAGxD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,oBAAoB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAE/H,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAGhJ,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAGzD,OAAO,EACL,aAAa,EACb,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,OAAO,GACR,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAG7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAA;AAGlG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGnD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/interaction.d.ts

@@ -0,0 +1,69 @@
+import { type Unsubscribe } from '@xenolithengine/graph-core';
+import type { Vec2 } from './viewport-math.js';
+/**
+ * Convert a `WheelEvent.deltaY` to a multiplicative zoom factor. Positive delta (scroll down)
+ * zooms out (factor < 1), negative zooms in (factor > 1). Uses an exponential curve so the same
+ * notch always changes zoom by the same proportion, regardless of current zoom level.
+ *
+ * One default OS scroll click produces deltaY ≈ ±100; we map that to ~0.82× / 1.22× zoom step.
+ */
+export declare function wheelDeltaToZoomFactor(deltaY: number): number;
+/**
+ * Native trackpad pinch on macOS arrives as a wheel event with `ctrlKey` set and small deltaY
+ * (typically ±1–10). We want a gentler curve here than scroll wheel — pinch should feel buttery,
+ * not catapulty. Same exponential shape, larger divisor.
+ */
+export declare function pinchDeltaToZoomFactor(deltaY: number): number;
+type InteractionEvents = {
+    'intent:zoom': {
+        focal: Vec2;
+        factor: number;
+    };
+    'intent:pan': {
+        dx: number;
+        dy: number;
+    };
+    'intent:gesture-begin': Record<string, never>;
+    'intent:gesture-end': Record<string, never>;
+    'intent:long-press': Vec2;
+    'intent:long-press-start': {
+        x: number;
+        y: number;
+        ms: number;
+    };
+    'intent:long-press-cancel': Record<string, never>;
+};
+export interface InteractionManagerOptions {
+    /** Mouse buttons that initiate a pan-drag. Defaults to middle (1) and right (2). */
+    panButtons?: readonly number[];
+    /** Milliseconds a stationary single touch must hold to fire `intent:long-press`. Default 500. */
+    longPressMs?: number;
+    /** Movement tolerance (client px) for the long-press timer — moving farther cancels it. Default 8. */
+    longPressSlop?: number;
+}
+export declare class InteractionManager {
+    #private;
+    constructor(target: HTMLElement, opts?: InteractionManagerOptions);
+    attach(): void;
+    detach(): void;
+    onZoom(handler: (e: InteractionEvents['intent:zoom']) => void): Unsubscribe;
+    onPan(handler: (e: InteractionEvents['intent:pan']) => void): Unsubscribe;
+    /**
+     * Fires the moment a second touch arrives. The editor uses this to cancel any in-flight
+     * single-pointer drag (node move, edge drag, marquee) so the gesture takes over cleanly
+     * instead of half a node being dragged while we also pan + zoom.
+     */
+    onGestureBegin(handler: () => void): Unsubscribe;
+    /** Fires when the active touch count drops back below 2. */
+    onGestureEnd(handler: () => void): Unsubscribe;
+    /** Fires after a stationary single touch holds for `longPressMs` — mobile equivalent of right-click. */
+    onLongPress(handler: (e: InteractionEvents['intent:long-press']) => void): Unsubscribe;
+    /** Fires the moment a single touch lands, with the local point and the duration the user must
+     *  hold for the long-press to fire. Editors paint a growing ring at the point so the user gets
+     *  feedback during the hold. Paired with onLongPressCancel; followed by onLongPress on success. */
+    onLongPressStart(handler: (e: InteractionEvents['intent:long-press-start']) => void): Unsubscribe;
+    /** Fires when the in-progress long-press is aborted (move past slop, lift early, second touch). */
+    onLongPressCancel(handler: () => void): Unsubscribe;
+}
+export {};
+//# sourceMappingURL=interaction.d.ts.map

package/dist/interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../src/interaction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAkB;QAAE,KAAK,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9D,YAAY,EAAmB;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IACzD,sBAAsB,EAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACpD,oBAAoB,EAAW,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACpD,mBAAmB,EAAY,IAAI,CAAA;IACnC,yBAAyB,EAAM;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IACnE,0BAA0B,EAAK,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;CACrD,CAAA;AAED,MAAM,WAAW,yBAAyB;IACxC,oFAAoF;IACpF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC9B,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sGAAsG;IACtG,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,qBAAa,kBAAkB;;gBAkBjB,MAAM,EAAE,WAAW,EAAE,IAAI,GAAE,yBAA8B;IAOrE,MAAM,IAAI,IAAI;IAkBd,MAAM,IAAI,IAAI;IASd,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,KAAK,IAAI,GAAG,WAAW;IAI3E,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,KAAK,IAAI,GAAG,WAAW;IAIzE;;;;OAIG;IACH,cAAc,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,WAAW;IAIhD,4DAA4D;IAC5D,YAAY,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,WAAW;IAI9C,wGAAwG;IACxG,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,WAAW;IAItF;;uGAEmG;IACnG,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,yBAAyB,CAAC,KAAK,IAAI,GAAG,WAAW;IAIjG,mGAAmG;IACnG,iBAAiB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,WAAW;CAqIpD"}