@draftably/runtime 0.4.0 → 0.5.0

package/dist/viewer.js

@@ -1,177 +1,177 @@
-import { i as Ne, F as Ie } from "./geometry-DfUVE8b2.js";
-import { f as vt } from "./geometry-DfUVE8b2.js";
-import { r as Et } from "./version-CKs2Vl8m.js";
-const $e = 0.02, ze = 8, Ze = 32, ye = (o, t = $e, a = ze) => Math.min(Math.max(o, Math.max($e, t)), Math.min(ze, a));
-function Oe(o = {}) {
-  const t = o.padding ?? Ze;
+import { i as Ne, F as Oe } from "./geometry-DfUVE8b2.js";
+import { f as kt } from "./geometry-DfUVE8b2.js";
+import { r as St } from "./version-CO7i33cq.js";
+const $e = 0.02, ze = 8, He = 32, ye = (n, t = $e, i = ze) => Math.min(Math.max(n, Math.max($e, t)), Math.min(ze, i));
+function Re(n = {}) {
+  const t = n.padding ?? He;
   return typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : t;
 }
-function Ge(o) {
-  if (!o.length) return;
-  const t = Math.min(...o.map((d) => d.x)), a = Math.min(...o.map((d) => d.y)), r = Math.max(...o.map((d) => d.x + d.width)), c = Math.max(...o.map((d) => d.y + d.height));
-  return { x: t, y: a, width: r - t, height: c - a };
+function Ge(n) {
+  if (!n.length) return;
+  const t = Math.min(...n.map((d) => d.x)), i = Math.min(...n.map((d) => d.y)), r = Math.max(...n.map((d) => d.x + d.width)), c = Math.max(...n.map((d) => d.y + d.height));
+  return { x: t, y: i, width: r - t, height: c - i };
 }
-function Re(o, t, a = {}) {
-  const r = Oe(a), c = Math.max(1, t.width - r.left - r.right), d = Math.max(1, t.height - r.top - r.bottom), g = ye(
-    Math.min(c / Math.max(1, o.width), d / Math.max(1, o.height)),
-    a.minZoom,
-    a.maxZoom ?? 1
+function Ie(n, t, i = {}) {
+  const r = Re(i), c = Math.max(1, t.width - r.left - r.right), d = Math.max(1, t.height - r.top - r.bottom), m = ye(
+    Math.min(c / Math.max(1, n.width), d / Math.max(1, n.height)),
+    i.minZoom,
+    i.maxZoom ?? 1
   );
   return {
-    centerX: o.x + o.width / 2 - (r.left - r.right) / 2 / g,
-    centerY: o.y + o.height / 2 - (r.top - r.bottom) / 2 / g,
-    zoom: g
+    centerX: n.x + n.width / 2 - (r.left - r.right) / 2 / m,
+    centerY: n.y + n.height / 2 - (r.top - r.bottom) / 2 / m,
+    zoom: m
   };
 }
-function He(o, t, a, r = {}) {
-  const c = Oe(r), d = { width: a.width - c.left - c.right, height: a.height - c.top - c.bottom };
-  let { centerX: g, centerY: i, zoom: f } = o;
+function Ue(n, t, i, r = {}) {
+  const c = Re(r), d = { width: i.width - c.left - c.right, height: i.height - c.top - c.bottom };
+  let { centerX: m, centerY: s, zoom: f } = n;
   if (t.width * f > d.width || t.height * f > d.height)
-    return Re(t, a, { ...r, maxZoom: f });
+    return Ie(t, i, { ...r, maxZoom: f });
   f = ye(f, r.minZoom, r.maxZoom);
-  const p = (t.x - g) * f + a.width / 2, m = (t.y - i) * f + a.height / 2;
-  return p < c.left ? g -= (c.left - p) / f : p + t.width * f > a.width - c.right && (g += (p + t.width * f - (a.width - c.right)) / f), m < c.top ? i -= (c.top - m) / f : m + t.height * f > a.height - c.bottom && (i += (m + t.height * f - (a.height - c.bottom)) / f), { centerX: g, centerY: i, zoom: f };
+  const g = (t.x - m) * f + i.width / 2, x = (t.y - s) * f + i.height / 2;
+  return g < c.left ? m -= (c.left - g) / f : g + t.width * f > i.width - c.right && (m += (g + t.width * f - (i.width - c.right)) / f), x < c.top ? s -= (c.top - x) / f : x + t.height * f > i.height - c.bottom && (s += (x + t.height * f - (i.height - c.bottom)) / f), { centerX: m, centerY: s, zoom: f };
 }
-const Ue = (o, t) => Math.abs(o.centerX - t.centerX) < 0.01 && Math.abs(o.centerY - t.centerY) < 0.01 && Math.abs(o.zoom - t.zoom) < 1e-6, Ke = 0.4, Je = (o, t) => o.nodes[t] ? "node" : o.groups[t] ? "group" : o.edges[t] ? "edge" : void 0, Te = (o, t, a) => ({
-  code: o,
+const Ke = (n, t) => Math.abs(n.centerX - t.centerX) < 0.01 && Math.abs(n.centerY - t.centerY) < 0.01 && Math.abs(n.zoom - t.zoom) < 1e-6, Je = 0.4, Qe = (n, t) => n.nodes[t] ? "node" : n.groups[t] ? "group" : n.edges[t] ? "edge" : void 0, Te = (n, t, i) => ({
+  code: n,
   severity: "warning",
   message: t,
-  itemIds: [a]
+  itemIds: [i]
 });
-function Qe(o, t = {}) {
-  const a = o.createElement("div"), r = o.createElement("div"), c = o.createElement("div");
-  a.className = "draft-anchors", r.className = "draft-anchors__bodies", c.className = "draft-anchors__overlays", a.append(r, c), a.dataset.draftDetail = "full";
+function et(n, t = {}) {
+  const i = n.createElement("div"), r = n.createElement("div"), c = n.createElement("div");
+  i.className = "draft-anchors", r.className = "draft-anchors__bodies", c.className = "draft-anchors__overlays", i.append(r, c), i.dataset.draftDetail = "full";
   const d = /* @__PURE__ */ new Map();
-  let g = [], i = null, f = !1, p = [], m = 1;
-  const N = /* @__PURE__ */ new Set(), b = o.defaultView, M = () => {
+  let m = [], s = null, f = !1, g = [], x = 1;
+  const p = /* @__PURE__ */ new Set(), b = n.defaultView, P = () => {
     let l = !1;
-    for (const [w, h] of d) {
-      if (!h.body) continue;
-      const $ = (Z.get(h) ?? []).some(
-        (D) => D.offsetWidth > h.box.width + 0.5 || D.offsetHeight > h.box.height + 0.5
+    for (const [h, w] of d) {
+      if (!w.body) continue;
+      const M = (E.get(w) ?? []).some(
+        (_) => _.offsetWidth > w.box.width + 0.5 || _.offsetHeight > w.box.height + 0.5
       );
-      $ !== N.has(w) && (l = !0, $ ? N.add(w) : N.delete(w));
+      M !== p.has(h) && (l = !0, M ? p.add(h) : p.delete(h));
     }
     l && t.onOverflow?.();
-  }, x = b?.ResizeObserver ? new b.ResizeObserver(M) : void 0, Z = /* @__PURE__ */ new Map(), k = (l) => {
-    if (!x || !l.body) return;
-    for (const h of Z.get(l) ?? []) x.unobserve(h);
-    const w = U(l.el);
-    Z.set(l, w);
-    for (const h of w) x.observe(h);
-  }, X = (l) => {
-    for (const w of Z.get(l) ?? []) x?.unobserve(w);
-    Z.delete(l);
+  }, L = b?.ResizeObserver ? new b.ResizeObserver(P) : void 0, E = /* @__PURE__ */ new Map(), re = (l) => {
+    if (!L || !l.body) return;
+    for (const w of E.get(l) ?? []) L.unobserve(w);
+    const h = U(l.el);
+    E.set(l, h);
+    for (const w of h) L.observe(w);
+  }, k = (l) => {
+    for (const h of E.get(l) ?? []) L?.unobserve(h);
+    E.delete(l);
   }, Y = (l) => {
-    const w = l.closest?.("[data-draft-anchor]")?.getAttribute("data-draft-anchor");
-    return w ? d.get(w) : void 0;
+    const h = l.closest?.("[data-draft-anchor]")?.getAttribute("data-draft-anchor");
+    return h ? d.get(h) : void 0;
   };
-  a.addEventListener("slotchange", (l) => {
-    const w = Y(l.target);
-    w && k(w);
+  i.addEventListener("slotchange", (l) => {
+    const h = Y(l.target);
+    h && re(h);
   });
-  const Q = b?.MutationObserver ? new b.MutationObserver((l) => {
-    const w = /* @__PURE__ */ new Set();
-    for (const h of l) {
-      const $ = h.target.dataset?.draftAnchor ? Y(h.target) : void 0;
-      $ && !w.has($) && (w.add($), k($));
+  const W = b?.MutationObserver ? new b.MutationObserver((l) => {
+    const h = /* @__PURE__ */ new Set();
+    for (const w of l) {
+      const M = w.target.dataset?.draftAnchor ? Y(w.target) : void 0;
+      M && !h.has(M) && (h.add(M), re(M));
     }
   }) : void 0;
-  Q?.observe(r, { childList: !0, subtree: !0 });
+  W?.observe(r, { childList: !0, subtree: !0 });
   let G = !1;
-  const j = () => G = !0, H = () => G = !1;
-  a.addEventListener("pointerdown", j, !0), o.addEventListener("pointerup", H, !0), o.addEventListener("pointercancel", H, !0);
+  const J = () => G = !0, F = () => G = !1;
+  i.addEventListener("pointerdown", J, !0), n.addEventListener("pointerup", F, !0), n.addEventListener("pointercancel", F, !0);
   function U(l) {
-    const w = l.firstElementChild;
-    return w instanceof HTMLSlotElement ? w.assignedElements().filter((h) => h instanceof HTMLElement) : [...l.children].filter((h) => h instanceof HTMLElement);
+    const h = l.firstElementChild;
+    return h instanceof HTMLSlotElement ? h.assignedElements().filter((w) => w instanceof HTMLElement) : [...l.children].filter((w) => w instanceof HTMLElement);
   }
-  function ae() {
-    let l = o.activeElement;
+  function ne() {
+    let l = n.activeElement;
     for (; l?.shadowRoot?.activeElement; ) l = l.shadowRoot.activeElement;
     return l;
   }
-  function ee() {
-    let l = !1, w = !1;
-    const h = /* @__PURE__ */ new Set();
-    p = [];
-    let $;
-    const D = (E) => {
-      $ ??= new Map(
-        [i.nodes, i.groups, i.edges].flatMap(Object.keys).map((z, W) => [z, W])
+  function se() {
+    let l = !1, h = !1;
+    const w = /* @__PURE__ */ new Set();
+    g = [];
+    let M;
+    const _ = (S) => {
+      M ??= new Map(
+        [s.nodes, s.groups, s.edges].flatMap(Object.keys).map((R, N) => [R, N])
       );
-      const C = E.dataset.draftAnchor;
-      return $.get(C.slice(C.indexOf(":") + 1)) ?? 1 / 0;
+      const z = S.dataset.draftAnchor;
+      return M.get(z.slice(z.indexOf(":") + 1)) ?? 1 / 0;
     };
-    for (const E of g) {
-      const C = E.indexOf(":"), z = E.slice(0, C), W = E.slice(C + 1), F = i ? Je(i, W) : void 0;
-      if (!i || !F || z === "body" && F !== "node" || h.has(E)) {
-        f && !h.has(E) && p.push(E);
+    for (const S of m) {
+      const z = S.indexOf(":"), R = S.slice(0, z), N = S.slice(z + 1), B = s ? Qe(s, N) : void 0;
+      if (!s || !B || R !== "body" && R !== "overlay" || R === "body" && B !== "node" || w.has(S)) {
+        f && !w.has(S) && g.push(S);
         continue;
       }
-      h.add(E);
-      const I = Ne(i, W);
-      let S = d.get(E);
-      if (!S || S.kind !== F) {
-        S && (S.el.remove(), X(S));
-        const T = o.createElement("div");
-        T.className = `draft-anchor draft-anchor--${z}`, T.dataset.draftAnchor = E, S = { el: T, id: W, kind: F, body: z === "body", box: I }, d.set(E, S);
-        const K = S.body ? r : c, ne = K.children, ce = D(T);
-        let B = 0, oe = ne.length;
-        for (; B < oe; ) {
-          const se = B + oe >> 1;
-          D(ne[se]) > ce ? oe = se : B = se + 1;
+      w.add(S);
+      const D = Ne(s, N);
+      let $ = d.get(S);
+      if (!$ || $.kind !== B) {
+        $ && ($.el.remove(), k($));
+        const I = n.createElement("div");
+        I.className = `draft-anchor draft-anchor--${R}`, I.dataset.draftAnchor = S, $ = { el: I, id: N, kind: B, body: R === "body", box: D }, d.set(S, $);
+        const Q = $.body ? r : c, Z = Q.children, ue = _(I);
+        let ee = 0, H = Z.length;
+        for (; ee < H; ) {
+          const ie = ee + H >> 1;
+          _(Z[ie]) > ue ? H = ie : ee = ie + 1;
         }
-        K.insertBefore(T, ne[B] ?? null), k(S), l = !0;
-      } else S.body && (S.box.width !== I.width || S.box.height !== I.height) && (w = !0);
-      if (S.box = I, S.body) {
-        const T = S.el.style;
-        T.left = `${I.x}px`, T.top = `${I.y}px`, T.width = `${I.width}px`, T.height = `${I.height}px`;
+        Q.insertBefore(I, Z[ee] ?? null), re($), l = !0;
+      } else $.body && ($.box.width !== D.width || $.box.height !== D.height) && (h = !0);
+      if ($.box = D, $.body) {
+        const I = $.el.style;
+        I.left = `${D.x}px`, I.top = `${D.y}px`, I.width = `${D.width}px`, I.height = `${D.height}px`;
       }
     }
-    for (const [E, C] of d) {
-      if (h.has(E)) continue;
-      const z = ae(), W = !!z && (C.el.contains(z) || U(C.el).some((F) => F.contains(z)));
-      C.el.remove(), X(C), d.delete(E), N.delete(E), l = !0, W && a.dispatchEvent(new CustomEvent("draft-anchor-focus-lost"));
+    for (const [S, z] of d) {
+      if (w.has(S)) continue;
+      const R = ne(), N = !!R && (z.el.contains(R) || U(z.el).some((B) => B.contains(R)));
+      z.el.remove(), k(z), d.delete(S), p.delete(S), l = !0, N && i.dispatchEvent(new CustomEvent("draft-anchor-focus-lost"));
     }
-    return w && x && M(), l;
+    return h && L && P(), l;
   }
   return {
-    el: a,
+    el: i,
     setSlots(l) {
-      return g = [...new Set(l)], ee();
+      return m = [...new Set(l)], se();
     },
-    hasSlots: () => g.length > 0,
+    hasSlots: () => m.length > 0,
     setGeometry(l) {
-      return i = l, f = !0, ee();
+      return s = l, f = !0, se();
     },
-    place(l, w, h) {
-      if (!g.length) return;
-      (h !== m || !a.style.getPropertyValue("--draft-zoom")) && a.style.setProperty("--draft-zoom", String(h)), m = h, r.style.transform = `translate(${l}px, ${w}px) scale(${h})`;
-      for (const D of d.values()) {
-        if (D.body) continue;
-        const E = D.el.style;
-        E.transform = `translate(${l + D.box.x * h}px, ${w + D.box.y * h}px)`, E.width = `${D.box.width * h}px`, E.height = `${D.box.height * h}px`;
+    place(l, h, w) {
+      if (!m.length) return;
+      (w !== x || !i.style.getPropertyValue("--draft-zoom")) && i.style.setProperty("--draft-zoom", String(w)), x = w, r.style.transform = `translate(${l}px, ${h}px) scale(${w})`;
+      for (const _ of d.values()) {
+        if (_.body) continue;
+        const S = _.el.style;
+        S.transform = `translate(${l + _.box.x * w}px, ${h + _.box.y * w}px)`, S.width = `${_.box.width * w}px`, S.height = `${_.box.height * w}px`;
       }
-      const $ = t.detail !== "full" && h < Ke;
-      a.dataset.draftDetail === "low" !== $ && (a.dataset.draftDetail = $ ? "low" : "full", r.inert = $);
+      const M = t.detail !== "full" && w < Je;
+      i.dataset.draftDetail === "low" !== M && (i.dataset.draftDetail = M ? "low" : "full", r.inert = M);
     },
-    anchors: () => [...d].map(([l, w]) => ({
+    anchors: () => [...d].map(([l, h]) => ({
       slot: l,
-      id: w.id,
-      kind: w.kind,
-      el: w.el
+      id: h.id,
+      kind: h.kind,
+      el: h.el
     })),
     // Every anchored body, at any zoom: CSS shows titles again below LOW_DETAIL_ZOOM.
     bodyIds: () => [...d.values()].filter((l) => l.body).map((l) => l.id),
     warnings: () => [
-      ...p.map(
+      ...g.map(
         (l) => Te(
           "DRAFT_SLOT_UNKNOWN",
-          i ? `Slot ${l} names no item that can hold it. A body fills a node; an overlay covers a node, group or edge.` : `Slot ${l} shows nothing: this drawing repeats items (compare or states), so slots are off.`,
+          /^(?:body|overlay):/.test(l) ? s ? `Slot ${l} names no item that can hold it. A body fills a node; an overlay covers a node, group or edge.` : `Slot ${l} shows nothing: this drawing repeats items (compare or states), so slots are off.` : `Slot ${l} shows nothing: a slot name starts with body: or overlay:, such as body:api.`,
           l.slice(l.indexOf(":") + 1)
         )
       ),
-      ...[...N].map(
+      ...[...p].map(
         (l) => Te(
           "DRAFT_SLOT_OVERFLOW",
           `The content of ${l} is larger than its node. Declare the room with size … min-height=.`,
@@ -181,597 +181,618 @@ function Qe(o, t = {}) {
     ],
     pressed: () => G,
     idOf(l) {
-      for (const w of d.values())
-        if (w.el.contains(l) || U(w.el).some((h) => h.contains(l))) return w.id;
+      for (const h of d.values())
+        if (h.el.contains(l) || U(h.el).some((w) => w.contains(l))) return h.id;
     },
     destroy() {
-      x?.disconnect(), Q?.disconnect(), o.removeEventListener("pointerup", H, !0), o.removeEventListener("pointercancel", H, !0), Z.clear(), d.clear(), a.remove();
+      L?.disconnect(), W?.disconnect(), n.removeEventListener("pointerup", F, !0), n.removeEventListener("pointercancel", F, !0), E.clear(), d.clear(), i.remove();
+    }
+  };
+}
+const tt = /\bdark\b/, rt = /\blight\b/;
+function nt(n, t) {
+  const i = n.ownerDocument, r = i.defaultView, c = r?.matchMedia?.("(prefers-color-scheme: dark)"), d = i.createElement("span");
+  d.setAttribute("aria-hidden", "true"), d.setAttribute("data-draft-probe", ""), d.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;color:light-dark(rgb(0,0,0),rgb(255,255,255));transition:color 1ms !important", n.append(d);
+  let m;
+  const s = () => {
+    const p = r?.getComputedStyle(d).colorScheme ?? "", b = tt.test(p) && (!rt.test(p) || !!c?.matches);
+    b !== m && (m = b, t(b));
+  }, f = (p) => {
+    p.stopPropagation(), s();
+  };
+  d.addEventListener("transitionrun", f), c?.addEventListener?.("change", s);
+  const g = n.nodeType === 11 ? n.host : n, x = r && "ResizeObserver" in r ? new r.ResizeObserver(s) : void 0;
+  return x?.observe(g), s(), {
+    check: s,
+    stop() {
+      x?.disconnect(), c?.removeEventListener?.("change", s), d.removeEventListener("transitionrun", f), d.remove();
     }
   };
 }
 const De = Math.max(
   1,
   Math.min(4, (globalThis.navigator?.hardwareConcurrency || 2) - 1)
-), et = 3e4, Fe = /* @__PURE__ */ new Map();
-let tt = 0;
-const _e = "The worker is the module next to @draftably/runtime's viewer. With Vite, add optimizeDeps: { exclude: ['@draftably/runtime', '@draftably/editor'] } to vite.config.", rt = () => new Worker(new URL("./assets/render.worker-BXjS76Gy.js", import.meta.url), { type: "module" });
-function fe(o, t, a) {
-  o.slots.splice(o.slots.indexOf(t), 1), clearTimeout(t.timer), clearTimeout(t.idle), t.worker.terminate();
+), ot = 3e4, Fe = /* @__PURE__ */ new Map();
+let st = 0;
+const _e = "The worker is the module next to @draftably/runtime's viewer. With Vite 5–7, add optimizeDeps: { exclude: ['@draftably/runtime', '@draftably/editor'] } to vite.config.", it = () => new Worker(new URL("./assets/render.worker-D11vTqoO.js", import.meta.url), { type: "module" });
+function le(n, t, i) {
+  n.slots.splice(n.slots.indexOf(t), 1), clearTimeout(t.timer), clearTimeout(t.idle), t.worker.terminate();
   const r = t.job;
-  t.job = void 0, r && a && r.reject(a);
+  t.job = void 0, r && i && r.reject(i);
 }
-function nt(o, t) {
-  let a;
+function at(n, t) {
+  let i;
   try {
-    a = (o ?? rt)();
+    i = (n ?? it)();
   } catch (c) {
     throw new Error(
       `Viewer render worker could not start${c instanceof Error ? `: ${c.message}` : ""}. ${_e}`,
       { cause: c }
     );
   }
-  const r = { worker: a };
-  return t.slots.push(r), a.addEventListener("message", (c) => {
+  const r = { worker: i };
+  return t.slots.push(r), i.addEventListener("message", (c) => {
     const d = r.job;
-    !d || c.data?.id !== d.id || (clearTimeout(r.timer), r.job = void 0, d.resolve(c.data.result), r.idle = setTimeout(() => fe(t, r), et), ie(o, t));
-  }), a.addEventListener("error", (c) => {
-    c.preventDefault(), fe(
+    !d || c.data?.id !== d.id || (clearTimeout(r.timer), r.job = void 0, d.resolve(c.data.result), r.idle = setTimeout(() => le(t, r), ot), ae(n, t));
+  }), i.addEventListener("error", (c) => {
+    c.preventDefault(), le(
       t,
       r,
       new Error(`${c.message || "Viewer render worker failed."} ${_e}`)
-    ), ie(o, t);
-  }), a.addEventListener("messageerror", () => {
-    fe(t, r, new Error("Viewer render worker returned an unreadable result.")), ie(o, t);
+    ), ae(n, t);
+  }), i.addEventListener("messageerror", () => {
+    le(t, r, new Error("Viewer render worker returned an unreadable result.")), ae(n, t);
   }), r;
 }
-function ie(o, t) {
+function ae(n, t) {
   for (; t.queue.length; ) {
-    const a = t.queue[0].options.idPrefix;
-    let r = t.slots.find((g) => !g.job && g.last === a);
-    if (!r && t.slots.length >= De && (r = t.slots.find((g) => !g.job)), !r && t.slots.length < De)
+    const i = t.queue[0].options.idPrefix;
+    let r = t.slots.find((m) => !m.job && m.last === i);
+    if (!r && t.slots.length >= De && (r = t.slots.find((m) => !m.job)), !r && t.slots.length < De)
       try {
-        r = nt(o, t);
-      } catch (g) {
-        for (const i of t.queue.splice(0)) i.reject(g);
+        r = at(n, t);
+      } catch (m) {
+        for (const s of t.queue.splice(0)) s.reject(m);
         return;
       }
     if (!r) return;
     const c = t.queue.shift();
-    clearTimeout(r.idle), r.job = c, r.last = a;
+    clearTimeout(r.idle), r.job = c, r.last = i;
     const d = r;
     r.timer = setTimeout(() => {
-      fe(t, d, new Error("Viewer render worker timed out.")), ie(o, t);
+      le(t, d, new Error("Viewer render worker timed out.")), ae(n, t);
     }, c.timeoutMs), r.worker.postMessage({ id: c.id, source: c.source, options: c.options });
   }
 }
-function ot(o, t, {
-  create: a,
+function ct(n, t, {
+  create: i,
   timeoutMs: r = 5e3,
   signal: c
 }) {
-  return new Promise((d, g) => {
-    const i = Fe.get(a) ?? { slots: [], queue: [] };
-    Fe.set(a, i);
+  return new Promise((d, m) => {
+    const s = Fe.get(i) ?? { slots: [], queue: [] };
+    Fe.set(i, s);
     let f = !1;
-    const p = () => {
-      f = !0, c?.removeEventListener("abort", N);
-    }, m = {
-      id: ++tt,
-      source: o,
+    const g = () => {
+      f = !0, c?.removeEventListener("abort", p);
+    }, x = {
+      id: ++st,
+      source: n,
       options: t,
       timeoutMs: r,
-      resolve: (b) => f || (p(), d(b)),
-      reject: (b) => f || (p(), g(b))
-    }, N = () => {
-      const b = i.queue.indexOf(m);
-      b >= 0 && i.queue.splice(b, 1), m.reject(new Error("Viewer render was aborted."));
+      resolve: (b) => f || (g(), d(b)),
+      reject: (b) => f || (g(), m(b))
+    }, p = () => {
+      const b = s.queue.indexOf(x);
+      b >= 0 && s.queue.splice(b, 1), x.reject(new Error("Viewer render was aborted."));
     };
-    c?.addEventListener("abort", N, { once: !0 }), i.queue.push(m), ie(a, i);
+    c?.addEventListener("abort", p, { once: !0 }), s.queue.push(x), ae(i, s);
   });
 }
-const ue = /* @__PURE__ */ new WeakMap(), we = (o, t) => ue.get(o)?.get(t)?.face;
-function st(o, t, a) {
-  const r = ue.get(o) ?? /* @__PURE__ */ new Map();
-  ue.set(o, r);
+const fe = /* @__PURE__ */ new WeakMap(), we = (n, t) => fe.get(n)?.get(t)?.face;
+function dt(n, t, i) {
+  const r = fe.get(n) ?? /* @__PURE__ */ new Map();
+  fe.set(n, r);
   const c = r.get(t);
   if (c) return void c.refs++;
-  o.fonts.add(a), r.set(t, { face: a, refs: 1 });
+  n.fonts.add(i), r.set(t, { face: i, refs: 1 });
 }
-function pe(o, t) {
-  const a = ue.get(o), r = a?.get(t);
-  !r || --r.refs > 0 || (o.fonts.delete(r.face), a.delete(t));
+function pe(n, t) {
+  const i = fe.get(n), r = i?.get(t);
+  !r || --r.refs > 0 || (n.fonts.delete(r.face), i.delete(t));
 }
-const it = "http://www.w3.org/2000/svg", at = new Set(
+const lt = "http://www.w3.org/2000/svg", ft = new Set(
   "svg title desc metadata defs style marker g a path rect ellipse circle line polyline polygon text tspan".split(
     " "
   )
-), ct = new Set(
+), ut = new Set(
   "aria-labelledby role id data-id data-phase data-state data-theme xmlns viewBox width height x y x1 y1 x2 y2 cx cy r rx ry d points transform fill fill-rule fill-opacity stroke stroke-opacity stroke-width stroke-linecap stroke-linejoin stroke-dasharray opacity font-family font-size font-weight text-anchor dominant-baseline dy text-decoration marker-start marker-end markerWidth markerHeight markerUnits refX refY orient class clip-path nonce href target rel".split(
     " "
   )
 );
-let lt = 0;
-function dt(o, t) {
-  return new o.defaultView.DOMParser().parseFromString(t, "image/svg+xml");
+let mt = 0;
+function ht(n, t) {
+  return new n.defaultView.DOMParser().parseFromString(t, "image/svg+xml");
 }
-function ft(o) {
+function gt(n) {
   const t = /* @__PURE__ */ new Map();
-  for (const a of Array.from(o.querySelectorAll("text[font-family]"))) {
-    const r = (a.getAttribute("font-family") ?? "").split(",")[0].trim().replace(/^['"]|['"]$/g, ""), c = a.getAttribute("font-weight") ?? "400";
-    if (!Object.values(Ie).some((d) => d.family === r && String(d.weight) === c))
+  for (const i of Array.from(n.querySelectorAll("text[font-family]"))) {
+    const r = (i.getAttribute("font-family") ?? "").split(",")[0].trim().replace(/^['"]|['"]$/g, ""), c = i.getAttribute("font-weight") ?? "400";
+    if (!Object.values(Oe).some((d) => d.family === r && String(d.weight) === c))
       throw new Error("Runtime SVG requested an unknown bundled font face.");
     t.set(`${r}:${c}`, { family: r, weight: c });
   }
   return [...t.values()];
 }
-function ut(o, t) {
-  const a = /* @__PURE__ */ new Map();
-  for (const r of Array.from(o.querySelectorAll("style"))) {
+function wt(n, t) {
+  const i = /* @__PURE__ */ new Map();
+  for (const r of Array.from(n.querySelectorAll("style"))) {
     const c = r.textContent ?? "";
     for (const [, d] of c.matchAll(/@font-face\s*\{([^{}]{1,200000})\}/g)) {
-      const g = /font-family\s*:\s*['"]([^'"]+)['"]/i.exec(d)?.[1], i = /font-weight\s*:\s*(\d{1,4})/i.exec(d)?.[1], f = /src\s*:\s*url\((data:font\/woff2;base64,[A-Za-z0-9+/=]+)\)/i.exec(d)?.[1];
-      !g || !i || !f || Object.values(Ie).some((p) => p.family === g && String(p.weight) === i) && a.set(`${g}:${i}`, { family: g, weight: i, data: f });
+      const m = /font-family\s*:\s*['"]([^'"]+)['"]/i.exec(d)?.[1], s = /font-weight\s*:\s*(\d{1,4})/i.exec(d)?.[1], f = /src\s*:\s*url\((data:font\/woff2;base64,[A-Za-z0-9+/=]+)\)/i.exec(d)?.[1];
+      !m || !s || !f || Object.values(Oe).some((g) => g.family === m && String(g.weight) === s) && i.set(`${m}:${s}`, { family: m, weight: s, data: f });
     }
   }
   return t.map((r) => {
-    const c = a.get(`${r.family}:${r.weight}`);
+    const c = i.get(`${r.family}:${r.weight}`);
     if (!c) throw new Error(`Embedded font ${r.family} ${r.weight} is missing.`);
     return c;
   });
 }
-function mt(o, t, a, r = 1e5) {
+function pt(n, t, i, r = 1e5) {
   if (t.querySelector("parsererror") || t.documentElement.localName !== "svg")
     throw new Error("Runtime returned invalid SVG.");
   const c = new Set(
-    Array.from(t.querySelectorAll("[id]"), (i) => i.getAttribute("id") ?? "")
+    Array.from(t.querySelectorAll("[id]"), (s) => s.getAttribute("id") ?? "")
   );
   let d = 0;
-  const g = (i) => {
-    if (++d > r || !at.has(i.localName))
+  const m = (s) => {
+    if (++d > r || !ft.has(s.localName))
       throw new Error("Runtime SVG exceeded the allowed drawing vocabulary.");
-    const f = o.createElementNS(it, i.localName);
-    for (const { name: p, value: m } of Array.from(i.attributes)) {
-      if (/^on/i.test(p)) continue;
-      if (p === "href") {
-        if (i.localName !== "a") continue;
+    const f = n.createElementNS(lt, s.localName);
+    for (const { name: g, value: x } of Array.from(s.attributes)) {
+      if (/^on/i.test(g)) continue;
+      if (g === "href") {
+        if (s.localName !== "a") continue;
         try {
-          const b = new URL(m, o.baseURI);
+          const b = new URL(x, n.baseURI);
           (b.protocol === "http:" || b.protocol === "https:") && f.setAttribute("href", b.href);
         } catch {
         }
         continue;
       }
-      if (!ct.has(p) && !/^data-[a-z0-9-]+$/.test(p)) continue;
-      const N = [...m.matchAll(/url\(#([^)]*)\)/g)].map((b) => b[1]);
-      /url\s*\(/i.test(m) && (N.length === 0 || N.some((b) => !c.has(b))) || p === "aria-labelledby" && m.split(/\s+/).some((b) => !c.has(b)) || f.setAttribute(p, m);
+      if (!ut.has(g) && !/^data-[a-z0-9-]+$/.test(g)) continue;
+      const p = [...x.matchAll(/url\(#([^)]*)\)/g)].map((b) => b[1]);
+      /url\s*\(/i.test(x) && (p.length === 0 || p.some((b) => !c.has(b))) || g === "aria-labelledby" && x.split(/\s+/).some((b) => !c.has(b)) || f.setAttribute(g, x);
     }
-    i.localName === "a" && f.getAttribute("target") === "_blank" && f.setAttribute("rel", "noopener noreferrer");
-    for (const p of Array.from(i.childNodes))
-      if (p.nodeType === 1) f.append(g(p));
-      else if (p.nodeType === 3) {
-        const m = p.nodeValue ?? "";
+    s.localName === "a" && f.getAttribute("target") === "_blank" && f.setAttribute("rel", "noopener noreferrer");
+    for (const g of Array.from(s.childNodes))
+      if (g.nodeType === 1) f.append(m(g));
+      else if (g.nodeType === 3) {
+        const x = g.nodeValue ?? "";
         f.append(
-          o.createTextNode(
-            i.localName === "style" && a ? m.replace(/@font-face\s*\{[^{}]*\}/g, "") : m
+          n.createTextNode(
+            s.localName === "style" && i ? x.replace(/@font-face\s*\{[^{}]*\}/g, "") : x
           )
         );
       }
     return f;
   };
-  return g(t.documentElement);
+  return m(t.documentElement);
 }
-function de(o, t, a) {
+function de(n, t, i) {
   return {
     ok: !1,
-    reason: o,
-    diagnostics: [{ code: t, severity: "error", message: a, itemIds: [] }]
+    reason: n,
+    diagnostics: [{ code: t, severity: "error", message: i, itemIds: [] }]
   };
 }
-function wt(o, t = {}) {
-  const a = o?.ownerDocument?.defaultView;
-  if (!a || !(o instanceof a.HTMLElement))
+function bt(n, t = {}) {
+  const i = n?.ownerDocument?.defaultView;
+  if (!i || !(n instanceof i.HTMLElement))
     throw new TypeError("host must be an HTMLElement.");
-  if (o.childNodes.length) throw new Error("Viewer host must be empty and exclusively owned.");
+  if (n.childNodes.length) throw new Error("Viewer host must be empty and exclusively owned.");
   if ((t.execution ?? { mode: "worker" }).mode === "worker" && t.render?.links?.mode === "safe" && t.render.links.resolve)
     throw new TypeError('A link resolver requires execution: { mode: "main" }.');
-  const r = o.ownerDocument, c = a, d = r.createElement("section");
+  const r = n.ownerDocument, c = i, d = r.createElement("section");
   d.className = "draft-viewer", t.outline !== "visible" && d.classList.add("draft-viewer--outline-hidden"), d.setAttribute("aria-label", t.label ?? "Diagram viewer");
-  const g = r.createElement("div");
-  g.className = "draft-viewer__toolbar", g.setAttribute("role", "toolbar"), g.setAttribute("aria-label", "Diagram controls");
-  const i = r.createElement("div");
-  i.className = "draft-viewer__viewport", i.tabIndex = 0, i.setAttribute("aria-label", t.label ?? "Diagram");
+  const m = r.createElement("div");
+  m.className = "draft-viewer__toolbar", m.setAttribute("role", "toolbar"), m.setAttribute("aria-label", "Diagram controls");
+  const s = r.createElement("div");
+  s.className = "draft-viewer__viewport", s.tabIndex = 0, s.setAttribute("aria-label", t.label ?? "Diagram");
   const f = r.createElement("p");
   f.className = "draft-viewer__status", f.setAttribute("role", "status"), f.setAttribute("aria-live", "polite");
-  const p = r.createElement("ol");
-  p.className = "draft-viewer__outline", p.setAttribute("aria-label", "Diagram outline"), d.append(g, i, f, p);
-  const m = Qe(r, {
+  const g = r.createElement("ol");
+  g.className = "draft-viewer__outline", g.setAttribute("aria-label", "Diagram outline"), d.append(m, s, f, g);
+  const x = nt(n, (e) => d.style.colorScheme = e ? "dark" : "light"), p = et(r, {
     detail: t.detail,
-    onOverflow: () => l()
+    onOverflow: () => h()
   });
-  i.append(m.el), o.append(d);
-  const N = `draftViewer${(++lt).toString(36)}${Math.random().toString(36).slice(2, 9)}`;
-  let b = 0, M = !1, x = { centerX: 0, centerY: 0, zoom: 1 }, Z = !1, k, X = { width: 0, height: 0 };
-  const Y = /* @__PURE__ */ new Set(), Q = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map(), j = (e, s) => {
-    for (const n of Q.get(e) ?? [])
+  s.append(p.el), n.append(d);
+  const b = `draftViewer${(++mt).toString(36)}${Math.random().toString(36).slice(2, 9)}`;
+  let P = 0, L = !1, E = { centerX: 0, centerY: 0, zoom: 1 }, re = !1, k, Y = { width: 0, height: 0 };
+  const W = /* @__PURE__ */ new Set(), G = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), F = (e, a) => {
+    for (const o of G.get(e) ?? [])
       try {
-        n(s);
+        o(a);
       } catch {
       }
-  }, H = (e, s) => {
-    const n = r.createElement("button");
-    n.type = "button", n.textContent = e, n.setAttribute("aria-label", e), n.addEventListener("click", s), g.append(n);
-  }, U = () => {
-    const e = i.querySelector("svg");
+  }, U = (e, a) => {
+    const o = r.createElement("button");
+    o.type = "button", o.textContent = e, o.setAttribute("aria-label", e), o.addEventListener("click", a), m.append(o);
+  }, ne = () => {
+    const e = s.querySelector("svg");
     if (!e || !k) return;
-    const [s, n] = k.viewBox, v = X, A = x.zoom, O = v.width / 2 - (x.centerX - s) * A, u = v.height / 2 - (x.centerY - n) * A;
-    e.style.transformOrigin = "0 0", e.style.transform = `translate(${O}px, ${u}px) scale(${A})`, e.style.width = `${k.width}px`, e.style.height = `${k.height}px`, e.style.maxWidth = "none", m.place(O - s * A, u - n * A, A);
-    const R = m.el.dataset.draftDetail;
-    i.dataset.draftDetail !== R && (i.dataset.draftDetail = R);
-  }, ae = () => {
-    const e = new Set(m.bodyIds());
-    for (const s of i.querySelectorAll(":scope > svg [data-id]"))
-      s.toggleAttribute("data-draft-body", e.has(s.getAttribute("data-id")));
-    j("anchors", { anchors: m.anchors() });
+    const [a, o] = k.viewBox, v = Y, A = E.zoom, C = v.width / 2 - (E.centerX - a) * A, u = v.height / 2 - (E.centerY - o) * A;
+    e.style.transformOrigin = "0 0", e.style.transform = `translate(${C}px, ${u}px) scale(${A})`, e.style.width = `${k.width}px`, e.style.height = `${k.height}px`, e.style.maxWidth = "none", p.place(C - a * A, u - o * A, A);
+    const q = p.el.dataset.draftDetail;
+    s.dataset.draftDetail !== q && (s.dataset.draftDetail = q);
+  }, se = () => {
+    const e = new Set(p.bodyIds());
+    for (const a of s.querySelectorAll(":scope > svg [data-id]"))
+      a.toggleAttribute("data-draft-body", e.has(a.getAttribute("data-id")));
+    F("anchors", { anchors: p.anchors() });
   };
-  let ee = {
+  let l = {
     revision: 0,
     diagnostics: [],
     stale: !1
   };
-  const l = () => j("diagnostics", {
-    ...ee,
-    diagnostics: [...ee.diagnostics, ...m.warnings()]
+  const h = () => F("diagnostics", {
+    ...l,
+    diagnostics: [...l.diagnostics, ...p.warnings()]
   });
-  let w = "user", h = 0;
-  const $ = (e) => c.requestAnimationFrame ? c.requestAnimationFrame(e) : c.setTimeout(e, 16), D = (e) => {
-    w = e, !h && (h = $(() => {
-      h = 0, M || j("camera", { camera: { ...x }, reason: w });
+  let w = "user", M = 0;
+  const _ = (e) => c.requestAnimationFrame ? c.requestAnimationFrame(e) : c.setTimeout(e, 16), S = (e) => {
+    w = e, !M && (M = _(() => {
+      M = 0, L || F("camera", { camera: { ...E }, reason: w });
     }));
-  }, E = (e, s, n) => {
+  }, z = (e, a, o) => {
     const v = { ...e, zoom: ye(e.zoom) };
-    return Z = n, Ue(x, v) ? "unchanged" : (x = v, U(), D(s), "moved");
-  }, C = () => {
-    const [e, s, n, v] = k.viewBox;
-    return { x: e, y: s, width: n, height: v };
+    return re = o, Ke(E, v) ? "unchanged" : (E = v, ne(), S(a), "moved");
+  }, R = () => {
+    const [e, a, o, v] = k.viewBox;
+    return { x: e, y: a, width: o, height: v };
   };
-  let z = null;
-  const W = (e) => z ? Ne(z, e) : void 0;
-  let F;
-  const I = (e) => M ? "unchanged" : !k || !X.width || !X.height ? (F = e, "pending") : (F = void 0, e()), S = (e, s, n) => I(() => {
-    const v = e ? Ge(e.flatMap((A) => W(A) ?? [])) : C();
-    return v ? E(Re(v, X, s), n, !!e) : "missing";
-  }), T = (e = "fit") => S(void 0, void 0, e), K = (e) => E({ ...x, zoom: x.zoom * e }, "user", !0), ne = () => E({ ...x, zoom: 1 }, "user", !0);
-  H("Zoom in", () => K(1.2)), H("Zoom out", () => K(1 / 1.2)), H("Fit diagram", () => T()), H("Actual size", ne), g.hidden = t.toolbar === !1;
-  const ce = new c.ResizeObserver((e) => {
-    const s = e.at(-1)?.contentRect;
-    s && (X = { width: s.width, height: s.height }), !(k && !X.width) && (F ? I(F) : Z ? U() : T("resize"));
+  let N = null;
+  const B = (e) => N ? Ne(N, e) : void 0;
+  let D;
+  const $ = (e) => L ? "unchanged" : !k || !Y.width || !Y.height ? (D = e, "pending") : (D = void 0, e()), I = (e, a, o) => $(() => {
+    const v = e ? Ge(e.flatMap((A) => B(A) ?? [])) : R();
+    return v ? z(Ie(v, Y, a), o, !!e) : "missing";
+  }), Q = (e = "fit") => I(void 0, void 0, e), Z = (e) => z({ ...E, zoom: E.zoom * e }, "user", !0), ue = () => z({ ...E, zoom: 1 }, "user", !0);
+  U("Zoom in", () => Z(1.2)), U("Zoom out", () => Z(1 / 1.2)), U("Fit diagram", () => Q()), U("Actual size", ue), m.hidden = t.toolbar === !1;
+  const ee = new c.ResizeObserver((e) => {
+    const a = e.at(-1)?.contentRect;
+    a && (Y = { width: a.width, height: a.height }), !(k && !Y.width) && (D ? $(D) : re ? ne() : Q("resize"));
   });
-  ce.observe(i);
-  const B = (e, s) => {
-    f.textContent = s.map((n) => n.message).join(" "), d.classList.add("draft-viewer--stale"), ee = { revision: e, diagnostics: s, stale: !!k }, l();
-  }, oe = async (e, s) => {
-    const n = ft(e);
-    if (!n.length) return [];
+  ee.observe(s);
+  const H = (e, a) => {
+    f.textContent = a.map((o) => o.message).join(" "), d.classList.add("draft-viewer--stale"), l = { revision: e, diagnostics: a, stale: !!k }, h();
+  }, ie = async (e, a) => {
+    const o = gt(e);
+    if (!o.length) return [];
     if (!r.fonts) throw new Error("The host document cannot load diagram fonts.");
-    if (s === "host") {
-      for (const u of n) {
-        const R = `${u.weight} 12px "${u.family}"`;
-        if (!(await r.fonts.load(R)).some(
-          (q) => q.family.replace(/^['"]|['"]$/g, "") === u.family && q.weight === u.weight && q.status === "loaded"
-        ) || !r.fonts.check(R))
+    if (a === "host") {
+      for (const u of o) {
+        const q = `${u.weight} 12px "${u.family}"`;
+        if (!(await r.fonts.load(q)).some(
+          (V) => V.family.replace(/^['"]|['"]$/g, "") === u.family && V.weight === u.weight && V.status === "loaded"
+        ) || !r.fonts.check(q))
           throw new Error(`Host font ${u.family} ${u.weight} is unavailable.`);
       }
       return [];
     }
-    const v = n.map((u) => `${u.family}:${u.weight}`);
+    const v = o.map((u) => `${u.family}:${u.weight}`);
     if (v.every((u) => we(r, u)))
       return v.map((u) => ({ key: u, face: we(r, u) }));
-    const A = ut(e, n), O = c.FontFace;
-    if (!O) throw new Error("The browser cannot load embedded diagram fonts.");
+    const A = wt(e, o), C = c.FontFace;
+    if (!C) throw new Error("The browser cannot load embedded diagram fonts.");
     return Promise.all(
       A.map(async (u) => {
-        const R = `${u.family}:${u.weight}`, te = we(r, R);
-        if (te) return { key: R, face: te };
-        const L = new O(u.family, `url("${u.data}")`, { weight: u.weight });
-        if (await L.load(), L.status !== "loaded")
+        const q = `${u.family}:${u.weight}`, te = we(r, q);
+        if (te) return { key: q, face: te };
+        const T = new C(u.family, `url("${u.data}")`, { weight: u.weight });
+        if (await T.load(), T.status !== "loaded")
           throw new Error(`Embedded font ${u.family} ${u.weight} did not load.`);
-        return { key: R, face: L };
+        return { key: q, face: T };
       })
     );
-  }, se = async (e, s, n) => {
+  }, Ce = async (e, a, o) => {
     const v = t.execution ?? { mode: "worker" };
     if (v.mode === "main") {
-      const { renderSvg: A } = await import("./render-CFWEEKPT.js");
-      return A(e, { ...s, signal: n });
+      const { renderSvg: A } = await import("./render-CsJYFD3o.js");
+      return A(e, { ...a, signal: o });
     }
-    return ot(e, s, {
+    return ct(e, a, {
       create: v.createWorker,
       timeoutMs: v.timeoutMs,
-      signal: n
+      signal: o
     });
   };
-  let _;
-  const Ce = (e) => {
-    const s = i.querySelector("svg"), n = s?.querySelector(":scope > rect");
-    return e === i || e === s || e === n;
-  }, ve = (e) => !(e.target instanceof c.Node) || !i.contains(e.target) || m.el.contains(e.target), qe = (e) => e.composedPath().some((s) => s instanceof c.Element && s.hasAttribute("data-draft-input"));
-  i.addEventListener(
+  let O;
+  const qe = (e) => {
+    const a = s.querySelector("svg"), o = a?.querySelector(":scope > rect");
+    return e === s || e === a || e === o;
+  }, ve = (e) => !(e.target instanceof c.Node) || !s.contains(e.target) || p.el.contains(e.target), Ve = (e) => e.composedPath().some((a) => a instanceof c.Element && a.hasAttribute("data-draft-input"));
+  s.addEventListener(
     "wheel",
     (e) => {
-      qe(e) || (e.preventDefault(), K(e.deltaY < 0 ? 1.1 : 1 / 1.1));
+      Ve(e) || (e.preventDefault(), Z(e.deltaY < 0 ? 1.1 : 1 / 1.1));
     },
     { passive: !1 }
-  ), i.addEventListener("pointerdown", (e) => {
-    !Ce(e.target) || !k || (_ = {
+  ), s.addEventListener("pointerdown", (e) => {
+    !qe(e.target) || !k || (O = {
       pointerId: e.pointerId,
       x: e.clientX,
       y: e.clientY,
-      centerX: x.centerX,
-      centerY: x.centerY,
-      scale: x.zoom
-    }, i.setPointerCapture(e.pointerId));
-  }), i.addEventListener("pointermove", (e) => {
-    _ && E(
+      centerX: E.centerX,
+      centerY: E.centerY,
+      scale: E.zoom
+    }, s.setPointerCapture(e.pointerId));
+  }), s.addEventListener("pointermove", (e) => {
+    O && z(
       {
-        centerX: _.centerX - (e.clientX - _.x) / _.scale,
-        centerY: _.centerY - (e.clientY - _.y) / _.scale,
-        zoom: x.zoom
+        centerX: O.centerX - (e.clientX - O.x) / O.scale,
+        centerY: O.centerY - (e.clientY - O.y) / O.scale,
+        zoom: E.zoom
       },
       "user",
       !0
     );
   });
   const be = () => {
-    if (_) {
+    if (O) {
       try {
-        i.releasePointerCapture(_.pointerId);
+        s.releasePointerCapture(O.pointerId);
       } catch {
       }
-      _ = void 0;
+      O = void 0;
     }
   };
-  i.addEventListener("pointerup", be), i.addEventListener("pointercancel", be), i.addEventListener("click", (e) => {
+  s.addEventListener("pointerup", be), s.addEventListener("pointercancel", be), s.addEventListener("click", (e) => {
     if (ve(e)) return;
-    const s = e.target instanceof c.Element ? e.target : null, n = s?.closest("a[href]");
-    if (n && i.contains(n)) {
-      const O = n.querySelector("[data-id]")?.getAttribute("data-id"), u = n.getAttribute("href");
-      O && u && j("link", {
-        itemId: O,
+    const a = e.target instanceof c.Element ? e.target : null, o = a?.closest("a[href]");
+    if (o && s.contains(o)) {
+      const C = o.querySelector("[data-id]")?.getAttribute("data-id"), u = o.getAttribute("href");
+      C && u && F("link", {
+        itemId: C,
         href: u,
-        target: n.getAttribute("target") === "_blank" ? "_blank" : "_self",
+        target: o.getAttribute("target") === "_blank" ? "_blank" : "_self",
         preventDefault: () => e.preventDefault()
       });
       return;
     }
-    const v = s?.closest("[data-id]")?.getAttribute("data-id"), A = k?.items.find((O) => O.id === v);
-    A && j("itemactivate", { id: A.id, kind: A.kind, input: "pointer", revision: b });
-  }), i.addEventListener("contextmenu", (e) => {
+    const v = a?.closest("[data-id]")?.getAttribute("data-id"), A = k?.items.find((C) => C.id === v);
+    A && F("itemactivate", { id: A.id, kind: A.kind, input: "pointer", revision: P });
+  }), s.addEventListener("contextmenu", (e) => {
     if (ve(e)) return;
-    const n = (e.target instanceof c.Element ? e.target : null)?.closest("[data-id]")?.getAttribute("data-id") ?? null, v = n ? k?.items.find((A) => A.id === n) : void 0;
-    j("contextmenu", {
+    const o = (e.target instanceof c.Element ? e.target : null)?.closest("[data-id]")?.getAttribute("data-id") ?? null, v = o ? k?.items.find((A) => A.id === o) : void 0;
+    F("contextmenu", {
       id: v?.id ?? null,
       ...v ? { kind: v.kind } : {},
       clientX: e.clientX,
       clientY: e.clientY,
       preventDefault: () => e.preventDefault()
     });
-  }), m.el.addEventListener("focusin", (e) => {
-    const s = e.target instanceof c.Node ? m.idOf(e.target) : void 0;
-    s && !m.pressed() && xe.reveal(s);
-  }), m.el.addEventListener("keydown", (e) => {
-    e.key === "Escape" && i.focus({ preventScroll: !0 });
-  }), m.el.addEventListener(
+  }), p.el.addEventListener("focusin", (e) => {
+    const a = e.target instanceof c.Node ? p.idOf(e.target) : void 0;
+    a && !p.pressed() && xe.reveal(a);
+  }), p.el.addEventListener("keydown", (e) => {
+    e.key === "Escape" && s.focus({ preventScroll: !0 });
+  }), p.el.addEventListener(
     "draft-anchor-focus-lost",
-    () => i.focus({ preventScroll: !0 })
-  ), i.addEventListener("keydown", (e) => {
-    e.target !== i || e.altKey || e.ctrlKey || e.metaKey || (e.key === "+" || e.key === "=" ? K(1.2) : e.key === "-" ? K(1 / 1.2) : e.key.toLowerCase() === "f" && T());
+    () => s.focus({ preventScroll: !0 })
+  ), s.addEventListener("keydown", (e) => {
+    e.target !== s || e.altKey || e.ctrlKey || e.metaKey || (e.key === "+" || e.key === "=" ? Z(1.2) : e.key === "-" ? Z(1 / 1.2) : e.key.toLowerCase() === "f" && Q());
   });
-  const Ve = (e, s) => {
-    for (const [n, v] of G)
-      n !== e && v.resolve({ status: s, revision: n });
+  const je = (e, a) => {
+    for (const [o, v] of J)
+      o !== e && v.resolve({ status: a, revision: o });
   };
   let me = () => {
   };
-  const je = (e, s = {}) => {
-    const n = ++b;
-    if (M) return Promise.resolve({ status: "destroyed", revision: n });
-    Ve(n, "superseded"), me();
+  const Pe = (e, a = {}) => {
+    const o = ++P;
+    if (L) return Promise.resolve({ status: "destroyed", revision: o });
+    je(o, "superseded"), me();
     const v = new AbortController();
     return me = () => v.abort(), new Promise((A) => {
-      let O = !1;
-      const u = (L) => {
-        if (O) return;
-        O = !0, s.signal?.removeEventListener("abort", R), G.delete(n);
-        const q = M ? { status: "destroyed", revision: n } : n !== b ? { status: "superseded", revision: n } : s.signal?.aborted ? { status: "aborted", revision: n } : L;
-        A(q);
-      }, R = () => {
-        v.abort(), u({ status: "aborted", revision: n });
+      let C = !1;
+      const u = (T) => {
+        if (C) return;
+        C = !0, a.signal?.removeEventListener("abort", q), J.delete(o);
+        const V = L ? { status: "destroyed", revision: o } : o !== P ? { status: "superseded", revision: o } : a.signal?.aborted ? { status: "aborted", revision: o } : T;
+        A(V);
+      }, q = () => {
+        v.abort(), u({ status: "aborted", revision: o });
       };
-      if (G.set(n, { resolve: u }), s.signal?.aborted) {
-        R();
+      if (J.set(o, { resolve: u }), a.signal?.aborted) {
+        q();
         return;
       }
-      s.signal?.addEventListener("abort", R, { once: !0 });
+      a.signal?.addEventListener("abort", q, { once: !0 });
       const te = {
         ...t.render ?? {},
         target: "inline",
-        idPrefix: N,
+        idPrefix: b,
         fonts: t.render?.fonts ?? "embed",
-        ...s.state !== void 0 ? { state: s.state } : {}
+        colorScheme: "auto",
+        ...a.state !== void 0 ? { state: a.state } : {}
       };
-      se(e, te, v.signal).then(async (L) => {
-        if (M || n !== b || s.signal?.aborted) {
-          u({ status: "superseded", revision: n });
+      Ce(e, te, v.signal).then(async (T) => {
+        if (L || o !== P || a.signal?.aborted) {
+          u({ status: "superseded", revision: o });
           return;
         }
-        if (!L.ok) {
-          B(n, L.diagnostics), u({ status: "error", revision: n, error: L });
+        if (!T.ok) {
+          H(o, T.diagnostics), u({ status: "error", revision: o, error: T });
           return;
         }
-        let q, he;
+        let V, he;
         try {
-          he = dt(r, L.value.svg), q = await oe(he, te.fonts ?? "embed");
+          he = ht(r, T.value.svg), V = await ie(he, te.fonts ?? "embed");
         } catch (y) {
-          if (M || n !== b || s.signal?.aborted) {
+          if (L || o !== P || a.signal?.aborted) {
             u({
-              status: s.signal?.aborted ? "aborted" : "superseded",
-              revision: n
+              status: a.signal?.aborted ? "aborted" : "superseded",
+              revision: o
             });
             return;
           }
-          const V = de(
+          const j = de(
             "environment",
             "DRAFT_FONT_UNAVAILABLE",
             y instanceof Error ? y.message : "Diagram fonts are unavailable."
           );
-          B(n, V.diagnostics), u({ status: "error", revision: n, error: V });
+          H(o, j.diagnostics), u({ status: "error", revision: o, error: j });
           return;
         }
-        if (M || n !== b || s.signal?.aborted) {
-          u({ status: "superseded", revision: n });
+        if (L || o !== P || a.signal?.aborted) {
+          u({ status: "superseded", revision: o });
           return;
         }
         let ge;
         try {
-          ge = mt(r, he, te.fonts !== "host");
+          ge = pt(r, he, te.fonts !== "host");
         } catch (y) {
-          const V = y instanceof Error ? y.message : "Could not build safe SVG.", P = de("internal", "DRAFT_VIEWER_DOM", V);
-          B(n, P.diagnostics), u({ status: "error", revision: n, error: P });
+          const j = y instanceof Error ? y.message : "Could not build safe SVG.", X = de("internal", "DRAFT_VIEWER_DOM", j);
+          H(o, X.diagnostics), u({ status: "error", revision: o, error: X });
           return;
         }
         const ke = [];
         try {
-          for (const y of q)
-            Y.has(y.key) || (st(r, y.key, y.face), Y.add(y.key), ke.push(y.key));
+          for (const y of V)
+            W.has(y.key) || (dt(r, y.key, y.face), W.add(y.key), ke.push(y.key));
         } catch (y) {
-          for (const P of ke)
-            pe(r, P), Y.delete(P);
-          const V = de(
+          for (const X of ke)
+            pe(r, X), W.delete(X);
+          const j = de(
             "environment",
             "DRAFT_FONT_UNAVAILABLE",
             y instanceof Error ? y.message : "Loaded fonts could not be registered."
           );
-          B(n, V.diagnostics), u({ status: "error", revision: n, error: V });
+          H(o, j.diagnostics), u({ status: "error", revision: o, error: j });
           return;
         }
-        const Xe = !!k;
-        k = L.value, z = k.geometry ? { ...k.geometry, revision: n } : null;
-        const Ae = i.querySelector(":scope > svg");
-        Ae ? Ae.replaceWith(ge) : i.prepend(ge), m.setGeometry(z);
-        const Se = p.getRootNode().activeElement, Le = p.contains(Se) ? Se.dataset.itemId : void 0;
-        p.replaceChildren(
+        const Ye = !!k;
+        k = T.value, N = k.geometry ? { ...k.geometry, revision: o } : null;
+        const Ae = s.querySelector(":scope > svg");
+        Ae ? Ae.replaceWith(ge) : s.prepend(ge), p.setGeometry(N);
+        const Se = g.getRootNode().activeElement, Le = g.contains(Se) ? Se.dataset.itemId : void 0;
+        g.replaceChildren(
           ...k.items.map((y) => {
-            const V = r.createElement("li"), P = r.createElement("button");
-            P.type = "button";
-            const Be = y.label.trim() || (y.kind === "edge" ? `${y.from ?? "?"} to ${y.to ?? "?"}` : y.id);
-            return P.textContent = `${y.kind}: ${Be}`, P.dataset.itemId = y.id, P.addEventListener("click", () => {
-              j("itemactivate", {
+            const j = r.createElement("li"), X = r.createElement("button");
+            X.type = "button";
+            const Ze = y.label.trim() || (y.kind === "edge" ? `${y.from ?? "?"} to ${y.to ?? "?"}` : y.id);
+            return X.textContent = `${y.kind}: ${Ze}`, X.dataset.itemId = y.id, X.addEventListener("click", () => {
+              F("itemactivate", {
                 id: y.id,
                 kind: y.kind,
                 input: "keyboard",
-                revision: n
+                revision: o
               });
-              const Me = Array.from(i.querySelectorAll("[data-id]")).find(
-                (J) => J.getAttribute("data-id") === y.id
+              const Me = Array.from(s.querySelectorAll("[data-id]")).find(
+                (K) => K.getAttribute("data-id") === y.id
               );
               if (Me) {
-                const J = Me.getBoundingClientRect(), re = i.getBoundingClientRect();
-                (J.width || J.height) && re.width && re.height && E(
+                const K = Me.getBoundingClientRect(), oe = s.getBoundingClientRect();
+                (K.width || K.height) && oe.width && oe.height && z(
                   {
-                    centerX: x.centerX + (J.left + J.width / 2 - (re.left + re.width / 2)) / x.zoom,
-                    centerY: x.centerY + (J.top + J.height / 2 - (re.top + re.height / 2)) / x.zoom,
-                    zoom: Math.max(1, x.zoom)
+                    centerX: E.centerX + (K.left + K.width / 2 - (oe.left + oe.width / 2)) / E.zoom,
+                    centerY: E.centerY + (K.top + K.height / 2 - (oe.top + oe.height / 2)) / E.zoom,
+                    zoom: Math.max(1, E.zoom)
                   },
                   "user",
                   !0
                 );
               }
-            }), V.append(P), V;
+            }), j.append(X), j;
           })
-        ), Le !== void 0 && (Array.from(p.querySelectorAll("button")).find(
-          (V) => V.dataset.itemId === Le
-        ) ?? i).focus({ preventScroll: !0 });
-        const Ye = new Set(q.map((y) => y.key));
-        for (const y of Y)
-          Ye.has(y) || (pe(r, y), Y.delete(y));
-        d.classList.remove("draft-viewer--stale"), f.textContent = L.diagnostics.map((y) => y.message).join(" "), F ? I(F) : !Xe || s.camera === "fit" ? T() : U();
-        const We = {
+        ), Le !== void 0 && (Array.from(g.querySelectorAll("button")).find(
+          (j) => j.dataset.itemId === Le
+        ) ?? s).focus({ preventScroll: !0 });
+        const We = new Set(V.map((y) => y.key));
+        for (const y of W)
+          We.has(y) || (pe(r, y), W.delete(y));
+        d.classList.remove("draft-viewer--stale"), f.textContent = T.diagnostics.map((y) => y.message).join(" "), D ? $(D) : !Ye || a.camera === "fit" ? Q() : ne();
+        const Be = {
           status: "committed",
-          revision: n,
+          revision: o,
           value: k,
-          diagnostics: L.diagnostics
+          diagnostics: T.diagnostics
         };
-        j("render", { revision: n, value: k, geometry: z }), ee = { revision: n, diagnostics: L.diagnostics, stale: !1 }, l(), ae(), u(We);
-      }).catch((L) => {
-        if (M || n !== b || s.signal?.aborted) {
+        x.check(), F("render", { revision: o, value: k, geometry: N }), l = { revision: o, diagnostics: T.diagnostics, stale: !1 }, h(), se(), u(Be);
+      }).catch((T) => {
+        if (L || o !== P || a.signal?.aborted) {
           u({
-            status: s.signal?.aborted ? "aborted" : "superseded",
-            revision: n
+            status: a.signal?.aborted ? "aborted" : "superseded",
+            revision: o
           });
           return;
         }
-        const q = de(
+        const V = de(
           "environment",
           "DRAFT_VIEWER_WORKER",
-          L instanceof Error ? L.message : "Viewer render failed."
+          T instanceof Error ? T.message : "Viewer render failed."
         );
-        B(n, q.diagnostics), u({ status: "error", revision: n, error: q });
+        H(o, V.diagnostics), u({ status: "error", revision: o, error: V });
       });
     });
   };
-  let le, Ee;
-  const Pe = new Promise((e) => Ee = e), xe = {
+  let ce, Ee;
+  const Xe = new Promise((e) => Ee = e), xe = {
     get ready() {
-      return le ?? Pe;
+      return ce ?? Xe;
     },
-    update: (e, s) => {
-      const n = je(e, s), v = n.then(
-        (A) => A.status === "superseded" && le !== v ? le : A
+    update: (e, a) => {
+      const o = Pe(e, a), v = o.then(
+        (A) => A.status === "superseded" && ce !== v ? ce : A
       );
-      return le = v, v.then(Ee), n;
+      return ce = v, v.then(Ee), o;
     },
-    geometry: () => z,
+    geometry: () => N,
     anchor(e) {
-      if (M) return;
-      const s = m.warnings().length;
-      m.setSlots(e), U(), ae(), (m.warnings().length || s) && l();
+      if (L) return;
+      const a = p.warnings().length;
+      p.setSlots(e), ne(), se(), (p.warnings().length || a) && h();
     },
-    on(e, s) {
-      if (M) return () => {
+    on(e, a) {
+      if (L) return () => {
       };
-      const n = Q.get(e) ?? /* @__PURE__ */ new Set();
-      return n.add(s), Q.set(e, n), () => n.delete(s);
+      const o = G.get(e) ?? /* @__PURE__ */ new Set();
+      return o.add(a), G.set(e, o), () => o.delete(a);
     },
-    getCamera: () => ({ ...x }),
+    getCamera: () => ({ ...E }),
     setCamera(e) {
-      M || !Number.isFinite(e.centerX) || !Number.isFinite(e.centerY) || !Number.isFinite(e.zoom) || e.zoom <= 0 || E({ ...e }, "api", !0);
+      L || !Number.isFinite(e.centerX) || !Number.isFinite(e.centerY) || !Number.isFinite(e.zoom) || e.zoom <= 0 || z({ ...e }, "api", !0);
     },
-    fit: (e, s) => S(e, s, "api"),
-    reveal: (e, s) => I(() => {
-      const n = W(e);
-      return n ? E(He(x, n, X, s), "api", !0) : "missing";
+    fit: (e, a) => I(e, a, "api"),
+    reveal: (e, a) => $(() => {
+      const o = B(e);
+      return o ? z(Ue(E, o, Y, a), "api", !0) : "missing";
     }),
     focusItem(e) {
-      if (!k?.items.some((n) => n.id === e)) return !1;
-      const s = Array.from(p.querySelectorAll("button")).find(
-        (n) => n.dataset.itemId === e
+      if (!k?.items.some((o) => o.id === e)) return !1;
+      const a = Array.from(g.querySelectorAll("button")).find(
+        (o) => o.dataset.itemId === e
       );
-      return s?.focus(), !!s;
+      return a?.focus(), !!a;
     },
     destroy() {
-      if (!M) {
-        if (M = !0, b++, F = void 0, h && (c.cancelAnimationFrame ?? c.clearTimeout)(h), _) {
+      if (!L) {
+        if (L = !0, x.stop(), P++, D = void 0, M && (c.cancelAnimationFrame ?? c.clearTimeout)(M), O) {
           try {
-            i.releasePointerCapture(_.pointerId);
+            s.releasePointerCapture(O.pointerId);
           } catch {
           }
-          _ = void 0;
+          O = void 0;
         }
-        for (const [e, s] of G)
-          s.resolve({ status: "destroyed", revision: e });
-        G.clear(), me();
-        for (const e of Y) pe(r, e);
-        Y.clear(), ce.disconnect(), j("anchors", { anchors: [] }), m.destroy(), Q.clear(), o.replaceChildren(), k = void 0;
+        for (const [e, a] of J)
+          a.resolve({ status: "destroyed", revision: e });
+        J.clear(), me();
+        for (const e of W) pe(r, e);
+        W.clear(), ee.disconnect(), F("anchors", { anchors: [] }), p.destroy(), G.clear(), n.replaceChildren(), k = void 0;
       }
     }
   };
@@ -780,7 +801,7 @@ function wt(o, t = {}) {
 export {
   ze as ZOOM_MAX,
   $e as ZOOM_MIN,
-  vt as fontMetricsVersion,
-  wt as mountViewer,
-  Et as runtimeVersion
+  kt as fontMetricsVersion,
+  bt as mountViewer,
+  St as runtimeVersion
 };