@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/components/dataDisplay/dagView/dagView.js

@@ -0,0 +1,503 @@
+import { use as xe, spread as Re, mergeProps as Ue, setAttribute as l, insert as k, createComponent as N, effect as T, setStyleProperty as te, template as z, className as Fe, style as We, delegateEvents as Ge } from "solid-js/web";
+import '../../../assets/styles/less/components/dagView/dagView.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                         */
+import { mergeProps as Pe, splitProps as Te, createUniqueId as qe, createMemo as S, untrack as L, createSelector as He, createSignal as re, createEffect as oe, on as ke, onMount as Se, onCleanup as ne, For as $e, Show as se, DEV as Ke } from "solid-js";
+import ie from "clsx";
+import { createControllableState as Ae } from "../../../primitives/createControllableState.js";
+import { mergeRefs as je } from "../../../primitives/mergeRefs.js";
+import { mergeStyle as Ye } from "../../../primitives/mergeStyle.js";
+import { dagLayout as Xe, dagEdgePath as Je } from "./dagLayout.js";
+import { createPanZoom as Qe, viewportTransform as et, centerOn as tt, zoomAt as rt, fitBounds as ot, isVisible as nt } from "./panZoom.js";
+var st = /* @__PURE__ */ z("<span class=smwb-dag-view__dot aria-hidden=true>"), it = /* @__PURE__ */ z("<span class=smwb-dag-view__label>"), at = /* @__PURE__ */ z("<span class=smwb-dag-view__status>"), dt = /* @__PURE__ */ z("<div role=option><span hidden>"), ct = /* @__PURE__ */ z("<p class=smwb-dag-view__summary>"), lt = /* @__PURE__ */ z('<div class=smwb-dag-view__controls role=group><button type=button class=smwb-dag-view__control><svg viewBox="0 0 24 24"aria-hidden=true><path d="M12 5v14M5 12h14"></path></svg></button><button type=button class=smwb-dag-view__control><svg viewBox="0 0 24 24"aria-hidden=true><path d="M5 12h14"></path></svg></button><button type=button class=smwb-dag-view__control><svg viewBox="0 0 24 24"aria-hidden=true><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5">'), ut = /* @__PURE__ */ z('<div><div class=smwb-dag-view__world role=listbox><svg class=smwb-dag-view__edges aria-hidden=true><defs><marker viewBox="0 0 10 10"refX=9 refY=5 markerWidth=10 markerHeight=10 markerUnits=userSpaceOnUse orient=auto-start-reverse><path class=smwb-dag-view__arrow d="M0,1 L9,5 L0,9 z"></path></marker><marker viewBox="0 0 10 10"refX=9 refY=5 markerWidth=10 markerHeight=10 markerUnits=userSpaceOnUse orient=auto-start-reverse><path class="smwb-dag-view__arrow smwb-dag-view__arrow--active"d="M0,1 L9,5 L0,9 z"></path></marker></defs><g transform="translate(24 24)">'), gt = /* @__PURE__ */ z("<svg><path></svg>", !1, !0, !1);
+const V = 24, ze = {
+  roleDescription: "dependency graph",
+  status: "Status",
+  dependsOn: "Depends on",
+  requiredBy: "Required by",
+  statuses: {
+    idle: "Idle",
+    pending: "Pending",
+    running: "Running",
+    success: "Success",
+    warning: "Warning",
+    error: "Error",
+    skipped: "Skipped"
+  },
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out",
+  fitView: "Fit to view",
+  controls: "Zoom"
+}, mt = ["label", "status", "accent", "width", "height", "data", "disabled"], ht = 'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable="false"])', ft = (w) => typeof w == "number" ? `${w}px` : w, wt = (w, M) => w.length === M.length && w.every((n, q) => n === M[q]), vt = (w, M) => {
+  const n = w?.label;
+  return typeof n == "string" || typeof n == "number" ? String(n) : M;
+}, pt = Ke ? (w) => console.warn(`[smwb] DagView: ${w}`) : void 0;
+function Mt(w) {
+  const M = Pe({
+    direction: "LR",
+    nodeWidth: 180,
+    nodeHeight: 56,
+    rankGap: 64,
+    nodeGap: 24,
+    fit: !0,
+    minZoom: 0.1,
+    maxZoom: 2,
+    wheel: "zoom",
+    controls: !0
+  }, w), [n, q] = Te(M, ["class", "style", "label", "summary", "nodes", "edges", "renderNode", "direction", "nodeWidth", "nodeHeight", "rankGap", "nodeGap", "layout", "selectedId", "defaultSelectedId", "onSelectedChange", "onNodeClick", "dimUnrelated", "viewport", "defaultViewport", "onViewportChange", "fit", "minZoom", "maxZoom", "wheel", "controls", "labels", "height", "apiRef", "ref", "data-testid"]), R = qe(), ae = `${R}-arrow`, de = `${R}-arrow-active`, ce = `${R}-summary`;
+  let D;
+  const B = /* @__PURE__ */ new Map(), x = S(() => ({
+    ...ze,
+    ...n.labels,
+    statuses: {
+      ...ze.statuses,
+      ...n.labels?.statuses
+    }
+  })), le = (e) => x().statuses[e] ?? e, I = S(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const t of n.nodes) e.has(t.id) || e.set(t.id, t);
+    return e;
+  }), H = S(() => [...I().keys()], [], {
+    equals: wt
+  }), De = S(() => {
+    const e = [...I().values()].map((s) => ({
+      id: s.id,
+      width: s.width ?? n.nodeWidth,
+      height: s.height ?? n.nodeHeight
+    })), t = n.edges.map((s) => ({
+      id: s.id,
+      source: s.source,
+      target: s.target
+    })), r = {
+      nodes: e,
+      edges: t,
+      direction: n.direction,
+      rankGap: n.rankGap,
+      nodeGap: n.nodeGap,
+      warn: pt
+    };
+    return {
+      key: JSON.stringify([n.direction, n.rankGap, n.nodeGap, e.map((s) => [s.id, s.width, s.height]), t.map((s) => [s.id ?? null, s.source, s.target])]),
+      input: r
+    };
+  }, void 0, {
+    equals: (e, t) => e.key === t.key
+  }), b = S(() => (n.layout ?? Xe)(De().input)), U = (e) => n.direction === "TB" ? e.x : e.y, y = S(() => {
+    const e = b(), t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+    for (const i of e.edges)
+      t.has(i.target) || t.set(i.target, []), r.has(i.source) || r.set(i.source, []), t.get(i.target).push(i), r.get(i.source).push(i);
+    const d = [...e.nodes.values()].sort((i, m) => i.layer - m.layer || U(i) - U(m)), s = /* @__PURE__ */ new Map();
+    for (const i of d)
+      s.has(i.layer) || s.set(i.layer, []), s.get(i.layer).push(i);
+    return {
+      incoming: t,
+      outgoing: r,
+      ordered: d,
+      layers: s
+    };
+  }), [C, K] = Ae({
+    value: () => n.selectedId,
+    defaultValue: L(() => n.defaultSelectedId) ?? null,
+    onChange: (e) => n.onSelectedChange?.(e)
+  }), ue = He(C), F = S(() => {
+    const e = C(), t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+    if (e === null || !b().nodes.has(e)) return {
+      active: !1,
+      edges: t,
+      nodes: r
+    };
+    const {
+      incoming: d,
+      outgoing: s
+    } = y();
+    for (const i of d.get(e) ?? [])
+      t.set(i.id, "upstream"), r.set(i.source, "upstream");
+    for (const i of s.get(e) ?? [])
+      t.set(i.id, "downstream"), r.set(i.target, "downstream");
+    return {
+      active: !0,
+      edges: t,
+      nodes: r
+    };
+  }), [Me, ge] = re(null), [j, Y] = re(null), W = S(() => {
+    const e = b().nodes, t = Me();
+    if (t !== null && e.has(t)) return t;
+    const r = C();
+    return r !== null && e.has(r) ? r : y().ordered[0]?.id ?? null;
+  }), [$, E] = Ae({
+    value: () => n.viewport,
+    defaultValue: L(() => n.defaultViewport) ?? {
+      x: 0,
+      y: 0,
+      zoom: 1
+    },
+    onChange: (e) => n.onViewportChange?.(e)
+  }), [Be, Ie] = re(!1), Le = S(() => $().zoom < 0.45), O = () => ({
+    width: D?.clientWidth ?? 0,
+    height: D?.clientHeight ?? 0
+  }), X = () => {
+    const {
+      width: e,
+      height: t
+    } = O();
+    return e > 0 && t > 0;
+  }, Z = () => ({
+    width: b().width + V * 2,
+    height: b().height + V * 2
+  }), me = (e) => {
+    const t = b().nodes.get(e);
+    return t && {
+      x: t.x + V,
+      y: t.y + V,
+      width: t.width,
+      height: t.height
+    };
+  }, _ = {
+    fitView() {
+      if (!X()) return;
+      const e = Z();
+      E(ot({
+        x: 0,
+        y: 0,
+        ...e
+      }, O(), 0, n.minZoom, Math.max(n.minZoom, Math.min(1, n.maxZoom))));
+    },
+    zoomTo(e) {
+      _.zoomBy(e / $().zoom);
+    },
+    zoomBy(e) {
+      const {
+        width: t,
+        height: r
+      } = O();
+      E(rt($(), {
+        x: t / 2,
+        y: r / 2
+      }, e, n.minZoom, n.maxZoom));
+    },
+    centerNode(e) {
+      const t = me(e);
+      t && E(tt($(), {
+        x: t.x + t.width / 2,
+        y: t.y + t.height / 2
+      }, O()));
+    }
+  }, he = (e) => {
+    const t = me(e);
+    t && X() && !nt($(), t, O(), 8) && _.centerNode(e);
+  };
+  let G = !1;
+  const J = () => {
+    !G || !X() || (G = !1, _.fitView());
+  };
+  oe(ke(b, () => {
+    L(() => n.fit) && (G = !0, J());
+  }, {
+    defer: !0
+  })), Se(() => {
+    const e = Qe(D, {
+      viewport: $,
+      write: E,
+      minZoom: () => n.minZoom,
+      maxZoom: () => n.maxZoom,
+      wheel: () => n.wheel,
+      onInteracting: Ie
+    });
+    let t = 0;
+    const r = typeof ResizeObserver == "function" ? new ResizeObserver(() => {
+      cancelAnimationFrame(t), t = requestAnimationFrame(J);
+    }) : void 0;
+    r?.observe(D), ne(() => {
+      e(), r?.disconnect(), cancelAnimationFrame(t);
+    }), G = n.fit, J(), n.apiRef?.(_);
+  });
+  const fe = (e, t) => {
+    const r = I().get(e);
+    !r || r.disabled || (K(e), n.onNodeClick?.(r, t));
+  }, Q = (e) => {
+    e !== void 0 && (ge(e), B.get(e)?.focus({
+      preventScroll: !0
+    }), he(e));
+  };
+  oe((e) => {
+    const t = H();
+    return e && L(() => {
+      const r = new Set(t), d = C();
+      d !== null && !r.has(d) && e.includes(d) && K(null);
+      const s = j();
+      if (s === null || r.has(s)) return;
+      Y(null);
+      const i = D?.ownerDocument, m = W();
+      i && (i.activeElement === null || i.activeElement === i.body) && m !== null && B.get(m)?.focus({
+        preventScroll: !0
+      });
+    }), t;
+  });
+  const P = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), we = () => {
+    const e = L(W);
+    for (const [t, r] of B)
+      for (const d of r.querySelectorAll(ht)) {
+        P.has(d) || P.set(d, d.getAttribute("tabindex"));
+        const s = P.get(d) ?? null, i = t === e ? s : "-1";
+        d.getAttribute("tabindex") !== i && (i === null ? d.removeAttribute("tabindex") : d.setAttribute("tabindex", i), ee.set(d, i));
+      }
+  };
+  Se(() => {
+    if (!n.renderNode || (oe(ke(W, we)), typeof MutationObserver != "function")) return;
+    const e = new MutationObserver((t) => {
+      let r = !1;
+      for (const d of t) {
+        if (d.type !== "attributes") {
+          r = !0;
+          continue;
+        }
+        const s = d.target;
+        if (s.classList.contains("smwb-dag-view__node")) continue;
+        const i = s.getAttribute("tabindex");
+        ee.has(s) && ee.get(s) === i || (P.set(s, i), r = !0);
+      }
+      r && we();
+    });
+    e.observe(D, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["tabindex"]
+    }), ne(() => e.disconnect());
+  });
+  const Ve = (e, t) => {
+    const r = n.direction === "TB", d = r ? "ArrowDown" : "ArrowRight", s = r ? "ArrowUp" : "ArrowLeft", i = r ? "ArrowLeft" : "ArrowUp", m = r ? "ArrowRight" : "ArrowDown", v = b().nodes, c = (a) => a.map((h) => v.get(h)).filter((h) => h !== void 0).sort((h, f) => U(h) - U(f))[0]?.id;
+    if (t === d) return c((y().outgoing.get(e) ?? []).map((a) => a.target));
+    if (t === s) return c((y().incoming.get(e) ?? []).map((a) => a.source));
+    const g = v.get(e);
+    if (!g) return;
+    const o = y().layers.get(g.layer) ?? [], u = o.findIndex((a) => a.id === e);
+    if (t === i) return o[u - 1]?.id;
+    if (t === m) return o[u + 1]?.id;
+  }, Ce = (e) => {
+    const t = e.target, r = t.dataset?.dagId;
+    if (r === void 0 || !t.classList.contains("smwb-dag-view__node") || e.ctrlKey || e.metaKey || e.altKey) return;
+    const d = e.key;
+    if (d.startsWith("Arrow") && e.shiftKey) {
+      const i = $(), m = d === "ArrowLeft" ? 48 : d === "ArrowRight" ? -48 : 0, v = d === "ArrowUp" ? 48 : d === "ArrowDown" ? -48 : 0;
+      E({
+        x: i.x + m,
+        y: i.y + v,
+        zoom: i.zoom
+      }), e.preventDefault();
+      return;
+    }
+    if (d.startsWith("Arrow")) {
+      e.preventDefault(), Q(Ve(r, d));
+      return;
+    }
+    switch (d) {
+      case "Home":
+        e.preventDefault(), Q(y().ordered[0]?.id);
+        return;
+      case "End":
+        e.preventDefault(), Q(y().ordered[y().ordered.length - 1]?.id);
+        return;
+      case "Enter":
+      case " ":
+        e.preventDefault(), fe(r, e);
+        return;
+      case "Escape":
+        if (C() === null) return;
+        e.preventDefault(), K(null);
+        return;
+      case "+":
+      case "=":
+        e.preventDefault(), _.zoomBy(1.25);
+        return;
+      case "-":
+      case "_":
+        e.preventDefault(), _.zoomBy(0.8);
+        return;
+      case "0":
+        e.preventDefault(), _.fitView();
+        return;
+    }
+  }, Ee = (e) => [st(), (() => {
+    var t = it();
+    return k(t, () => e.label ?? e.id), t;
+  })(), N(se, {
+    get when() {
+      return e.status;
+    },
+    children: (t) => (() => {
+      var r = at();
+      return k(r, () => le(t())), r;
+    })()
+  })], ve = (e) => {
+    const t = I().get(e), r = [];
+    t?.status && r.push(`${x().status}: ${le(t.status)}.`);
+    const d = (m) => m.map((v) => vt(I().get(v), v)).join(", "), s = (y().incoming.get(e) ?? []).map((m) => m.source), i = (y().outgoing.get(e) ?? []).map((m) => m.target);
+    return s.length && r.push(`${x().dependsOn}: ${d(s)}.`), i.length && r.push(`${x().requiredBy}: ${d(i)}.`), r.join(" ");
+  }, Oe = (e, t) => {
+    const r = () => I().get(e), d = {
+      id: e
+    };
+    for (const o of mt) Object.defineProperty(d, o, {
+      enumerable: !0,
+      get: () => r()?.[o]
+    });
+    const s = {
+      get selected() {
+        return ue(e);
+      },
+      get related() {
+        return F().nodes.get(e) ?? null;
+      },
+      get dimmed() {
+        const o = F();
+        return !!n.dimUnrelated && o.active && !ue(e) && !o.nodes.has(e);
+      },
+      get focused() {
+        return j() === e;
+      }
+    }, i = () => `${R}-node-${t()}`, m = () => {
+      const o = b().nodes.get(e), u = o ? {
+        left: `${o.x + V}px`,
+        top: `${o.y + V}px`,
+        width: `${o.width}px`,
+        height: `${o.height}px`
+      } : {
+        display: "none"
+      }, a = r()?.accent;
+      return a && (u["--smwb-dag-view-node-accent"] = a), u;
+    }, v = (o) => {
+      if (o.target !== o.currentTarget) return;
+      ge(e), Y(e);
+      let u = !0;
+      try {
+        u = o.currentTarget.matches(":focus-visible");
+      } catch {
+      }
+      u && he(e);
+    }, c = (o) => {
+      o.target !== o.currentTarget || j() !== e || H().includes(e) && Y(null);
+    }, g = L(() => (n.renderNode ?? Ee)(d, s));
+    return (() => {
+      var o = dt(), u = o.firstChild;
+      return o.addEventListener("blur", c), o.addEventListener("focus", v), o.$$click = (a) => fe(e, a), xe((a) => {
+        B.set(e, a), ne(() => B.get(e) === a && B.delete(e));
+      }, o), l(o, "data-dag-id", e), k(o, g, u), k(u, () => ve(e)), T((a) => {
+        var h = ie("smwb-dag-view__node", {
+          "smwb-dag-view__node--selected": s.selected,
+          "smwb-dag-view__node--upstream": s.related === "upstream",
+          "smwb-dag-view__node--downstream": s.related === "downstream",
+          "smwb-dag-view__node--dimmed": s.dimmed,
+          "smwb-dag-view__node--disabled": !!r()?.disabled
+        }), f = r()?.status, p = s.selected ? "true" : "false", A = r()?.disabled ? "true" : void 0, be = ve(e) ? i() : void 0, ye = W() === e ? 0 : -1, Ne = m(), _e = i();
+        return h !== a.e && Fe(o, a.e = h), f !== a.t && l(o, "data-status", a.t = f), p !== a.a && l(o, "aria-selected", a.a = p), A !== a.o && l(o, "aria-disabled", a.o = A), be !== a.i && l(o, "aria-describedby", a.i = be), ye !== a.n && l(o, "tabindex", a.n = ye), a.s = We(o, Ne, a.s), _e !== a.h && l(u, "id", a.h = _e), a;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0,
+        s: void 0,
+        h: void 0
+      }), o;
+    })();
+  }, Ze = (e) => {
+    const t = F(), r = t.edges.get(e.id);
+    return ie("smwb-dag-view__edge", {
+      "smwb-dag-view__edge--active": r !== void 0,
+      "smwb-dag-view__edge--upstream": r === "upstream",
+      "smwb-dag-view__edge--downstream": r === "downstream",
+      "smwb-dag-view__edge--dimmed": !!n.dimUnrelated && t.active && r === void 0,
+      "smwb-dag-view__edge--reversed": e.reversed
+    });
+  }, pe = () => Ye(n.style, {
+    height: n.height === void 0 ? void 0 : ft(n.height)
+  });
+  return (() => {
+    var e = ut(), t = e.firstChild, r = t.firstChild, d = r.firstChild, s = d.firstChild, i = s.nextSibling, m = d.nextSibling, v = je(n.ref, (c) => D = c);
+    return typeof v == "function" && xe(v, e), Re(e, Ue({
+      get "data-testid"() {
+        return n["data-testid"] ?? "dag-view";
+      }
+    }, q, {
+      get class() {
+        return ie("smwb-dag-view", n.class);
+      }
+    }, () => pe() === void 0 ? {} : {
+      style: pe()
+    }, {
+      get "data-direction"() {
+        return n.direction;
+      },
+      get "data-zoom"() {
+        return Le() ? "far" : void 0;
+      },
+      get "data-interacting"() {
+        return Be() ? "" : void 0;
+      }
+    }), !1, !0), t.$$keydown = Ce, l(s, "id", ae), l(i, "id", de), k(m, N($e, {
+      get each() {
+        return b().edges;
+      },
+      children: (c) => (() => {
+        var g = gt();
+        return T((o) => {
+          var u = Ze(c), a = c.source, h = c.target, f = Je(c.points, n.direction), p = `url(#${F().edges.has(c.id) ? de : ae})`;
+          return u !== o.e && l(g, "class", o.e = u), a !== o.t && l(g, "data-source", o.t = a), h !== o.a && l(g, "data-target", o.a = h), f !== o.o && l(g, "d", o.o = f), p !== o.i && l(g, "marker-end", o.i = p), o;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0
+        }), g;
+      })()
+    })), k(t, N($e, {
+      get each() {
+        return H();
+      },
+      children: (c, g) => Oe(c, g)
+    }), null), k(e, N(se, {
+      get when() {
+        return n.summary;
+      },
+      get children() {
+        var c = ct();
+        return l(c, "id", ce), k(c, () => n.summary), c;
+      }
+    }), null), k(e, N(se, {
+      get when() {
+        return n.controls;
+      },
+      get children() {
+        var c = lt(), g = c.firstChild, o = g.nextSibling, u = o.nextSibling;
+        return g.$$click = () => _.zoomBy(1.25), o.$$click = () => _.zoomBy(0.8), u.$$click = () => _.fitView(), T((a) => {
+          var h = x().controls, f = x().zoomIn, p = x().zoomOut, A = x().fitView;
+          return h !== a.e && l(c, "aria-label", a.e = h), f !== a.t && l(g, "title", a.t = f), p !== a.a && l(o, "title", a.a = p), A !== a.o && l(u, "title", a.o = A), a;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        }), c;
+      }
+    }), null), T((c) => {
+      var g = n.label, o = x().roleDescription, u = n.summary ? ce : void 0, a = `${Z().width}px`, h = `${Z().height}px`, f = et($()), p = Z().width, A = Z().height;
+      return g !== c.e && l(t, "aria-label", c.e = g), o !== c.t && l(t, "aria-roledescription", c.t = o), u !== c.a && l(t, "aria-describedby", c.a = u), a !== c.o && te(t, "width", c.o = a), h !== c.i && te(t, "height", c.i = h), f !== c.n && te(t, "transform", c.n = f), p !== c.s && l(r, "width", c.s = p), A !== c.h && l(r, "height", c.h = A), c;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0
+    }), e;
+  })();
+}
+Ge(["click", "keydown"]);
+export {
+  Mt as DagView
+};
+//# sourceMappingURL=dagView.js.map

