@contraagent/elements 0.0.0-stage → 0.1.0

package/dist/graph/pan-zoom.js

@@ -0,0 +1,191 @@
+import { FRAME_MIN, FRAME_SHARE } from '../core/frame.js';
+import { fitView, zoomView } from './view.js';
+/** How far the view zooms: from half of the whole-drawing view (or of 1) up to this. */
+export const ZOOM_MAX = 2.5;
+/** A pointer moved this far is a pan, not a click. */
+export const DRAG = 4;
+/** The transform that shows `v`. */
+export const transformOf = (v) => `translate(${v.x}px,${v.y}px) scale(${v.k})`;
+/**
+ * The zoom and pan of a drawing in its frame, and the frame's height. Until the
+ * reader zooms or pans (`moved`), the view shows the whole drawing. The host
+ * renders again only when what it draws changes: the frame's height, and whether
+ * "Show all" does anything (`moved`, `fitK`).
+ */
+export class PanZoomController {
+    constructor(host, o) {
+        this.host = host;
+        this.o = o;
+        /** The zoom and pan, written on the stage. */
+        this.view = { k: 1, x: 0, y: 0 };
+        /** The frame's height as the drawing needs it; a height set on the host makes the frame taller or shorter. */
+        this.frameH = 0;
+        /** The scale that shows the whole drawing. */
+        this.fitK = 1;
+        /** The reader has zoomed or panned away from the whole drawing. */
+        this.moved = false;
+        /** A pointer is down on the frame. */
+        this.pressed = false;
+        /** A pan in progress, and whether it went far enough to swallow the click that ends it. */
+        this.pan = null;
+        this.swallowClick = false;
+        this.onPointerDown = (e) => {
+            this.pressed = true;
+            globalThis.addEventListener('pointerup', () => (this.pressed = false), { once: true });
+            // On a narrow screen a touch scrolls the page; a mouse still pans.
+            if (e.button !== 0 || e.target.closest('.tools') || (this.o.down() && e.pointerType !== 'mouse'))
+                return;
+            this.pan = { id: e.pointerId, px: e.clientX, py: e.clientY, x: this.view.x, y: this.view.y, far: false };
+        };
+        this.onPointerMove = (e) => {
+            const p = this.pan;
+            if (!p || p.id !== e.pointerId)
+                return;
+            const dx = e.clientX - p.px;
+            const dy = e.clientY - p.py;
+            if (!p.far && Math.hypot(dx, dy) < DRAG)
+                return;
+            if (!p.far) {
+                p.far = true;
+                e.currentTarget.setPointerCapture(e.pointerId);
+                e.currentTarget.classList.add('drag');
+            }
+            this.setMoved();
+            this.setView({ ...this.view, x: p.x + dx, y: p.y + dy });
+        };
+        this.onPointerUp = (e) => {
+            const p = this.pan;
+            if (!p || p.id !== e.pointerId)
+                return;
+            this.pan = null;
+            e.currentTarget.classList.remove('drag');
+            if (p.far)
+                this.swallowClick = true;
+        };
+        this.onWheel = (e) => {
+            if (!this.o.wheel() || !(e.ctrlKey || e.metaKey))
+                return;
+            const frame = this.o.frame();
+            if (!frame)
+                return;
+            e.preventDefault();
+            const r = frame.getBoundingClientRect();
+            this.zoomBy(Math.exp(-e.deltaY * 0.0015), e.clientX - r.left, e.clientY - r.top);
+        };
+        /** The click that ends a pan opens nothing. */
+        this.onClickCapture = (e) => {
+            if (!this.swallowClick)
+                return;
+            this.swallowClick = false;
+            e.stopPropagation();
+            e.preventDefault();
+        };
+        host.addController(this);
+    }
+    hostConnected() {
+        // Ctrl (or ⌘) and the wheel zoom; the wheel alone still scrolls the page.
+        this.host.addEventListener('wheel', this.onWheel, { passive: false });
+        this.host.addEventListener('click', this.onClickCapture, { capture: true });
+    }
+    hostDisconnected() {
+        this.host.removeEventListener('wheel', this.onWheel);
+        this.host.removeEventListener('click', this.onClickCapture, { capture: true });
+        this.resize?.disconnect();
+        this.resize = undefined;
+    }
+    hostUpdated() {
+        if (this.resize)
+            return;
+        this.resize = new ResizeObserver(() => this.o.onResize());
+        this.resize.observe(this.host);
+    }
+    /** The stage's style: the view, as the host renders it. */
+    get transform() {
+        return transformOf(this.view);
+    }
+    /** Back to the whole drawing, on a new layer. */
+    reset() {
+        this.moved = false;
+    }
+    /** The frame's height and, until the reader zooms or pans, the view of the whole drawing. */
+    fit() {
+        const d = this.o.drawing();
+        if (!d)
+            return;
+        const frame = this.o.frame();
+        // The frame is beside the inspector, or above it on a narrow screen.
+        const width = frame?.clientWidth || this.host.clientWidth;
+        // Top to bottom, the drawing is as tall as it needs at the frame's width.
+        const own = fitView(d.w, d.h, width, d.down ? Infinity : Math.max(FRAME_MIN, FRAME_SHARE * globalThis.innerHeight));
+        // A height set on the host: the frame is not as tall as it was drawn, and the drawing fits the frame as it is.
+        const fh = frame?.clientHeight ?? 0;
+        const whole = `${fh}px` !== (frame?.style.height ?? '0px') ? fitView(d.w, d.h, width, fh, fh) : own;
+        if (whole.k !== this.fitK) {
+            this.fitK = whole.k;
+            this.host.requestUpdate();
+        }
+        // A short drawing's frame grows down to hold the selection's card; the drawing stays where it is.
+        const h = d.down ? own.h : Math.max(own.h, d.room);
+        if (!this.moved) {
+            this.setHeight(h);
+            if (whole.k !== this.view.k || whole.x !== this.view.x || whole.y !== this.view.y)
+                this.setView({ k: whole.k, x: whole.x, y: whole.y });
+        }
+        else if (h > this.frameH)
+            this.setHeight(h);
+    }
+    /** Back to the whole drawing. */
+    showAll() {
+        this.moved = false;
+        this.fit();
+        this.host.requestUpdate();
+    }
+    zoomBy(factor, cx = (this.o.frame()?.clientWidth ?? this.host.clientWidth) / 2, cy = (this.o.frame()?.clientHeight ?? this.frameH) / 2) {
+        this.setMoved();
+        this.setView(zoomView(this.view, factor, cx, cy, Math.min(1, this.fitK) / 2, ZOOM_MAX));
+    }
+    /** Bring `el` into the frame when zoom or pan left it outside. */
+    reveal(el) {
+        const frame = this.o.frame();
+        if (!frame)
+            return;
+        const f = frame.getBoundingClientRect();
+        const r = el.getBoundingClientRect();
+        const pad = 24;
+        let dx = 0;
+        let dy = 0;
+        if (r.left < f.left + pad)
+            dx = f.left + pad - r.left;
+        else if (r.right > f.right - pad)
+            dx = f.right - pad - r.right;
+        if (r.top < f.top + pad)
+            dy = f.top + pad - r.top;
+        else if (r.bottom > f.bottom - pad)
+            dy = f.bottom - pad - r.bottom;
+        if (dx || dy) {
+            this.setMoved();
+            this.setView({ ...this.view, x: this.view.x + dx, y: this.view.y + dy });
+        }
+    }
+    setMoved() {
+        if (this.moved)
+            return;
+        this.moved = true;
+        this.host.requestUpdate();
+    }
+    setHeight(h) {
+        if (h === this.frameH)
+            return;
+        this.frameH = h;
+        this.host.requestUpdate();
+    }
+    /** Write the view on the stage; the host's next render writes the same. */
+    setView(v) {
+        this.view = v;
+        const stage = this.o.stage();
+        if (stage)
+            stage.style.transform = this.transform;
+        this.o.onMove();
+    }
+}
+//# sourceMappingURL=pan-zoom.js.map