package/dist/components/dataDisplay/dagView/dagView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dagView.js","sources":["../../../../src/components/dataDisplay/dagView/dagView.tsx"],"sourcesContent":["import {\n  DEV,\n  For,\n  type JSX,\n  Show,\n  createEffect,\n  createMemo,\n  createSelector,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  on,\n  onCleanup,\n  onMount,\n  splitProps,\n  untrack,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\nimport {\n  type DagDirection,\n  type DagLayoutEdge,\n  type DagLayoutInput,\n  type DagLayoutNode,\n  type DagLayoutResult,\n  dagEdgePath,\n  dagLayout,\n} from \"./dagLayout\";\nimport { type Viewport, centerOn, createPanZoom, fitBounds, isVisible, viewportTransform, zoomAt } from \"./panZoom\";\n\n/** A node's status: a built-in one, coloured by the theme, or any word of the app's, styled by `[data-status]`. */\nexport type DagViewStatus =\n  | \"idle\"\n  | \"pending\"\n  | \"running\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"skipped\"\n  | (string & {});\n\nexport interface DagViewNode<T = unknown> {\n  /** Unique among the nodes; edges name nodes by it. */\n  id: string;\n  /** What the default node shows, and its accessible name; the id unless given. */\n  label?: JSX.Element;\n  /** Colours the node's accent from the theme. */\n  status?: DagViewStatus | undefined;\n  /** The node's accent colour, over its status colour: any CSS colour. */\n  accent?: string | undefined;\n  /** The node's width in pixels; `nodeWidth` unless given. */\n  width?: number | undefined;\n  /** The node's height in pixels; `nodeHeight` unless given. */\n  height?: number | undefined;\n  /** Anything of the app's, handed back to `renderNode` and `onNodeClick`. */\n  data?: T;\n  /** Shown, focusable, but not selectable. */\n  disabled?: boolean | undefined;\n}\n\nexport interface DagViewEdge {\n  /** `source->target` unless given. */\n  id?: string | undefined;\n  /** The id of the node the edge starts from: the one depended on. */\n  source: string;\n  /** The id of the node the edge points to: the one that depends on `source`. */\n  target: string;\n}\n\n/** A node's state for `renderNode`. Its fields are reactive: read them in JSX or an effect. */\nexport interface DagViewNodeState {\n  readonly selected: boolean;\n  /** Next to the selected node: \"upstream\" feeds it, \"downstream\" depends on it. */\n  readonly related: \"upstream\" | \"downstream\" | null;\n  /** Set apart from the selected node and its neighbours, with `dimUnrelated`. */\n  readonly dimmed: boolean;\n  /** Has keyboard focus. */\n  readonly focused: boolean;\n}\n\n/** Where the graph is: moved by x, y (pixels) and scaled by zoom. */\nexport type DagViewViewport = Viewport;\n\n/** Moves the view from outside; handed over by `apiRef` once the graph is in the page. */\nexport interface DagViewApi {\n  /** Fits the whole graph in view. */\n  fitView(): void;\n  /** Zooms to `zoom` around the middle of the view. */\n  zoomTo(zoom: number): void;\n  /** Zooms by `factor` around the middle of the view. */\n  zoomBy(factor: number): void;\n  /** Moves the node with this id to the middle of the view. */\n  centerNode(id: string): void;\n}\n\n/** Texts for assistive technology and the zoom buttons, English by default. */\nexport interface DagViewLabels {\n  /** What the graph is called as a widget: \"dependency graph\". */\n  roleDescription: string;\n  /** \"Status\", before a node's status word. */\n  status: string;\n  /** \"Depends on\", before the names of the nodes a node's edges come from. */\n  dependsOn: string;\n  /** \"Required by\", before the names of the nodes a node's edges go to. */\n  requiredBy: string;\n  /** Status words, shown on the default nodes and read out: { running: \"Running\", … }. */\n  statuses: Record<string, string>;\n  zoomIn: string;\n  zoomOut: string;\n  fitView: string;\n  /** The name of the group of zoom buttons. */\n  controls: string;\n}\n\nexport interface DagViewProps<T = unknown> extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onClick\"> {\n  /** What the graph shows: its accessible name. */\n  label: string;\n  /** The graph in words, for screen readers; it is there on the server too. */\n  summary?: string | undefined;\n  /** The nodes. A change of status, label or data alone does not lay the graph out again. */\n  nodes: readonly DagViewNode<T>[];\n  /** The edges, from the node depended on to the node that depends on it. */\n  edges: readonly DagViewEdge[];\n  /**\n   * Draws a node's content inside its box; the default shows a status dot,\n   * the label and the status word. Called once per node: `node` and `state`\n   * are reactive, so read their fields in JSX. Keep the content\n   * non-interactive where you can: a node is an ARIA option, whose content\n   * assistive technology may read as plain text, and a click in it also\n   * selects the node. Links and buttons in it are left out of the Tab order\n   * except in the node that is the graph's Tab stop.\n   */\n  renderNode?: ((node: DagViewNode<T>, state: DagViewNodeState) => JSX.Element) | undefined;\n  /** Which way the layers run: \"LR\" (left to right, default) or \"TB\" (top to bottom). */\n  direction?: DagDirection | undefined;\n  /** A node's width in pixels, unless the node sets its own; 180 by default. */\n  nodeWidth?: number | undefined;\n  /** A node's height in pixels, unless the node sets its own; 56 by default. */\n  nodeHeight?: number | undefined;\n  /** The space between layers in pixels; 64 by default. */\n  rankGap?: number | undefined;\n  /** The space between nodes in a layer in pixels; 24 by default. */\n  nodeGap?: number | undefined;\n  /** Lays the graph out in place of the built-in layout, e.g. with dagre or elk. It must be synchronous. */\n  layout?: ((input: DagLayoutInput) => DagLayoutResult) | undefined;\n  /** The selected node's id (controlled); null selects nothing. */\n  selectedId?: string | null | undefined;\n  /** The node selected at first (uncontrolled). */\n  defaultSelectedId?: string | null | undefined;\n  /** A node was selected (its id) or the selection was cleared (null). */\n  onSelectedChange?: ((id: string | null) => void) | undefined;\n  /** A node was clicked, or chosen with Enter or Space. Not called for a disabled node. */\n  onNodeClick?: ((node: DagViewNode<T>, event: MouseEvent | KeyboardEvent) => void) | undefined;\n  /** Fades the nodes and edges that are not next to the selected node. */\n  dimUnrelated?: boolean | undefined;\n  /** Where the graph is (controlled). */\n  viewport?: DagViewViewport | undefined;\n  /** Where the graph is at first (uncontrolled); with `fit={false}` the page does not move after it loads. */\n  defaultViewport?: DagViewViewport | undefined;\n  /** The view moved or zoomed: at most once per frame during a gesture. */\n  onViewportChange?: ((viewport: DagViewViewport) => void) | undefined;\n  /** Fits the graph in view once it is in the page, and again when its nodes or edges change; true by default. */\n  fit?: boolean | undefined;\n  /** The smallest zoom; 0.1 by default. */\n  minZoom?: number | undefined;\n  /** The largest zoom; 2 by default. */\n  maxZoom?: number | undefined;\n  /** What a plain mouse wheel does: \"zoom\" (default), \"pan\", or \"none\" (the page scrolls). Ctrl+wheel and a trackpad pinch always zoom. */\n  wheel?: \"zoom\" | \"pan\" | \"none\" | undefined;\n  /** Shows the zoom in, zoom out and fit buttons; true by default. */\n  controls?: boolean | undefined;\n  /** Texts for assistive technology and the buttons, over the English defaults. */\n  labels?: Partial<DagViewLabels> | undefined;\n  /**\n   * The graph's height: a number of pixels or any CSS length; 480 by default,\n   * from the stylesheet, so a height in `style` works too. It fills the width.\n   */\n  height?: number | string | undefined;\n  /** Gets the functions that move the view from outside. */\n  apiRef?: ((api: DagViewApi) => void) | undefined;\n  /** Test id of the root `<div>`; `dag-view` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** Room around the graph inside its world, in pixels. */\nconst PADDING = 24;\n\nconst DEFAULT_LABELS: DagViewLabels = {\n  roleDescription: \"dependency graph\",\n  status: \"Status\",\n  dependsOn: \"Depends on\",\n  requiredBy: \"Required by\",\n  statuses: {\n    idle: \"Idle\",\n    pending: \"Pending\",\n    running: \"Running\",\n    success: \"Success\",\n    warning: \"Warning\",\n    error: \"Error\",\n    skipped: \"Skipped\",\n  },\n  zoomIn: \"Zoom in\",\n  zoomOut: \"Zoom out\",\n  fitView: \"Fit to view\",\n  controls: \"Zoom\",\n};\n\nconst NODE_KEYS = [\"label\", \"status\", \"accent\", \"width\", \"height\", \"data\", \"disabled\"] as const;\n\n/** What can take focus inside a node's own content. */\nconst INNER_FOCUSABLE =\n  'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst cssLength = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst sameList = (a: readonly string[], b: readonly string[]): boolean =>\n  a.length === b.length && a.every((value, i) => value === b[i]);\n\n/** A node's name in words, for descriptions: its label when that is text, else its id. */\nconst nameOf = (node: DagViewNode<unknown> | undefined, id: string): string => {\n  const label = node?.label;\n  return typeof label === \"string\" || typeof label === \"number\" ? String(label) : id;\n};\n\nconst warn = DEV ? (message: string): void => console.warn(`[smwb] DagView: ${message}`) : undefined;\n\n/**\n * A directed graph of dependencies: nodes in layers, left to right or top to\n * bottom, joined by arrows. A node is selected by a click or the keyboard, and\n * the edges into and out of it light up; the view pans and zooms with a mouse,\n * a trackpad, touch or the keyboard.\n */\nexport function DagView<T = unknown>(props: DagViewProps<T>): JSX.Element {\n  const merged = mergeProps(\n    {\n      direction: \"LR\" as DagDirection,\n      nodeWidth: 180,\n      nodeHeight: 56,\n      rankGap: 64,\n      nodeGap: 24,\n      fit: true,\n      minZoom: 0.1,\n      maxZoom: 2,\n      wheel: \"zoom\" as \"zoom\" | \"pan\" | \"none\",\n      controls: true,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"style\",\n    \"label\",\n    \"summary\",\n    \"nodes\",\n    \"edges\",\n    \"renderNode\",\n    \"direction\",\n    \"nodeWidth\",\n    \"nodeHeight\",\n    \"rankGap\",\n    \"nodeGap\",\n    \"layout\",\n    \"selectedId\",\n    \"defaultSelectedId\",\n    \"onSelectedChange\",\n    \"onNodeClick\",\n    \"dimUnrelated\",\n    \"viewport\",\n    \"defaultViewport\",\n    \"onViewportChange\",\n    \"fit\",\n    \"minZoom\",\n    \"maxZoom\",\n    \"wheel\",\n    \"controls\",\n    \"labels\",\n    \"height\",\n    \"apiRef\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n\n  const uid = createUniqueId();\n  const arrowId = `${uid}-arrow`;\n  const activeArrowId = `${uid}-arrow-active`;\n  const summaryId = `${uid}-summary`;\n  let root!: HTMLDivElement;\n  const elements = new Map<string, HTMLElement>();\n\n  const labels = createMemo(\n    (): DagViewLabels => ({\n      ...DEFAULT_LABELS,\n      ...local.labels,\n      statuses: { ...DEFAULT_LABELS.statuses, ...local.labels?.statuses },\n    })\n  );\n  const statusWord = (status: string): string => labels().statuses[status] ?? status;\n\n  // ---- Nodes and layout ----\n\n  const byId = createMemo(() => {\n    const map = new Map<string, DagViewNode<T>>();\n    for (const node of local.nodes) if (!map.has(node.id)) map.set(node.id, node);\n    return map;\n  });\n  // Nodes are drawn by id, so content stays mounted when the app replaces a\n  // node object to change its status.\n  const ids = createMemo(() => [...byId().keys()], [], { equals: sameList });\n\n  // The layout depends only on the graph's shape; a status change leaves it be.\n  const structure = createMemo(\n    () => {\n      const nodes = [...byId().values()].map((node) => ({\n        id: node.id,\n        width: node.width ?? local.nodeWidth,\n        height: node.height ?? local.nodeHeight,\n      }));\n      const edges = local.edges.map((edge) => ({ id: edge.id, source: edge.source, target: edge.target }));\n      const input: DagLayoutInput = {\n        nodes,\n        edges,\n        direction: local.direction,\n        rankGap: local.rankGap,\n        nodeGap: local.nodeGap,\n        warn,\n      };\n      const key = JSON.stringify([\n        local.direction,\n        local.rankGap,\n        local.nodeGap,\n        nodes.map((n) => [n.id, n.width, n.height]),\n        edges.map((e) => [e.id ?? null, e.source, e.target]),\n      ]);\n      return { key, input };\n    },\n    undefined,\n    { equals: (a, b) => a.key === b.key }\n  );\n  const layout = createMemo(() => (local.layout ?? dagLayout)(structure().input));\n\n  // The flow of a layer runs along x in LR and along y in TB; across it is the other one.\n  const across = (node: DagLayoutNode): number => (local.direction === \"TB\" ? node.x : node.y);\n\n  const graph = createMemo(() => {\n    const result = layout();\n    const incoming = new Map<string, DagLayoutEdge[]>();\n    const outgoing = new Map<string, DagLayoutEdge[]>();\n    for (const edge of result.edges) {\n      if (!incoming.has(edge.target)) incoming.set(edge.target, []);\n      if (!outgoing.has(edge.source)) outgoing.set(edge.source, []);\n      incoming.get(edge.target)!.push(edge);\n      outgoing.get(edge.source)!.push(edge);\n    }\n    const ordered = [...result.nodes.values()].sort((a, b) => a.layer - b.layer || across(a) - across(b));\n    const layers = new Map<number, DagLayoutNode[]>();\n    for (const node of ordered) {\n      if (!layers.has(node.layer)) layers.set(node.layer, []);\n      layers.get(node.layer)!.push(node);\n    }\n    return { incoming, outgoing, ordered, layers };\n  });\n\n  // ---- Selection ----\n\n  const [selected, setSelected] = createControllableState<string | null>({\n    value: () => local.selectedId,\n    defaultValue: untrack(() => local.defaultSelectedId) ?? null,\n    onChange: (id) => local.onSelectedChange?.(id),\n  });\n  const isSelected = createSelector(selected);\n\n  const relations = createMemo(() => {\n    const id = selected();\n    const edges = new Map<string, \"upstream\" | \"downstream\">();\n    const nodes = new Map<string, \"upstream\" | \"downstream\">();\n    if (id === null || !layout().nodes.has(id)) return { active: false, edges, nodes };\n    const { incoming, outgoing } = graph();\n    for (const edge of incoming.get(id) ?? []) {\n      edges.set(edge.id, \"upstream\");\n      nodes.set(edge.source, \"upstream\");\n    }\n    for (const edge of outgoing.get(id) ?? []) {\n      edges.set(edge.id, \"downstream\");\n      nodes.set(edge.target, \"downstream\");\n    }\n    return { active: true, edges, nodes };\n  });\n\n  // ---- Focus: one tab stop, on the last focused node, else the selected one, else the first ----\n\n  const [active, setActive] = createSignal<string | null>(null);\n  const [focused, setFocused] = createSignal<string | null>(null);\n  const tabStop = createMemo(() => {\n    const nodes = layout().nodes;\n    const last = active();\n    if (last !== null && nodes.has(last)) return last;\n    const chosen = selected();\n    if (chosen !== null && nodes.has(chosen)) return chosen;\n    return graph().ordered[0]?.id ?? null;\n  });\n\n  // ---- Viewport ----\n\n  const [viewport, setViewport] = createControllableState<Viewport>({\n    value: () => local.viewport,\n    defaultValue: untrack(() => local.defaultViewport) ?? { x: 0, y: 0, zoom: 1 },\n    onChange: (next) => local.onViewportChange?.(next),\n  });\n  const [interacting, setInteracting] = createSignal(false);\n  const far = createMemo(() => viewport().zoom < 0.45);\n\n  const size = (): { width: number; height: number } => ({\n    width: root?.clientWidth ?? 0,\n    height: root?.clientHeight ?? 0,\n  });\n  const hasSize = (): boolean => {\n    const { width, height } = size();\n    return width > 0 && height > 0;\n  };\n  const worldSize = (): { width: number; height: number } => ({\n    width: layout().width + PADDING * 2,\n    height: layout().height + PADDING * 2,\n  });\n  const nodeRect = (id: string): { x: number; y: number; width: number; height: number } | undefined => {\n    const box = layout().nodes.get(id);\n    return box && { x: box.x + PADDING, y: box.y + PADDING, width: box.width, height: box.height };\n  };\n\n  const api: DagViewApi = {\n    fitView() {\n      if (!hasSize()) return;\n      const world = worldSize();\n      setViewport(\n        fitBounds(\n          { x: 0, y: 0, ...world },\n          size(),\n          0,\n          local.minZoom,\n          Math.max(local.minZoom, Math.min(1, local.maxZoom))\n        )\n      );\n    },\n    zoomTo(zoom) {\n      api.zoomBy(zoom / viewport().zoom);\n    },\n    zoomBy(factor) {\n      const { width, height } = size();\n      setViewport(zoomAt(viewport(), { x: width / 2, y: height / 2 }, factor, local.minZoom, local.maxZoom));\n    },\n    centerNode(id) {\n      const rect = nodeRect(id);\n      if (!rect) return;\n      setViewport(centerOn(viewport(), { x: rect.x + rect.width / 2, y: rect.y + rect.height / 2 }, size()));\n    },\n  };\n\n  const ensureVisible = (id: string): void => {\n    const rect = nodeRect(id);\n    if (rect && hasSize() && !isVisible(viewport(), rect, size(), 8)) api.centerNode(id);\n  };\n\n  // Fit once the graph has a size, and again when its shape changes. At zero\n  // size (a hidden tab) the fit waits for the first resize that gives one.\n  let fitPending = false;\n  const tryFit = (): void => {\n    if (!fitPending || !hasSize()) return;\n    fitPending = false;\n    api.fitView();\n  };\n  createEffect(\n    on(\n      layout,\n      () => {\n        if (!untrack(() => local.fit)) return;\n        fitPending = true;\n        tryFit();\n      },\n      { defer: true }\n    )\n  );\n\n  onMount(() => {\n    const dispose = createPanZoom(root, {\n      viewport,\n      write: setViewport,\n      minZoom: () => local.minZoom,\n      maxZoom: () => local.maxZoom,\n      wheel: () => local.wheel,\n      onInteracting: setInteracting,\n    });\n    let frame = 0;\n    const resizeObserver =\n      typeof ResizeObserver === \"function\"\n        ? new ResizeObserver(() => {\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(tryFit);\n          })\n        : undefined;\n    resizeObserver?.observe(root);\n    onCleanup(() => {\n      dispose();\n      resizeObserver?.disconnect();\n      cancelAnimationFrame(frame);\n    });\n    fitPending = local.fit;\n    tryFit();\n    local.apiRef?.(api);\n  });\n\n  // ---- Interaction ----\n\n  const choose = (id: string, event: MouseEvent | KeyboardEvent): void => {\n    const node = byId().get(id);\n    if (!node || node.disabled) return;\n    setSelected(id);\n    local.onNodeClick?.(node, event);\n  };\n\n  const focusNode = (id: string | undefined): void => {\n    if (id === undefined) return;\n    setActive(id);\n    elements.get(id)?.focus({ preventScroll: true });\n    ensureVisible(id);\n  };\n\n  // A node that goes away takes its selection with it, and focus moves to the\n  // Tab stop rather than dropping to the page. Only a node that was there\n  // counts: a selection given before its node loads is kept.\n  createEffect<readonly string[] | undefined>((before) => {\n    const now = ids();\n    if (before) {\n      untrack(() => {\n        const present = new Set(now);\n        const chosen = selected();\n        if (chosen !== null && !present.has(chosen) && before.includes(chosen)) setSelected(null);\n        const had = focused();\n        if (had === null || present.has(had)) return;\n        setFocused(null);\n        const doc = root?.ownerDocument;\n        const stop = tabStop();\n        if (doc && (doc.activeElement === null || doc.activeElement === doc.body) && stop !== null)\n          elements.get(stop)?.focus({ preventScroll: true });\n      });\n    }\n    return now;\n  });\n\n  // One Tab stop: focusables in `renderNode` content (a link, a button) are\n  // taken out of the Tab order, except in the node that is the Tab stop. Their\n  // own tabindex comes back when their node becomes it.\n  const ownTabIndex = new WeakMap<Element, string | null>();\n  // The value the component wrote last, so its own writes can be told apart\n  // from the caller's in the attribute records below.\n  const writtenTabIndex = new WeakMap<Element, string | null>();\n  const syncInnerTabStops = (): void => {\n    const stop = untrack(tabStop);\n    for (const [id, el] of elements) {\n      for (const inner of el.querySelectorAll(INNER_FOCUSABLE)) {\n        if (!ownTabIndex.has(inner)) ownTabIndex.set(inner, inner.getAttribute(\"tabindex\"));\n        const own = ownTabIndex.get(inner) ?? null;\n        const next = id === stop ? own : \"-1\";\n        if (inner.getAttribute(\"tabindex\") === next) continue;\n        if (next === null) inner.removeAttribute(\"tabindex\");\n        else inner.setAttribute(\"tabindex\", next);\n        writtenTabIndex.set(inner, next);\n      }\n    }\n  };\n  onMount(() => {\n    if (!local.renderNode) return;\n    createEffect(on(tabStop, syncInnerTabStops));\n    if (typeof MutationObserver !== \"function\") return;\n    // Content that changes later (a link that shows up with a status) is caught\n    // too, and so is a tabindex the caller writes from a signal: that write is\n    // taken as the content's own value, then the Tab order is restored over it.\n    const observer = new MutationObserver((records) => {\n      let sync = false;\n      for (const record of records) {\n        if (record.type !== \"attributes\") {\n          sync = true;\n          continue;\n        }\n        const target = record.target as Element;\n        // A node's own roving tabindex is the component's, not its content's.\n        if (target.classList.contains(\"smwb-dag-view__node\")) continue;\n        const now = target.getAttribute(\"tabindex\");\n        if (writtenTabIndex.has(target) && writtenTabIndex.get(target) === now) continue;\n        ownTabIndex.set(target, now);\n        sync = true;\n      }\n      if (sync) syncInnerTabStops();\n    });\n    observer.observe(root, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"tabindex\"],\n    });\n    onCleanup(() => observer.disconnect());\n  });\n\n  /** The node an arrow key leads to from `id`: along the edges, or to a neighbour in the layer. */\n  const neighbour = (id: string, key: string): string | undefined => {\n    const tb = local.direction === \"TB\";\n    const forward = tb ? \"ArrowDown\" : \"ArrowRight\";\n    const back = tb ? \"ArrowUp\" : \"ArrowLeft\";\n    const before = tb ? \"ArrowLeft\" : \"ArrowUp\";\n    const after = tb ? \"ArrowRight\" : \"ArrowDown\";\n    const nodes = layout().nodes;\n    const first = (list: string[]): string | undefined =>\n      list\n        .map((other) => nodes.get(other))\n        .filter((node): node is DagLayoutNode => node !== undefined)\n        .sort((a, b) => across(a) - across(b))[0]?.id;\n    if (key === forward) return first((graph().outgoing.get(id) ?? []).map((e) => e.target));\n    if (key === back) return first((graph().incoming.get(id) ?? []).map((e) => e.source));\n    const self = nodes.get(id);\n    if (!self) return undefined;\n    const layer = graph().layers.get(self.layer) ?? [];\n    const index = layer.findIndex((node) => node.id === id);\n    if (key === before) return layer[index - 1]?.id;\n    if (key === after) return layer[index + 1]?.id;\n    return undefined;\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    const target = event.target as HTMLElement;\n    const id = target.dataset?.[\"dagId\"];\n    // Keys pressed in a node's own content (a link, a field) are its own.\n    if (id === undefined || !target.classList.contains(\"smwb-dag-view__node\")) return;\n    // Ctrl, Cmd and Alt shortcuts are the browser's: page zoom, history, tabs.\n    if (event.ctrlKey || event.metaKey || event.altKey) return;\n    const key = event.key;\n    if (key.startsWith(\"Arrow\") && event.shiftKey) {\n      const step = 48;\n      const v = viewport();\n      const dx = key === \"ArrowLeft\" ? step : key === \"ArrowRight\" ? -step : 0;\n      const dy = key === \"ArrowUp\" ? step : key === \"ArrowDown\" ? -step : 0;\n      setViewport({ x: v.x + dx, y: v.y + dy, zoom: v.zoom });\n      event.preventDefault();\n      return;\n    }\n    if (key.startsWith(\"Arrow\")) {\n      event.preventDefault();\n      focusNode(neighbour(id, key));\n      return;\n    }\n    switch (key) {\n      case \"Home\":\n        event.preventDefault();\n        focusNode(graph().ordered[0]?.id);\n        return;\n      case \"End\":\n        event.preventDefault();\n        focusNode(graph().ordered[graph().ordered.length - 1]?.id);\n        return;\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        choose(id, event);\n        return;\n      case \"Escape\":\n        // Handled only when there was a selection, so an enclosing dialog still gets it otherwise.\n        if (selected() === null) return;\n        event.preventDefault();\n        setSelected(null);\n        return;\n      case \"+\":\n      case \"=\":\n        event.preventDefault();\n        api.zoomBy(1.25);\n        return;\n      case \"-\":\n      case \"_\":\n        event.preventDefault();\n        api.zoomBy(0.8);\n        return;\n      case \"0\":\n        event.preventDefault();\n        api.fitView();\n        return;\n    }\n  };\n\n  const defaultRender = (node: DagViewNode<T>): JSX.Element => (\n    <>\n      <span class=\"smwb-dag-view__dot\" aria-hidden=\"true\" />\n      <span class=\"smwb-dag-view__label\">{node.label ?? node.id}</span>\n      <Show when={node.status}>{(status) => <span class=\"smwb-dag-view__status\">{statusWord(status())}</span>}</Show>\n    </>\n  );\n\n  const description = (id: string): string => {\n    const node = byId().get(id);\n    const parts: string[] = [];\n    if (node?.status) parts.push(`${labels().status}: ${statusWord(node.status)}.`);\n    const names = (list: string[]): string => list.map((other) => nameOf(byId().get(other), other)).join(\", \");\n    const from = (graph().incoming.get(id) ?? []).map((e) => e.source);\n    const to = (graph().outgoing.get(id) ?? []).map((e) => e.target);\n    if (from.length) parts.push(`${labels().dependsOn}: ${names(from)}.`);\n    if (to.length) parts.push(`${labels().requiredBy}: ${names(to)}.`);\n    return parts.join(\" \");\n  };\n\n  const renderNodeFor = (id: string, index: () => number): JSX.Element => {\n    const node = (): DagViewNode<T> | undefined => byId().get(id);\n    // The node as `renderNode` sees it: its fields read the app's latest object.\n    const view = { id } as DagViewNode<T>;\n    for (const key of NODE_KEYS) Object.defineProperty(view, key, { enumerable: true, get: () => node()?.[key] });\n    const state: DagViewNodeState = {\n      get selected() {\n        return isSelected(id);\n      },\n      get related() {\n        return relations().nodes.get(id) ?? null;\n      },\n      get dimmed() {\n        const r = relations();\n        return Boolean(local.dimUnrelated) && r.active && !isSelected(id) && !r.nodes.has(id);\n      },\n      get focused() {\n        return focused() === id;\n      },\n    };\n    const descriptionId = (): string => `${uid}-node-${index()}`;\n    const style = (): JSX.CSSProperties => {\n      const box = layout().nodes.get(id);\n      const css: JSX.CSSProperties = box\n        ? {\n            left: `${box.x + PADDING}px`,\n            top: `${box.y + PADDING}px`,\n            width: `${box.width}px`,\n            height: `${box.height}px`,\n          }\n        : { display: \"none\" };\n      const accent = node()?.accent;\n      if (accent) css[\"--smwb-dag-view-node-accent\"] = accent;\n      return css;\n    };\n    const onFocus = (event: FocusEvent): void => {\n      if (event.target !== event.currentTarget) return;\n      setActive(id);\n      setFocused(id);\n      let keyboard = true;\n      try {\n        keyboard = (event.currentTarget as HTMLElement).matches(\":focus-visible\");\n      } catch {\n        // An engine without :focus-visible: treat it as the keyboard.\n      }\n      if (keyboard) ensureVisible(id);\n    };\n    const onBlur = (event: FocusEvent): void => {\n      if (event.target !== event.currentTarget || focused() !== id) return;\n      // A browser blurs a node while it is being removed, before the removal\n      // effect below runs. Clearing `focused` there would leave the effect\n      // nothing to move on, and focus would fall to the page.\n      if (!ids().includes(id)) return;\n      setFocused(null);\n    };\n    const content = untrack(() => (local.renderNode ?? defaultRender)(view, state));\n    return (\n      <div\n        role=\"option\"\n        data-dag-id={id}\n        ref={(el) => {\n          elements.set(id, el);\n          onCleanup(() => elements.get(id) === el && elements.delete(id));\n        }}\n        class={cn(\"smwb-dag-view__node\", {\n          \"smwb-dag-view__node--selected\": state.selected,\n          \"smwb-dag-view__node--upstream\": state.related === \"upstream\",\n          \"smwb-dag-view__node--downstream\": state.related === \"downstream\",\n          \"smwb-dag-view__node--dimmed\": state.dimmed,\n          \"smwb-dag-view__node--disabled\": Boolean(node()?.disabled),\n        })}\n        data-status={node()?.status}\n        aria-selected={state.selected ? \"true\" : \"false\"}\n        aria-disabled={node()?.disabled ? \"true\" : undefined}\n        aria-describedby={description(id) ? descriptionId() : undefined}\n        tabIndex={tabStop() === id ? 0 : -1}\n        style={style()}\n        onClick={(event) => choose(id, event)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      >\n        {content}\n        <span id={descriptionId()} hidden>\n          {description(id)}\n        </span>\n      </div>\n    );\n  };\n\n  const edgeClass = (edge: DagLayoutEdge): string => {\n    const r = relations();\n    const relation = r.edges.get(edge.id);\n    return cn(\"smwb-dag-view__edge\", {\n      \"smwb-dag-view__edge--active\": relation !== undefined,\n      \"smwb-dag-view__edge--upstream\": relation === \"upstream\",\n      \"smwb-dag-view__edge--downstream\": relation === \"downstream\",\n      \"smwb-dag-view__edge--dimmed\": Boolean(local.dimUnrelated) && r.active && relation === undefined,\n      \"smwb-dag-view__edge--reversed\": edge.reversed,\n    });\n  };\n\n  // The default height is the stylesheet's, so a height in the caller's style is not overridden.\n  const rootStyle = (): JSX.CSSProperties | string | undefined =>\n    mergeStyle(local.style, { height: local.height === undefined ? undefined : cssLength(local.height) });\n\n  return (\n    <div\n      data-testid={local[\"data-testid\"] ?? \"dag-view\"}\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => (root = el))}\n      class={cn(\"smwb-dag-view\", local.class)}\n      // Only when there is one: the server would print an empty style=\"\".\n      {...(rootStyle() === undefined ? {} : { style: rootStyle() })}\n      data-direction={local.direction}\n      data-zoom={far() ? \"far\" : undefined}\n      data-interacting={interacting() ? \"\" : undefined}\n    >\n      <div\n        class=\"smwb-dag-view__world\"\n        role=\"listbox\"\n        aria-label={local.label}\n        aria-roledescription={labels().roleDescription}\n        aria-describedby={local.summary ? summaryId : undefined}\n        style={{\n          width: `${worldSize().width}px`,\n          height: `${worldSize().height}px`,\n          transform: viewportTransform(viewport()),\n        }}\n        onKeyDown={onKeyDown}\n      >\n        <svg class=\"smwb-dag-view__edges\" width={worldSize().width} height={worldSize().height} aria-hidden=\"true\">\n          <defs>\n            <marker\n              id={arrowId}\n              viewBox=\"0 0 10 10\"\n              refX=\"9\"\n              refY=\"5\"\n              markerWidth=\"10\"\n              markerHeight=\"10\"\n              markerUnits=\"userSpaceOnUse\"\n              orient=\"auto-start-reverse\"\n            >\n              <path class=\"smwb-dag-view__arrow\" d=\"M0,1 L9,5 L0,9 z\" />\n            </marker>\n            <marker\n              id={activeArrowId}\n              viewBox=\"0 0 10 10\"\n              refX=\"9\"\n              refY=\"5\"\n              markerWidth=\"10\"\n              markerHeight=\"10\"\n              markerUnits=\"userSpaceOnUse\"\n              orient=\"auto-start-reverse\"\n            >\n              <path class=\"smwb-dag-view__arrow smwb-dag-view__arrow--active\" d=\"M0,1 L9,5 L0,9 z\" />\n            </marker>\n          </defs>\n          <g transform={`translate(${PADDING} ${PADDING})`}>\n            <For each={layout().edges}>\n              {(edge) => (\n                <path\n                  class={edgeClass(edge)}\n                  data-source={edge.source}\n                  data-target={edge.target}\n                  d={dagEdgePath(edge.points, local.direction)}\n                  marker-end={`url(#${relations().edges.has(edge.id) ? activeArrowId : arrowId})`}\n                />\n              )}\n            </For>\n          </g>\n        </svg>\n        <For each={ids()}>{(id, index) => renderNodeFor(id, index)}</For>\n      </div>\n      <Show when={local.summary}>\n        <p id={summaryId} class=\"smwb-dag-view__summary\">\n          {local.summary}\n        </p>\n      </Show>\n      <Show when={local.controls}>\n        <div class=\"smwb-dag-view__controls\" role=\"group\" aria-label={labels().controls}>\n          <button type=\"button\" class=\"smwb-dag-view__control\" title={labels().zoomIn} onClick={() => api.zoomBy(1.25)}>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 5v14M5 12h14\" />\n            </svg>\n          </button>\n          <button type=\"button\" class=\"smwb-dag-view__control\" title={labels().zoomOut} onClick={() => api.zoomBy(0.8)}>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14\" />\n            </svg>\n          </button>\n          <button type=\"button\" class=\"smwb-dag-view__control\" title={labels().fitView} onClick={() => api.fitView()}>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5\" />\n            </svg>\n          </button>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default DagView;\n"],"names":["PADDING","DEFAULT_LABELS","roleDescription","status","dependsOn","requiredBy","statuses","idle","pending","running","success","warning","error","skipped","zoomIn","zoomOut","fitView","controls","NODE_KEYS","INNER_FOCUSABLE","cssLength","value","sameList","a","b","length","every","i","nameOf","node","id","label","String","warn","DEV","message","console","undefined","DagView","props","merged","mergeProps","direction","nodeWidth","nodeHeight","rankGap","nodeGap","fit","minZoom","maxZoom","wheel","local","rest","splitProps","uid","createUniqueId","arrowId","activeArrowId","summaryId","root","elements","Map","labels","createMemo","statusWord","byId","map","nodes","has","set","ids","keys","equals","structure","values","width","height","edges","edge","source","target","input","key","JSON","stringify","n","e","layout","dagLayout","across","x","y","graph","result","incoming","outgoing","get","push","ordered","sort","layer","layers","selected","setSelected","createControllableState","selectedId","defaultValue","untrack","defaultSelectedId","onChange","onSelectedChange","isSelected","createSelector","relations","active","setActive","createSignal","focused","setFocused","tabStop","last","chosen","viewport","setViewport","defaultViewport","zoom","next","onViewportChange","interacting","setInteracting","far","size","clientWidth","clientHeight","hasSize","worldSize","nodeRect","box","api","world","fitBounds","Math","max","min","zoomTo","zoomBy","factor","zoomAt","centerNode","rect","centerOn","ensureVisible","isVisible","fitPending","tryFit","createEffect","on","defer","onMount","dispose","createPanZoom","write","onInteracting","frame","resizeObserver","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","onCleanup","disconnect","apiRef","choose","event","disabled","onNodeClick","focusNode","focus","preventScroll","before","now","present","Set","includes","had","doc","ownerDocument","stop","activeElement","body","ownTabIndex","WeakMap","writtenTabIndex","syncInnerTabStops","el","inner","querySelectorAll","getAttribute","own","removeAttribute","setAttribute","renderNode","MutationObserver","observer","records","sync","record","type","classList","contains","childList","subtree","attributes","attributeFilter","neighbour","tb","forward","back","after","first","list","other","filter","self","index","findIndex","onKeyDown","dataset","ctrlKey","metaKey","altKey","startsWith","shiftKey","v","dx","step","dy","preventDefault","defaultRender","_tmpl$","_el$2","_tmpl$2","_$insert","_$createComponent","Show","when","children","_el$3","_tmpl$3","description","parts","names","join","from","to","renderNodeFor","view","Object","defineProperty","enumerable","state","related","dimmed","r","Boolean","dimUnrelated","descriptionId","style","css","left","top","display","accent","onFocus","currentTarget","keyboard","matches","onBlur","content","_el$4","_tmpl$4","_el$5","firstChild","addEventListener","$$click","_$use","delete","_$setAttribute","_$effect","_p$","_v$","cn","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_$className","t","o","s","_$style","h","edgeClass","relation","reversed","rootStyle","mergeStyle","_el$6","_tmpl$7","_el$7","_el$8","_el$9","_el$0","_el$1","nextSibling","_el$10","_ref$","mergeRefs","ref","_$spread","_$mergeProps","class","$$keydown","For","each","_el$16","_tmpl$8","_v$19","_v$20","_v$21","_v$22","dagEdgePath","points","_v$23","summary","_el$11","_tmpl$5","_el$12","_tmpl$6","_el$13","_el$14","_el$15","_v$9","_v$0","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","_v$16","viewportTransform","_v$17","_v$18","_$setStyleProperty","_$delegateEvents"],"mappings":"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"}

package/dist/components/dataDisplay/dagView/index.d.ts

@@ -0,0 +1,4 @@
+export { DagView, default } from "./dagView";
+export type { DagViewProps, DagViewNode, DagViewEdge, DagViewStatus, DagViewViewport, DagViewApi, DagViewNodeState, DagViewLabels, } from "./dagView";
+export { dagLayout, dagEdgePath, dagEdgeId } from "./dagLayout";
+export type { DagDirection, DagLayoutInput, DagLayoutInputNode, DagLayoutInputEdge, DagLayoutResult, DagLayoutNode, DagLayoutEdge, DagPoint, } from "./dagLayout";