package/dist/graph/pan-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pan-zoom.js","sourceRoot":"","sources":["../../src/graph/pan-zoom.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAa,MAAM,WAAW,CAAC;AAEzD,wFAAwF;AACxF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC;AAC5B,sDAAsD;AACtD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;AAEtB,oCAAoC;AACpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAO,EAAU,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;AA0B7F;;;;;GAKG;AACH,MAAM,OAAO,iBAAiB;IAgB5B,YACmB,IAA0C,EAC1C,CAAiB;QADjB,SAAI,GAAJ,IAAI,CAAsC;QAC1C,MAAC,GAAD,CAAC,CAAgB;QAjBpC,8CAA8C;QAC9C,SAAI,GAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAClC,8GAA8G;QAC9G,WAAM,GAAG,CAAC,CAAC;QACX,8CAA8C;QAC9C,SAAI,GAAG,CAAC,CAAC;QACT,mEAAmE;QACnE,UAAK,GAAG,KAAK,CAAC;QACd,sCAAsC;QACtC,YAAO,GAAG,KAAK,CAAC;QAChB,2FAA2F;QACnF,QAAG,GAAsF,IAAI,CAAC;QAC9F,iBAAY,GAAG,KAAK,CAAC;QA8FpB,kBAAa,GAAG,CAAC,CAAe,EAAQ,EAAE;YACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACvF,mEAAmE;YACnE,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO,CAAC;gBAAE,OAAO;YAC1H,IAAI,CAAC,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAC3G,CAAC,CAAC;QAEO,kBAAa,GAAG,CAAC,CAAe,EAAQ,EAAE;YACjD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;YACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS;gBAAE,OAAO;YACvC,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC;YAC5B,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI;gBAAE,OAAO;YAChD,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;gBACX,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC;gBACZ,CAAC,CAAC,aAA6B,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAC/D,CAAC,CAAC,aAA6B,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACzD,CAAC;YACD,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC;QAEO,gBAAW,GAAG,CAAC,CAAe,EAAQ,EAAE;YAC/C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;YACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS;gBAAE,OAAO;YACvC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC;YACf,CAAC,CAAC,aAA6B,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC1D,IAAI,CAAC,CAAC,GAAG;gBAAE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACtC,CAAC,CAAC;QAEe,YAAO,GAAG,CAAC,CAAa,EAAQ,EAAE;YACjD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;gBAAE,OAAO;YACzD,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YACxC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACnF,CAAC,CAAC;QAEF,+CAA+C;QAC9B,mBAAc,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACnD,IAAI,CAAC,IAAI,CAAC,YAAY;gBAAE,OAAO;YAC/B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC,CAAC;QArIA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,0EAA0E;QAC1E,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9E,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/E,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;IAC1B,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO;QACxB,IAAI,CAAC,MAAM,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAED,2DAA2D;IAC3D,IAAI,SAAS;QACX,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,iDAAiD;IACjD,KAAK;QACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,6FAA6F;IAC7F,GAAG;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,CAAC,CAAC;YAAE,OAAO;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,qEAAqE;QACrE,MAAM,KAAK,GAAG,KAAK,EAAE,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;QAC1D,0EAA0E;QAC1E,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;QACpH,+GAA+G;QAC/G,MAAM,EAAE,GAAG,KAAK,EAAE,YAAY,IAAI,CAAC,CAAC;QACpC,MAAM,KAAK,GAAG,GAAG,EAAE,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACpG,IAAI,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC;QACD,kGAAkG;QAClG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAClB,IAAI,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;gBAAE,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1I,CAAC;aAAM,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,iCAAiC;IACjC,OAAO;QACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,GAAG,EAAE,CAAC;QACX,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM,CAAC,MAAc,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;QAC5I,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1F,CAAC;IAED,kEAAkE;IAClE,MAAM,CAAC,EAAe;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,CAAC,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACxC,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACrC,MAAM,GAAG,GAAG,EAAE,CAAC;QACf,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG;YAAE,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC;aACjD,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG;YAAE,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC;QAC/D,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;YAAE,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;aAC7C,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG;YAAE,EAAE,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;QACnE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAkDO,QAAQ;QACd,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAEO,SAAS,CAAC,CAAS;QACzB,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QAC9B,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAED,2EAA2E;IACnE,OAAO,CAAC,CAAO;QACrB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,IAAI,KAAK;YAAE,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAClD,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;CACF"}

package/dist/graph/paths.d.ts

@@ -0,0 +1,9 @@
+import { type LoopReturn, type Stretch } from './layout.js';
+/**
+ * A loop box's return as an SVG path: out from its last layer to the band, back along
+ * it with rounded corners, and in to its first layer, stopping `gap` short of each item.
+ */
+export declare function returnPath(r: LoopReturn, down?: boolean, gap?: number): string;
+/** An edge's line as an SVG path: its runs, joined by a curve in each gap where it bends. */
+export declare function edgePath(runs: readonly Stretch[], down?: boolean): string;
+//# sourceMappingURL=paths.d.ts.map

package/dist/graph/paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../src/graph/paths.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,UAAQ,EAAE,GAAG,SAAI,GAAG,MAAM,CAYvE;AAED,6FAA6F;AAC7F,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,EAAE,IAAI,UAAQ,GAAG,MAAM,CAkBvE"}

package/dist/graph/paths.js

@@ -0,0 +1,44 @@
+// Edges and loop returns as SVG paths.
+import { RETURN_R } from './layout.js';
+/**
+ * A loop box's return as an SVG path: out from its last layer to the band, back along
+ * it with rounded corners, and in to its first layer, stopping `gap` short of each item.
+ */
+export function returnPath(r, down = false, gap = 3) {
+    const r2 = (n) => Math.round(n * 2) / 2;
+    const pt = (u, v) => (down ? `${r2(v)},${r2(u)}` : `${r2(u)},${r2(v)}`);
+    const k = Math.max(0, Math.min(RETURN_R, (r.from - r.to) / 2, r.band - r.v0 - gap, r.band - r.v1 - gap));
+    return [
+        `M${pt(r.from, r.v0 + gap)}`,
+        `L${pt(r.from, r.band - k)}`,
+        `Q${pt(r.from, r.band)} ${pt(r.from - k, r.band)}`,
+        `L${pt(r.to + k, r.band)}`,
+        `Q${pt(r.to, r.band)} ${pt(r.to, r.band - k)}`,
+        `L${pt(r.to, r.v1 + gap)}`,
+    ].join(' ');
+}
+/** An edge's line as an SVG path: its runs, joined by a curve in each gap where it bends. */
+export function edgePath(runs, down = false) {
+    const r2 = (n) => Math.round(n * 2) / 2;
+    const pt = (u, v) => (down ? `${r2(v)},${r2(u)}` : `${r2(u)},${r2(v)}`);
+    const first = runs[0];
+    if (!first)
+        return '';
+    let d = `M${pt(first.a, first.at)}`;
+    runs.forEach((r, i) => {
+        if (r.b !== r.a)
+            d += ` L${pt(r.b, r.at)}`;
+        const next = runs[i + 1];
+        if (!next)
+            return;
+        if (Math.abs(next.at - r.at) < 0.5) {
+            if (next.a !== r.b)
+                d += ` L${pt(next.a, next.at)}`;
+            return;
+        }
+        const m = (r.b + next.a) / 2;
+        d += ` C${pt(m, r.at)} ${pt(m, next.at)} ${pt(next.a, next.at)}`;
+    });
+    return d;
+}
+//# sourceMappingURL=paths.js.map

package/dist/graph/paths.js.map

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

package/dist/graph/place-card.d.ts

@@ -0,0 +1,36 @@
+export interface Box {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export type Side = 'right' | 'left' | 'below' | 'above';
+export interface Placement {
+    /** The item is in view: the card shows. */
+    shown: boolean;
+    /** The card's corner, in the same coordinates as the boxes given. */
+    x: number;
+    y: number;
+    /** The side of the item the card is on: its pointer is on the card's opposite edge. */
+    side: Side;
+    /** Where the pointer is along that edge, from the card's top (left, right) or left (below, above). */
+    arrow: number;
+    /** A side had room for the whole card: it covers none of the item. */
+    fits: boolean;
+}
+/** The space between the item and the card (the pointer sits in it), and between the card and the frame's edge. */
+export declare const GAP = 12;
+export declare const PAD = 8;
+/**
+ * The card's place beside `item` within `frame`: right of it first, then left,
+ * below and above, the first side with room for the whole card. When no side
+ * has room, the side with the most, the card kept inside the frame (it may then
+ * cover part of a large item). The card points at `aim` (a mark inside the item:
+ * the card keeps clear of the whole node it is in) and hides while `aim` is
+ * outside the frame.
+ */
+export declare function placeCard(item: Box, frame: Box, card: {
+    width: number;
+    height: number;
+}, aim?: Box): Placement;
+//# sourceMappingURL=place-card.d.ts.map

package/dist/graph/place-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"place-card.d.ts","sourceRoot":"","sources":["../../src/graph/place-card.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,2CAA2C;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,qEAAqE;IACrE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,uFAAuF;IACvF,IAAI,EAAE,IAAI,CAAC;IACX,sGAAsG;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,IAAI,EAAE,OAAO,CAAC;CACf;AAED,mHAAmH;AACnH,eAAO,MAAM,GAAG,KAAK,CAAC;AACtB,eAAO,MAAM,GAAG,IAAI,CAAC;AAerB;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,GAAE,GAAU,GAAG,SAAS,CAyCpH"}

package/dist/graph/place-card.js

@@ -0,0 +1,68 @@
+// Where the pipeline graph's inspector card goes: beside the selected item,
+// inside the frame, never over the item. Pure: rectangles in, a position out.
+/** The space between the item and the card (the pointer sits in it), and between the card and the frame's edge. */
+export const GAP = 12;
+export const PAD = 8;
+/** The pointer keeps this far from the card's corners. */
+const ARROW_INSET = 14;
+const clamp = (v, lo, hi) => (hi < lo ? lo : Math.min(hi, Math.max(lo, v)));
+/** The part of `a` inside `b`, or null when they do not meet. */
+function within(a, b) {
+    const left = Math.max(a.left, b.left);
+    const top = Math.max(a.top, b.top);
+    const right = Math.min(a.left + a.width, b.left + b.width);
+    const bottom = Math.min(a.top + a.height, b.top + b.height);
+    return right > left && bottom > top ? { left, top, width: right - left, height: bottom - top } : null;
+}
+/**
+ * The card's place beside `item` within `frame`: right of it first, then left,
+ * below and above, the first side with room for the whole card. When no side
+ * has room, the side with the most, the card kept inside the frame (it may then
+ * cover part of a large item). The card points at `aim` (a mark inside the item:
+ * the card keeps clear of the whole node it is in) and hides while `aim` is
+ * outside the frame.
+ */
+export function placeCard(item, frame, card, aim = item) {
+    const seen = within(aim, frame);
+    if (!seen)
+        return { shown: false, x: 0, y: 0, side: 'right', arrow: 0, fits: false };
+    const { width: w, height: h } = card;
+    const fl = frame.left + PAD;
+    const ft = frame.top + PAD;
+    const fr = frame.left + frame.width - PAD;
+    const fb = frame.top + frame.height - PAD;
+    const ir = item.left + item.width;
+    const ib = item.top + item.height;
+    // Centred on the part of the item in view, kept in the frame.
+    const cy = seen.top + seen.height / 2;
+    const cx = seen.left + seen.width / 2;
+    const yAt = clamp(cy - h / 2, ft, fb - h);
+    const xAt = clamp(cx - w / 2, fl, fr - w);
+    const room = {
+        right: fr - (ir + GAP) - w,
+        left: item.left - GAP - w - fl,
+        below: fb - (ib + GAP) - h,
+        above: item.top - GAP - h - ft,
+    };
+    const order = ['right', 'left', 'below', 'above'];
+    const side = order.find((s) => room[s] >= 0) ?? order.reduce((a, b) => (room[b] > room[a] ? b : a));
+    let x;
+    let y;
+    switch (side) {
+        case 'right':
+            [x, y] = [clamp(ir + GAP, fl, fr - w), yAt];
+            break;
+        case 'left':
+            [x, y] = [clamp(item.left - GAP - w, fl, fr - w), yAt];
+            break;
+        case 'below':
+            [x, y] = [xAt, clamp(ib + GAP, ft, fb - h)];
+            break;
+        case 'above':
+            [x, y] = [xAt, clamp(item.top - GAP - h, ft, fb - h)];
+            break;
+    }
+    const along = side === 'right' || side === 'left' ? clamp(cy - y, ARROW_INSET, h - ARROW_INSET) : clamp(cx - x, ARROW_INSET, w - ARROW_INSET);
+    return { shown: true, x, y, side, arrow: along, fits: room[side] >= 0 };
+}
+//# sourceMappingURL=place-card.js.map

package/dist/graph/place-card.js.map

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

package/dist/graph/strings.d.ts

@@ -0,0 +1,50 @@
+export interface LayeredGraphStrings {
+    /** The view switch: its options and its label. */
+    graph: string;
+    table: string;
+    view: string;
+    /** The zoom buttons' names and tooltips, and the button back to the whole drawing. */
+    zoomIn: string;
+    zoomInTip: string;
+    zoomOut: string;
+    zoomOutTip: string;
+    showAll: string;
+    /** The key hints of the drawing, the node table and a mark matrix (Escape's hint is added after them). */
+    graphKeys: readonly string[];
+    tableKeys: readonly string[];
+    matrixKeys: readonly string[];
+    /** Escape's hint with a selection, and without one ('' when Escape does nothing then). */
+    clearKey: string;
+    upKey: string;
+    /** The selection card's accessible name. */
+    inspector: string;
+    /** A stub's tooltip: it stands for something outside the graph. */
+    stubTip: string;
+    /** The marks a node drawn as a bar does not list: "+3". */
+    more: (n: number) => string;
+    /** A node's count without `progress`: its marks of the tone `done`, of all its marks ("2 of 3 done"). */
+    progress: (done: number, total: number) => string;
+    /** Legend words: a badge in a mark, the two edge styles, a cluster's return, an inner view. */
+    badge: string;
+    solidEdge: string;
+    dashedEdge: string;
+    cycle: string;
+    drill: string;
+    /** The open and close controls of an item that can be drawn open ("Show inside", "Hide inside"). */
+    open: string;
+    close: string;
+    /** Icon name → its legend word; an icon drawn and named here is in the legend, in this order. */
+    iconNames: Readonly<Record<string, string>>;
+    /** The node table's headers, the empty list, and a node's name in a cluster. */
+    nameHeader: string;
+    statusHeader: string;
+    solidHeader: string;
+    dashedHeader: string;
+    laterHeader: string;
+    none: string;
+    inCluster: (label: string) => string;
+    /** Names as a list: "a, b, and c". */
+    list: (items: readonly string[]) => string;
+}
+export declare const DEFAULT_LAYERED_GRAPH_STRINGS: Readonly<LayeredGraphStrings>;
+//# sourceMappingURL=strings.d.ts.map

package/dist/graph/strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../src/graph/strings.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,sFAAsF;IACtF,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,0GAA0G;IAC1G,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,0FAA0F;IAC1F,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5B,yGAAyG;IACzG,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,+FAA+F;IAC/F,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,oGAAoG;IACpG,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,iGAAiG;IACjG,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC5C,gFAAgF;IAChF,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,sCAAsC;IACtC,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,KAAK,MAAM,CAAC;CAC5C;AAED,eAAO,MAAM,6BAA6B,EAAE,QAAQ,CAAC,mBAAmB,CAkCvE,CAAC"}

package/dist/graph/strings.js

@@ -0,0 +1,37 @@
+// A layered graph's words: English defaults, each replaceable (`strings`).
+export const DEFAULT_LAYERED_GRAPH_STRINGS = {
+    graph: 'Graph',
+    table: 'Table',
+    view: 'View',
+    zoomIn: 'Zoom in',
+    zoomInTip: 'Zoom in (Ctrl + scroll)',
+    zoomOut: 'Zoom out',
+    zoomOutTip: 'Zoom out (Ctrl + scroll)',
+    showAll: 'Show all',
+    graphKeys: ['Tab: next node', 'Arrow keys: marks', 'Shift + arrow keys: earlier and later nodes', 'Enter: open'],
+    tableKeys: ['Tab: next row', 'Enter: open'],
+    matrixKeys: ['Arrow keys: marks', 'Enter: open'],
+    clearKey: 'Esc: clear selection',
+    upKey: '',
+    inspector: 'Selected item',
+    stubTip: 'Outside this graph',
+    more: (n) => `+${n}`,
+    progress: (done, total) => `${done} of ${total} done`,
+    badge: 'count',
+    solidEdge: 'link',
+    dashedEdge: 'other link',
+    cycle: 'next round',
+    drill: 'has an inner view',
+    open: 'Show inside',
+    close: 'Hide inside',
+    iconNames: {},
+    nameHeader: 'Name',
+    statusHeader: 'Status',
+    solidHeader: 'Earlier',
+    dashedHeader: 'Dashed link from',
+    laterHeader: 'Later',
+    none: 'none',
+    inCluster: (label) => `${label} in the cluster`,
+    list: (items) => new Intl.ListFormat('en', { type: 'conjunction' }).format(items),
+};
+//# sourceMappingURL=strings.js.map

package/dist/graph/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../src/graph/strings.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAmD3E,MAAM,CAAC,MAAM,6BAA6B,GAAkC;IAC1E,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,yBAAyB;IACpC,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,0BAA0B;IACtC,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,6CAA6C,EAAE,aAAa,CAAC;IAChH,SAAS,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC;IAC3C,UAAU,EAAE,CAAC,mBAAmB,EAAE,aAAa,CAAC;IAChD,QAAQ,EAAE,sBAAsB;IAChC,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,IAAI,OAAO,KAAK,OAAO;IACrD,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,QAAQ;IACtB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,kBAAkB;IAChC,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,iBAAiB;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;CAClF,CAAC"}

package/dist/graph/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const graphStyles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/graph/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/graph/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,yBAsMvB,CAAC"}