@qe-libs/qeviz 0.5.6 → 0.6.0

package/dist/qeviz.es.js

@@ -1,90 +1,90 @@
-var ri = Object.defineProperty;
-var Fs = (d) => {
-  throw TypeError(d);
+var pi = Object.defineProperty;
+var Ks = (g) => {
+  throw TypeError(g);
 };
-var u = (d, t) => ri(d, "name", { value: t, configurable: !0 });
-var js = (d, t, e) => t.has(d) || Fs("Cannot " + e);
-var k = (d, t, e) => (js(d, t, "read from private field"), e ? e.call(d) : t.get(d)), et = (d, t, e) => t.has(d) ? Fs("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, e), B = (d, t, e, s) => (js(d, t, "write to private field"), s ? s.call(d, e) : t.set(d, e), e);
-var ae, he, le, bt, ce;
-const es = class es extends Array {
+var c = (g, t) => pi(g, "name", { value: t, configurable: !0 });
+var Js = (g, t, e) => t.has(g) || Ks("Cannot " + e);
+var L = (g, t, e) => (Js(g, t, "read from private field"), e ? e.call(g) : t.get(g)), tt = (g, t, e) => t.has(g) ? Ks("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(g) : t.set(g, e), G = (g, t, e, s) => (Js(g, t, "write to private field"), s ? s.call(g, e) : t.set(g, e), e);
+var de, ge, me, yt, fe;
+const ls = class ls extends Array {
   constructor(e, s, i, n, r) {
     super(...s);
-    et(this, ae);
-    et(this, he);
-    et(this, le);
-    et(this, bt);
-    et(this, ce);
-    B(this, le, e), B(this, he, i), B(this, bt, n), B(this, ce, n == null ? void 0 : n.classes), B(this, ae, r);
+    tt(this, de);
+    tt(this, ge);
+    tt(this, me);
+    tt(this, yt);
+    tt(this, fe);
+    G(this, me, e), G(this, ge, i), G(this, yt, n), G(this, fe, n == null ? void 0 : n.classes), G(this, de, r);
   }
   get parent() {
-    return k(this, bt);
+    return L(this, yt);
   }
   get names() {
-    return k(this, le);
+    return L(this, me);
   }
   get rowName() {
-    return k(this, he);
+    return L(this, ge);
   }
   get types() {
-    if (!k(this, bt)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, bt).types;
+    if (!L(this, yt)) throw new Error("No parent DataFrame attached to this row.");
+    return L(this, yt).types;
   }
   get classes() {
-    return k(this, ce);
+    return L(this, fe);
   }
   get rowNumber() {
-    return k(this, ae);
+    return L(this, de);
   }
   col(e) {
-    if (!k(this, bt)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, bt).col(e);
+    if (!L(this, yt)) throw new Error("No parent DataFrame attached to this row.");
+    return L(this, yt).col(e);
   }
   cols(...e) {
-    if (!k(this, bt)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, bt).cols(...e);
+    if (!L(this, yt)) throw new Error("No parent DataFrame attached to this row.");
+    return L(this, yt).cols(...e);
   }
   filter(e) {
     console.error("DataFrameRow does not currently support filtering.");
   }
 };
-ae = new WeakMap(), he = new WeakMap(), le = new WeakMap(), bt = new WeakMap(), ce = new WeakMap(), u(es, "DataFrameRow");
-let Ht = es;
-var oi = /* @__PURE__ */ ((d) => (d.Character = "character", d.Double = "double", d.Logical = "logical", d.Integer = "integer", d))(oi || {}), _e, yt, Ut, Nt;
-const ss = class ss extends Array {
+de = new WeakMap(), ge = new WeakMap(), me = new WeakMap(), yt = new WeakMap(), fe = new WeakMap(), c(ls, "DataFrameRow");
+let Jt = ls;
+var bi = /* @__PURE__ */ ((g) => (g.Character = "character", g.Double = "double", g.Logical = "logical", g.Integer = "integer", g))(bi || {}), pe, xt, Vt, zt;
+const cs = class cs extends Array {
   constructor(e, s, i, n) {
     super(s.length);
-    et(this, _e);
-    et(this, yt);
-    et(this, Ut);
-    et(this, Nt);
+    tt(this, pe);
+    tt(this, xt);
+    tt(this, Vt);
+    tt(this, zt);
     for (let r = 0; r < s.length; r++)
       this[r] = s[r];
-    if (B(this, _e, e), s.type !== void 0 ? B(this, yt, s.type) : s.every((r) => typeof r == "string" || r === null || r === void 0) ? B(this, yt, "character") : s.every((r) => Number.isInteger(r) || r === null || r === void 0) ? s.every((r) => r === 0 || r === 1 || r === null || r === void 0) ? B(this, yt, "logical") : B(this, yt, "integer") : s.every((r) => typeof r == "number" || r === null || r === void 0) ? B(this, yt, "double") : s.every((r) => typeof r == "boolean" || r === null || r === void 0) ? B(this, yt, "logical") : B(this, yt, "character"), B(this, Nt, n), i && i.length !== this.length)
+    if (G(this, pe, e), s.type !== void 0 ? G(this, xt, s.type) : s.every((r) => typeof r == "string" || r === null || r === void 0) ? G(this, xt, "character") : s.every((r) => Number.isInteger(r) || r === null || r === void 0) ? s.every((r) => r === 0 || r === 1 || r === null || r === void 0) ? G(this, xt, "logical") : G(this, xt, "integer") : s.every((r) => typeof r == "number" || r === null || r === void 0) ? G(this, xt, "double") : s.every((r) => typeof r == "boolean" || r === null || r === void 0) ? G(this, xt, "logical") : G(this, xt, "character"), G(this, zt, n), i && i.length !== this.length)
       throw new Error("Row names length must match the number of rows in the DataFrameColumn.");
-    i && i.length > 0 ? B(this, Ut, i) : B(this, Ut, void 0);
+    i && i.length > 0 ? G(this, Vt, i) : G(this, Vt, void 0);
   }
   get name() {
-    return k(this, _e);
+    return L(this, pe);
   }
   get type() {
-    return k(this, yt);
+    return L(this, xt);
   }
   get rowNames() {
-    return k(this, Ut);
+    return L(this, Vt);
   }
   row(e) {
-    if (!k(this, Nt)) throw new Error("No parent DataFrame attached to this column.");
-    return k(this, Nt).row(e);
+    if (!L(this, zt)) throw new Error("No parent DataFrame attached to this column.");
+    return L(this, zt).row(e);
   }
   rows(...e) {
-    if (!k(this, Nt)) throw new Error("No parent DataFrame attached to this column.");
-    return k(this, Nt).rows(...e);
+    if (!L(this, zt)) throw new Error("No parent DataFrame attached to this column.");
+    return L(this, zt).rows(...e);
   }
 };
-_e = new WeakMap(), yt = new WeakMap(), Ut = new WeakMap(), Nt = new WeakMap(), u(ss, "DataFrameColumn");
-let ye = ss;
-var Et, ct, ue;
-const Zt = class Zt extends Array {
+pe = new WeakMap(), xt = new WeakMap(), Vt = new WeakMap(), zt = new WeakMap(), c(cs, "DataFrameColumn");
+let Me = cs;
+var It, ht, be;
+const re = class re extends Array {
   constructor(e, s, i, n) {
     if ((!e || !s) && (s = [], e = []), s.map((r) => r.length).every((r) => r === e.length)) {
       const r = [];
@@ -97,37 +97,37 @@ const Zt = class Zt extends Array {
       s = r;
     }
     super(s.length);
-    et(this, Et);
-    et(this, ct);
-    et(this, ue);
+    tt(this, It);
+    tt(this, ht);
+    tt(this, be);
     if (s.forEach((r, a) => {
-      r instanceof ye ? this[a] = r : this[a] = new ye(e[a], r, i, this);
-    }), B(this, Et, e), i && this[0] && i.length !== this[0].length)
+      r instanceof Me ? this[a] = r : this[a] = new Me(e[a], r, i, this);
+    }), G(this, It, e), i && this[0] && i.length !== this[0].length)
       throw new Error("Row names length must match the number of rows in the DataFrame.");
-    if (i && i.length > 0 && B(this, ct, i), n && n.length !== this.length)
+    if (i && i.length > 0 && G(this, ht, i), n && n.length !== this.length)
       throw new Error("Classes length must match the number of columns in the DataFrame.");
-    n && n.length > 0 && B(this, ue, n);
+    n && n.length > 0 && G(this, be, n);
   }
   get classes() {
-    return k(this, ue);
+    return L(this, be);
   }
   getColumnByName(e) {
-    const s = k(this, Et).indexOf(e);
+    const s = L(this, It).indexOf(e);
     return s >= 0 ? this[s] : void 0;
   }
   getRowByIndex(e) {
     if (this && this.length === 0)
-      return console.warn("DataFrame is empty, cannot get row by index", e), new Ht(k(this, Et), [], void 0, this, e);
+      return console.warn("DataFrame is empty, cannot get row by index", e), new Jt(L(this, It), [], void 0, this, e);
     const s = [];
     for (let i of this) {
       let n = i[e];
       s.push(n);
     }
-    return new Ht(k(this, Et), s, k(this, ct) ? k(this, ct)[e] : void 0, this, e);
+    return new Jt(L(this, It), s, L(this, ht) ? L(this, ht)[e] : void 0, this, e);
   }
   getRowByName(e) {
-    if (!k(this, ct)) return;
-    const s = k(this, ct).indexOf(e);
+    if (!L(this, ht)) return;
+    const s = L(this, ht).indexOf(e);
     if (s !== -1)
       return this.getRowByIndex(s);
   }
@@ -157,11 +157,11 @@ const Zt = class Zt extends Array {
       if (!this[0] || this.length === 0)
         return [];
       const r = this[0].length;
-      i = Array.from({ length: r }, (a, h) => this.getRowByIndex(h)), n = k(this, ct);
+      i = Array.from({ length: r }, (a, h) => this.getRowByIndex(h)), n = L(this, ht);
     } else
       e.length === 1 && Array.isArray(e[0]) ? s = e[0] : s = e, i = s.map((r, a) => {
         let h = this.row(r);
-        return k(this, ct) && h && (n == null || n.push(k(this, ct)[a])), h;
+        return L(this, ht) && h && (n == null || n.push(L(this, ht)[a])), h;
       }).filter((r) => r !== void 0);
     return i;
   }
@@ -173,21 +173,21 @@ const Zt = class Zt extends Array {
   }
   cols(...e) {
     let s, i, n = [];
-    return e.length === 0 ? (i = this.slice(), n = k(this, Et)) : (e.length === 1 && Array.isArray(e[0]) ? s = e[0] : s = e, i = s.map((r) => this.col(r)).filter((r) => r !== void 0), n = i.map((r) => r.name)), new Zt(n, i, k(this, ct));
+    return e.length === 0 ? (i = this.slice(), n = L(this, It)) : (e.length === 1 && Array.isArray(e[0]) ? s = e[0] : s = e, i = s.map((r) => this.col(r)).filter((r) => r !== void 0), n = i.map((r) => r.name)), new re(n, i, L(this, ht));
   }
   subset(e, s) {
     const i = s && s.length > 0 ? this.cols(...s) : this.slice();
-    return new Zt(
+    return new re(
       i.map((n) => n.name),
       i.map((n) => n.values),
-      k(this, ct)
+      L(this, ht)
     );
   }
   get names() {
-    return k(this, Et);
+    return L(this, It);
   }
   get rowNames() {
-    return k(this, ct);
+    return L(this, ht);
   }
   get nrow() {
     return this[0] ? this[0].length : 0;
@@ -196,11 +196,11 @@ const Zt = class Zt extends Array {
     return this.length;
   }
 };
-Et = new WeakMap(), ct = new WeakMap(), ue = new WeakMap(), u(Zt, "DataFrame");
-let Yt = Zt;
-const is = class is {
+It = new WeakMap(), ht = new WeakMap(), be = new WeakMap(), c(re, "DataFrame");
+let Xt = re;
+const _s = class _s {
   constructor(t = {}) {
-    this.unit_id_col = "id", this.node_id_col = "id", this.group_col = null, this.directed = !1, this.palette = [], this._points = t.points ?? new Yt(), this._nodes = t.nodes ?? new Yt(), this._edges = t.edges ?? new Yt(), this._dimensions = t.dimensions ?? [], this._confidence = void 0, this._outlier = void 0, this._groups = void 0;
+    this.unit_id_col = "id", this.node_id_col = "id", this.group_col = null, this.directed = !1, this.palette = [], this._points = t.points ?? new Xt(), this._nodes = t.nodes ?? new Xt(), this._edges = t.edges ?? new Xt(), this._dimensions = t.dimensions ?? [], this._confidence = void 0, this._outlier = void 0, this._groups = void 0;
   }
   get updated() {
     return this._updated;
@@ -285,23 +285,23 @@ const is = class is {
     this[t] = e;
   }
 };
-u(is, "Model");
-let Xe = is;
-const ai = globalThis.__QEVIZ_DEBUG__ === !0;
-function Ys(...d) {
-  ai && console.log(...d);
+c(_s, "Model");
+let ts = _s;
+const yi = globalThis.__QEVIZ_DEBUG__ === !0;
+function Qt(...g) {
+  yi && console.log(...g);
 }
-u(Ys, "dbg");
-const Pi = {
-  get: /* @__PURE__ */ u((d) => {
+c(Qt, "dbg");
+const Wi = {
+  get: /* @__PURE__ */ c((g) => {
     const t = [...document.querySelectorAll("qe-graph")];
-    return typeof d == "number" && d >= 0 ? t[d] : t;
+    return typeof g == "number" && g >= 0 ? t[g] : t;
   }, "get")
-}, zt = class zt extends HTMLElement {
+}, Bt = class Bt extends HTMLElement {
   constructor() {
-    super(), this._isVisible = !0, this.output = "", this._updated = "", this._active_points = [], this._points = /* @__PURE__ */ new Map(), this._edges = /* @__PURE__ */ new Map(), this._labels = /* @__PURE__ */ new Map(), this._model = new Xe();
+    super(), this._isVisible = !0, this.output = "", this._updated = "", this._active_points = [], this._points = /* @__PURE__ */ new Map(), this._edges = /* @__PURE__ */ new Map(), this._labels = /* @__PURE__ */ new Map(), this._model = new ts();
     const t = this.attachShadow({ mode: "open" }), e = document.createElement("style");
-    e.textContent = zt.styles, t.appendChild(e), this._outputElement = document.createElement("div"), t.appendChild(this._outputElement);
+    e.textContent = Bt.styles, t.appendChild(e), this._outputElement = document.createElement("div"), t.appendChild(this._outputElement);
   }
   static get observedAttributes() {
     return ["updated"];
@@ -339,7 +339,7 @@ const Pi = {
     return this._labels;
   }
   connectedCallback() {
-    Ys("QEVisualElement connected"), this.render();
+    Qt("QEVisualElement connected"), this.render();
   }
   /**
    * Accept pre-fetched ENA model data and update the visualization.
@@ -348,44 +348,44 @@ const Pi = {
    */
   setModelData(t) {
     var r, a, h, o;
-    ["nodes", "edges", "points", "groups", "confidence", "outlier", "trajectories", "networks", "pointsets"].forEach((l) => {
-      var v;
-      const _ = t[l];
-      if (!((v = _ == null ? void 0 : _.data) != null && v.length)) return;
-      const g = _.data, c = _.types || {}, E = Object.keys(g[0]), m = g.map((F) => Object.values(F)), S = E.map((F) => c[F] ?? "character");
-      let R;
-      l === "networks" ? R = "name" : l === "pointsets" ? R = "id" : l === "nodes" ? R = t.node_id_col ?? E.find((F) => (c[F] ?? "character") === "character") : l === "edges" || l === "points" || l === "trajectories" ? R = t.id_col ?? E.find((F) => (c[F] ?? "character") === "character") : R = t.group_col ?? E.find((F) => (c[F] ?? "character") === "character");
-      const j = R ? E.indexOf(R) : 0, Y = m.map((F) => String(F[j]));
-      this._model.setByKey(l, new Yt(E, m, Y, S));
+    ["nodes", "edges", "points", "groups", "confidence", "outlier", "trajectories", "networks", "pointsets"].forEach((_) => {
+      var z;
+      const m = t[_];
+      if (!((z = m == null ? void 0 : m.data) != null && z.length)) return;
+      const p = m.data, u = m.types || {}, d = Object.keys(p[0]), l = p.map((D) => Object.values(D)), b = d.map((D) => u[D] ?? "character");
+      let f;
+      _ === "networks" ? f = "name" : _ === "pointsets" ? f = "id" : _ === "nodes" ? f = t.node_id_col ?? d.find((D) => (u[D] ?? "character") === "character") : _ === "edges" || _ === "points" || _ === "trajectories" ? f = t.id_col ?? d.find((D) => (u[D] ?? "character") === "character") : f = t.group_col ?? d.find((D) => (u[D] ?? "character") === "character");
+      const w = f ? d.indexOf(f) : 0, $ = l.map((D) => String(D[w]));
+      this._model.setByKey(_, new Xt(d, l, $, b));
     }), t.updated !== void 0 && this._model.setByKey("updated", t.updated), t.directed !== void 0 && (this._model.directed = t.directed), Array.isArray(t.palette) && (this._model.palette = t.palette.map(String));
     const s = this._model.nodes;
-    this._model.node_id_col = t.node_id_col ?? ((r = s == null ? void 0 : s.names) == null ? void 0 : r.find((l) => {
-      var _;
-      return ((_ = s.col(l)) == null ? void 0 : _.type) === "character";
+    this._model.node_id_col = t.node_id_col ?? ((r = s == null ? void 0 : s.names) == null ? void 0 : r.find((_) => {
+      var m;
+      return ((m = s.col(_)) == null ? void 0 : m.type) === "character";
     })) ?? "id";
     const i = this._model.points;
-    this._model.unit_id_col = t.id_col ?? ((a = i == null ? void 0 : i.names) == null ? void 0 : a.find((l) => {
-      var _;
-      return ((_ = i.col(l)) == null ? void 0 : _.type) === "character";
+    this._model.unit_id_col = t.id_col ?? ((a = i == null ? void 0 : i.names) == null ? void 0 : a.find((_) => {
+      var m;
+      return ((m = i.col(_)) == null ? void 0 : m.type) === "character";
     })) ?? "id";
     const n = this._model.unit_id_col;
-    if (this._model.group_col = t.group_col ?? ((h = i == null ? void 0 : i.names) == null ? void 0 : h.find((l) => {
-      var _;
-      return l !== n && ((_ = i.col(l)) == null ? void 0 : _.type) === "character";
+    if (this._model.group_col = t.group_col ?? ((h = i == null ? void 0 : i.names) == null ? void 0 : h.find((_) => {
+      var m;
+      return _ !== n && ((m = i.col(_)) == null ? void 0 : m.type) === "character";
     })) ?? null, (o = s == null ? void 0 : s.names) != null && o.length) {
-      const l = this._model.node_id_col, _ = t.x_col, g = t.y_col;
-      if (_ && g)
-        this._model.dimensions = [_, g];
+      const _ = this._model.node_id_col, m = t.x_col, p = t.y_col;
+      if (m && p)
+        this._model.dimensions = [m, p];
       else {
-        const c = s.names.filter((E) => {
-          if (E === l) return !1;
-          const m = s.col(E);
-          return m && m.type !== "character" && m.type !== "logical";
+        const u = s.names.filter((d) => {
+          if (d === _) return !1;
+          const l = s.col(d);
+          return l && l.type !== "character" && l.type !== "logical";
         });
-        c.length >= 2 && (this._model.dimensions = [_ ?? c[0], g ?? c[1]]);
+        u.length >= 2 && (this._model.dimensions = [m ?? u[0], p ?? u[1]]);
       }
     }
-    this.updated = this._model.updated !== void 0 ? String(this._model.updated) : String(Date.now()), Ys("Model updated via setModelData:", this.updated), this.render();
+    this.updated = this._model.updated !== void 0 ? String(this._model.updated) : String(Date.now()), Qt("Model updated via setModelData:", this.updated), this.render();
   }
   /**
    * Base implementation is a no-op. Subclasses (e.g. RQEVisualElement) override
@@ -398,7 +398,7 @@ const Pi = {
     this._isVisible ? this.classList.remove("hidden") : this.classList.add("hidden"), ((t = this._model) == null ? void 0 : t.updated) !== void 0 && this._model.updated !== null ? this._outputElement.innerHTML = `${this.output}<slot></slot>` : this._outputElement.innerHTML = "Define the model on the left.";
   }
 };
-u(zt, "QEVisualElement"), zt.tagName = "qe-visual", zt.styles = `
+c(Bt, "QEVisualElement"), Bt.tagName = "qe-visual", Bt.styles = `
     :host { display: block; width: 100%; }
     :host(.hidden) { display: none !important; }
     /* The output wrapper and the slotted graph fill the host so the plot
@@ -406,8 +406,8 @@ u(zt, "QEVisualElement"), zt.tagName = "qe-visual", zt.styles = `
     div { display: block; width: 100%; height: 100%; }
     ::slotted(qe-graph) { display: block; width: 100%; height: 100%; }
   `;
-let xe = zt;
-customElements.define(xe.tagName, xe);
+let Ie = Bt;
+customElements.define(Ie.tagName, Ie);
 const dt = class dt {
   constructor(t) {
     return this.base = typeof t == "string" ? t : t.base, new Proxy(this, {
@@ -461,34 +461,34 @@ const dt = class dt {
     return `rgb(${t}, ${e}, ${s})`;
   }
 };
-u(dt, "Color"), dt._cssCache = /* @__PURE__ */ new Map();
+c(dt, "Color"), dt._cssCache = /* @__PURE__ */ new Map();
 let st = dt;
-const Qt = class Qt extends st {
+const oe = class oe extends st {
   constructor(t, e, s) {
     super(t), this.weight = e, this.alpha = s;
   }
   // Parse hex → HSV (h in [0, 360), s/v in [0, 1]).
   static toHSV(t) {
-    const { r: e, g: s, b: i } = st.parseColor(t), n = e / 255, r = s / 255, a = i / 255, h = Math.max(n, r, a), o = Math.min(n, r, a), l = h - o, _ = h, g = h === 0 ? 0 : l / h;
-    let c = 0;
-    if (l > 0)
+    const { r: e, g: s, b: i } = st.parseColor(t), n = e / 255, r = s / 255, a = i / 255, h = Math.max(n, r, a), o = Math.min(n, r, a), _ = h - o, m = h, p = h === 0 ? 0 : _ / h;
+    let u = 0;
+    if (_ > 0)
       switch (h) {
         case n:
-          c = ((r - a) / l + (r < a ? 6 : 0)) / 6;
+          u = ((r - a) / _ + (r < a ? 6 : 0)) / 6;
           break;
         case r:
-          c = ((a - n) / l + 2) / 6;
+          u = ((a - n) / _ + 2) / 6;
           break;
         default:
-          c = ((n - r) / l + 4) / 6;
+          u = ((n - r) / _ + 4) / 6;
       }
-    return { h: c * 360, s: g, v: _ };
+    return { h: u * 360, s: p, v: m };
   }
   // Convert HSV + alpha → rgba() CSS string.
   static hsvToRgba(t, e, s, i) {
     const n = s * e, r = n * (1 - Math.abs(t / 60 % 2 - 1)), a = s - n;
-    let h = 0, o = 0, l = 0;
-    return t < 60 ? (h = n, o = r, l = 0) : t < 120 ? (h = r, o = n, l = 0) : t < 180 ? (h = 0, o = n, l = r) : t < 240 ? (h = 0, o = r, l = n) : t < 300 ? (h = r, o = 0, l = n) : (h = n, o = 0, l = r), `rgba(${Math.round((h + a) * 255)},${Math.round((o + a) * 255)},${Math.round((l + a) * 255)},${i.toFixed(4)})`;
+    let h = 0, o = 0, _ = 0;
+    return t < 60 ? (h = n, o = r, _ = 0) : t < 120 ? (h = r, o = n, _ = 0) : t < 180 ? (h = 0, o = n, _ = r) : t < 240 ? (h = 0, o = r, _ = n) : t < 300 ? (h = r, o = 0, _ = n) : (h = n, o = 0, _ = r), `rgba(${Math.round((h + a) * 255)},${Math.round((o + a) * 255)},${Math.round((_ + a) * 255)},${i.toFixed(4)})`;
   }
   // Returns rgba(...) matching rENA's edge-color convention (ena.plot.network):
   //   • hue and value (brightness) are preserved from the base color
@@ -501,13 +501,13 @@ const Qt = class Qt extends st {
   // #EE6677 have HSL lightness ≈ 67%, so 100% HSL saturation still looks
   // washed-out, whereas HSV value ≈ 0.93 gives the expected vivid output.
   toString() {
-    const { h: t, v: e } = Qt.toHSV(this.base), s = Math.min(1, Math.abs(this.weight)), i = this.alpha === void 0 ? s : Math.min(1, Math.max(0, this.alpha));
-    return Qt.hsvToRgba(t, s, e, i);
+    const { h: t, v: e } = oe.toHSV(this.base), s = Math.min(1, Math.abs(this.weight)), i = this.alpha === void 0 ? s : Math.min(1, Math.max(0, this.alpha));
+    return oe.hsvToRgba(t, s, e, i);
   }
 };
-u(Qt, "WeightedColor");
-let we = Qt;
-const ns = class ns {
+c(oe, "WeightedColor");
+let Ne = oe;
+const us = class us {
   constructor(t = null) {
     this._values = [1, 0, 0, 1, 0, 0], this._keys = ["a", "b", "c", "d", "e", "f"], t && (this.values = t);
   }
@@ -532,8 +532,11 @@ const ns = class ns {
   toArray() {
     return this._values;
   }
+  /** Set one matrix entry. Any finite number is accepted (0 resets a pan);
+   *  NaN / ±Infinity are ignored so a bad input can't blank the plot. */
   set(t, e) {
-    e !== 75e-4 && e !== 0 && (this._values[this._keys.findIndex((s) => s === t)] = e);
+    const s = this._keys.indexOf(t);
+    s >= 0 && Number.isFinite(e) && (this._values[s] = e);
   }
   get(t) {
     return this._values[this._keys.findIndex((e) => e === t)];
@@ -584,148 +587,148 @@ const ns = class ns {
     return this.get("f");
   }
 };
-u(ns, "Transform");
-let se = ns;
-var ie;
-((d) => {
+c(us, "Transform");
+let le = us;
+var ce;
+((g) => {
   ((t) => {
     function e(s) {
       return `matrix(${["a", "b", "c", "d", "e", "f"].map((n) => s[n]).join(" ")})`;
     }
-    u(e, "matrixString"), t.matrixString = e;
-  })(d.Matrix || (d.Matrix = {})), ((t) => {
+    c(e, "matrixString"), t.matrixString = e;
+  })(g.Matrix || (g.Matrix = {})), ((t) => {
     ((s) => {
       function i(r, a, h) {
         const o = e.toRad(a);
         return [r[0] + h * Math.cos(o), r[1] + h * Math.sin(o)];
       }
-      u(i, "translate"), s.translate = i;
+      c(i, "translate"), s.translate = i;
       function n(r, a, h) {
         const o = e.toRad(a);
-        function l(_, g) {
+        function _(m, p) {
           return [
-            _[0] * Math.cos(g) - _[1] * Math.sin(g),
-            _[0] * Math.sin(g) + _[1] * Math.cos(g)
+            m[0] * Math.cos(p) - m[1] * Math.sin(p),
+            m[0] * Math.sin(p) + m[1] * Math.cos(p)
           ];
         }
-        if (u(l, "rotatePoint"), !h || h[0] === 0 && h[1] === 0)
-          return l(r, o);
+        if (c(_, "rotatePoint"), !h || h[0] === 0 && h[1] === 0)
+          return _(r, o);
         {
-          const _ = r.map((c, E) => c - h[E]);
-          return l(_, o).map((c, E) => c + h[E]);
+          const m = r.map((u, d) => u - h[d]);
+          return _(m, o).map((u, d) => u + h[d]);
         }
       }
-      u(n, "rotate"), s.rotate = n;
+      c(n, "rotate"), s.rotate = n;
     })(t.Point || (t.Point = {})), ((s) => {
-      function i(m, S) {
-        return (S[1] - m[1]) / (S[0] - m[0]);
+      function i(l, b) {
+        return (b[1] - l[1]) / (b[0] - l[0]);
       }
-      u(i, "slope"), s.slope = i;
-      function n(m, S) {
-        const R = i(m, S);
-        return m[1] - R * m[0];
+      c(i, "slope"), s.slope = i;
+      function n(l, b) {
+        const f = i(l, b);
+        return l[1] - f * l[0];
       }
-      u(n, "intercept"), s.intercept = n;
-      function r(m, S) {
+      c(n, "intercept"), s.intercept = n;
+      function r(l, b) {
         return {
-          slope: i(m, S),
-          intercept: n(m, S)
+          slope: i(l, b),
+          intercept: n(l, b)
         };
       }
-      u(r, "slopeIntercept"), s.slopeIntercept = r;
-      function a(m, S = 0) {
-        const R = S, j = (1 - R) * m[0][0] + R * m[1][0], Y = (1 - R) * m[0][1] + R * m[1][1];
-        return [j, Y];
+      c(r, "slopeIntercept"), s.slopeIntercept = r;
+      function a(l, b = 0) {
+        const f = b, w = (1 - f) * l[0][0] + f * l[1][0], $ = (1 - f) * l[0][1] + f * l[1][1];
+        return [w, $];
       }
-      u(a, "point_along"), s.point_along = a;
-      function h(m, S, R = 0.5) {
-        return Array.isArray(m[0]) && (S = m[1], m = m[0]), [0, 1].map((j) => (parseFloat(m[j]) + parseFloat(S[j])) * R);
+      c(a, "point_along"), s.point_along = a;
+      function h(l, b, f = 0.5) {
+        return Array.isArray(l[0]) && (b = l[1], l = l[0]), [0, 1].map((w) => (parseFloat(l[w]) + parseFloat(b[w])) * f);
       }
-      u(h, "midpoint"), s.midpoint = h;
-      function o(m, S) {
-        return Array.isArray(m[0]) && (S = m[1], m = m[0]), Math.sqrt(
-          [0, 1].map((R) => Math.pow(S[R] - m[R], 2)).reduce((R, j) => R + j, 0)
+      c(h, "midpoint"), s.midpoint = h;
+      function o(l, b) {
+        return Array.isArray(l[0]) && (b = l[1], l = l[0]), Math.sqrt(
+          [0, 1].map((f) => Math.pow(b[f] - l[f], 2)).reduce((f, w) => f + w, 0)
         );
       }
-      u(o, "length"), s.length = o;
-      function l(m, S = [0, 0]) {
-        const R = [
-          m[1][0] - S[0],
-          m[1][1] - S[1]
-        ], j = [
-          -R[1],
-          R[0]
-        ], Y = [
-          -j[0],
-          -j[1]
-        ], v = [
-          j[0] + S[0],
-          j[1] + S[1]
-        ], F = [
-          Y[0] + S[0],
-          Y[1] + S[1]
+      c(o, "length"), s.length = o;
+      function _(l, b = [0, 0]) {
+        const f = [
+          l[1][0] - b[0],
+          l[1][1] - b[1]
+        ], w = [
+          -f[1],
+          f[0]
+        ], $ = [
+          -w[0],
+          -w[1]
+        ], z = [
+          w[0] + b[0],
+          w[1] + b[1]
+        ], D = [
+          $[0] + b[0],
+          $[1] + b[1]
         ];
-        return [v, F];
+        return [z, D];
       }
-      u(l, "rotate"), s.rotate = l;
-      function _(m, S, R = 90) {
-        const j = d.Geometry.Line.slope(m[0], m[1]), Y = d.Geometry.Line.intercept(m[0], m[1]), v = [0, Y], F = [1, j + Y];
-        m = [v, F];
-        const nt = [m[0][0], m[1][0]], ot = [m[0][1], m[1][1]], it = S[0], _t = S[1], K = -2 * Math.PI * R / 360, It = nt.map(
-          (ge, ut) => (ge - it) * Math.cos(K) - (ot[ut] - _t) * Math.sin(K) + it
-        ), Ot = ot.map(
-          (ge, ut) => (nt[ut] - it) * Math.sin(K) - (ge - _t) * Math.cos(K) + _t
+      c(_, "rotate"), s.rotate = _;
+      function m(l, b, f = 90) {
+        const w = g.Geometry.Line.slope(l[0], l[1]), $ = g.Geometry.Line.intercept(l[0], l[1]), z = [0, $], D = [1, w + $];
+        l = [z, D];
+        const lt = [l[0][0], l[1][0]], ct = [l[0][1], l[1][1]], J = b[0], _t = b[1], Z = -2 * Math.PI * f / 360, kt = lt.map(
+          (Lt, vt) => (Lt - J) * Math.cos(Z) - (ct[vt] - _t) * Math.sin(Z) + J
+        ), Qe = ct.map(
+          (Lt, vt) => (lt[vt] - J) * Math.sin(Z) - (Lt - _t) * Math.cos(Z) + _t
         );
         return [
-          [It[0], Ot[0]],
-          [It[1], Ot[1]]
+          [kt[0], Qe[0]],
+          [kt[1], Qe[1]]
         ];
       }
-      u(_, "rotate2"), s.rotate2 = _;
-      function g(m, S) {
-        const [[R, j], [Y, v]] = m, [[F, nt], [ot, it]] = S, _t = (R - Y) * (nt - it) - (j - v) * (F - ot), K = (R * v - j * Y) * (F - ot) - (R - Y) * (F * it - nt * ot), It = (R * v - j * Y) * (nt - it) - (j - v) * (F * it - nt * ot);
-        return [K / _t, It / _t];
+      c(m, "rotate2"), s.rotate2 = m;
+      function p(l, b) {
+        const [[f, w], [$, z]] = l, [[D, lt], [ct, J]] = b, _t = (f - $) * (lt - J) - (w - z) * (D - ct), Z = (f * z - w * $) * (D - ct) - (f - $) * (D * J - lt * ct), kt = (f * z - w * $) * (lt - J) - (w - z) * (D * J - lt * ct);
+        return [Z / _t, kt / _t];
       }
-      u(g, "intersection"), s.intersection = g;
-      function c(m, S, R) {
-        let { slope: j, intercept: Y } = d.Geometry.Line.slopeIntercept(m[0], m[1]), v = 1 + Math.pow(j, 2), F = 2 * j * Y - 2 * S[1] * j - 2 * S[0], nt = Math.pow(S[0], 2) + Math.pow(Y, 2) + Math.pow(S[1], 2) - 2 * S[1] * Y - Math.pow(R, 2), ot = [[1 / 0, 1 / 0], [1 / 0, 1 / 0]];
-        if (Math.sqrt(Math.pow(F, 2) - 4 * v * nt) >= 0) {
-          let it = (-F + Math.sqrt(Math.pow(F, 2) - 4 * v * nt)) / (2 * v), _t = (-F - Math.sqrt(Math.pow(F, 2) - 4 * v * nt)) / (2 * v), K = j * it + Y, It = j * _t + Y;
-          ot = [[it, K], [_t, It]];
+      c(p, "intersection"), s.intersection = p;
+      function u(l, b, f) {
+        let { slope: w, intercept: $ } = g.Geometry.Line.slopeIntercept(l[0], l[1]), z = 1 + Math.pow(w, 2), D = 2 * w * $ - 2 * b[1] * w - 2 * b[0], lt = Math.pow(b[0], 2) + Math.pow($, 2) + Math.pow(b[1], 2) - 2 * b[1] * $ - Math.pow(f, 2), ct = [[1 / 0, 1 / 0], [1 / 0, 1 / 0]];
+        if (Math.sqrt(Math.pow(D, 2) - 4 * z * lt) >= 0) {
+          let J = (-D + Math.sqrt(Math.pow(D, 2) - 4 * z * lt)) / (2 * z), _t = (-D - Math.sqrt(Math.pow(D, 2) - 4 * z * lt)) / (2 * z), Z = w * J + $, kt = w * _t + $;
+          ct = [[J, Z], [_t, kt]];
         } else
           console.error("The line and the circumference do not intersect");
-        return ot;
+        return ct;
       }
-      u(c, "intersect_circle"), s.intersect_circle = c;
-      function E(m) {
-        return (S) => S === 0 ? m[0] : S === 1 ? m[1] : d.Geometry.Point.translate(m[0], d.Geometry.Angle.line(m), d.Geometry.Line.length(m) * S);
+      c(u, "intersect_circle"), s.intersect_circle = u;
+      function d(l) {
+        return (b) => b === 0 ? l[0] : b === 1 ? l[1] : g.Geometry.Point.translate(l[0], g.Geometry.Angle.line(l), g.Geometry.Line.length(l) * b);
       }
-      u(E, "interpolate"), s.interpolate = E;
+      c(d, "interpolate"), s.interpolate = d;
     })(t.Line || (t.Line = {}));
     let e;
     ((s) => {
       function i(a) {
         return a / 180 * Math.PI;
       }
-      u(i, "toRad"), s.toRad = i;
+      c(i, "toRad"), s.toRad = i;
       function n(a) {
         return a * 180 / Math.PI;
       }
-      u(n, "toDeg"), s.toDeg = n;
+      c(n, "toDeg"), s.toDeg = n;
       function r(a) {
         if (a.length !== 2 || !Array.isArray(a[0]) || !Array.isArray(a[1]) || a[0].length !== 2 || a[1].length !== 2)
           throw new Error("Invalid line format. Expected [[x1, y1], [x2, y2]].");
-        return d.Geometry.Angle.toDeg(
+        return g.Geometry.Angle.toDeg(
           Math.atan2(a[1][1] - a[0][1], a[1][0] - a[0][0])
         );
       }
-      u(r, "line"), s.line = r;
+      c(r, "line"), s.line = r;
     })(e = t.Angle || (t.Angle = {}));
-  })(d.Geometry || (d.Geometry = {})), ((t) => {
+  })(g.Geometry || (g.Geometry = {})), ((t) => {
     function e(n) {
       return [...new Set(n)];
     }
-    u(e, "unique"), t.unique = e;
+    c(e, "unique"), t.unique = e;
     function s(n, r) {
       if (Array.isArray(n)) {
         if (Array.isArray(r)) {
@@ -736,26 +739,26 @@ var ie;
       }
       return n / r;
     }
-    u(s, "divide"), t.divide = s;
+    c(s, "divide"), t.divide = s;
     function i(n) {
       return typeof Array.isArray == "function" ? Array.isArray(n) : n && typeof n == "object" && n.constructor.name === "Array";
     }
-    u(i, "isArray"), t.isArray = i;
-  })(d.ArrayTools || (d.ArrayTools = {})), ((t) => {
+    c(i, "isArray"), t.isArray = i;
+  })(g.ArrayTools || (g.ArrayTools = {})), ((t) => {
     function e(n) {
       return n.reduce((r, a) => r + a, 0);
     }
-    u(e, "sum"), t.sum = e;
+    c(e, "sum"), t.sum = e;
     function s(n) {
       return e(n) / n.length;
     }
-    u(s, "mean"), t.mean = s;
+    c(s, "mean"), t.mean = s;
     function i(n, r) {
       const a = Math.pow(10, r);
       return Math.round(n * a) / a;
     }
-    u(i, "round"), t.round = i;
-  })(d.Mathematics || (d.Mathematics = {})), ((t) => {
+    c(i, "round"), t.round = i;
+  })(g.Mathematics || (g.Mathematics = {})), ((t) => {
     function e(s, i, n) {
       return new CustomEvent(s, {
         bubbles: !0,
@@ -766,17 +769,17 @@ var ie;
         }
       });
     }
-    u(e, "createEvent"), t.createEvent = e;
-  })(d.Events || (d.Events = {})), ((t) => {
+    c(e, "createEvent"), t.createEvent = e;
+  })(g.Events || (g.Events = {})), ((t) => {
     function e() {
       return location.hash.replace(/#/, "").split(/\//).filter((i) => i).map((i) => i.split(/:/));
     }
-    u(e, "parts"), t.parts = e;
+    c(e, "parts"), t.parts = e;
     function s(i) {
       return e().flat().findIndex((n) => n === i) >= 0;
     }
-    u(s, "exists"), t.exists = s;
-  })(d.Hash || (d.Hash = {})), ((t) => {
+    c(s, "exists"), t.exists = s;
+  })(g.Hash || (g.Hash = {})), ((t) => {
     function e(n, r, a = !1) {
       if (a) {
         if (typeof n != "object" || n === null)
@@ -787,10 +790,10 @@ var ie;
       } else
         return new Proxy(n, r);
     }
-    u(e, "proxy"), t.proxy = e, t.handler = {
+    c(e, "proxy"), t.proxy = e, t.handler = {
       set(n, r, a) {
         return n[r] = a, window.dispatchEvent(
-          d.Events.createEvent("settingUpdate", window, { target: n, property: r, value: a })
+          g.Events.createEvent("settingUpdate", window, { target: n, property: r, value: a })
         ), !0;
       },
       get(n, r) {
@@ -807,43 +810,43 @@ var ie;
           return;
       return h;
     }
-    u(s, "get"), t.get = s;
+    c(s, "get"), t.get = s;
     function i(n, r, a) {
       const h = r.split(".");
-      let o = n, l;
-      for (l = 0; l < h.length - 1; l++) {
-        const _ = h[l];
+      let o = n, _;
+      for (_ = 0; _ < h.length - 1; _++) {
+        const m = h[_];
         if (o && typeof o == "object")
-          Object.prototype.hasOwnProperty.call(o, _) || (o[_] = {}), o = o[_];
+          Object.prototype.hasOwnProperty.call(o, m) || (o[m] = {}), o = o[m];
         else
           return !1;
       }
-      return o && typeof o == "object" ? (o[h[l]] = a, !0) : !1;
+      return o && typeof o == "object" ? (o[h[_]] = a, !0) : !1;
     }
-    u(i, "set"), t.set = i;
-  })(d.Objects || (d.Objects = {})), ((t) => {
+    c(i, "set"), t.set = i;
+  })(g.Objects || (g.Objects = {})), ((t) => {
     function e(s = window.location) {
       return Object.fromEntries(new URLSearchParams(s.search));
     }
-    u(e, "parse"), t.parse = e, ((s) => {
+    c(e, "parse"), t.parse = e, ((s) => {
       function i(a = window.location.search) {
         return Object.fromEntries(
           a.replace(/^\?/, "").split(/&/).map((h) => h.split(/=/))
         );
       }
-      u(i, "parse2"), s.parse = i;
+      c(i, "parse2"), s.parse = i;
       function n(a = window.location.search) {
         return a.replace(/^\?/, "").split(/&/).map((h) => h.split(/=/)[0]);
       }
-      u(n, "keys"), s.keys = n;
+      c(n, "keys"), s.keys = n;
       function r(a, h = window.location.search) {
         return n(h).findIndex((o) => o === a) >= 0;
       }
-      u(r, "has"), s.has = r;
+      c(r, "has"), s.has = r;
     })(t.Query || (t.Query = {}));
-  })(d.URL || (d.URL = {}));
-})(ie || (ie = {}));
-const rs = class rs {
+  })(g.URL || (g.URL = {}));
+})(ce || (ce = {}));
+const ds = class ds {
   constructor() {
     this._state = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Map();
   }
@@ -882,9 +885,9 @@ const rs = class rs {
         });
   }
 };
-u(rs, "EventBus");
-let Ae = rs;
-const { ArrayTools: qs } = ie, te = class te extends Array {
+c(ds, "EventBus");
+let ke = ds;
+const { ArrayTools: Qs } = ce, ae = class ae extends Array {
   constructor(...t) {
     super(...t);
   }
@@ -893,46 +896,46 @@ const { ArrayTools: qs } = ie, te = class te extends Array {
     function i(r) {
       return r.name === e ? r : void 0;
     }
-    u(i, "fn");
+    c(i, "fn");
     function n(r, a, h = null) {
-      if (qs.isArray(r)) {
-        for (const [o, l] of r.entries())
-          if (s = n(l, o, h), s)
+      if (Qs.isArray(r)) {
+        for (const [o, _] of r.entries())
+          if (s = n(_, o, h), s)
             return s;
       } else {
         if (s = i(r), s)
           return s;
-        if (r && qs.isArray(r[t])) {
-          for (const [o, l] of r[t].entries())
-            if (s = n(l, o, r), s)
+        if (r && Qs.isArray(r[t])) {
+          for (const [o, _] of r[t].entries())
+            if (s = n(_, o, r), s)
               return s;
         }
       }
       return s;
     }
-    return u(n, "recurse"), n(this);
+    return c(n, "recurse"), n(this);
   }
   flatten() {
     return this.reduce((t, e) => (t.push(e), e.layers && Array.isArray(e.layers) && t.push(...e.layers), t), []);
   }
   recurse(t, e, s = null, i = 0) {
-    let n = new te();
+    let n = new ae();
     for (const r of this) {
       let a = e(r, s, i);
       if (r[t] && Array.isArray(r[t])) {
-        let h = new te(...r[t]).recurse(t, e, r, i + 1);
+        let h = new ae(...r[t]).recurse(t, e, r, i + 1);
         h !== void 0 && n.push(...h);
       }
       n.push(a);
     }
-    return console.log("Recurse results: ", n), n;
+    return Qt("Recurse results: ", n), n;
   }
 };
-u(te, "LayerArray");
-let qt = te;
-const os = class os {
+c(ae, "LayerArray");
+let Wt = ae;
+const gs = class gs {
   constructor(t, e, s) {
-    this.__state__ = new Ae(), this.scale_x = 1, this.scale_y = 1, this.scale_objects = !0, this.layers = new qt(), this.objects = /* @__PURE__ */ new Map(), this.visible = !0, this.ID = t, this.name = e.name || `layer-${t}`, this.tabindex = e.tabindex, this.parent = s, this._transform = new se(), s == null || s.__state__.addListener("graph_updated", "live", ({ key: i, newValue: n, oldValue: r }) => {
+    this.__state__ = new ke(), this.scale_x = 1, this.scale_y = 1, this.scale_objects = !0, this.layers = new Wt(), this.objects = /* @__PURE__ */ new Map(), this.visible = !0, this.ID = t, this.name = e.name || `layer-${t}`, this.tabindex = e.tabindex, this.parent = s, this._transform = new le(), s == null || s.__state__.addListener("graph_updated", "live", ({ key: i, newValue: n, oldValue: r }) => {
     }), s == null || s.__state__.addListener(`graph_updated_${this.name}`, "live", ({ key: i, newValue: n, oldValue: r }) => {
       this.objects = n, this.__state__.setVariable("layer_updated", this);
     });
@@ -944,45 +947,45 @@ const os = class os {
     this._transform = t;
   }
 };
-u(os, "Layer");
-let We = os;
-var Lt, Mt;
-const Le = class Le extends Array {
+c(gs, "Layer");
+let es = gs;
+var Ft, Nt;
+const qe = class qe extends Array {
   constructor(...e) {
     super(arguments.length);
-    et(this, Lt, !1);
-    et(this, Mt);
+    tt(this, Ft, !1);
+    tt(this, Nt);
     for (let s = 0; s < e.length; s++)
       this[s] = e[s];
-    B(this, Lt, !1);
+    G(this, Ft, !1);
   }
   static fromArray(e) {
-    const s = new Le();
+    const s = new qe();
     return e.forEach((i, n) => {
       s.push(i);
-    }), B(s, Mt, e.names), s;
+    }), G(s, Nt, e.names), s;
   }
   flip() {
-    B(this, Lt, !k(this, Lt));
+    G(this, Ft, !L(this, Ft));
     for (let e = 0; e < this.length; e++)
       this[e] = -this[e];
     return this;
   }
   get(e) {
-    return typeof e == "number" ? this[e] : k(this, Mt) && k(this, Mt).includes(e) ? this[k(this, Mt).indexOf(e)] : void 0;
+    return typeof e == "number" ? this[e] : L(this, Nt) && L(this, Nt).includes(e) ? this[L(this, Nt).indexOf(e)] : void 0;
   }
   get flipped() {
-    return k(this, Lt);
+    return L(this, Ft);
   }
   get names() {
-    return k(this, Mt) ? k(this, Mt) : this.map((e, s) => `V${s + 1}`);
+    return L(this, Nt) ? L(this, Nt) : this.map((e, s) => `V${s + 1}`);
   }
 };
-Lt = new WeakMap(), Mt = new WeakMap(), u(Le, "DimensionVector");
-let Pt = Le;
-const as = class as {
+Ft = new WeakMap(), Nt = new WeakMap(), c(qe, "DimensionVector");
+let Tt = qe;
+const ms = class ms {
   constructor(t, e) {
-    this.scale_x = 1, this.scale_y = 1, this.scale_size = 0.05, this.active = !1, this.visible = !1, this.highlighting = !1, this.meta = {}, this._x = 0, this._y = 0, this._highlight_default = new st("#000000"), this._size = 0, this.ID = e.ID, this._transform = new se(), t instanceof Pt ? this._dimensions = t : t instanceof Ht ? this._dimensions = Pt.fromArray(t) : Array.isArray(t) ? this._dimensions = new Pt(...t) : (console.warn("Invalid dimensions provided, using default DimensionVector(0, 0)"), this._dimensions = new Pt(0, 0));
+    this.scale_x = 1, this.scale_y = 1, this.scale_size = 0.05, this.active = !1, this.visible = !1, this.highlighting = !1, this.meta = {}, this._x = 0, this._y = 0, this._highlight_default = new st("#000000"), this._size = 0, this.ID = e.ID, this._transform = new le(), t instanceof Tt ? this._dimensions = t : t instanceof Jt ? this._dimensions = Tt.fromArray(t) : Array.isArray(t) ? this._dimensions = new Tt(...t) : (console.warn("Invalid dimensions provided, using default DimensionVector(0, 0)"), this._dimensions = new Tt(0, 0));
     let s = { ...e };
     this._original = { ...s }, this.ID = s.ID, this.x = s.x || this._dimensions[0], this.y = s.y || this._dimensions[1], this._size = s.size || 1, this._color = s.color || new st("#000000"), this.active = s.active || !1, this.shape = s.shape || null, this.meta = s.meta || {}, this._highlight = this._highlight_default, s.highlight && (this._highlight = s.highlight);
   }
@@ -1036,9 +1039,9 @@ const as = class as {
     this._transform = t;
   }
 };
-u(as, "PlottedObject");
-let kt = as;
-const hs = class hs extends kt {
+c(ms, "PlottedObject");
+let Ot = ms;
+const fs = class fs extends Ot {
   // constructor(x: LineOptions) {
   //   super([], x);
   //   // const data = Object.assign({}, x);
@@ -1080,9 +1083,9 @@ const hs = class hs extends kt {
     this._color = t;
   }
 };
-u(hs, "Line");
-let Xt = hs;
-const ee = class ee extends kt {
+c(fs, "Line");
+let te = fs;
+const he = class he extends Ot {
   // constructor(dimensions: DimensionType, o: PointOptions) { //, graph?: any) {
   //   super(dimensions, o);
   //   this.active = o.active || false;
@@ -1098,7 +1101,7 @@ const ee = class ee extends kt {
   constructor(t) {
     var n, r;
     let e, s, i;
-    t ? t instanceof Ht ? (e = (n = t.classes) == null ? void 0 : n.map((a, h) => a === "ena.co.occurrence" || a === "ena.dimension" ? t[h] : -1).filter((a) => a !== -1), s = (r = t.classes) == null ? void 0 : r.map((a, h) => a === "ena.metadata" ? [t.names[h], t[h]] : null).filter((a) => a !== null).reduce((a, h) => (a[h[0]] = h[1], a), {}), i = t.rowName || `point-${Math.random().toString(36).substring(2, 9)}`) : typeof t == "object" ? (e = t.dimensions || [], s = t.meta || {}, i = t.ID || `point-${Math.random().toString(36).substring(2, 9)}`) : (console.warn("Invalid data provided for Point, using default values"), e = [], s = {}, i = `point-${Math.random().toString(36).substring(2, 9)}`) : (e = [], s = {}, i = `point-${Math.random().toString(36).substring(2, 9)}`), super(e ?? [], { meta: s, ID: i }), this.edges = /* @__PURE__ */ new Map(), this.shape = ee.SHAPES.CIRCLE;
+    t ? t instanceof Jt ? (e = (n = t.classes) == null ? void 0 : n.map((a, h) => a === "ena.co.occurrence" || a === "ena.dimension" ? t[h] : -1).filter((a) => a !== -1), s = (r = t.classes) == null ? void 0 : r.map((a, h) => a === "ena.metadata" ? [t.names[h], t[h]] : null).filter((a) => a !== null).reduce((a, h) => (a[h[0]] = h[1], a), {}), i = t.rowName || `point-${Math.random().toString(36).substring(2, 9)}`) : typeof t == "object" ? (e = t.dimensions || [], s = t.meta || {}, i = t.ID || `point-${Math.random().toString(36).substring(2, 9)}`) : (console.warn("Invalid data provided for Point, using default values"), e = [], s = {}, i = `point-${Math.random().toString(36).substring(2, 9)}`) : (e = [], s = {}, i = `point-${Math.random().toString(36).substring(2, 9)}`), super(e ?? [], { meta: s, ID: i }), this.edges = /* @__PURE__ */ new Map(), this.shape = he.SHAPES.CIRCLE;
   }
   set label(t) {
     this._label = t;
@@ -1119,9 +1122,9 @@ const ee = class ee extends kt {
     this._y = parseFloat(t);
   }
 };
-u(ee, "Point"), ee.SHAPES = { CIRCLE: "circle", SQUARE: "rect" };
-let J = ee;
-const Ft = class Ft extends kt {
+c(he, "Point"), he.SHAPES = { CIRCLE: "circle", SQUARE: "rect" };
+let K = he;
+const Gt = class Gt extends Ot {
   constructor(t, e) {
     super(e.dimensions, e), this._visible = !1, this.offset = 0, this.text = t, this.ID = e.ID, this.object = e, this.x = this.dimensions[0], this.y = this.dimensions[1], this.offset = e.size || 0, this.size = this.offset / 4, this.visible = !1, this._transform.set("e", 1), this._transform.set("f", 1);
   }
@@ -1144,9 +1147,9 @@ const Ft = class Ft extends kt {
     this._transform = t;
   }
 };
-u(Ft, "Label"), Ft.DISPLAY_TYPES = { OFF: 0, AUTO: 1, CLICK: 2, ON: 3 }, Ft.HIGHLIGHT = { OFF: 0, ON: 2 }, Ft.POSITION = { OBJECT: 1, STATIC: 2, CONTAINER: 3, CUSTOM: 4 };
-let H = Ft;
-const ls = class ls {
+c(Gt, "Label"), Gt.DISPLAY_TYPES = { OFF: 0, AUTO: 1, CLICK: 2, ON: 3 }, Gt.HIGHLIGHT = { OFF: 0, ON: 2 }, Gt.POSITION = { OBJECT: 1, STATIC: 2, CONTAINER: 3, CUSTOM: 4 };
+let q = Gt;
+const ps = class ps {
   constructor(t, e, s = 0, i = 0) {
     this.x_max = t, this.y_max = e, this.cx = s, this.cy = i;
   }
@@ -1179,9 +1182,9 @@ const ls = class ls {
     return this.x_max;
   }
 };
-u(ls, "Extremes");
-let Rt = ls;
-const cs = class cs extends kt {
+c(ps, "Extremes");
+let Ct = ps;
+const bs = class bs extends Ot {
   constructor(t, e) {
     super(t, e), this.visible = !0, this.size = e.size;
   }
@@ -1207,8 +1210,8 @@ const cs = class cs extends kt {
     return this._transform;
   }
 };
-u(cs, "AxisPoint");
-let Ve = cs, Ks = {
+c(bs, "AxisPoint");
+let ss = bs, ai = {
   GRAPH: {
     ratio: 1,
     x_max: 1,
@@ -1224,25 +1227,25 @@ let Ve = cs, Ks = {
     size: 1,
     highlight: {
       color: "yellow",
-      labels: H.DISPLAY_TYPES.ON
+      labels: q.DISPLAY_TYPES.ON
     },
-    labels: H.DISPLAY_TYPES.ON,
-    labelposition: H.POSITION.OBJECT
+    labels: q.DISPLAY_TYPES.ON,
+    labelposition: q.POSITION.OBJECT
   },
   POINT: {
     active: 2,
     size: 0.05,
     color: "#000",
-    shape: J.SHAPES.CIRCLE,
-    labels: H.DISPLAY_TYPES.AUTO,
-    labelposition: H.POSITION.OBJECT
+    shape: K.SHAPES.CIRCLE,
+    labels: q.DISPLAY_TYPES.AUTO,
+    labelposition: q.POSITION.OBJECT
   },
   MEAN: {
-    shape: J.SHAPES.SQUARE,
-    labels: H.DISPLAY_TYPES.AUTO
+    shape: K.SHAPES.SQUARE,
+    labels: q.DISPLAY_TYPES.AUTO
   },
   LABEL: {
-    highlight: H.HIGHLIGHT.OFF,
+    highlight: q.HIGHLIGHT.OFF,
     position: ["top", "left"],
     container: "#label-container"
   },
@@ -1250,9 +1253,9 @@ let Ve = cs, Ks = {
     multiplier: 1
   }
 };
-const _s = class _s {
-  constructor(t = { ...Ks }) {
-    this.__state__ = new Ae(), this.name = "unnamed-graph", this.origin = void 0, this.points = /* @__PURE__ */ new Map(), this.nodes = /* @__PURE__ */ new Map(), this.edges = /* @__PURE__ */ new Map(), this.trajectories = /* @__PURE__ */ new Map(), this.labels = /* @__PURE__ */ new Map(), this.transform = new se(), this.scale_x = 1, this.scale_y = 1, this.SIZE_EFFECT = 1, this._mirror_y = !0, this._mirror_x = !1, this._layers = new qt(
+const ys = class ys {
+  constructor(t = { ...ai }) {
+    this.__state__ = new ke(), this.name = "unnamed-graph", this.origin = void 0, this.points = /* @__PURE__ */ new Map(), this.nodes = /* @__PURE__ */ new Map(), this.edges = /* @__PURE__ */ new Map(), this.trajectories = /* @__PURE__ */ new Map(), this.labels = /* @__PURE__ */ new Map(), this.transform = new le(), this.scale_x = 1, this.scale_y = 1, this.SIZE_EFFECT = 1, this._mirror_y = !0, this._mirror_x = !1, this._layers = new Wt(
       { name: "graph", tabindex: 0, layers: [
         {
           name: "axes",
@@ -1291,8 +1294,8 @@ const _s = class _s {
         { name: "points", layers: [], tabindex: 0 },
         { name: "labels", layers: [], tabindex: 0 }
       ] }
-    ), this.options = t, this.origin = new Ve(
-      new Pt(0, 0),
+    ), this.options = t, this.origin = new ss(
+      new Tt(0, 0),
       {
         ID: "origin",
         x: 0,
@@ -1307,28 +1310,28 @@ const _s = class _s {
     );
     let e = 1;
     function s(r, a, h) {
-      const o = new We(`${e}`, r, h);
-      return e += 1, o.parent = a || void 0, r.layers && Array.isArray(r.layers) && (o.layers = new qt(...r.layers.map((l) => s(l, o, h)))), o;
+      const o = new es(`${e}`, r, h);
+      return e += 1, o.parent = a || void 0, r.layers && Array.isArray(r.layers) && (o.layers = new Wt(...r.layers.map((_) => s(_, o, h)))), o;
     }
-    u(s, "buildLayerTree"), this.layers = new qt(...this._layers.map((r) => s(r, null, this)));
+    c(s, "buildLayerTree"), this.layers = new Wt(...this._layers.map((r) => s(r, null, this)));
     let i = this.layers.search("layers", "axis_points");
     i && i.objects.set(this.origin.ID, this.origin);
     let n = this.layers.search("layers", "axis_lines");
     if (n) {
-      let r = this.extremes || new Rt(1, 1), a = new Xt(
+      let r = this.extremes || new Ct(1, 1), a = new te(
         {},
-        new J({ ID: "axis-x-start", dimensions: [-r.x_max, 0], classes: ["ena.dimension", "ena.dimension"] }),
-        new J({ ID: "axis-x-end", dimensions: [r.x_max, 0], classes: ["ena.dimension", "ena.dimension"] })
+        new K({ ID: "axis-x-start", dimensions: [-r.x_max, 0], classes: ["ena.dimension", "ena.dimension"] }),
+        new K({ ID: "axis-x-end", dimensions: [r.x_max, 0], classes: ["ena.dimension", "ena.dimension"] })
       );
       a.ID = "axis-x", n.objects.set(a.ID, a);
-      let h = new Xt(
+      let h = new te(
         {},
-        new J({ ID: "axis-y-start", dimensions: [0, -r.y_max], classes: ["ena.dimension", "ena.dimension"] }),
-        new J({ ID: "axis-y-end", dimensions: [0, r.y_max], classes: ["ena.dimension", "ena.dimension"] })
+        new K({ ID: "axis-y-start", dimensions: [0, -r.y_max], classes: ["ena.dimension", "ena.dimension"] }),
+        new K({ ID: "axis-y-end", dimensions: [0, r.y_max], classes: ["ena.dimension", "ena.dimension"] })
       );
-      h.ID = "axis-y", n.objects.set(h.ID, h), console.log("Added axis lines to layer: ", n);
+      h.ID = "axis-y", n.objects.set(h.ID, h), Qt("Added axis lines to layer: ", n);
     }
-    this.extremes = new Rt(t.GRAPH.x_max, t.GRAPH.y_max);
+    this.extremes = new Ct(t.GRAPH.x_max, t.GRAPH.y_max);
   }
   set extremes(t) {
     this._extremes = t;
@@ -1355,7 +1358,7 @@ const _s = class _s {
     return this.mirror_y ? -1 : 1;
   }
   add_point(t) {
-    const e = new J(t);
+    const e = new K(t);
     this.points.set(e.ID, e);
   }
   add_points(t) {
@@ -1367,7 +1370,7 @@ const _s = class _s {
   add_nodes(t) {
     let e = this;
     t.forEach((s) => {
-      s.label = new H(s.ID, s), e.labels.set(s.label.ID, s.label), e.nodes.set(s.ID, s);
+      s.label = new q(s.ID, s), e.labels.set(s.label.ID, s.label), e.nodes.set(s.ID, s);
       const i = e.layers.search("layers", "nodes");
       i && i.objects.push(s);
     }), e.update_extremes();
@@ -1392,14 +1395,14 @@ const _s = class _s {
       this.layers.search("layers", "nodes")
     ].filter((s) => s !== void 0);
     if (e.length === 0)
-      this.extremes = new Rt(1, 1);
+      this.extremes = new Ct(1, 1);
     else {
       let s = 1 / 0, i = -1 / 0, n = 1 / 0, r = -1 / 0;
-      e.forEach((g) => g.objects.forEach((c) => {
-        Number.isFinite(c.x) && (s = Math.min(s, c.x), i = Math.max(i, c.x)), Number.isFinite(c.y) && (n = Math.min(n, c.y), r = Math.max(r, c.y));
+      e.forEach((p) => p.objects.forEach((u) => {
+        Number.isFinite(u.x) && (s = Math.min(s, u.x), i = Math.max(i, u.x)), Number.isFinite(u.y) && (n = Math.min(n, u.y), r = Math.max(r, u.y));
       }));
-      const a = Number.isFinite(s) && Number.isFinite(n), h = t && a ? (s + i) / 2 : 0, o = t && a ? (n + r) / 2 : 0, l = a ? Math.max(Math.abs(s - h), Math.abs(i - h), Math.abs(n - o), Math.abs(r - o)) : 0, _ = (l > 0 ? l : 1) * 1.3;
-      this.extremes = new Rt(_, _, h, o);
+      const a = Number.isFinite(s) && Number.isFinite(n), h = t && a ? (s + i) / 2 : 0, o = t && a ? (n + r) / 2 : 0, _ = a ? Math.max(Math.abs(s - h), Math.abs(i - h), Math.abs(n - o), Math.abs(r - o)) : 0, m = (_ > 0 ? _ : 1) * 1.3;
+      this.extremes = new Ct(m, m, h, o);
     }
   }
   /** Farthest node from (cx, cy), on either axis */
@@ -1415,9 +1418,9 @@ const _s = class _s {
     return Math.min(1, e / (Math.sqrt(s) * t));
   }
 };
-u(_s, "Graph");
-let Ke = _s;
-const De = class De extends HTMLElement {
+c(ys, "Graph");
+let is = ys;
+const Be = class Be extends HTMLElement {
   constructor() {
     super(), this.element = null, this.object = null;
     const t = this, e = t.attachShadow({ mode: "open" }), s = document.createElement("style"), i = document.createElement("div");
@@ -1428,7 +1431,7 @@ const De = class De extends HTMLElement {
     return e == null ? void 0 : e.querySelector(".wrapper");
   }
 };
-u(De, "DrawableElement"), De.style = `
+c(Be, "DrawableElement"), Be.style = `
     :host {
       max-width: 100%;
       display: block;
@@ -1439,22 +1442,22 @@ u(De, "DrawableElement"), De.style = `
       justify-content: center;
     }
   `;
-let ve = De;
-const hi = 1e-8;
-function Us(d, t = hi) {
-  return d.filter((e) => Math.abs(e.x) > t || Math.abs(e.y) > t);
+let ze = Be;
+const xi = 1e-8;
+function ti(g, t = xi) {
+  return g.filter((e) => Math.abs(e.x) > t || Math.abs(e.y) > t);
 }
-u(Us, "nearOriginFilter");
-function Js(d) {
-  if (d <= 0) return [];
-  if (d === 1) return [0];
-  const t = new Array(d);
-  for (let e = 0; e < d; e++) t[e] = e / (d - 1);
+c(ti, "nearOriginFilter");
+function hi(g) {
+  if (g <= 0) return [];
+  if (g === 1) return [0];
+  const t = new Array(g);
+  for (let e = 0; e < g; e++) t[e] = e / (g - 1);
   return t;
 }
-u(Js, "normalizedT");
-function Zs(d, t) {
-  return d.map((e) => {
+c(hi, "normalizedT");
+function li(g, t) {
+  return g.map((e) => {
     const s = new Array(t + 1);
     let i = 1;
     for (let n = 0; n <= t; n++)
@@ -1462,9 +1465,9 @@ function Zs(d, t) {
     return s;
   });
 }
-u(Zs, "design");
-function Qs(d) {
-  const t = d.length, e = d[0].length, s = d.map((n) => n.slice()), i = Array.from({ length: e }, () => new Array(e).fill(0));
+c(li, "design");
+function ci(g) {
+  const t = g.length, e = g[0].length, s = g.map((n) => n.slice()), i = Array.from({ length: e }, () => new Array(e).fill(0));
   for (let n = 0; n < e; n++) {
     let r = 0;
     for (let a = 0; a < t; a++) r += s[a][n] * s[a][n];
@@ -1479,91 +1482,91 @@ function Qs(d) {
   }
   return { Q: s, R: i };
 }
-u(Qs, "qr");
-function Je(d, t) {
-  const e = d.length, s = d[0].length, i = new Array(s).fill(0);
+c(ci, "qr");
+function ns(g, t) {
+  const e = g.length, s = g[0].length, i = new Array(s).fill(0);
   for (let n = 0; n < s; n++) {
     let r = 0;
-    for (let a = 0; a < e; a++) r += d[a][n] * t[a];
+    for (let a = 0; a < e; a++) r += g[a][n] * t[a];
     i[n] = r;
   }
   return i;
 }
-u(Je, "qtY");
-function Ze(d, t) {
+c(ns, "qtY");
+function rs(g, t) {
   const e = t.length, s = new Array(e).fill(0);
   for (let i = e - 1; i >= 0; i--) {
     let n = t[i];
-    for (let r = i + 1; r < e; r++) n -= d[i][r] * s[r];
-    s[i] = Math.abs(d[i][i]) > 1e-12 ? n / d[i][i] : 0;
+    for (let r = i + 1; r < e; r++) n -= g[i][r] * s[r];
+    s[i] = Math.abs(g[i][i]) > 1e-12 ? n / g[i][i] : 0;
   }
   return s;
 }
-u(Ze, "backSolve");
-function li(d) {
-  return d.map((t) => {
+c(rs, "backSolve");
+function wi(g) {
+  return g.map((t) => {
     let e = 0;
     for (let s = 0; s < t.length; s++) e += t[s] * t[s];
     return e;
   });
 }
-u(li, "leverages");
-function Gs(d, t, e) {
-  const s = Zs(d, e), { Q: i, R: n } = Qs(s);
-  return Ze(n, Je(i, t));
+c(wi, "leverages");
+function ei(g, t, e) {
+  const s = li(g, e), { Q: i, R: n } = ci(s);
+  return rs(n, ns(i, t));
 }
-u(Gs, "fitCoeffs");
-function Se(d, t) {
+c(ei, "fitCoeffs");
+function Ce(g, t) {
   let e = 0, s = 1;
-  for (let i = 0; i < d.length; i++)
-    e += d[i] * s, s *= t;
+  for (let i = 0; i < g.length; i++)
+    e += g[i] * s, s *= t;
   return e;
 }
-u(Se, "evalPoly");
-function ci(d, t, e, s) {
-  const i = Zs(d, s), { Q: n, R: r } = Qs(i), a = li(n), h = Ze(r, Je(n, t)), o = Ze(r, Je(n, e));
-  let l = 0;
-  for (let _ = 0; _ < d.length; _++) {
-    const g = 1 - a[_];
-    if (g <= 0) return 1 / 0;
-    const c = t[_] - Se(h, d[_]), E = e[_] - Se(o, d[_]);
-    l += (c / g) ** 2 + (E / g) ** 2;
-  }
-  return l;
+c(Ce, "evalPoly");
+function vi(g, t, e, s) {
+  const i = li(g, s), { Q: n, R: r } = ci(i), a = wi(n), h = rs(r, ns(n, t)), o = rs(r, ns(n, e));
+  let _ = 0;
+  for (let m = 0; m < g.length; m++) {
+    const p = 1 - a[m];
+    if (p <= 0) return 1 / 0;
+    const u = t[m] - Ce(h, g[m]), d = e[m] - Ce(o, g[m]);
+    _ += (u / p) ** 2 + (d / p) ** 2;
+  }
+  return _;
 }
-u(ci, "loocv2d");
-function _i(d, t, e) {
-  const s = d.length, i = Math.min(Math.max(1, Math.floor(t)), Math.max(1, s - 1));
+c(vi, "loocv2d");
+function Ai(g, t, e) {
+  const s = g.length, i = Math.min(Math.max(1, Math.floor(t)), Math.max(1, s - 1));
   if (e === "fixed" || s < 3) return i;
-  const n = Js(s), r = d.map((l) => l.x), a = d.map((l) => l.y);
+  const n = hi(s), r = g.map((_) => _.x), a = g.map((_) => _.y);
   let h = 1, o = 1 / 0;
-  for (let l = 1; l <= i; l++) {
-    const _ = ci(n, r, a, l);
-    _ < o && (o = _, h = l);
+  for (let _ = 1; _ <= i; _++) {
+    const m = vi(n, r, a, _);
+    m < o && (o = m, h = _);
   }
   return h;
 }
-u(_i, "selectDegree");
-function ui(d, t) {
-  const e = Us(d);
+c(Ai, "selectDegree");
+function Si(g, t) {
+  const e = ti(g);
   if (e.length < 3) return null;
-  const s = t.selectionSet ? Us(t.selectionSet) : e, i = s.length >= 3 ? s : e;
-  let n = _i(i, t.maxDegree, t.degreeSelection);
+  const s = t.selectionSet ? ti(t.selectionSet) : e, i = s.length >= 3 ? s : e;
+  let n = Ai(i, t.maxDegree, t.degreeSelection);
   n = Math.min(n, Math.max(1, e.length - 1));
-  const r = Js(e.length), a = Gs(r, e.map((o) => o.x), n), h = Gs(r, e.map((o) => o.y), n);
+  const r = hi(e.length), a = ei(r, e.map((o) => o.x), n), h = ei(r, e.map((o) => o.y), n);
   return { degree: n, coeffsX: a, coeffsY: h };
 }
-u(ui, "fitTrajectory");
-function Bs(d, t = 100) {
+c(Si, "fitTrajectory");
+function si(g, t = 100) {
   const e = [];
   for (let s = 0; s <= t; s++) {
     const i = s / t;
-    e.push({ x: Se(d.coeffsX, i), y: Se(d.coeffsY, i) });
+    e.push({ x: Ce(g.coeffsX, i), y: Ce(g.coeffsY, i) });
   }
   return e;
 }
-u(Bs, "sampleCurve");
-const Hs = 100, us = class us extends kt {
+c(si, "sampleCurve");
+const ii = 100, xs = class xs extends Ot {
   constructor(t = {}) {
     const e = t.color instanceof st ? t.color : new st(typeof t.color == "string" ? t.color : "#000000");
     super([], {
@@ -1575,8 +1578,8 @@ const Hs = 100, us = class us extends kt {
       meta: t.meta || {},
       ...t
     }), this._typeName = "Trajectory", this.trajPoints = [], this.smooth = "none", this.maxDegree = 3, this.degreeSelection = "loocv_2d", this.selectedDegree = -1, this.polyCoeffsX = [], this.polyCoeffsY = [], this.currentTime = 1 / 0, this.showPoints = !0, this.showTips = !0, this.lineStyle = "uniform", this.strokeWidth = 2, this.strokeWidthRange = [1, 6], this.opacityRange = [0.3, 1], this.smooth = t.smooth || "none", this.maxDegree = t.maxDegree !== void 0 ? t.maxDegree : 3, this.degreeSelection = t.degreeSelection || "loocv_2d", this.polyCoeffsX = t.polyCoeffsX || [], this.polyCoeffsY = t.polyCoeffsY || [], this.currentTime = t.currentTime !== void 0 ? t.currentTime : 1 / 0, this.showPoints = t.showPoints !== void 0 ? t.showPoints : !0, this.showTips = t.showTips !== void 0 ? t.showTips : !0, this.lineStyle = t.lineStyle || "uniform", this.strokeWidth = t.strokeWidth || 2, this.strokeWidthRange = t.strokeWidthRange || [1, 6], this.opacityRange = t.opacityRange || [0.3, 1], t.points && Array.isArray(t.points) && (this.trajPoints = t.points.map((s) => {
-      if (s instanceof J) return s;
-      const i = new J({ dimensions: [s.x, s.y], meta: { time: s.time, label: s.label } });
+      if (s instanceof K) return s;
+      const i = new K({ dimensions: [s.x, s.y], meta: { time: s.time, label: s.label } });
       return i.x = s.x, i.y = s.y, i;
     }));
   }
@@ -1591,11 +1594,11 @@ const Hs = 100, us = class us extends kt {
     if (t.length < 2) return [];
     if (this.smooth === "poly") {
       if (this.polyCoeffsX.length > 0 && this.polyCoeffsY.length > 0)
-        return Bs(
+        return si(
           { degree: this.polyCoeffsX.length - 1, coeffsX: this.polyCoeffsX, coeffsY: this.polyCoeffsY },
-          Hs
+          ii
         );
-      const e = ui(
+      const e = Si(
         t.map((s) => ({ x: s.x, y: s.y })),
         {
           maxDegree: this.maxDegree,
@@ -1604,14 +1607,14 @@ const Hs = 100, us = class us extends kt {
         }
       );
       if (e)
-        return this.selectedDegree = e.degree, Bs(e, Hs);
+        return this.selectedDegree = e.degree, si(e, ii);
     }
     return t.map((e) => ({ x: e.x, y: e.y }));
   }
 };
-u(us, "Trajectory");
-let Ee = us;
-const ti = 1, ds = class ds extends Xt {
+c(xs, "Trajectory");
+let Oe = xs;
+const _i = 1, ws = class ws extends te {
   constructor(t, e, s, i = 0) {
     super(t, e, s), this._totalweight = 0, this._weight = i;
   }
@@ -1620,7 +1623,7 @@ const ti = 1, ds = class ds extends Xt {
   }
   get color() {
     const t = this._color || new st("#000000");
-    return new we(t, Math.abs(this.weight));
+    return new Ne(t, Math.abs(this.weight));
   }
   set color(t) {
     this._color = t;
@@ -1641,90 +1644,90 @@ const ti = 1, ds = class ds extends Xt {
     this._totalweight = t;
   }
 };
-u(ds, "Edge");
-let Me = ds;
-var Gt;
-const gs = class gs extends kt {
+c(ws, "Edge");
+let Pe = ws;
+var Zt;
+const vs = class vs extends Ot {
   constructor(e) {
     super(e.dimensions || [], e);
-    et(this, Gt);
-    B(this, Gt, e);
+    tt(this, Zt);
+    G(this, Zt, e);
   }
   get edge() {
-    return k(this, Gt);
+    return L(this, Zt);
   }
   get path() {
-    const e = k(this, Gt), s = [e.to.x, e.to.y], i = e.from_point, [n, r] = e.base_pts, a = Math.hypot(i[0] - s[0], i[1] - s[1]), h = Math.hypot(n[0] - r[0], n[1] - r[1]);
+    const e = L(this, Zt), s = [e.to.x, e.to.y], i = e.from_point, [n, r] = e.base_pts, a = Math.hypot(i[0] - s[0], i[1] - s[1]), h = Math.hypot(n[0] - r[0], n[1] - r[1]);
     if (!(a > 0) || !(h > 0)) return "";
-    const o = [(i[0] - s[0]) / a, (i[1] - s[1]) / a], l = Math.hypot(n[0] - s[0], n[1] - s[1]), _ = [(n[0] - s[0]) / l, (n[1] - s[1]) / l], g = /* @__PURE__ */ u((Y) => h / 2 * Math.max(0, 1 - Y / a), "halfW"), c = /* @__PURE__ */ u((Y, v) => `${s[0] + o[0] * Y + _[0] * v} ${s[1] + o[1] * Y + _[1] * v}`, "at"), E = 0.2 * a, m = Math.min(0.15 * a, 0.8 * 2 * g(E)), S = E + m / 2, R = E + m;
-    return `M${c(E, 0)} L${c(S, g(S))} L${c(R, g(R))} L${c(S, 0)} L${c(R, -g(R))} L${c(S, -g(S))}z`;
+    const o = [(i[0] - s[0]) / a, (i[1] - s[1]) / a], _ = Math.hypot(n[0] - s[0], n[1] - s[1]), m = [(n[0] - s[0]) / _, (n[1] - s[1]) / _], p = /* @__PURE__ */ c(($) => h / 2 * Math.max(0, 1 - $ / a), "halfW"), u = /* @__PURE__ */ c(($, z) => `${s[0] + o[0] * $ + m[0] * z} ${s[1] + o[1] * $ + m[1] * z}`, "at"), d = 0.2 * a, l = Math.min(0.15 * a, 0.8 * 2 * p(d)), b = d + l / 2, f = d + l;
+    return `M${u(d, 0)} L${u(b, p(b))} L${u(f, p(f))} L${u(b, 0)} L${u(f, -p(f))} L${u(b, -p(b))}z`;
   }
 };
-Gt = new WeakMap(), u(gs, "EdgeArrow");
-let Ie = gs;
-var Bt, de;
-const Te = class Te extends Me {
+Zt = new WeakMap(), c(vs, "EdgeArrow");
+let Le = vs;
+var Kt, ye;
+const Ge = class Ge extends Pe {
   constructor(e, s, i) {
     super(e, s, i);
-    et(this, Bt);
-    et(this, de);
-    this._path = "", B(this, Bt, !1), this._directions = [
+    tt(this, Kt);
+    tt(this, ye);
+    this._path = "", G(this, Kt, !1), this._directions = [
       "from",
       "to"
       /* TO */
-    ], this.towards = "to", k(this, Bt) === !0 && B(this, de, new Ie(this));
+    ], this.towards = "to", L(this, Kt) === !0 && G(this, ye, new Le(this));
   }
   get path() {
     return `M${this.from.x} ${this.from.y} L${this.base_pts[0].join(" ")} L${this.base_pts[1].join(" ")}z`;
   }
   static calculate_base_points(e) {
-    const s = e.towards, i = e._directions.find((S) => S !== e.towards), n = e[i].x, r = e[i].y, a = e[s].x, h = e[s].y, o = a - n, l = h - r, _ = Math.hypot(o, l), g = (e.weight ?? 0) * ti;
-    if (_ === 0 || !isFinite(g) || g === 0)
+    const s = e.towards, i = e._directions.find((b) => b !== e.towards), n = e[i].x, r = e[i].y, a = e[s].x, h = e[s].y, o = a - n, _ = h - r, m = Math.hypot(o, _), p = (e.weight ?? 0) * _i;
+    if (m === 0 || !isFinite(p) || p === 0)
       return [[a, h], [a, h]];
-    const c = -l / _, E = o / _, m = g / 2;
+    const u = -_ / m, d = o / m, l = p / 2;
     return [
-      [a + c * m, h + E * m],
-      [a - c * m, h - E * m]
+      [a + u * l, h + d * l],
+      [a - u * l, h - d * l]
     ];
   }
   get base_pts() {
-    return Te.calculate_base_points(this);
+    return Ge.calculate_base_points(this);
   }
   get arrow() {
-    return k(this, de);
+    return L(this, ye);
   }
   get with_arrow() {
-    return k(this, Bt);
+    return L(this, Kt);
   }
   get from_point() {
     return [this.from.x, this.from.y];
   }
 };
-Bt = new WeakMap(), de = new WeakMap(), u(Te, "TaperedEdge");
-let Wt = Te;
-const ze = class ze extends Wt {
+Kt = new WeakMap(), ye = new WeakMap(), c(Ge, "TaperedEdge");
+let Dt = Ge;
+const Ue = class Ue extends Dt {
   constructor(t, e, s) {
     super(t, e, s), this._dataWeight = 0, this._totalweight = t.totalweight ?? 0, this._dataWeight = t.weight ?? this._weight;
   }
   get weighted_midpoint() {
-    return ie.Geometry.Line.interpolate(this.line)(1 - this._dataWeight / this._totalweight);
+    return ce.Geometry.Line.interpolate(this.line)(1 - this._dataWeight / this._totalweight);
   }
   get base_pts() {
-    return Wt.calculate_base_points(this);
+    return Dt.calculate_base_points(this);
   }
   static build_path(t) {
     return t._totalweight > 0 ? `M${t.weighted_midpoint[0]} ${t.weighted_midpoint[1]} L${t.base_pts[0].join(" ")} L${t.base_pts[1].join(" ")}z` : (console.error("TaperedWeightedMidpointEdge: No totalweight, returning empty path"), "");
   }
   get path() {
-    return ze.build_path(this);
+    return Ue.build_path(this);
   }
   get from_point() {
     return this.weighted_midpoint;
   }
 };
-u(ze, "TaperedWeightedMidpointEdge");
-let Qe = ze;
-const Fe = class Fe extends Me {
+c(Ue, "TaperedWeightedMidpointEdge");
+let os = Ue;
+const Xe = class Xe extends Pe {
   constructor(t, e, s) {
     super(t, e, s);
   }
@@ -1733,14 +1736,14 @@ const Fe = class Fe extends Me {
     return `M ${i}, ${e.y} a ${s},${s} 0 1,0 ${n},0 a ${s},${s} 0 1,0 -${n},0`;
   }
   get path() {
-    let t = this.weight * ti;
-    return Fe.build_path(t, this.to);
+    let t = this.weight * _i;
+    return Xe.build_path(t, this.to);
   }
 };
-u(Fe, "NodeEdge");
-let ne = Fe;
-const fs = class fs {
-  constructor(t, e, s, i = new Ct()) {
+c(Xe, "NodeEdge");
+let Ht = Xe;
+const As = class As {
+  constructor(t, e, s, i = new Pt()) {
     this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.svg_element = this.create();
   }
   get_size() {
@@ -1757,103 +1760,122 @@ const fs = class fs {
     if (i === s) return;
     const n = 5e3, r = performance.now();
     function a(h) {
-      const o = Math.min(1, (h - r) / n), l = i + (s - i) * o;
-      t.setAttribute(e, l.toString()), o < 1 ? requestAnimationFrame(a) : t.setAttribute(e, s.toString());
+      const o = Math.min(1, (h - r) / n), _ = i + (s - i) * o;
+      t.setAttribute(e, _.toString()), o < 1 ? requestAnimationFrame(a) : t.setAttribute(e, s.toString());
     }
-    u(a, "animate"), requestAnimationFrame(a);
+    c(a, "animate"), requestAnimationFrame(a);
   }
 };
-u(fs, "Drawable");
-let re = fs;
-const di = 0.04, gi = [0.25, 1], fi = [0.3, 1];
-function Xs(d, t, e, s) {
-  const i = Math.abs(d);
+c(As, "Drawable");
+let _e = As;
+const Ei = 0.04, Mi = [0.25, 1], Ii = [0.3, 1];
+function ni(g, t, e, s) {
+  const i = Math.abs(g);
   if (!(i > 0)) return 0;
   if (!(e > t)) return s[1];
   const n = Math.min(1, Math.max(0, (i - t) / (e - t)));
   return s[0] + n * (s[1] - s[0]);
 }
-u(Xs, "rampFor");
-const mi = 0.011, pi = 0.75, bi = 0.8, yi = 0.75, ei = 6e-3, xi = 0.6;
-function wi(d) {
-  return 2 * d;
+c(ni, "rampFor");
+const Ni = 0.011, ki = 0.75, zi = 0.8, Ci = 0.75, ui = 6e-3, Oi = 0.6;
+function Pi(g) {
+  return 2 * g;
 }
-u(wi, "widthPerWeight");
-function Ai(d, t) {
-  return d * t / (2 * ei);
+c(Pi, "widthPerWeight");
+function Li(g, t) {
+  return g * t / (2 * ui);
 }
-u(Ai, "nodeSizeForEdges");
-function vi(d) {
-  const t = /rgba?\(([^)]+)\)/.exec(d);
-  if (!t) return d;
-  const [e, s, i, n = 1] = t[1].split(",").map(Number), r = /* @__PURE__ */ u((a) => Math.round(255 + (a - 255) * n), "f");
+c(Li, "nodeSizeForEdges");
+function Ri(g) {
+  const t = /rgba?\(([^)]+)\)/.exec(g);
+  if (!t) return g;
+  const [e, s, i, n = 1] = t[1].split(",").map(Number), r = /* @__PURE__ */ c((a) => Math.round(255 + (a - 255) * n), "f");
   return `rgb(${r(e)},${r(s)},${r(i)})`;
 }
-u(vi, "flattenOnWhite");
-function Si(d, t) {
-  const e = /rgba?\(([^)]+)\)/.exec(d);
-  if (!e) return d;
+c(Ri, "flattenOnWhite");
+function $i(g, t) {
+  const e = /rgba?\(([^)]+)\)/.exec(g);
+  if (!e) return g;
   const [s, i, n, r = 1] = e[1].split(",").map(Number);
   return `rgba(${Math.round(s * t)},${Math.round(i * t)},${Math.round(n * t)},${r})`;
 }
-u(Si, "darkenRgba");
-const ms = class ms extends re {
-  constructor(t, e, s, i = new Ct()) {
+c($i, "darkenRgba");
+const Ss = class Ss extends _e {
+  constructor(t, e, s, i = new Pt()) {
     super(t, e, s, i), this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.__name__ = "unnamed-line", this._arrow_el = null, this._hit_el = null, this.svg_element = this.create();
   }
   /** Stamp edge identity onto an element so <qe-graph> delegation can resolve
    *  qe-edge-* events. No-op for non-edges (e.g. axis lines). */
   _stampEdge(t) {
     const e = this.__data__.meta ?? {};
-    e.isMeanEdge && (t.setAttribute("data-edge-source", String(e.source ?? "")), t.setAttribute("data-edge-target", String(e.target ?? "")), t.setAttribute("data-edge-weight", String(e.weight ?? 0)), t.setAttribute("data-edge-directed", e.isDirected ? "true" : "false"), e.isSelf && t.setAttribute("data-edge-self", "true"), e.group != null && t.setAttribute("data-edge-group", String(e.group)), e.unit != null && t.setAttribute("data-edge-unit", String(e.unit)));
+    if (!e.isMeanEdge) return;
+    t.setAttribute("data-edge-source", String(e.source ?? "")), t.setAttribute("data-edge-target", String(e.target ?? "")), t.setAttribute("data-edge-weight", String(e.weight ?? 0)), t.setAttribute("data-edge-directed", e.isDirected ? "true" : "false");
+    const s = /* @__PURE__ */ c((i, n) => n != null && n !== !1 ? t.setAttribute(i, n === !0 ? "true" : String(n)) : t.removeAttribute(i), "opt");
+    s("data-edge-self", !!e.isSelf), s("data-edge-group", e.group), s("data-edge-unit", e.unit);
   }
   create() {
-    if (this.__data__ instanceof ne) {
+    if (this.__data__ instanceof Ht) {
       const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
       return e.setAttribute("fill", this.__data__.color.toString()), e.setAttribute("stroke", "none"), this.svg_element = e, e;
     }
-    if (this.__data__ instanceof Wt) {
+    if (this.__data__ instanceof Dt) {
       const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
       return e.setAttribute("fill", this.__data__.color.toString()), e.setAttribute("stroke", "none"), this.svg_element = e, e;
     }
     const t = document.createElementNS("http://www.w3.org/2000/svg", "line");
     return t.setAttribute("x1", this.__data__.from.x.toString()), t.setAttribute("y1", this.__data__.from.y.toString()), t.setAttribute("x2", this.__data__.to.x.toString()), t.setAttribute("y2", this.__data__.to.y.toString()), t.setAttribute("stroke-width", this.get_size().toString()), t.setAttribute("stroke", this.__data__.color.toString()), this.svg_element = t, t;
   }
+  /** Self and directed edges draw as a <path>, everything else as a <line>. */
+  get drawsPath() {
+    return this.__data__ instanceof Ht || this.__data__ instanceof Dt;
+  }
   update() {
-    var s;
-    this.svg_element || this.create(), this.svg_element.parentElement || this.parent.appendChild(this.svg_element);
-    const t = ((s = this.graph.__data__.extremes) == null ? void 0 : s.x_max) ?? 1, e = this.__data__.meta ?? {};
+    var i, n, r, a;
+    if (this.svg_element || this.create(), this.svg_element.tagName.toLowerCase() === "path" !== this.drawsPath) {
+      const h = this.svg_element;
+      this.create(), h.parentElement && h.replaceWith(this.svg_element);
+    }
+    this.drawsPath && ((i = this._hit_el) == null || i.remove(), this._hit_el = null), this.svg_element.parentElement || this.parent.appendChild(this.svg_element);
+    const t = ((n = this.graph.__data__.extremes) == null ? void 0 : n.x_max) ?? 1, e = this.__data__.meta ?? {};
+    let s = !1;
     if (e.isMeanEdge) {
       this._stampEdge(this.svg_element);
-      const i = typeof e.weight == "number" ? e.weight : 0, n = typeof e.maxWeight == "number" ? e.maxWeight : 1, r = typeof e.opacity == "number" ? e.opacity : Math.min(1, i / (n || 1)), a = t > 0 ? t : 1, h = typeof e.widthFrac == "number" ? a * e.widthFrac * i : a * mi * (i / (n || 1)), o = this.__data__._color || new st("#000000"), l = typeof e.saturation == "number" ? e.saturation : r, _ = new we(o, l, r).toString();
-      if (this.__data__ instanceof ne)
-        this.__data__.weight = h, this.svg_element.setAttribute("d", this.__data__.path), this.svg_element.setAttribute("fill", _), this.svg_element.setAttribute("stroke", "none");
-      else if (this.__data__ instanceof Wt) {
-        if (this.__data__.weight = h, this.svg_element.setAttribute("d", this.__data__.path), this.svg_element.setAttribute("fill", _), this.svg_element.setAttribute("stroke", _), this.svg_element.setAttribute("stroke-width", String(pi)), this.svg_element.setAttribute("vector-effect", "non-scaling-stroke"), this.svg_element.setAttribute("stroke-linejoin", "round"), e.isDirected)
+      const h = typeof e.weight == "number" ? e.weight : 0, o = typeof e.maxWeight == "number" ? e.maxWeight : 1, _ = typeof e.opacity == "number" ? e.opacity : Math.min(1, h / (o || 1)), m = t > 0 ? t : 1, p = e.fixedSize && this.graph.zoom_level || 1, u = (typeof e.widthFrac == "number" ? m * e.widthFrac * h : m * Ni * (h / (o || 1))) / p, d = this.__data__._color || new st("#000000"), l = typeof e.saturation == "number" ? e.saturation : _, b = new Ne(d, l, _).toString();
+      if (this.__data__ instanceof Ht) {
+        const f = typeof e.selfSize == "number" && e.selfSize > 0 ? e.selfSize : null, w = f != null ? (a = (r = this.graph)._nodeRadius) == null ? void 0 : a.call(r, String(e.source)) : null;
+        this.__data__.weight = typeof w == "number" ? 2 * f * w : u, this.svg_element.setAttribute("d", this.__data__.path), this.svg_element.setAttribute("fill", b), this.svg_element.setAttribute("stroke", "none");
+      } else if (this.__data__ instanceof Dt) {
+        if (this.__data__.weight = u, this.svg_element.setAttribute("d", this.__data__.path), this.svg_element.setAttribute("fill", b), this.svg_element.setAttribute("stroke", b), this.svg_element.setAttribute("stroke-width", String(ki)), this.svg_element.setAttribute("vector-effect", "non-scaling-stroke"), this.svg_element.setAttribute("stroke-linejoin", "round"), e.isDirected)
           try {
-            const c = new Ie(this.__data__).path;
-            c && !c.includes("NaN") && !c.includes("Infinity") && (this._arrow_el || (this._arrow_el = document.createElementNS("http://www.w3.org/2000/svg", "path"), this._arrow_el.setAttribute("stroke", "none")), this._arrow_el.parentElement || this.parent.appendChild(this._arrow_el), this._arrow_el.setAttribute("d", c), this._arrow_el.setAttribute("fill", Si(vi(_), bi)), this._arrow_el.setAttribute("stroke", "#ffffff"), this._arrow_el.setAttribute("stroke-width", String(yi)), this._arrow_el.setAttribute("vector-effect", "non-scaling-stroke"), this._arrow_el.setAttribute("stroke-linejoin", "round"));
+            const w = new Le(this.__data__).path;
+            w && !w.includes("NaN") && !w.includes("Infinity") && (this._arrow_el || (this._arrow_el = document.createElementNS("http://www.w3.org/2000/svg", "path"), this._arrow_el.setAttribute("stroke", "none")), this._arrow_el.parentElement || this.parent.appendChild(this._arrow_el), this._arrow_el.setAttribute("d", w), this._arrow_el.setAttribute("fill", $i(Ri(b), zi)), this._arrow_el.setAttribute("stroke", "#ffffff"), this._arrow_el.setAttribute("stroke-width", String(Ci)), this._arrow_el.setAttribute("vector-effect", "non-scaling-stroke"), this._arrow_el.setAttribute("stroke-linejoin", "round"), s = !0);
           } catch {
           }
       } else {
-        const g = this.__data__.from.x, c = this.__data__.from.y, E = this.__data__.to.x, m = this.__data__.to.y;
-        this.svg_element.setAttribute("x1", g.toString()), this.svg_element.setAttribute("y1", c.toString()), this.svg_element.setAttribute("x2", E.toString()), this.svg_element.setAttribute("y2", m.toString()), this.svg_element.setAttribute("stroke-width", h.toString()), this.svg_element.setAttribute("stroke", _), this.svg_element.setAttribute("pointer-events", "stroke"), this.svg_element.removeAttribute("marker-end"), this._hit_el || (this._hit_el = document.createElementNS("http://www.w3.org/2000/svg", "line"), this._hit_el.setAttribute("stroke", "transparent"), this._hit_el.setAttribute("stroke-linecap", "round"), this._hit_el.setAttribute("pointer-events", "stroke")), this._hit_el.parentElement || this.parent.appendChild(this._hit_el), this._hit_el.setAttribute("x1", g.toString()), this._hit_el.setAttribute("y1", c.toString()), this._hit_el.setAttribute("x2", E.toString()), this._hit_el.setAttribute("y2", m.toString()), this._hit_el.setAttribute("stroke-width", Math.max(h, t * 0.03).toString()), this._stampEdge(this._hit_el);
+        const f = this.__data__.from.x, w = this.__data__.from.y, $ = this.__data__.to.x, z = this.__data__.to.y;
+        this.svg_element.setAttribute("x1", f.toString()), this.svg_element.setAttribute("y1", w.toString()), this.svg_element.setAttribute("x2", $.toString()), this.svg_element.setAttribute("y2", z.toString()), this.svg_element.setAttribute("stroke-width", u.toString()), this.svg_element.setAttribute("stroke", b), this.svg_element.setAttribute("pointer-events", "stroke"), this.svg_element.removeAttribute("marker-end"), this._hit_el || (this._hit_el = document.createElementNS("http://www.w3.org/2000/svg", "line"), this._hit_el.setAttribute("stroke", "transparent"), this._hit_el.setAttribute("stroke-linecap", "round"), this._hit_el.setAttribute("pointer-events", "stroke")), this._hit_el.parentElement || this.parent.appendChild(this._hit_el), this._hit_el.setAttribute("x1", f.toString()), this._hit_el.setAttribute("y1", w.toString()), this._hit_el.setAttribute("x2", $.toString()), this._hit_el.setAttribute("y2", z.toString()), this._hit_el.setAttribute("stroke-width", Math.max(u, t * 0.03 / p).toString()), this._stampEdge(this._hit_el);
       }
     } else {
       this.svg_element.setAttribute("x1", this.__data__.from.x.toString()), this.svg_element.setAttribute("y1", this.__data__.from.y.toString()), this.svg_element.setAttribute("x2", this.__data__.to.x.toString()), this.svg_element.setAttribute("y2", this.__data__.to.y.toString());
-      const i = (t > 0 ? t : 1) * 4e-3 * this.get_size();
-      this.svg_element.setAttribute("stroke-width", i.toString()), this.svg_element.setAttribute("stroke-opacity", "1"), this.svg_element.setAttribute("stroke", this.__data__.color.toString());
+      const h = this.graph._axesFixedSize && String(this.__data__.ID).startsWith("axis-") && this.graph.zoom_level || 1, o = (t > 0 ? t : 1) * 4e-3 * this.get_size() / h;
+      this.svg_element.setAttribute("stroke-width", o.toString()), this.svg_element.setAttribute("stroke-opacity", "1"), this.svg_element.setAttribute("stroke", this.__data__.color.toString());
     }
+    !s && this._arrow_el && (this._arrow_el.remove(), this._arrow_el = null);
+  }
+  /** Take the edge off the plot, with its hit target and chevron. */
+  remove() {
+    var t, e, s;
+    (t = this.svg_element) == null || t.remove(), (e = this._hit_el) == null || e.remove(), (s = this._arrow_el) == null || s.remove();
   }
   draw() {
     var t, e, s;
     this._hit_el && ((t = this.parent) == null || t.appendChild(this._hit_el)), (e = this.parent) == null || e.appendChild(this.svg_element), this._arrow_el && ((s = this.parent) == null || s.appendChild(this._arrow_el));
   }
 };
-u(ms, "QELine");
-let St = ms;
-const ps = class ps extends re {
-  constructor(t, e, s, i = new Ct()) {
+c(Ss, "QELine");
+let Mt = Ss;
+const Es = class Es extends _e {
+  constructor(t, e, s, i = new Pt()) {
     super(t, e, s, i), this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.__name__ = "unnamed-point", this.svg_element = this.create();
   }
   get x() {
@@ -1904,13 +1926,22 @@ const ps = class ps extends re {
     return typeof e == "number" && e > 0 ? Math.min(t, e) : t;
   }
   baseRadius() {
-    var s, i, n, r;
-    const t = this.graph.__data__.extremes.x_max || 1, e = ((s = this.__data__.meta) == null ? void 0 : s.sizeScale) ?? 1;
-    if ((i = this.__data__.meta) != null && i.fixedSize) {
-      const a = (r = (n = this.graph.svg_element) == null ? void 0 : n.getBoundingClientRect) == null ? void 0 : r.call(n), h = this.graph.zoom_level || 1, o = a && a.width > 0 ? a.width / (2 * t) : 1;
-      return this.__data__.size * 2 * e / o / h;
+    var e;
+    const t = this.dataRadius();
+    return (e = this.__data__.meta) != null && e.zoomFixed ? t / (this.graph.zoom_level || 1) : t;
+  }
+  dataRadius() {
+    var i, n, r, a, h, o, _;
+    const t = this.graph.__data__.extremes.x_max || 1, e = ((i = this.__data__.meta) == null ? void 0 : i.sizeScale) ?? 1, s = (n = this.__data__.meta) == null ? void 0 : n.sizePx;
+    if (typeof s == "number" && s > 0) {
+      const m = (a = (r = this.graph.svg_element) == null ? void 0 : r.getBoundingClientRect) == null ? void 0 : a.call(r), p = m && m.width > 0 ? 2 * t / m.width : t * 4e-3;
+      return s / 2 * p;
+    }
+    if ((h = this.__data__.meta) != null && h.fixedSize) {
+      const m = (_ = (o = this.graph.svg_element) == null ? void 0 : o.getBoundingClientRect) == null ? void 0 : _.call(o), p = this.graph.zoom_level || 1, u = m && m.width > 0 ? m.width / (2 * t) : 1;
+      return this.__data__.size * 2 * e / u / p;
     }
-    return t * ei * this.__data__.size * e;
+    return t * ui * this.__data__.size * e;
   }
   /** Optional halo stroke (e.g. white outline on unit points to separate
    *  overlapping dots in dense clusters). Width scales with the dot so it holds
@@ -1920,33 +1951,42 @@ const ps = class ps extends re {
     const e = (s = this.__data__.meta) == null ? void 0 : s.stroke;
     e && (t.setAttribute("stroke", e), t.setAttribute("stroke-width", (this.computeRadius() * 0.22).toString()));
   }
+  /** Identity for <qe-graph> delegation → qe-node-* interaction events.
+   *  Re-applied on update(), since the element outlives renders. */
+  stampIdentity(t) {
+    t.setAttribute("data-point-id", this.__data__.ID);
+    const e = this.__data__.meta ?? {}, s = /* @__PURE__ */ c((i, n) => n != null && n !== "" ? t.setAttribute(i, String(n)) : t.removeAttribute(i), "opt");
+    s("data-kind", e.kind), s("data-name", e.name), s("data-group", e.group), s("data-unit", e.unit);
+  }
   create() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", this.tag);
-    t.setAttribute("data-point-id", this.__data__.ID);
-    const e = this.__data__.meta ?? {};
-    return e.kind && t.setAttribute("data-kind", e.kind), e.name != null && t.setAttribute("data-name", String(e.name)), e.group != null && t.setAttribute("data-group", String(e.group)), e.unit != null && t.setAttribute("data-unit", String(e.unit)), t.setAttribute("fill", this.__data__.color.toString()), this.applyStroke(t), this.setGeometry(t, this.computeRadius()), this.svg_element = t, t.addEventListener("click", () => {
+    return this.stampIdentity(t), t.setAttribute("fill", this.__data__.color.toString()), this.applyStroke(t), this.setGeometry(t, this.computeRadius()), this.svg_element = t, t.addEventListener("click", () => {
       this.__data__.active = !this.__data__.active, this.update();
-      const s = new CustomEvent("point-clicked", {
+      const e = new CustomEvent("point-clicked", {
         detail: { pointData: this.__data__ },
         bubbles: !0,
         composed: !0
       });
-      this.svg_element.dispatchEvent(s);
+      this.svg_element.dispatchEvent(e);
     }), t.addEventListener("mouseover", () => {
     }), t;
   }
   update() {
-    this.svg_element || this.parent.__data__.__children__.push(this.create()), this.svg_element.parentElement || this.parent.appendChild(this.svg_element), this.svg_element.setAttribute("fill", this.__data__.color.toString()), this.applyStroke(this.svg_element), this.setGeometry(this.svg_element, this.computeRadius());
+    if (this.svg_element || this.parent.__data__.__children__.push(this.create()), this.svg_element.tagName.toLowerCase() !== this.tag) {
+      const t = this.svg_element;
+      this.create(), t.parentElement && t.replaceWith(this.svg_element);
+    }
+    this.svg_element.parentElement || this.parent.appendChild(this.svg_element), this.stampIdentity(this.svg_element), this.svg_element.setAttribute("fill", this.__data__.color.toString()), this.applyStroke(this.svg_element), this.setGeometry(this.svg_element, this.computeRadius());
   }
   draw() {
     var t;
     (t = this.parent) == null || t.appendChild(this.svg_element);
   }
 };
-u(ps, "QEPoint");
-let oe = ps;
-const bs = class bs extends re {
-  constructor(t, e, s, i = new Ct()) {
+c(Es, "QEPoint");
+let ue = Es;
+const Ms = class Ms extends _e {
+  constructor(t, e, s, i = new Pt()) {
     super(t, e, s, i), this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.__name__ = "trajectory", this._path_el = null, this._segments_group = null, this._tip_el = null, this._points_group = null, this.svg_element = this.create();
   }
   // Trajectory styling is specified in display pixels, while SVG paths use
@@ -1977,8 +2017,8 @@ const bs = class bs extends re {
       if (this._segments_group.innerHTML = "", this.__data__.lineStyle === "tapered") {
         const s = this.__data__.pathPoints, i = s.length - 1, [n, r] = this.__data__.strokeWidthRange, [a, h] = this.__data__.opacityRange;
         for (let o = 0; o < i; o++) {
-          const l = s[o], _ = s[o + 1], g = i <= 1 ? 1 : o / (i - 1), c = n + (r - n) * g, E = a + (h - a) * g, m = document.createElementNS("http://www.w3.org/2000/svg", "path");
-          m.setAttribute("d", `M${l.x},${l.y} L${_.x},${_.y}`), m.setAttribute("fill", "none"), m.setAttribute("stroke", this.__data__.color.toString()), m.setAttribute("stroke-linecap", "round"), m.setAttribute("stroke-linejoin", "round"), m.setAttribute("stroke-width", this.graphUnitsForPixels(c).toString()), m.setAttribute("opacity", E.toString()), this._segments_group.appendChild(m);
+          const _ = s[o], m = s[o + 1], p = i <= 1 ? 1 : o / (i - 1), u = n + (r - n) * p, d = a + (h - a) * p, l = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          l.setAttribute("d", `M${_.x},${_.y} L${m.x},${m.y}`), l.setAttribute("fill", "none"), l.setAttribute("stroke", this.__data__.color.toString()), l.setAttribute("stroke-linecap", "round"), l.setAttribute("stroke-linejoin", "round"), l.setAttribute("stroke-width", this.graphUnitsForPixels(u).toString()), l.setAttribute("opacity", d.toString()), this._segments_group.appendChild(l);
         }
         this._segments_group.style.display = "block";
       } else
@@ -1999,9 +2039,9 @@ const bs = class bs extends re {
     this.svg_element && !this.svg_element.parentElement && this.parent.appendChild(this.svg_element), this.update();
   }
 };
-u(bs, "QETrajectory");
-let Ne = bs;
-const { ArrayTools: Ws } = ie, ys = class ys extends Array {
+c(Ms, "QETrajectory");
+let Re = Ms;
+const { ArrayTools: ri } = ce, Is = class Is extends Array {
   constructor(...t) {
     super(...t);
   }
@@ -2010,67 +2050,68 @@ const { ArrayTools: Ws } = ie, ys = class ys extends Array {
     function i(r) {
       return r.name === e ? r : void 0;
     }
-    u(i, "fn");
+    c(i, "fn");
     function n(r, a, h = null) {
-      if (Ws.isArray(r)) {
-        for (const [o, l] of r.entries())
-          if (s = n(l, o, h), s)
+      if (ri.isArray(r)) {
+        for (const [o, _] of r.entries())
+          if (s = n(_, o, h), s)
             return s;
       } else {
         if (s = i(r), s)
           return s;
-        if (r && Ws.isArray(r[t])) {
-          for (const [o, l] of r[t].entries())
-            if (s = n(l, o, r), s)
+        if (r && ri.isArray(r[t])) {
+          for (const [o, _] of r[t].entries())
+            if (s = n(_, o, r), s)
               return s;
         }
       }
       return s;
     }
-    return u(n, "recurse"), n(this);
+    return c(n, "recurse"), n(this);
   }
   flatten() {
     return this.reduce((t, e) => (t.push(e), e.layers && Array.isArray(e.layers) && t.push(...e.layers), t), []);
   }
 };
-u(ys, "QEArray");
-let Ct = ys;
-const Ei = {
-  AxisPoint: oe,
-  AxisLine: St,
-  Point: oe,
-  Line: St,
-  Edge: St,
-  TaperedEdge: St,
-  TaperedWeightedMidpointEdge: St,
-  NodeEdge: St,
-  Trajectory: Ne
-}, jt = class jt {
-  constructor(t, e, s, i = new Ct()) {
+c(Is, "QEArray");
+let Pt = Is;
+const Ti = {
+  AxisPoint: ue,
+  AxisLine: Mt,
+  Point: ue,
+  Line: Mt,
+  Edge: Mt,
+  TaperedEdge: Mt,
+  TaperedWeightedMidpointEdge: Mt,
+  NodeEdge: Mt,
+  Trajectory: Re
+}, Ut = class Ut {
+  constructor(t, e, s, i = new Pt()) {
     this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.__name__ = t.name || "unnamed-layer", t.__state__.addListener("layer_updated", "live", ({ key: n, newValue: r, oldValue: a }) => {
-      const h = /* @__PURE__ */ u((g) => {
-        var c;
-        return (c = g.__data__) == null ? void 0 : c.ID;
+      const h = /* @__PURE__ */ c((p) => {
+        var u;
+        return (u = p.__data__) == null ? void 0 : u.ID;
       }, "childId"), o = this.__children__.filter(
-        (g) => !r.objects.has(h(g))
-      ), l = this.__children__.filter(
-        (g) => r.objects.has(h(g))
+        (p) => !r.objects.has(h(p))
+      ), _ = this.__children__.filter(
+        (p) => r.objects.has(h(p))
       );
       [...r.objects.values()].filter(
-        (g) => !this.__children__.some((c) => h(c) === g.ID)
-      ).forEach((g) => {
-        const c = g._typeName || g.constructor.name;
-        let E = Ei[c];
-        E || (g instanceof Ee ? E = Ne : g instanceof J ? E = oe : E = St);
-        const m = new E(g, this.svg_element, this.graph);
-        this.__children__.push(m);
-      }), l.forEach((g) => {
-        const c = r.objects.get(h(g));
-        c && (g.__data__ = c), g.update();
-      }), o.forEach((g) => {
-        g.svg_element.parentElement && g.svg_element.parentElement.removeChild(g.svg_element);
-        const c = this.__children__.indexOf(g);
-        c >= 0 && this.__children__.splice(c, 1);
+        (p) => !this.__children__.some((u) => h(u) === p.ID)
+      ).forEach((p) => {
+        const u = p._typeName || p.constructor.name;
+        let d = Ti[u];
+        d || (p instanceof Oe ? d = Re : p instanceof K ? d = ue : d = Mt);
+        const l = new d(p, this.svg_element, this.graph);
+        this.__children__.push(l);
+      }), _.forEach((p) => {
+        const u = r.objects.get(h(p));
+        u && (p.__data__ = u), p.update();
+      }), o.forEach((p) => {
+        var d;
+        typeof p.remove == "function" ? p.remove() : (d = p.svg_element.parentElement) == null || d.removeChild(p.svg_element);
+        const u = this.__children__.indexOf(p);
+        u >= 0 && this.__children__.splice(u, 1);
       }), this.update();
     }), this.svg_element = this.create();
   }
@@ -2081,8 +2122,8 @@ const Ei = {
     if (!this.__data__)
       throw new Error("Layer is null");
     let t = this.__data__;
-    return this.svg_element = document.createElementNS("http://www.w3.org/2000/svg", jt.tagName), this.svg_element.setAttribute("data-layer-name", t.name), this.svg_element.setAttribute("data-layer-id", t.ID), this.svg_element.__data__ = t, this.svg_element.classList.add("ena-layer"), this.__data__.layers && this.__data__.layers.length > 0 && this.__data__.layers.forEach((e) => {
-      const s = new jt(e, this.svg_element, this.graph);
+    return this.svg_element = document.createElementNS("http://www.w3.org/2000/svg", Ut.tagName), this.svg_element.setAttribute("data-layer-name", t.name), this.svg_element.setAttribute("data-layer-id", t.ID), this.svg_element.__data__ = t, this.svg_element.classList.add("ena-layer"), this.__data__.layers && this.__data__.layers.length > 0 && this.__data__.layers.forEach((e) => {
+      const s = new Ut(e, this.svg_element, this.graph);
       this.__children__.push(s);
     }), this.svg_element;
   }
@@ -2103,42 +2144,79 @@ const Ei = {
     this.__children__.push(t);
   }
 };
-u(jt, "QELayer"), jt.tagName = "g";
-let ts = jt;
-const xs = class xs {
-  constructor(t, e, s, i, n = H.DISPLAY_TYPES.ON, r = H.POSITION.OBJECT, a, h) {
-    this.text = t, this.point = e, this.parent = s, this.graph = i, this.displayMode = n, this.position = r, this.customX = a, this.customY = h, this._visible = !1, this._offsetX = 0, this._offsetY = 0, this.pinned = !1, this.svg_element = this._create(), n === H.DISPLAY_TYPES.ON ? (this._visible = !0, this.svg_element.setAttribute("display", "block")) : (this._visible = !1, this.svg_element.setAttribute("display", "none"));
+c(Ut, "QELayer"), Ut.tagName = "g";
+let as = Ut;
+const Ns = class Ns {
+  constructor(t, e, s, i, n = q.DISPLAY_TYPES.ON, r = q.POSITION.OBJECT, a, h) {
+    this.text = t, this.parent = s, this.graph = i, this.displayMode = n, this.position = r, this.customX = a, this.customY = h, this._visible = !1, this._offsetX = 0, this._offsetY = 0, this.pinned = !1, this._hostPinned = !1, this.fontWeight = null, this._point = e, this.svg_element = this._create(), n === q.DISPLAY_TYPES.ON ? (this._visible = !0, this.svg_element.setAttribute("display", "block")) : (this._visible = !1, this.svg_element.setAttribute("display", "none"));
+  }
+  /** The mark this label follows. Rebound by setPoint() on every render. */
+  get point() {
+    return this._point;
   }
   _create() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
     return t.textContent = this.text, t.setAttribute("data-label-for", this.point.ID), t.setAttribute("pointer-events", "auto"), t.style.cursor = "grab", this._attachDrag(t), this.parent.appendChild(t), t;
   }
-  /** Drag to reposition; pins the label open and emits qe-label-move on drop. */
+  /**
+   * Follow a new Point for the same mark. Each render builds fresh Point
+   * objects, so a label reused across renders must be rebound or it keeps the
+   * old coordinates. A dragged label keeps its offset from the mark.
+   */
+  setPoint(t) {
+    this._point = t, this.svg_element.setAttribute("data-label-for", t.ID);
+  }
+  /** Host-set offset (graph units, y down), as qe-label-move reports it. */
+  setOffset(t, e) {
+    this._offsetX = Number.isFinite(t) ? t : 0, this._offsetY = Number.isFinite(e) ? e : 0;
+  }
+  /** Keep the label shown whatever its display mode (or stop doing so). */
+  setHostPinned(t) {
+    t !== this._hostPinned && (this._hostPinned = t, t ? this.show() : this.displayMode !== q.DISPLAY_TYPES.ON && this.hide());
+  }
+  /** Drag to reposition (mouse, or a finger); pins the label open and
+   *  emits qe-label-move on drop. */
   _attachDrag(t) {
     t.addEventListener("mousedown", (e) => {
-      e.preventDefault(), e.stopPropagation();
-      const s = t.ownerSVGElement;
-      if (!s) return;
-      const i = /* @__PURE__ */ u((l, _) => {
-        const g = s.createSVGPoint();
-        g.x = l, g.y = _;
-        const c = s.getScreenCTM();
-        return c ? g.matrixTransform(c.inverse()) : { x: 0, y: 0 };
-      }, "toUser"), n = i(e.clientX, e.clientY), r = this._offsetX, a = this._offsetY;
-      t.style.cursor = "grabbing";
-      const h = /* @__PURE__ */ u((l) => {
-        const _ = i(l.clientX, l.clientY);
-        this._offsetX = r + (_.x - n.x), this._offsetY = a + (_.y - n.y), this.pinned = !0, this._visible = !0, this.svg_element.setAttribute("display", "block"), this.update();
-      }, "onMove"), o = /* @__PURE__ */ u(() => {
-        document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", o), t.style.cursor = "grab", this.graph.dispatchEvent(new CustomEvent("qe-label-move", {
-          detail: { id: this.point.ID, transform: { x: this._offsetX, y: this._offsetY } },
-          bubbles: !0,
-          composed: !0
-        }));
-      }, "onUp");
-      document.addEventListener("mousemove", h), document.addEventListener("mouseup", o);
+      e.preventDefault(), e.stopPropagation(), this._drag(t, e.clientX, e.clientY, "mouse");
+    }), t.addEventListener("pointerdown", (e) => {
+      e.pointerType === "touch" && (e.preventDefault(), e.stopPropagation(), this._drag(t, e.clientX, e.clientY, e.pointerId));
     });
   }
+  _drag(t, e, s, i) {
+    const n = t.parentNode ?? t.ownerSVGElement, r = t.ownerSVGElement;
+    if (!r || !n) return;
+    const a = /* @__PURE__ */ c((u, d) => {
+      const l = r.createSVGPoint();
+      l.x = u, l.y = d;
+      const b = n.getScreenCTM();
+      return b ? l.matrixTransform(b.inverse()) : { x: 0, y: 0 };
+    }, "toUser"), h = a(e, s), o = this._offsetX, _ = this._offsetY;
+    t.style.cursor = "grabbing";
+    const m = /* @__PURE__ */ c((u, d) => {
+      const l = a(u, d);
+      this._offsetX = o + (l.x - h.x), this._offsetY = _ + (l.y - h.y), this.pinned = !0, this._visible = !0, this.svg_element.setAttribute("display", "block"), this.update();
+    }, "move"), p = /* @__PURE__ */ c(() => {
+      t.style.cursor = "grab", this.graph.dispatchEvent(new CustomEvent("qe-label-move", {
+        detail: { id: this.point.ID, transform: { x: this._offsetX, y: this._offsetY } },
+        bubbles: !0,
+        composed: !0
+      }));
+    }, "done");
+    if (i === "mouse") {
+      const u = /* @__PURE__ */ c((l) => m(l.clientX, l.clientY), "onMove"), d = /* @__PURE__ */ c(() => {
+        document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", d), p();
+      }, "onUp");
+      document.addEventListener("mousemove", u), document.addEventListener("mouseup", d);
+    } else {
+      const u = /* @__PURE__ */ c((l) => {
+        l.pointerId === i && m(l.clientX, l.clientY);
+      }, "onMove"), d = /* @__PURE__ */ c((l) => {
+        l.pointerId === i && (document.removeEventListener("pointermove", u), document.removeEventListener("pointerup", d), document.removeEventListener("pointercancel", d), p());
+      }, "onUp");
+      document.addEventListener("pointermove", u), document.addEventListener("pointerup", d), document.addEventListener("pointercancel", d);
+    }
+  }
   /**
    * Recompute position and font-size from current graph extents.
    * No-ops when the label is hidden (AUTO/CLICK modes while not hovered/clicked).
@@ -2151,35 +2229,75 @@ const xs = class xs {
     const e = this.graph._labelFont ?? {}, s = e.size ? e.size * this.graph.unitsPerPixel() : t * 0.06, i = s * 1.2;
     let n, r, a;
     switch (this.position) {
-      case H.POSITION.STATIC: {
+      case q.POSITION.STATIC: {
         n = this.point.x, r = this.point.y - i * 0.3, a = "middle";
         break;
       }
-      case H.POSITION.CONTAINER: {
-        const { cx: o, cy: l } = this.graph.__data__.extremes, _ = this.point.x - o, g = this.point.y - l, c = Math.sqrt(_ * _ + g * g) || 1, E = t * 0.93 / c;
-        n = o + _ * E, r = l + g * E - i * 0.3, a = _ >= 0 ? "start" : "end";
+      case q.POSITION.CONTAINER: {
+        const { cx: o, cy: _ } = this.graph.__data__.extremes, m = this.point.x - o, p = this.point.y - _, u = Math.sqrt(m * m + p * p) || 1, d = t * 0.93 / u;
+        n = o + m * d, r = _ + p * d - i * 0.3, a = m >= 0 ? "start" : "end";
         break;
       }
-      case H.POSITION.CUSTOM:
+      case q.POSITION.CUSTOM:
         if (this.customX != null && this.customY != null) {
           n = this.customX, r = this.customY, a = "start";
           break;
         }
       default:
-      case H.POSITION.OBJECT: {
+      case q.POSITION.OBJECT: {
         const o = this.point.x >= 0 ? i : -i;
         a = this.point.x >= 0 ? "start" : "end", n = this.point.x + o, r = this.point.y - i * 0.4;
         break;
       }
     }
-    this.svg_element.setAttribute("x", n.toString()), this.svg_element.setAttribute("y", r.toString()), (this._offsetX || this._offsetY) && this.svg_element.setAttribute("transform", `translate(${this._offsetX}, ${this._offsetY})`), this.svg_element.setAttribute("font-size", s.toString()), this.svg_element.setAttribute("font-family", e.family ?? "system-ui, sans-serif"), this.svg_element.setAttribute("font-weight", "500"), this.svg_element.setAttribute("text-anchor", a), this.svg_element.setAttribute("fill", e.color ?? ((h = this.point.color) == null ? void 0 : h.toString()) ?? "#333333");
+    this.svg_element.setAttribute("x", n.toString()), this.svg_element.setAttribute("y", r.toString()), this._offsetX || this._offsetY ? this.svg_element.setAttribute("transform", `translate(${this._offsetX}, ${this._offsetY})`) : this.svg_element.removeAttribute("transform"), this.svg_element.setAttribute("font-size", s.toString()), this.svg_element.setAttribute("font-family", e.family ?? "system-ui, sans-serif"), this.svg_element.setAttribute("font-weight", this.fontWeight ?? "500"), this.svg_element.setAttribute("text-anchor", a), this.svg_element.setAttribute("fill", e.color ?? ((h = this.point.color) == null ? void 0 : h.toString()) ?? "#333333"), !this._offsetX && !this._offsetY && this.position !== q.POSITION.CUSTOM && this.fitInside(n, r, a, i, s * 0.3);
+  }
+  /** The visible plot area in this label's coordinates (so zoom, pan and the
+   *  viewBox's letterboxing are accounted for), or null if not laid out. */
+  visibleBounds() {
+    var h;
+    const t = this.svg_element, e = t.ownerSVGElement, s = (h = t.getScreenCTM) == null ? void 0 : h.call(t);
+    if (!e || !s) return null;
+    const i = e.getBoundingClientRect();
+    if (!(i.width > 0 && i.height > 0)) return null;
+    const n = s.inverse(), r = new DOMPoint(i.left, i.top).matrixTransform(n), a = new DOMPoint(i.right, i.bottom).matrixTransform(n);
+    return {
+      left: Math.min(r.x, a.x),
+      right: Math.max(r.x, a.x),
+      top: Math.min(r.y, a.y),
+      bottom: Math.max(r.y, a.y)
+    };
+  }
+  bbox() {
+    try {
+      const t = this.svg_element.getBBox();
+      return t.width > 0 ? t : null;
+    } catch {
+      return null;
+    }
+  }
+  /** If the label runs past an edge: put an outward label on the other side
+   *  of its point, and if it still doesn't fit, slide it back inside. */
+  fitInside(t, e, s, i, n) {
+    const r = this.visibleBounds();
+    let a = this.bbox();
+    if (!r || !a) return;
+    const h = r.left + n, o = r.right - n, _ = r.top + n, m = r.bottom - n, p = /* @__PURE__ */ c((b) => Math.max(0, h - b.x) + Math.max(0, b.x + b.width - o), "over"), u = this.svg_element;
+    if (p(a) > 0 && this.position === q.POSITION.OBJECT && s !== "middle") {
+      const b = s === "end" ? "start" : "end", f = s === "end" ? this.point.x + i : this.point.x - i;
+      u.setAttribute("text-anchor", b), u.setAttribute("x", f.toString());
+      const w = this.bbox();
+      w && p(w) < p(a) ? (a = w, t = f) : (u.setAttribute("text-anchor", s), u.setAttribute("x", t.toString()));
+    }
+    let d = 0, l = 0;
+    a.x < h ? d = h - a.x : a.x + a.width > o && (d = Math.max(o - (a.x + a.width), h - a.x)), a.y < _ ? l = _ - a.y : a.y + a.height > m && (l = Math.max(m - (a.y + a.height), _ - a.y)), d && u.setAttribute("x", (t + d).toString()), l && u.setAttribute("y", (e + l).toString());
   }
   /** Make the label visible and position it immediately. */
   show() {
     this._visible = !0, this.svg_element.setAttribute("display", "block"), this.update();
   }
   hide() {
-    this.pinned || (this._visible = !1, this.svg_element.setAttribute("display", "none"));
+    this.pinned || this._hostPinned || (this._visible = !1, this.svg_element.setAttribute("display", "none"));
   }
   toggle() {
     this._visible ? this.hide() : this.show();
@@ -2191,39 +2309,39 @@ const xs = class xs {
     this.svg_element.remove();
   }
 };
-u(xs, "QELabel");
-let Jt = xs;
-const je = class je extends HTMLElement {
+c(Ns, "QELabel");
+let hs = Ns;
+const We = class We extends HTMLElement {
 };
-u(je, "QENodesElement"), je.tagName = "qe-nodes";
-let ke = je;
-const Ye = class Ye extends HTMLElement {
+c(We, "QENodesElement"), We.tagName = "qe-nodes";
+let $e = We;
+const He = class He extends HTMLElement {
 };
-u(Ye, "QEMeansElement"), Ye.tagName = "qe-means";
-let Ce = Ye;
-const qe = class qe extends HTMLElement {
+c(He, "QEMeansElement"), He.tagName = "qe-means";
+let Te = He;
+const Ve = class Ve extends HTMLElement {
 };
-u(qe, "QEPointsElement"), qe.tagName = "qe-points";
-let Oe = qe;
-const Ue = class Ue extends HTMLElement {
+c(Ve, "QEPointsElement"), Ve.tagName = "qe-points";
+let Fe = Ve;
+const Ze = class Ze extends HTMLElement {
 };
-u(Ue, "QEEdgesElement"), Ue.tagName = "qe-edges";
-let $e = Ue;
-const Ge = class Ge extends HTMLElement {
+c(Ze, "QEEdgesElement"), Ze.tagName = "qe-edges";
+let De = Ze;
+const Ke = class Ke extends HTMLElement {
 };
-u(Ge, "QETrajectoriesElement"), Ge.tagName = "qe-trajectories";
-let Pe = Ge;
-const Be = class Be extends HTMLElement {
+c(Ke, "QETrajectoriesElement"), Ke.tagName = "qe-trajectories";
+let je = Ke;
+const Je = class Je extends HTMLElement {
 };
-u(Be, "QEAxesElement"), Be.tagName = "qe-axes";
-let Re = Be;
-customElements.define(ke.tagName, ke);
-customElements.define(Ce.tagName, Ce);
-customElements.define(Oe.tagName, Oe);
+c(Je, "QEAxesElement"), Je.tagName = "qe-axes";
+let Ye = Je;
 customElements.define($e.tagName, $e);
-customElements.define(Pe.tagName, Pe);
-customElements.define(Re.tagName, Re);
-const Vs = [
+customElements.define(Te.tagName, Te);
+customElements.define(Fe.tagName, Fe);
+customElements.define(De.tagName, De);
+customElements.define(je.tagName, je);
+customElements.define(Ye.tagName, Ye);
+const oi = [
   "#4477AA",
   "#EE6677",
   "#228833",
@@ -2233,42 +2351,66 @@ const Vs = [
   "#BBBBBB",
   "#000000"
 ];
-function Mi(d, t) {
+function Fi(g, t) {
   for (const e of t)
-    if (d === `${e}.${e}`) return [e, e];
+    if (g === `${e}.${e}`) return [e, e];
   for (const e of t)
-    if (d.startsWith(e + ".")) {
-      const s = d.slice(e.length + 1);
+    if (g.startsWith(e + ".")) {
+      const s = g.slice(e.length + 1);
       if (t.includes(s)) return [e, s];
     }
   return null;
 }
-u(Mi, "parseEdgePair");
-function Ii(d, t, e, s) {
-  const i = Math.max(1, e - 1), n = i >= 120 ? 1.96 : i >= 60 ? 2 : i >= 30 ? 2.042 : i >= 20 ? 2.086 : i >= 10 ? 2.228 : i >= 5 ? 2.571 : 4.303, r = Math.sqrt(Math.max(0, d) / e) * s, a = Math.sqrt(Math.max(0, t) / e) * s;
+c(Fi, "parseEdgePair");
+function Di(g, t, e, s) {
+  const i = Math.max(1, e - 1), n = i >= 120 ? 1.96 : i >= 60 ? 2 : i >= 30 ? 2.042 : i >= 20 ? 2.086 : i >= 10 ? 2.228 : i >= 5 ? 2.571 : 4.303, r = Math.sqrt(Math.max(0, g) / e) * s, a = Math.sqrt(Math.max(0, t) / e) * s;
   return { halfW: n * r, halfH: n * a };
 }
-u(Ii, "computeCIRect");
-const Ni = 0.5;
-function pe(d, t, e) {
-  if (!d) return;
+c(Di, "computeCIRect");
+const ji = 0.5;
+function ve(g, t, e) {
+  if (!g) return;
   const s = Math.min(Math.abs(t), Math.abs(e));
-  s > 0 && (d.meta = { ...d.meta ?? {}, maxRadius: s * Ni });
+  s > 0 && (g.meta = { ...g.meta ?? {}, maxRadius: s * ji });
 }
-u(pe, "capMeanToInterval");
-function be(d, t, e, s = "") {
-  const i = /* @__PURE__ */ u((o) => {
-    const l = d.names.indexOf(o), _ = l >= 0 ? d[l] : null;
-    if (_ == null || _ === "") return;
-    const g = Number(_);
-    return Number.isFinite(g) ? g : void 0;
+c(ve, "capMeanToInterval");
+function Ae(g, t, e, s = "") {
+  const i = /* @__PURE__ */ c((o) => {
+    const _ = g.names.indexOf(o), m = _ >= 0 ? g[_] : null;
+    if (m == null || m === "") return;
+    const p = Number(m);
+    return Number.isFinite(p) ? p : void 0;
   }, "get"), n = i(`${t}.${s}low`) ?? i(`${t}_${s}low`), r = i(`${t}.${s}high`) ?? i(`${t}_${s}high`), a = i(`${e}.${s}low`) ?? i(`${e}_${s}low`), h = i(`${e}.${s}high`) ?? i(`${e}_${s}high`);
   return n == null || r == null || a == null || h == null ? null : { x_low: n, x_high: r, y_low: a, y_high: h };
 }
-u(be, "readIntervalBounds");
-function ki(d) {
+c(Ae, "readIntervalBounds");
+function Se(g, t) {
+  const e = /* @__PURE__ */ c((o) => {
+    if (!g) return;
+    const _ = g.names.indexOf(o);
+    return _ >= 0 ? g[_] : void 0;
+  }, "raw"), s = /* @__PURE__ */ c((o) => o == null || o === "NA" || typeof o == "number" && Number.isNaN(o), "isNA"), i = e("label"), n = s(i) ? t : String(i) === "" ? null : String(i), r = /* @__PURE__ */ c((o) => {
+    const _ = e(o), m = s(_) || _ === "" ? 0 : Number(_);
+    return Number.isFinite(m) ? m : 0;
+  }, "num"), a = !!g && (g.names.includes("label.dx") || g.names.includes("label.dy")), h = e("label.pinned");
+  return {
+    text: n,
+    offset: a ? { x: r("label.dx"), y: r("label.dy") } : null,
+    pinned: h === !0 || h === 1 || String(h).toLowerCase() === "true"
+  };
+}
+c(Se, "readLabelSpec");
+function Yi(g) {
+  const t = g == null ? void 0 : g.trim().toLowerCase();
+  if (!t) return null;
+  if (t === "node") return 0.5;
+  const e = Number(t);
+  return Number.isFinite(e) && e > 0 ? e : null;
+}
+c(Yi, "parseSelfSize");
+function qi(g) {
   var i, n;
-  const t = /* @__PURE__ */ u((r) => d.getAttribute(r), "a"), e = ((i = t("colors")) == null ? void 0 : i.split(",").map((r) => r.trim()).filter(Boolean)) ?? [], s = ((n = t("threshold")) == null ? void 0 : n.split(",").map(Number).filter(Number.isFinite)) ?? [];
+  const t = /* @__PURE__ */ c((r) => g.getAttribute(r), "a"), e = ((i = t("colors")) == null ? void 0 : i.split(",").map((r) => r.trim()).filter(Boolean)) ?? [], s = ((n = t("threshold")) == null ? void 0 : n.split(",").map(Number).filter(Number.isFinite)) ?? [];
   return {
     group: t("group"),
     unit: t("unit"),
@@ -2277,22 +2419,24 @@ function ki(d) {
     network: t("network"),
     colors: e.length ? [e[0], e[1] ?? null] : null,
     threshold: s.length ? [s[0], s.length > 1 ? s[1] : 1 / 0] : null,
-    name: t("name")
+    name: t("name"),
+    selfSize: Yi(t("self-size")),
+    fixedSize: g.hasAttribute("fixed-size")
   };
 }
-u(ki, "parseEdgeLayer");
-function Ci(d) {
-  const { r: t, g: e, b: s } = st.parseColor(d), i = Math.max(t, e, s), n = Math.min(t, e, s), r = /* @__PURE__ */ u((a) => (i + n - a).toString(16).padStart(2, "0"), "f");
+c(qi, "parseEdgeLayer");
+function Bi(g) {
+  const { r: t, g: e, b: s } = st.parseColor(g), i = Math.max(t, e, s), n = Math.min(t, e, s), r = /* @__PURE__ */ c((a) => (i + n - a).toString(16).padStart(2, "0"), "f");
   return `#${r(t)}${r(e)}${r(s)}`;
 }
-u(Ci, "complementColor");
-function Oi(d) {
-  const t = d == null ? void 0 : d.trim().toLowerCase();
+c(Bi, "complementColor");
+function Gi(g) {
+  const t = g == null ? void 0 : g.trim().toLowerCase();
   return t === "plot" || t === "absolute" ? t : "model";
 }
-u(Oi, "parseColorScale");
-function He(d, t) {
-  switch (d == null ? void 0 : d.toLowerCase()) {
+c(Gi, "parseColorScale");
+function Ee(g, t) {
+  switch (g == null ? void 0 : g.toLowerCase()) {
     case "on":
       return 3;
     case "off":
@@ -2305,241 +2449,271 @@ function He(d, t) {
       return t;
   }
 }
-u(He, "parseLabelMode");
-const gt = class gt extends ve {
+c(Ee, "parseLabelMode");
+const et = class et extends ze {
   constructor() {
-    super(), this.zoom_level = 1, this.__children__ = new Ct(), this._hasModel = !1, this._renderPending = !1, this._childObserver = null, this._ciRects = /* @__PURE__ */ new Map(), this._outlierRects = /* @__PURE__ */ new Map(), this._ciCross = /* @__PURE__ */ new Map(), this._labelsGroup = null, this._nodeLabels = /* @__PURE__ */ new Map(), this._meanLabels = /* @__PURE__ */ new Map(), this._pointLabels = /* @__PURE__ */ new Map(), this._showAxes = !1, this._axisXText = null, this._axisYText = null, this._axisLabelEls = /* @__PURE__ */ new Map(), this._magnifyText = null, this._magnifyEl = null, this._rangeExtent = null, this._rangeMode = null, this._centerContent = !1, this._plotTitle = null, this._titleEl = null, this._resizeObs = null, this._labelFont = { size: null, family: null, color: null }, this._animateMs = 0, this._tweenRaf = null, this._highlight = { edges: /* @__PURE__ */ new Set(), nodes: /* @__PURE__ */ new Set() }, this._highlightGroup = null, this._tooltipEl = null, this.graph = this, this.parent = null, this.__data__ = new Ke(Ks), this.__name__ = this.__data__.name || "unnamed-graph", this.svg_element = this.create(), console.log("Created ena-graph svg element: ", this.svg_element), document.addEventListener("model-updated", (t) => {
-      var vs, Ss, Es, Ms, Is, Ns, ks, Cs, Os, $s, Ps, Rs, Ls, Ds, Ts;
-      const e = ((vs = t.composedPath) == null ? void 0 : vs.call(t)[0]) ?? t.target;
+    super(), this.zoom_level = 1, this.__children__ = new Pt(), this._hasModel = !1, this._renderPending = !1, this._childObserver = null, this._ciRects = /* @__PURE__ */ new Map(), this._outlierRects = /* @__PURE__ */ new Map(), this._ciCross = /* @__PURE__ */ new Map(), this._labelsGroup = null, this._nodeLabels = /* @__PURE__ */ new Map(), this._meanLabels = /* @__PURE__ */ new Map(), this._pointLabels = /* @__PURE__ */ new Map(), this._setLabels = /* @__PURE__ */ new Map(), this._showAxes = !1, this._axisXText = null, this._axisYText = null, this._axisLabelEls = /* @__PURE__ */ new Map(), this._magnifyText = null, this._magnifyEl = null, this._rangeExtent = null, this._rangeMode = null, this._centerContent = !1, this._edgesFixedSize = !1, this._meansFixedSize = !1, this._intervalBase = /* @__PURE__ */ new WeakMap(), this._axesFixedSize = !1, this._plotTitle = null, this._titleEl = null, this._resizeObs = null, this._labelFont = { size: null, family: null, color: null }, this._zoomAnim = null, this._animateMs = 0, this._tweenRaf = null, this._tween = null, this._tweenView = null, this._highlight = { edges: /* @__PURE__ */ new Set(), nodes: /* @__PURE__ */ new Set() }, this._highlightGroup = null, this._tooltipEl = null, this.graph = this, this.parent = null, this.__data__ = new is(ai), this.__name__ = this.__data__.name || "unnamed-graph", this.svg_element = this.create(), Qt("Created qe-graph svg element: ", this.svg_element), document.addEventListener("model-updated", (t) => {
+      var Os, Ps, Ls, Rs, $s, Ts, Fs, Ds, js, Ys, qs, Bs, Gs, Us, Xs, Ws, Hs;
+      const e = ((Os = t.composedPath) == null ? void 0 : Os.call(t)[0]) ?? t.target;
       if (this._vizena && e !== this._vizena) return;
       const s = t.detail;
       if (!s) return;
-      this._animateMs = this.hasAttribute("animate") ? parseInt(this.getAttribute("animate") || "", 10) || 300 : 0;
-      const i = this._animateMs > 0 && this._hasModel ? this._captureTween() : null;
-      this._hasModel = !0;
+      this._renderPending = !1, (Ps = this._childObserver) == null || Ps.takeRecords(), this._animateMs = this.hasAttribute("animate") ? parseInt(this.getAttribute("animate") || "", 10) || 300 : 0;
+      const i = this._animateMs > 0 && this._hasModel ? this._captureTweenState() : null;
+      this._stopTween(), this._hasModel = !0;
       const n = s.dimensions, r = s.unit_id_col, a = s.node_id_col, h = s.group_col, o = this._readLayerConfig();
       this._showAxes = o.showAxes, this._axisXText = o.axisXLabel === null ? null : o.axisXLabel || String((n == null ? void 0 : n[0]) ?? "x"), this._magnifyText = o.edgeMagnify == null ? null : `(scaled ${o.edgeMagnify.toFixed(1)}x)`, this._axisYText = o.axisYLabel === null ? null : o.axisYLabel || String((n == null ? void 0 : n[1]) ?? "y");
-      const l = {}, _ = (Ss = s.palette) != null && Ss.length ? s.palette : Vs;
-      if (h && ((Es = s.points) != null && Es.names)) {
-        const C = s.points.col(h);
-        C && [...new Set([...C].map(String))].forEach(($, y) => {
-          l[$] = _[y % _.length];
+      const _ = {}, m = (Ls = s.palette) != null && Ls.length ? s.palette : oi;
+      if (h && ((Rs = s.points) != null && Rs.names)) {
+        const I = s.points.col(h);
+        I && [...new Set([...I].map(String))].forEach((P, N) => {
+          _[P] = m[N % m.length];
         });
       }
-      (Ms = s.groups) != null && Ms.rows && s.groups.rows().length > 0 && s.groups.rows().forEach((C) => {
-        const I = C.rowName ?? String(C[0]), $ = C.names.indexOf("color"), y = $ >= 0 ? C[$] : null;
-        y && String(y) !== "NA" ? l[I] = String(y) : l[I] || (l[I] = _[Object.keys(l).length % _.length]);
+      ($s = s.groups) != null && $s.rows && s.groups.rows().length > 0 && s.groups.rows().forEach((I) => {
+        const k = I.rowName ?? String(I[0]), P = I.names.indexOf("color"), N = P >= 0 ? I[P] : null;
+        N && String(N) !== "NA" ? _[k] = String(N) : _[k] || (_[k] = m[Object.keys(_).length % m.length]);
       });
-      const g = Object.keys(l), c = o.activeMeanGroups && o.activeMeanGroups.trim() ? new Set(
-        o.activeMeanGroups.split(",").map((C) => C.trim()).filter((C) => l[C])
+      const p = Object.keys(_), u = o.activeMeanGroups && o.activeMeanGroups.trim() ? new Set(
+        o.activeMeanGroups.split(",").map((I) => I.trim()).filter((I) => _[I])
         // silently drop names not in model
-      ) : new Set(g), E = o.scalePoints, m = /* @__PURE__ */ u((C) => {
-        let I = 0;
-        return C.forEach(($) => {
-          const y = $.names.indexOf(n[0]), b = n.length > 1 ? $.names.indexOf(n[1]) : -1;
-          y >= 0 && (I = Math.max(I, Math.abs(Number($[y])))), b >= 0 && (I = Math.max(I, Math.abs(Number($[b]))));
-        }), I;
-      }, "getExtent"), S = (Is = s.nodes) != null && Is.rows ? m(s.nodes.rows()) : 0, R = (Ns = s.points) != null && Ns.rows ? m(s.points.rows()) : 0, j = (ks = s.trajectories) != null && ks.rows ? m(s.trajectories.rows()) : 0, Y = R > 0 ? R : j, v = o.pointScale !== null ? o.pointScale : E && Y > 0 && S > 0 ? S / Y : 1;
-      this._rangeExtent = o.range === "network" ? S * 1.2 : o.range === "points" ? Y * v * 1.2 : typeof o.range == "number" ? o.range : null, this._rangeMode = o.range === "network" || o.range === "points" ? o.range : typeof o.range == "number" ? "number" : null, this._centerContent = o.centerContent, this._plotTitle = o.plotTitle, this._labelFont = o.labelFont;
-      const F = o.labelNodes, nt = o.labelMeans, ot = o.labelPoints, it = this._labelsGroup, _t = /* @__PURE__ */ u((C, I, $, y = 1) => {
-        const b = C.names.indexOf(I), A = C.names.indexOf(n[0]), O = n.length > 1 ? C.names.indexOf(n[1]) : -1, p = new J({
-          ID: b >= 0 ? String(C[b]) : C.rowName || `pt-${Math.random().toString(36).slice(2)}`,
+      ) : new Set(p), d = o.scalePoints, l = /* @__PURE__ */ c((I) => {
+        let k = 0;
+        return I.forEach((P) => {
+          const N = P.names.indexOf(n[0]), S = n.length > 1 ? P.names.indexOf(n[1]) : -1;
+          N >= 0 && (k = Math.max(k, Math.abs(Number(P[N])))), S >= 0 && (k = Math.max(k, Math.abs(Number(P[S]))));
+        }), k;
+      }, "getExtent"), b = (Ts = s.nodes) != null && Ts.rows ? l(s.nodes.rows()) : 0, f = (Fs = s.points) != null && Fs.rows ? l(s.points.rows()) : 0, w = (Ds = s.trajectories) != null && Ds.rows ? l(s.trajectories.rows()) : 0, $ = f > 0 ? f : w, z = o.pointScale !== null ? o.pointScale : d && $ > 0 && b > 0 ? b / $ : 1;
+      this._rangeExtent = o.range === "network" ? b * 1.2 : o.range === "points" ? $ * z * 1.2 : typeof o.range == "number" ? o.range : null, this._rangeMode = o.range === "network" || o.range === "points" ? o.range : typeof o.range == "number" ? "number" : null, this._centerContent = o.centerContent, this._edgesFixedSize = o.edgeLayers.some((I) => I.fixedSize), this._meansFixedSize = o.meanFixedSize, this._axesFixedSize = o.axesFixedSize, this._plotTitle = o.plotTitle, this._labelFont = o.labelFont;
+      const D = o.labelNodes, lt = o.labelMeans, ct = o.labelPoints, J = this._labelsGroup, _t = /* @__PURE__ */ c((I, k, P, N = 1) => {
+        const S = I.names.indexOf(k), y = I.names.indexOf(n[0]), O = n.length > 1 ? I.names.indexOf(n[1]) : -1, v = new K({
+          ID: S >= 0 ? String(I[S]) : I.rowName || `pt-${Math.random().toString(36).slice(2)}`,
           dimensions: [
-            A >= 0 ? Number(C[A]) * y : 0,
-            O >= 0 ? -Number(C[O]) * y : 0
+            y >= 0 ? Number(I[y]) * N : 0,
+            O >= 0 ? -Number(I[O]) * N : 0
             // negate Y: SVG y-down vs ENA y-up
           ],
           meta: {}
         });
-        return $ && (p.color = new st($)), p;
-      }, "rowToPoint"), K = {}, It = o.showPoints, Ot = s.pointsets;
-      if (o.pointSets.length && (Ot != null && Ot.rows)) {
-        const C = this.__children__.search("__children__", "points"), I = /* @__PURE__ */ u(($, y) => {
-          const b = $.names.indexOf(y);
-          return b >= 0 ? $[b] : null;
+        return P && (v.color = new st(P)), v;
+      }, "rowToPoint"), Z = {}, kt = o.showPoints;
+      ["points", "nodes", "edges", "edgenodes"].map((I) => this.__children__.search("__children__", I)).filter((I) => !!I).forEach((I) => I.__data__.objects.clear()), this.__data__.points.clear();
+      const se = s.pointsets, Lt = [];
+      if (o.pointSets.length && (se != null && se.rows)) {
+        const I = this.__children__.search("__children__", "points"), k = /* @__PURE__ */ c((P, N) => {
+          const S = P.names.indexOf(N);
+          return S >= 0 ? P[S] : null;
         }, "col");
-        o.pointSets.forEach(($, y) => {
-          Ot.rows().forEach((b) => {
-            if (String(I(b, "set")) !== $.set) return;
-            const A = String(I(b, "id")), O = I(b, "group") != null && String(I(b, "group")) !== "NA" ? String(I(b, "group")) : null, p = I(b, "color") && String(I(b, "color")) !== "NA" ? String(I(b, "color")) : O && l[O] ? l[O] : _[y % _.length], w = _t(b, "id", p, v);
-            w.ID = `${$.set}::${A}`, w.size = $.size ?? o.pointSize ?? 2.5;
-            const P = I(b, "shape");
-            P && String(P) !== "NA" && (w.shape = String(P));
-            const q = I(b, "label");
-            w.meta = {
+        o.pointSets.forEach((P, N) => {
+          se.rows().forEach((S) => {
+            if (String(k(S, "set")) !== P.set) return;
+            const y = String(k(S, "id")), O = k(S, "group") != null && String(k(S, "group")) !== "NA" ? String(k(S, "group")) : null, v = k(S, "color") && String(k(S, "color")) !== "NA" ? String(k(S, "color")) : O && _[O] ? _[O] : m[N % m.length], E = _t(S, "id", v, z);
+            E.ID = `${P.set}::${y}`, E.size = P.size ?? o.pointSize ?? 2.5;
+            const F = k(S, "shape");
+            F && String(F) !== "NA" && (E.shape = String(F));
+            const U = k(S, "label");
+            E.meta = {
               stroke: "#ffffff",
               kind: "point",
-              name: q != null && String(q) !== "NA" ? String(q) : A,
+              name: U != null && String(U) !== "NA" ? String(U) : y,
               group: O ?? void 0,
-              unit: A,
-              set: $.set,
-              fixedSize: $.fixedSize
-            }, this.__data__.points.set(w.ID, w), C == null || C.__data__.objects.set(w.ID, w);
+              unit: y,
+              set: P.set,
+              fixedSize: P.fixedSize
+            }, this.__data__.points.set(E.ID, E), I == null || I.__data__.objects.set(E.ID, E), Lt.push({ pt: E, spec: Se(S, y), mode: P.labelMode, weight: P.labelWeight });
           });
         });
       }
-      if ((Cs = s.points) != null && Cs.rows) {
-        const C = this.__children__.search("__children__", "points");
-        if (C) {
-          s.points.rows().forEach((y) => {
-            const b = h ? y.names.indexOf(h) : -1, A = b >= 0 ? String(y[b]) : null, O = A ? l[A] ?? "#888888" : "#888888";
-            if (It) {
-              const p = _t(y, r, O, v);
-              p.size = o.pointSize ?? 2.5, p.meta = {
-                ...p.meta ?? {},
+      if (J) {
+        const I = new Set(Lt.map((k) => k.pt.ID));
+        this._setLabels.forEach((k, P) => {
+          I.has(P) || (k.remove(), this._setLabels.delete(P));
+        }), Lt.forEach((k) => this._syncLabel(this._setLabels, k.pt.ID, k.spec, k.pt, J, k.mode, k.weight));
+      }
+      if ((js = s.points) != null && js.rows) {
+        const I = this.__children__.search("__children__", "points");
+        if (I) {
+          s.points.rows().forEach((N) => {
+            const S = h ? N.names.indexOf(h) : -1, y = S >= 0 ? String(N[S]) : null, O = y ? _[y] ?? "#888888" : "#888888";
+            if (kt) {
+              const v = _t(N, r, O, z);
+              v.size = o.pointSize ?? 2.5, v.meta = {
+                ...v.meta ?? {},
                 stroke: "#ffffff",
                 kind: "point",
-                name: p.ID,
-                group: A ?? void 0,
-                unit: p.ID,
+                name: v.ID,
+                group: y ?? void 0,
+                unit: v.ID,
                 fixedSize: o.pointFixedSize
-              }, this.__data__.points.set(p.ID, p), C.__data__.objects.set(p.ID, p);
+              }, this.__data__.points.set(v.ID, v), I.__data__.objects.set(v.ID, v);
             }
-            if (A) {
-              const p = y.names.indexOf(n[0]), w = n.length > 1 ? y.names.indexOf(n[1]) : -1;
-              K[A] || (K[A] = { x: 0, y: 0, x2: 0, y2: 0, xy: 0, n: 0, color: O });
-              const P = p >= 0 ? Number(y[p]) : 0, q = w >= 0 ? Number(y[w]) : 0;
-              K[A].x += P, K[A].y += q, K[A].x2 += P * P, K[A].y2 += q * q, K[A].xy += P * q, K[A].n += 1;
+            if (y) {
+              const v = N.names.indexOf(n[0]), E = n.length > 1 ? N.names.indexOf(n[1]) : -1;
+              Z[y] || (Z[y] = { x: 0, y: 0, x2: 0, y2: 0, xy: 0, n: 0, color: O });
+              const F = v >= 0 ? Number(N[v]) : 0, U = E >= 0 ? Number(N[E]) : 0;
+              Z[y].x += F, Z[y].y += U, Z[y].x2 += F * F, Z[y].y2 += U * U, Z[y].xy += F * U, Z[y].n += 1;
             }
           });
-          const I = !!((Os = s.groups) != null && Os.rows && s.groups.rows().length > 0), $ = o.showMeans && I ? s.groups.rows().filter((y) => {
-            const b = y.rowName ?? String(y[0]);
-            return c.size === 0 || c.has(b);
+          const k = !!((Ys = s.groups) != null && Ys.rows && s.groups.rows().length > 0), P = o.showMeans && k ? s.groups.rows().filter((N) => {
+            const S = N.rowName ?? String(N[0]);
+            return u.size === 0 || u.has(S);
           }) : [];
           if (o.showMeans) {
-            const y = C.svg_element, b = this._rangeExtent ? this._rangeExtent / 1.2 : S, A = (b > 0 ? b : 1) * 8e-3;
-            if (I) {
-              const O = new Set($.map((p) => p.rowName ?? String(p[0])));
-              this._ciRects.forEach((p, w) => {
-                O.has(w) || (p.remove(), this._ciRects.delete(w));
-              }), this._outlierRects.forEach((p, w) => {
-                O.has(w) || (p.remove(), this._outlierRects.delete(w));
-              }), this._ciCross.forEach((p, w) => {
-                O.has(w.slice(2)) || (p.remove(), this._ciCross.delete(w));
-              }), $.forEach((p) => {
-                var N, z, D;
-                const w = p.rowName ?? String(p[0]), P = l[w] ?? "#888888", q = p.names.indexOf(n[0]), X = n.length > 1 ? p.names.indexOf(n[1]) : -1, W = q >= 0 ? Number(p[q]) * v : 0, mt = X >= 0 ? -Number(p[X]) * v : 0, Z = new J({
-                  ID: `mean-${w}`,
-                  dimensions: [W, mt],
-                  meta: { kind: "mean", name: w, group: w, fixedSize: o.meanFixedSize }
+            const N = I.svg_element, S = this._rangeExtent ? this._rangeExtent / 1.2 : b, y = (S > 0 ? S : 1) * 8e-3;
+            if (k) {
+              const O = new Set(P.map((v) => v.rowName ?? String(v[0])));
+              this._ciRects.forEach((v, E) => {
+                O.has(E) || (v.remove(), this._ciRects.delete(E));
+              }), this._outlierRects.forEach((v, E) => {
+                O.has(E) || (v.remove(), this._outlierRects.delete(E));
+              }), this._ciCross.forEach((v, E) => {
+                O.has(E.slice(2)) || (v.remove(), this._ciCross.delete(E));
+              }), P.forEach((v) => {
+                var we, qt, $t;
+                const E = v.rowName ?? String(v[0]), F = _[E] ?? "#888888", U = v.names.indexOf(n[0]), Y = n.length > 1 ? v.names.indexOf(n[1]) : -1, W = U >= 0 ? Number(v[U]) * z : 0, pt = Y >= 0 ? -Number(v[Y]) * z : 0, X = new K({
+                  ID: `mean-${E}`,
+                  dimensions: [W, pt],
+                  meta: { kind: "mean", name: E, group: E, fixedSize: o.meanFixedSize }
                 });
-                Z.color = new st(P), Z.size = 4;
-                const at = p.names.indexOf("shape"), L = at >= 0 ? p[at] : null;
-                Z.shape = L && String(L) !== "NA" ? String(L) : "rect", this.__data__.points.set(Z.ID, Z), C.__data__.objects.set(Z.ID, Z);
-                const Tt = /* @__PURE__ */ u((M) => {
-                  const tt = p.names.indexOf(M), G = tt >= 0 ? p[tt] : null;
-                  return G == null || String(G) === "NA" || String(G) === "" ? null : G;
-                }, "cell"), xt = Tt("intervals"), At = xt === "box" || xt === "crosshairs" || xt === "none" ? xt : o.intervals, vt = Tt("outlier"), U = (vt == null ? o.showOutlier : vt === !0 || String(vt) === "true") ? be(p, n[0], n[1], "o") : null;
-                if (!U)
-                  (N = this._outlierRects.get(w)) == null || N.remove(), this._outlierRects.delete(w);
+                X.color = new st(F), X.size = 4;
+                const rt = v.names.indexOf("shape"), R = rt >= 0 ? v[rt] : null;
+                X.shape = R && String(R) !== "NA" ? String(R) : "rect", this.__data__.points.set(X.ID, X), I.__data__.objects.set(X.ID, X);
+                const jt = /* @__PURE__ */ c((j) => {
+                  const x = v.names.indexOf(j), A = x >= 0 ? v[x] : null;
+                  return A == null || String(A) === "NA" || String(A) === "" ? null : A;
+                }, "cell"), gt = jt("intervals"), St = gt === "box" || gt === "crosshairs" || gt === "none" ? gt : o.intervals, Rt = jt("outlier"), B = (Rt == null ? o.showOutlier : Rt === !0 || String(Rt) === "true") ? Ae(v, n[0], n[1], "o") : null;
+                if (!B)
+                  (we = this._outlierRects.get(E)) == null || we.remove(), this._outlierRects.delete(E);
                 else {
-                  let M = this._outlierRects.get(w);
-                  M || (M = document.createElementNS("http://www.w3.org/2000/svg", "rect"), M.setAttribute("data-outlier-group", w), this._outlierRects.set(w, M)), M.setAttribute("x", (U.x_low * v).toString()), M.setAttribute("y", (-U.y_high * v).toString()), M.setAttribute("width", ((U.x_high - U.x_low) * v).toString()), M.setAttribute("height", ((U.y_high - U.y_low) * v).toString()), M.setAttribute("fill", "none"), M.setAttribute("stroke", P), M.setAttribute("stroke-width", A.toString()), M.setAttribute("stroke-opacity", "0.5"), M.setAttribute("stroke-dasharray", `${A * 2} ${A * 2}`), y && !M.parentElement && y.insertBefore(M, y.firstChild);
+                  let j = this._outlierRects.get(E);
+                  j || (j = document.createElementNS("http://www.w3.org/2000/svg", "rect"), j.setAttribute("data-outlier-group", E), this._outlierRects.set(E, j)), j.setAttribute("x", (B.x_low * z).toString()), j.setAttribute("y", (-B.y_high * z).toString()), j.setAttribute("width", ((B.x_high - B.x_low) * z).toString()), j.setAttribute("height", ((B.y_high - B.y_low) * z).toString()), j.setAttribute("fill", "none"), j.setAttribute("stroke", F), j.setAttribute("stroke-width", y.toString()), j.setAttribute("stroke-opacity", "0.5"), j.setAttribute("stroke-dasharray", `${y * 2} ${y * 2}`), this._intervalStroke(j, y, [y * 2, y * 2]), N && !j.parentElement && N.insertBefore(j, N.firstChild);
                 }
-                const f = At !== "none" ? be(p, n[0], n[1]) : null, x = `x:${w}`;
-                if ((!f || At !== "crosshairs") && ((z = this._ciCross.get(x)) == null || z.remove(), this._ciCross.delete(x)), f && At === "crosshairs") {
-                  (D = this._ciRects.get(w)) == null || D.remove(), this._ciRects.delete(w);
-                  const M = f.x_low * v, tt = f.x_high * v, G = -f.y_high * v, rt = -f.y_low * v;
-                  pe(Z, (tt - M) / 2, (rt - G) / 2);
-                  let T = this._ciCross.get(x);
-                  T || (T = document.createElementNS("http://www.w3.org/2000/svg", "path"), T.setAttribute("data-ci-group", w), T.setAttribute("data-ci-kind", "crosshairs"), this._ciCross.set(x, T)), T.setAttribute("d", `M${M} ${mt} L${tt} ${mt} M${W} ${G} L${W} ${rt}`), T.setAttribute("fill", "none"), T.setAttribute("stroke", P), T.setAttribute("stroke-width", (A * 1.25).toString()), T.setAttribute("stroke-opacity", "0.8"), y && !T.parentElement && y.insertBefore(T, y.firstChild);
-                } else if (f) {
-                  const M = f.x_low * v, tt = -f.y_high * v, G = (f.x_high - f.x_low) * v, rt = (f.y_high - f.y_low) * v;
-                  pe(Z, G / 2, rt / 2);
-                  let T = this._ciRects.get(w);
-                  T || (T = document.createElementNS("http://www.w3.org/2000/svg", "rect"), T.setAttribute("data-ci-group", w), this._ciRects.set(w, T)), T.setAttribute("x", M.toString()), T.setAttribute("y", tt.toString()), T.setAttribute("width", G.toString()), T.setAttribute("height", rt.toString()), T.setAttribute("fill", "none"), T.setAttribute("stroke", P), T.setAttribute("stroke-width", A.toString()), T.setAttribute("stroke-opacity", "0.8"), T.setAttribute("stroke-dasharray", `${A * 4} ${A * 3}`), y && !T.parentElement && y.insertBefore(T, y.firstChild);
+                const nt = St !== "none" ? Ae(v, n[0], n[1]) : null, Yt = `x:${E}`;
+                if ((!nt || St !== "crosshairs") && ((qt = this._ciCross.get(Yt)) == null || qt.remove(), this._ciCross.delete(Yt)), nt && St === "crosshairs") {
+                  ($t = this._ciRects.get(E)) == null || $t.remove(), this._ciRects.delete(E);
+                  const j = nt.x_low * z, x = nt.x_high * z, A = -nt.y_high * z, C = -nt.y_low * z;
+                  ve(X, (x - j) / 2, (C - A) / 2);
+                  let M = this._ciCross.get(Yt);
+                  M || (M = document.createElementNS("http://www.w3.org/2000/svg", "path"), M.setAttribute("data-ci-group", E), M.setAttribute("data-ci-kind", "crosshairs"), this._ciCross.set(Yt, M)), M.setAttribute("d", `M${j} ${pt} L${x} ${pt} M${W} ${A} L${W} ${C}`), M.setAttribute("fill", "none"), M.setAttribute("stroke", F), M.setAttribute("stroke-width", (y * 1.25).toString()), this._intervalStroke(M, y * 1.25, null), M.setAttribute("stroke-opacity", "0.8"), N && !M.parentElement && N.insertBefore(M, N.firstChild);
+                } else if (nt) {
+                  const j = nt.x_low * z, x = -nt.y_high * z, A = (nt.x_high - nt.x_low) * z, C = (nt.y_high - nt.y_low) * z;
+                  ve(X, A / 2, C / 2);
+                  let M = this._ciRects.get(E);
+                  M || (M = document.createElementNS("http://www.w3.org/2000/svg", "rect"), M.setAttribute("data-ci-group", E), this._ciRects.set(E, M)), M.setAttribute("x", j.toString()), M.setAttribute("y", x.toString()), M.setAttribute("width", A.toString()), M.setAttribute("height", C.toString()), M.setAttribute("fill", "none"), M.setAttribute("stroke", F), M.setAttribute("stroke-width", y.toString()), M.setAttribute("stroke-opacity", "0.8"), M.setAttribute("stroke-dasharray", `${y * 4} ${y * 3}`), this._intervalStroke(M, y, [y * 4, y * 3]), N && !M.parentElement && N.insertBefore(M, N.firstChild);
                 } else {
-                  const M = this._ciRects.get(w);
-                  M && (M.remove(), this._ciRects.delete(w));
+                  const j = this._ciRects.get(E);
+                  j && (j.remove(), this._ciRects.delete(E));
                 }
               });
             } else
-              Object.entries(K).forEach(([p, { x: w, y: P, n: q, color: X }]) => {
-                const W = new J({
-                  ID: `mean-${p}`,
-                  dimensions: [w / q * v, -(P / q) * v],
-                  meta: { kind: "mean", name: p, group: p, fixedSize: o.meanFixedSize }
+              this._removeIntervals(this._ciCross), Object.entries(Z).forEach(([v, { x: E, y: F, n: U, color: Y }]) => {
+                const W = new K({
+                  ID: `mean-${v}`,
+                  dimensions: [E / U * z, -(F / U) * z],
+                  meta: { kind: "mean", name: v, group: v, fixedSize: o.meanFixedSize }
                 });
-                W.color = new st(X), W.size = 4, W.shape = "rect", this.__data__.points.set(W.ID, W), C.__data__.objects.set(W.ID, W);
-              }), o.showCI && (this._ciRects.forEach((p, w) => {
-                K[w] || (p.remove(), this._ciRects.delete(w));
-              }), ($s = s.confidence) != null && $s.rows ? s.confidence.rows().forEach((p) => {
-                const w = p.names.indexOf(h ?? "group"), P = w >= 0 ? String(p[w]) : p.rowName ?? null;
-                if (!P) return;
-                const q = l[P] ?? "#888888", X = be(p, n[0], n[1]);
-                if (!X) return;
-                const W = X.x_low * v, mt = -X.y_high * v, Z = (X.x_high - X.x_low) * v, at = (X.y_high - X.y_low) * v;
-                pe(
-                  this.__data__.points.get(`mean-${P}`),
-                  Z / 2,
-                  at / 2
+                W.color = new st(Y), W.size = 4, W.shape = "rect", this.__data__.points.set(W.ID, W), I.__data__.objects.set(W.ID, W);
+              }), o.showCI ? (this._ciRects.forEach((v, E) => {
+                Z[E] || (v.remove(), this._ciRects.delete(E));
+              }), (qs = s.confidence) != null && qs.rows ? s.confidence.rows().forEach((v) => {
+                const E = v.names.indexOf(h ?? "group"), F = E >= 0 ? String(v[E]) : v.rowName ?? null;
+                if (!F) return;
+                const U = _[F] ?? "#888888", Y = Ae(v, n[0], n[1]);
+                if (!Y) return;
+                const W = Y.x_low * z, pt = -Y.y_high * z, X = (Y.x_high - Y.x_low) * z, rt = (Y.y_high - Y.y_low) * z;
+                ve(
+                  this.__data__.points.get(`mean-${F}`),
+                  X / 2,
+                  rt / 2
                 );
-                let L = this._ciRects.get(P);
-                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-ci-group", P), this._ciRects.set(P, L)), L.setAttribute("x", W.toString()), L.setAttribute("y", mt.toString()), L.setAttribute("width", Z.toString()), L.setAttribute("height", at.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", q), L.setAttribute("stroke-width", A.toString()), L.setAttribute("stroke-opacity", "0.8"), L.setAttribute("stroke-dasharray", `${A * 4} ${A * 3}`), y && !L.parentElement && y.insertBefore(L, y.firstChild);
-              }) : Object.entries(K).forEach(([p, { x: w, y: P, x2: q, y2: X, n: W, color: mt }]) => {
+                let R = this._ciRects.get(F);
+                R || (R = document.createElementNS("http://www.w3.org/2000/svg", "rect"), R.setAttribute("data-ci-group", F), this._ciRects.set(F, R)), R.setAttribute("x", W.toString()), R.setAttribute("y", pt.toString()), R.setAttribute("width", X.toString()), R.setAttribute("height", rt.toString()), R.setAttribute("fill", "none"), R.setAttribute("stroke", U), R.setAttribute("stroke-width", y.toString()), R.setAttribute("stroke-opacity", "0.8"), R.setAttribute("stroke-dasharray", `${y * 4} ${y * 3}`), this._intervalStroke(R, y, [y * 4, y * 3]), N && !R.parentElement && N.insertBefore(R, N.firstChild);
+              }) : Object.entries(Z).forEach(([v, { x: E, y: F, x2: U, y2: Y, n: W, color: pt }]) => {
                 if (W < 2) return;
-                const Z = w / W, at = P / W, L = q / W - Z * Z, Tt = X / W - at * at, { halfW: xt, halfH: At } = Ii(L, Tt, W, v), vt = Z * v, $t = -at * v;
-                pe(
-                  this.__data__.points.get(`mean-${p}`),
-                  xt,
-                  At
+                const X = E / W, rt = F / W, R = U / W - X * X, jt = Y / W - rt * rt, { halfW: gt, halfH: St } = Di(R, jt, W, z), Rt = X * z, ie = -rt * z;
+                ve(
+                  this.__data__.points.get(`mean-${v}`),
+                  gt,
+                  St
                 );
-                let U = this._ciRects.get(p);
-                U || (U = document.createElementNS("http://www.w3.org/2000/svg", "rect"), U.setAttribute("data-ci-group", p), this._ciRects.set(p, U)), U.setAttribute("x", (vt - xt).toString()), U.setAttribute("y", ($t - At).toString()), U.setAttribute("width", (xt * 2).toString()), U.setAttribute("height", (At * 2).toString()), U.setAttribute("fill", "none"), U.setAttribute("stroke", mt), U.setAttribute("stroke-width", A.toString()), U.setAttribute("stroke-opacity", "0.8"), U.setAttribute("stroke-dasharray", `${A * 4} ${A * 3}`), y && !U.parentElement && y.insertBefore(U, y.firstChild);
-              })), (Ps = s.outlier) != null && Ps.rows && (this._outlierRects.forEach((p, w) => {
-                l[w] || (p.remove(), this._outlierRects.delete(w));
-              }), s.outlier.rows().forEach((p) => {
-                const w = p.names.indexOf(h ?? "group"), P = w >= 0 ? String(p[w]) : p.rowName ?? null;
-                if (!P) return;
-                const q = l[P] ?? "#888888", X = be(p, n[0], n[1]);
-                if (!X) return;
-                const W = X.x_low * v, mt = -X.y_high * v, Z = (X.x_high - X.x_low) * v, at = (X.y_high - X.y_low) * v;
-                let L = this._outlierRects.get(P);
-                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-outlier-group", P), this._outlierRects.set(P, L)), L.setAttribute("x", W.toString()), L.setAttribute("y", mt.toString()), L.setAttribute("width", Z.toString()), L.setAttribute("height", at.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", q), L.setAttribute("stroke-width", A.toString()), L.setAttribute("stroke-opacity", "0.5"), L.setAttribute("stroke-dasharray", `${A * 2} ${A * 2}`), y && !L.parentElement && y.insertBefore(L, y.firstChild);
-              }));
+                let B = this._ciRects.get(v);
+                B || (B = document.createElementNS("http://www.w3.org/2000/svg", "rect"), B.setAttribute("data-ci-group", v), this._ciRects.set(v, B)), B.setAttribute("x", (Rt - gt).toString()), B.setAttribute("y", (ie - St).toString()), B.setAttribute("width", (gt * 2).toString()), B.setAttribute("height", (St * 2).toString()), B.setAttribute("fill", "none"), B.setAttribute("stroke", pt), B.setAttribute("stroke-width", y.toString()), B.setAttribute("stroke-opacity", "0.8"), B.setAttribute("stroke-dasharray", `${y * 4} ${y * 3}`), this._intervalStroke(B, y, [y * 4, y * 3]), N && !B.parentElement && N.insertBefore(B, N.firstChild);
+              })) : this._removeIntervals(this._ciRects), (Bs = s.outlier) != null && Bs.rows ? (this._outlierRects.forEach((v, E) => {
+                _[E] || (v.remove(), this._outlierRects.delete(E));
+              }), s.outlier.rows().forEach((v) => {
+                const E = v.names.indexOf(h ?? "group"), F = E >= 0 ? String(v[E]) : v.rowName ?? null;
+                if (!F) return;
+                const U = _[F] ?? "#888888", Y = Ae(v, n[0], n[1]);
+                if (!Y) return;
+                const W = Y.x_low * z, pt = -Y.y_high * z, X = (Y.x_high - Y.x_low) * z, rt = (Y.y_high - Y.y_low) * z;
+                let R = this._outlierRects.get(F);
+                R || (R = document.createElementNS("http://www.w3.org/2000/svg", "rect"), R.setAttribute("data-outlier-group", F), this._outlierRects.set(F, R)), R.setAttribute("x", W.toString()), R.setAttribute("y", pt.toString()), R.setAttribute("width", X.toString()), R.setAttribute("height", rt.toString()), R.setAttribute("fill", "none"), R.setAttribute("stroke", U), R.setAttribute("stroke-width", y.toString()), R.setAttribute("stroke-opacity", "0.5"), R.setAttribute("stroke-dasharray", `${y * 2} ${y * 2}`), this._intervalStroke(R, y, [y * 2, y * 2]), N && !R.parentElement && N.insertBefore(R, N.firstChild);
+              })) : this._removeIntervals(this._outlierRects);
+          } else
+            [this._ciRects, this._outlierRects, this._ciCross].forEach((N) => this._removeIntervals(N));
+          if (J) {
+            this._pointLabels.forEach((y, O) => {
+              I.__data__.objects.get(O) || (y.remove(), this._pointLabels.delete(O));
+            }), this._meanLabels.forEach((y, O) => {
+              I.__data__.objects.get(`mean-${O}`) || (y.remove(), this._meanLabels.delete(O));
+            }), ct !== 0 ? s.points.rows().forEach((y) => {
+              const O = y.names.indexOf(r), v = O >= 0 ? String(y[O]) : null;
+              if (!v) return;
+              const E = I.__data__.objects.get(v);
+              E && this._syncLabel(
+                this._pointLabels,
+                v,
+                Se(null, v),
+                E,
+                J,
+                ct,
+                o.labelWeightPoints
+              );
+            }) : this._clearLabels(this._pointLabels);
+            const N = new Map(
+              P.map((y) => [y.rowName ?? String(y[0]), y])
+            );
+            (k ? [...N.keys()] : Object.keys(Z)).forEach((y) => {
+              const O = `mean-${y}`, v = I.__data__.objects.get(O);
+              v && this._syncLabel(
+                this._meanLabels,
+                y,
+                Se(N.get(y), y),
+                v,
+                J,
+                lt,
+                o.labelWeightMeans
+              );
+            });
           }
-          it && (this._pointLabels.forEach((y, b) => {
-            C.__data__.objects.get(b) || (y.remove(), this._pointLabels.delete(b));
-          }), this._meanLabels.forEach((y, b) => {
-            C.__data__.objects.get(`mean-${b}`) || (y.remove(), this._meanLabels.delete(b));
-          }), ot !== 0 && s.points.rows().forEach((y) => {
-            const b = y.names.indexOf(r), A = b >= 0 ? String(y[b]) : null;
-            if (!A) return;
-            const O = C.__data__.objects.get(A);
-            if (!O) return;
-            const p = A;
-            let w = this._pointLabels.get(A);
-            w ? ot === H.DISPLAY_TYPES.ON ? w.show() : w.hide() : (w = new Jt(p, O, it, this, ot), this._pointLabels.set(A, w));
-          }), nt !== 0 && (I ? $.map((b) => b.rowName ?? String(b[0])) : Object.keys(K)).forEach((b) => {
-            const A = `mean-${b}`, O = C.__data__.objects.get(A);
-            if (!O) return;
-            let p = this._meanLabels.get(b);
-            p ? nt === H.DISPLAY_TYPES.ON ? p.show() : p.hide() : (p = new Jt(b, O, it, this, nt), this._meanLabels.set(b, p));
-          })), C.__data__.__state__.setVariable("layer_updated", C.__data__);
+          I.__data__.__state__.setVariable("layer_updated", I.__data__);
         }
+      } else {
+        const I = this.__children__.search("__children__", "points");
+        I == null || I.__data__.__state__.setVariable("layer_updated", I.__data__);
       }
-      const Dt = this.__children__.search("__children__", "trajectories");
-      if (o.showTrajectories && Dt) {
-        Dt.__data__.objects.clear(), this.__data__.trajectories.clear();
-        const C = (Rs = s.trajectories) != null && Rs.rows ? s.trajectories : s.points;
-        if (C != null && C.rows) {
-          const I = {}, $ = o.trajectoryUnits ? o.trajectoryUnits.split(",").map((b) => b.trim()) : null;
-          C.rows().forEach((b) => {
-            const A = b.names.indexOf(r) >= 0 ? b.names.indexOf(r) : b.names.indexOf("unit") >= 0 ? b.names.indexOf("unit") : b.names.indexOf("ENA_UNIT") >= 0 ? b.names.indexOf("ENA_UNIT") : -1, O = A >= 0 ? String(b[A]) : b.rowName || "unit-1";
-            if ($ && !$.includes(O)) return;
-            const p = b.names.indexOf(n[0]), w = n.length > 1 ? b.names.indexOf(n[1]) : -1, P = b.names.indexOf("time") >= 0 ? b.names.indexOf("time") : b.names.indexOf("ActivityNumber") >= 0 ? b.names.indexOf("ActivityNumber") : b.names.indexOf("RowID") >= 0 ? b.names.indexOf("RowID") : -1, q = P >= 0 ? Number(b[P]) : I[O] ? I[O].length + 1 : 1;
-            p >= 0 && w >= 0 && (I[O] || (I[O] = []), I[O].push({
-              x: Number(b[p]) * v,
-              y: -Number(b[w]) * v,
-              time: q
+      const vt = this.__children__.search("__children__", "trajectories");
+      if (o.showTrajectories && vt) {
+        vt.__data__.objects.clear(), this.__data__.trajectories.clear();
+        const I = (Gs = s.trajectories) != null && Gs.rows ? s.trajectories : s.points;
+        if (I != null && I.rows) {
+          const k = {}, P = o.trajectoryUnits ? o.trajectoryUnits.split(",").map((S) => S.trim()) : null;
+          I.rows().forEach((S) => {
+            const y = S.names.indexOf(r) >= 0 ? S.names.indexOf(r) : S.names.indexOf("unit") >= 0 ? S.names.indexOf("unit") : S.names.indexOf("ENA_UNIT") >= 0 ? S.names.indexOf("ENA_UNIT") : -1, O = y >= 0 ? String(S[y]) : S.rowName || "unit-1";
+            if (P && !P.includes(O)) return;
+            const v = S.names.indexOf(n[0]), E = n.length > 1 ? S.names.indexOf(n[1]) : -1, F = S.names.indexOf("time") >= 0 ? S.names.indexOf("time") : S.names.indexOf("ActivityNumber") >= 0 ? S.names.indexOf("ActivityNumber") : S.names.indexOf("RowID") >= 0 ? S.names.indexOf("RowID") : -1, U = F >= 0 ? Number(S[F]) : k[O] ? k[O].length + 1 : 1;
+            v >= 0 && E >= 0 && (k[O] || (k[O] = []), k[O].push({
+              x: Number(S[v]) * z,
+              y: -Number(S[E]) * z,
+              time: U
             }));
-          }), Object.keys(I).forEach((b, A) => {
-            const O = I[b];
+          }), Object.keys(k).forEach((S, y) => {
+            const O = k[S];
             if (O.length === 0) return;
-            const p = _[A % _.length], w = new Ee({
-              ID: `traj-${b}`,
-              unitId: b,
-              color: new st(p),
+            const v = m[y % m.length], E = new Oe({
+              ID: `traj-${S}`,
+              unitId: S,
+              color: new st(v),
               lineStyle: o.trajectoryLineStyle,
               strokeWidth: o.trajectoryStrokeWidth,
               strokeWidthRange: o.trajectoryStrokeWidthRange,
@@ -2550,213 +2724,233 @@ const gt = class gt extends ve {
               currentTime: o.trajectoryPlayhead ?? 1 / 0,
               showPoints: o.trajectoryShowPoints,
               showTips: o.trajectoryShowTips,
-              points: O.map((P) => ({ x: P.x, y: P.y, time: P.time }))
+              points: O.map((F) => ({ x: F.x, y: F.y, time: F.time }))
             });
-            this.__data__.trajectories.set(b, w), Dt.__data__.objects.set(w.ID, w);
+            this.__data__.trajectories.set(S, E), vt.__data__.objects.set(E.ID, E);
           });
         }
-        Dt.__data__.__state__.setVariable("layer_updated", Dt.__data__);
+        vt.__data__.__state__.setVariable("layer_updated", vt.__data__);
       }
-      const ut = this.__children__.search("__children__", "network"), Kt = ut == null ? void 0 : ut.__children__.search("__children__", "edges"), ft = ut == null ? void 0 : ut.__children__.search("__children__", "nodes"), fe = ut == null ? void 0 : ut.__children__.search("__children__", "edgenodes"), si = o.showEdges;
-      if ((Ls = s.nodes) != null && Ls.rows && ft) {
-        if (s.nodes.rows().forEach((I) => {
-          const $ = _t(I, a, "#444444");
-          $.size = 2;
-          const y = I.names.indexOf("label"), b = y >= 0 ? I[y] : null;
-          $.meta = {
-            ...$.meta ?? {},
+      const At = this.__children__.search("__children__", "network"), xe = At == null ? void 0 : At.__children__.search("__children__", "edges"), it = At == null ? void 0 : At.__children__.search("__children__", "nodes"), ks = At == null ? void 0 : At.__children__.search("__children__", "edgenodes"), di = o.showEdges;
+      if ((Us = s.nodes) != null && Us.rows && it) {
+        if (s.nodes.rows().forEach((k) => {
+          const P = _t(k, a, "#444444");
+          P.size = 2;
+          const N = k.names.indexOf("label"), S = N >= 0 ? k[N] : null, y = k.names.indexOf("size"), O = y >= 0 && k[y] != null && k[y] !== "" ? Number(k[y]) : NaN;
+          P.meta = {
+            ...P.meta ?? {},
             kind: "node",
-            name: b != null && String(b) !== "NA" && String(b) !== "" ? String(b) : $.ID
-          }, ft.__data__.objects.set($.ID, $);
-        }), si && Kt && ((Ds = s.edges) != null && Ds.rows)) {
-          const I = {};
-          h && ((Ts = s.points) != null && Ts.rows) && s.points.rows().forEach((f) => {
-            const x = f.names.indexOf(r), N = f.names.indexOf(h);
-            x >= 0 && N >= 0 && (I[String(f[x])] = String(f[N]));
+            name: S != null && String(S) !== "NA" && String(S) !== "" ? String(S) : P.ID,
+            sizePx: Number.isFinite(O) && O > 0 ? O : void 0,
+            // <qe-nodes fixed-size>: constant on-screen size at any zoom.
+            zoomFixed: o.nodeFixedSize || void 0
+          }, it.__data__.objects.set(P.ID, P);
+        }), di && xe) {
+          const k = {};
+          h && ((Xs = s.points) != null && Xs.rows) && s.points.rows().forEach((x) => {
+            const A = x.names.indexOf(r), C = x.names.indexOf(h);
+            A >= 0 && C >= 0 && (k[String(x[A])] = String(x[C]));
           });
-          const $ = s.nodes.rows().map((f) => {
-            const x = f.names.indexOf(a);
-            return x >= 0 ? String(f[x]) : "";
-          }).filter(Boolean), y = [];
-          (s.edges.names ?? []).forEach((f) => {
-            const x = Mi(f, $);
-            x && y.push({ col: f, pair: x });
-          });
-          const b = /* @__PURE__ */ u((f) => {
-            const x = {};
-            return s.edges.rows().forEach((N) => {
-              const z = N.names.indexOf(r);
-              z < 0 || String(N[z]) !== f || y.forEach(({ col: D }) => {
-                const M = N.names.indexOf(D);
-                M >= 0 && (x[D] = Number(N[M]) || 0);
+          const P = s.nodes.rows().map((x) => {
+            const A = x.names.indexOf(a);
+            return A >= 0 ? String(x[A]) : "";
+          }).filter(Boolean), N = /* @__PURE__ */ c((x) => {
+            const A = [];
+            return x.forEach((C) => {
+              const M = Fi(C, P);
+              M && A.push({ col: C, pair: M });
+            }), A;
+          }, "parsePairs"), S = (Ws = s.edges) != null && Ws.rows ? s.edges.rows() : [], y = s.networks, O = N(((Hs = s.edges) == null ? void 0 : Hs.names) ?? []), v = N((y == null ? void 0 : y.names) ?? []), E = /* @__PURE__ */ c((x) => {
+            const A = {};
+            return S.forEach((C) => {
+              const M = C.names.indexOf(r);
+              M < 0 || String(C[M]) !== x || O.forEach(({ col: T }) => {
+                const H = C.names.indexOf(T);
+                H >= 0 && (A[T] = Number(C[H]) || 0);
               });
-            }), x;
-          }, "getUnitEdges"), A = /* @__PURE__ */ u((f) => {
-            const x = {};
-            let N = 0;
-            if (s.edges.rows().forEach((D) => {
-              const M = D.names.indexOf(r), tt = M >= 0 ? String(D[M]) : null, G = h ? D.names.indexOf(h) : -1;
-              (G >= 0 ? String(D[G]) : tt ? I[tt] : null) === f && (N++, y.forEach(({ col: T }) => {
-                const pt = D.names.indexOf(T);
-                if (pt >= 0) {
-                  const V = Number(D[pt]);
-                  isNaN(V) || (x[T] = (x[T] ?? 0) + V);
+            }), A;
+          }, "getUnitEdges"), F = /* @__PURE__ */ c((x) => {
+            const A = {};
+            let C = 0;
+            if (S.forEach((T) => {
+              const H = T.names.indexOf(r), ut = H >= 0 ? String(T[H]) : null, mt = h ? T.names.indexOf(h) : -1;
+              (mt >= 0 ? String(T[mt]) : ut ? k[ut] : null) === x && (C++, O.forEach(({ col: bt }) => {
+                const ft = T.names.indexOf(bt);
+                if (ft >= 0) {
+                  const V = Number(T[ft]);
+                  isNaN(V) || (A[bt] = (A[bt] ?? 0) + V);
                 }
               }));
-            }), N === 0) return {};
-            const z = {};
-            return y.forEach(({ col: D }) => {
-              z[D] = (x[D] ?? 0) / N;
-            }), z;
-          }, "getGroupEdges"), O = /* @__PURE__ */ u((f) => {
-            if (l[f])
-              return { weights: A(f), color: l[f], label: f };
-            const x = I[f] ?? null, N = x ? l[x] ?? "#888888" : "#888888";
-            return { weights: b(f), color: N, label: f };
-          }, "resolve"), p = [], w = /* @__PURE__ */ u((f) => {
-            var D;
-            const x = s.networks, N = (D = x == null ? void 0 : x.rows) == null ? void 0 : D.call(x).find((M) => M.rowName === f);
-            if (!N) return null;
-            const z = {};
-            return y.forEach(({ col: M }) => {
-              const tt = N.names.indexOf(M);
-              if (tt >= 0) {
-                const G = Number(N[tt]);
-                Number.isFinite(G) && (z[M] = G);
+            }), C === 0) return {};
+            const M = {};
+            return O.forEach(({ col: T }) => {
+              M[T] = (A[T] ?? 0) / C;
+            }), M;
+          }, "getGroupEdges"), U = /* @__PURE__ */ c((x) => {
+            if (_[x])
+              return { weights: F(x), color: _[x], label: x };
+            const A = k[x] ?? null, C = A ? _[A] ?? "#888888" : "#888888";
+            return { weights: E(x), color: C, label: x };
+          }, "resolve"), Y = [], W = /* @__PURE__ */ c((x) => {
+            var M;
+            const A = (M = y == null ? void 0 : y.rows) == null ? void 0 : M.call(y).find((T) => T.rowName === x);
+            if (!A) return null;
+            const C = {};
+            return v.forEach(({ col: T }) => {
+              const H = A.names.indexOf(T);
+              if (H >= 0) {
+                const ut = Number(A[H]);
+                Number.isFinite(ut) && (C[T] = ut);
               }
-            }), z;
-          }, "networkRow"), P = /* @__PURE__ */ u((f, x) => {
-            if (!x) return f;
-            const N = Math.abs(f);
-            return N < x[0] ? 0 : N > x[1] ? Math.sign(f) * x[1] : f;
+            }), C;
+          }, "networkRow"), pt = /* @__PURE__ */ c((x, A) => {
+            if (!A) return x;
+            const C = Math.abs(x);
+            return C < A[0] ? 0 : C > A[1] ? Math.sign(x) * A[1] : x;
           }, "thresholded");
-          o.edgeLayers.forEach((f, x) => {
-            const N = /* @__PURE__ */ u((V, ht, Q, wt, lt) => {
-              Q = P(Q, f.threshold), !(Math.abs(Q) < 1e-6) && p.push({ col: `${x}:${V}`, pair: ht, weight: Math.abs(Q), color: wt, layer: x, ...lt });
-            }, "push"), z = /* @__PURE__ */ u((V, ht) => f.colors ? [f.colors[0], f.colors[1] ?? Ci(f.colors[0])] : [V, ht], "signColors");
-            if (f.network) {
-              const V = w(f.network);
+          o.edgeLayers.forEach((x, A) => {
+            const C = /* @__PURE__ */ c((V, ot, Q, wt, at) => {
+              Q = pt(Q, x.threshold), !(Math.abs(Q) < 1e-6) && Y.push({ col: `${A}:${V}`, pair: ot, weight: Math.abs(Q), color: wt, layer: A, ...at });
+            }, "push"), M = /* @__PURE__ */ c((V, ot) => x.colors ? [x.colors[0], x.colors[1] ?? Bi(x.colors[0])] : [V, ot], "signColors");
+            if (x.network) {
+              const V = W(x.network);
               if (!V) return;
-              const [ht, Q] = z(_[0], _[1]), wt = { name: f.name ?? f.network };
-              y.forEach(({ col: lt, pair: zs }) => {
-                const me = V[lt] ?? 0;
-                N(lt, zs, me, me >= 0 ? ht : Q, wt);
+              const [ot, Q] = M(m[0], m[1]), wt = { name: x.name ?? x.network };
+              v.forEach(({ col: at, pair: Vs }) => {
+                const ne = V[at] ?? 0;
+                C(at, Vs, ne, ne >= 0 ? ot : Q, wt);
               });
               return;
             }
-            const D = f.unit ?? f.group ?? null;
-            if (!D) return;
-            const M = O(D), tt = f.compare ?? f.also ?? null, G = tt ? O(tt) : null, rt = { name: f.name ?? D, group: f.group ?? void 0, unit: f.unit ?? void 0 }, [T, pt] = z(M.color, (G == null ? void 0 : G.color) ?? M.color);
-            G && f.compare ? y.forEach(({ col: V, pair: ht }) => {
-              const Q = (M.weights[V] ?? 0) - (G.weights[V] ?? 0);
-              N(V, ht, Q, Q > 0 ? T : pt, rt);
-            }) : G && f.also ? y.forEach(({ col: V, pair: ht }) => {
-              const Q = M.weights[V] ?? 0, wt = G.weights[V] ?? 0;
-              Q > 0 && N(V + "-a", ht, Q, T, rt), wt > 0 && N(V + "-b", ht, wt, pt, { ...rt, name: f.also ?? void 0, group: f.also ?? void 0 });
-            }) : y.forEach(({ col: V, pair: ht }) => {
-              const Q = M.weights[V] ?? 0;
-              Q > 0 && N(V, ht, Q, T, rt);
+            const T = x.unit ?? x.group ?? null;
+            if (!T) return;
+            const H = U(T), ut = x.compare ?? x.also ?? null, mt = ut ? U(ut) : null, Et = { name: x.name ?? T, group: x.group ?? void 0, unit: x.unit ?? void 0 }, [bt, ft] = M(H.color, (mt == null ? void 0 : mt.color) ?? H.color);
+            mt && x.compare ? O.forEach(({ col: V, pair: ot }) => {
+              const Q = (H.weights[V] ?? 0) - (mt.weights[V] ?? 0);
+              C(V, ot, Q, Q > 0 ? bt : ft, Et);
+            }) : mt && x.also ? O.forEach(({ col: V, pair: ot }) => {
+              const Q = H.weights[V] ?? 0, wt = mt.weights[V] ?? 0;
+              Q > 0 && C(V + "-a", ot, Q, bt, Et), wt > 0 && C(V + "-b", ot, wt, ft, { ...Et, name: x.also ?? void 0, group: x.also ?? void 0 });
+            }) : O.forEach(({ col: V, pair: ot }) => {
+              const Q = H.weights[V] ?? 0;
+              Q > 0 && C(V, ot, Q, bt, Et);
             });
-          }), p.sort((f, x) => x.weight - f.weight);
-          const q = !!s.directed, X = wi(o.edgeWidth) * (o.edgeMagnify ?? 1), W = /* @__PURE__ */ u((f) => {
-            const x = f.map(Math.abs).filter((N) => N > 0);
-            return x.length ? [Math.min(...x), Math.max(...x)] : [0, 0];
-          }, "rangeOf"), mt = /* @__PURE__ */ u((f) => {
-            const x = [];
-            return y.forEach(({ col: N, pair: z }) => {
-              if (z[0] === z[1] !== f) return;
-              const D = s.edges.col(N);
-              if (D) for (const M of D) x.push(Number(M));
-            }), W(x);
-          }, "modelRange"), Z = /* @__PURE__ */ u((f) => W(p.filter((x) => x.pair[0] === x.pair[1] === f).map((x) => x.weight)), "plotRange"), at = o.edgeColorScale, L = /* @__PURE__ */ u((f) => at === "plot" ? Z(f) : mt(f), "colourRange"), Tt = L(!1), xt = L(!0), At = /* @__PURE__ */ u((f, x) => {
-            if (at === "absolute") {
-              const D = Math.min(1, Math.abs(f));
-              return { saturation: D, opacity: D };
+          }), Y.sort((x, A) => A.weight - x.weight);
+          const X = !!s.directed, rt = Pi(o.edgeWidth) * (o.edgeMagnify ?? 1), R = /* @__PURE__ */ c((x) => {
+            const A = x.map(Math.abs).filter((C) => C > 0);
+            return A.length ? [Math.min(...A), Math.max(...A)] : [0, 0];
+          }, "rangeOf"), [jt, gt] = S.length ? [O, s.edges] : [v, y], St = /* @__PURE__ */ c((x) => {
+            const A = [];
+            return jt.forEach(({ col: C, pair: M }) => {
+              if (M[0] === M[1] !== x) return;
+              const T = gt == null ? void 0 : gt.col(C);
+              if (T) for (const H of T) A.push(Number(H));
+            }), R(A);
+          }, "modelRange"), Rt = /* @__PURE__ */ c((x) => R(Y.filter((A) => A.pair[0] === A.pair[1] === x).map((A) => A.weight)), "plotRange"), ie = o.edgeColorScale, B = /* @__PURE__ */ c((x) => ie === "plot" ? Rt(x) : St(x), "colourRange"), nt = B(!1), Yt = B(!0), we = /* @__PURE__ */ c((x, A) => {
+            if (ie === "absolute") {
+              const T = Math.min(1, Math.abs(x));
+              return { saturation: T, opacity: T };
             }
-            const [N, z] = x ? xt : Tt;
-            return { saturation: Xs(f, N, z, gi), opacity: Xs(f, N, z, fi) };
-          }, "colourOf"), vt = {};
-          p.forEach(({ pair: f, weight: x }) => {
-            if (f[0] === f[1] && !q) return;
-            const z = /* @__PURE__ */ u((D) => {
-              vt[D] = (vt[D] ?? 0) + Math.abs(x);
+            const [C, M] = A ? Yt : nt;
+            return { saturation: ni(x, C, M, Mi), opacity: ni(x, C, M, Ii) };
+          }, "colourOf"), qt = {};
+          Y.forEach(({ pair: x, weight: A }) => {
+            if (x[0] === x[1] && !X) return;
+            const M = /* @__PURE__ */ c((T) => {
+              qt[T] = (qt[T] ?? 0) + Math.abs(A);
             }, "add");
-            if (q) {
-              z(f[1]);
+            if (X) {
+              M(x[1]);
               return;
             }
-            z(f[0]), z(f[1]);
-          }), s.nodes.rows().forEach((f) => {
-            const x = f.names.indexOf(a), N = x >= 0 ? String(f[x]) : "";
-            if (!N) return;
-            const z = ft.__data__.objects.get(N);
-            if (!z) return;
-            const D = vt[N] ?? 0, M = !(D > 0);
-            z.size = M ? o.hideUnconnectedNodes ? 0 : xi : Ai(D, X), z.meta = {
-              ...z.meta ?? {},
-              hidden: M && o.hideUnconnectedNodes
+            M(x[0]), M(x[1]);
+          }), s.nodes.rows().forEach((x) => {
+            var ut;
+            const A = x.names.indexOf(a), C = A >= 0 ? String(x[A]) : "";
+            if (!C) return;
+            const M = it.__data__.objects.get(C);
+            if (!M) return;
+            const T = qt[C] ?? 0, H = !(T > 0);
+            M.size = H ? o.hideUnconnectedNodes ? 0 : Oi : Li(T, rt), M.meta = {
+              ...M.meta ?? {},
+              hidden: H && o.hideUnconnectedNodes,
+              sizePx: H || (ut = M.meta) == null ? void 0 : ut.sizePx
             };
           });
-          const $t = {}, U = /* @__PURE__ */ u((f, x, N, z) => `${f}:${x ?? ""}:${N}.${z}`, "pairKey");
-          q && p.forEach(({ pair: f, weight: x, layer: N, name: z }) => {
-            const D = U(N, z, f[0], f[1]);
-            $t[D] = ($t[D] ?? 0) + x;
-          }), p.forEach(({ col: f, pair: x, weight: N, color: z, layer: D, name: M, group: tt, unit: G }) => {
-            const rt = ft.__data__.objects.get(x[0]), T = ft.__data__.objects.get(x[1]);
-            if (!rt || !T) return;
-            const pt = x[0] === x[1];
-            if (pt && !q) return;
-            const { saturation: V, opacity: ht } = At(N, pt), Q = new J({ ID: `${x[0]}-src`, dimensions: [rt.x, rt.y], meta: {} }), wt = new J({ ID: `${x[1]}-dst`, dimensions: [T.x, T.y], meta: {} });
-            let lt;
-            if (pt)
-              lt = new ne({}, Q, wt), lt.weight = 0;
-            else if (q) {
-              const me = $t[U(D, M, x[0], x[1])] ?? N, ii = $t[U(D, M, x[1], x[0])] ?? 0, ni = me + ii;
-              lt = new Qe(
-                { weight: N, totalweight: ni },
+          const $t = {}, j = /* @__PURE__ */ c((x, A, C, M) => `${x}:${A ?? ""}:${C}.${M}`, "pairKey");
+          X && Y.forEach(({ pair: x, weight: A, layer: C, name: M }) => {
+            const T = j(C, M, x[0], x[1]);
+            $t[T] = ($t[T] ?? 0) + A;
+          }), Y.forEach(({ col: x, pair: A, weight: C, color: M, layer: T, name: H, group: ut, unit: mt }) => {
+            var ne, Zs;
+            const Et = it.__data__.objects.get(A[0]), bt = it.__data__.objects.get(A[1]);
+            if (!Et || !bt) return;
+            const ft = A[0] === A[1];
+            if (ft && !X) return;
+            const { saturation: V, opacity: ot } = we(C, ft), Q = new K({ ID: `${A[0]}-src`, dimensions: [Et.x, Et.y], meta: {} }), wt = new K({ ID: `${A[1]}-dst`, dimensions: [bt.x, bt.y], meta: {} });
+            let at;
+            if (ft)
+              at = new Ht({}, Q, wt), at.weight = 0;
+            else if (X) {
+              const gi = $t[j(T, H, A[0], A[1])] ?? C, mi = $t[j(T, H, A[1], A[0])] ?? 0, fi = gi + mi;
+              at = new os(
+                { weight: C, totalweight: fi },
                 Q,
                 wt
               );
             } else
-              lt = new Xt({}, Q, wt);
-            lt.ID = `edge-${f}`, lt.color = new st(z), lt.meta = {
+              at = new te({}, Q, wt);
+            at.ID = `edge-${x}`, at.color = new st(M), at.meta = {
               isMeanEdge: !0,
-              weight: N,
+              weight: C,
               // Width per unit weight (extent units), shared by all marks.
-              widthFrac: X,
+              widthFrac: rt,
               saturation: V,
-              opacity: ht,
-              isDirected: q,
-              isSelf: pt,
+              opacity: ot,
+              isDirected: X,
+              isSelf: ft,
               // Identity for the qe-edge-* interaction events.
-              source: x[0],
-              target: x[1],
-              group: tt,
-              unit: G,
-              layer: M
-            }, (pt ? fe ?? Kt : Kt).__data__.objects.set(lt.ID, lt);
-          }), Kt.__data__.__state__.setVariable("layer_updated", Kt.__data__), fe && fe.__data__.__state__.setVariable("layer_updated", fe.__data__);
+              source: A[0],
+              target: A[1],
+              group: ut,
+              unit: mt,
+              layer: H,
+              // <qe-edges self-size>: self dot radius as a fraction of its node's.
+              selfSize: ft ? ((ne = o.edgeLayers[T]) == null ? void 0 : ne.selfSize) ?? void 0 : void 0,
+              // <qe-edges fixed-size>: thickness keeps its zoom-1 on-screen size.
+              fixedSize: ((Zs = o.edgeLayers[T]) == null ? void 0 : Zs.fixedSize) || void 0
+            }, (ft ? ks ?? xe : xe).__data__.objects.set(at.ID, at);
+          });
         }
-        const C = o.showNodes;
-        ft.svg_element && (ft.svg_element.style.display = C ? "" : "none"), C || (this._nodeLabels.forEach((I) => I.remove()), this._nodeLabels.clear()), it && F !== 0 && C && (this._nodeLabels.forEach((I, $) => {
-          ft.__data__.objects.get($) || (I.remove(), this._nodeLabels.delete($));
-        }), s.nodes.rows().forEach((I) => {
-          var p, w, P;
-          const $ = I.names.indexOf(a), y = $ >= 0 ? String(I[$]) : "";
-          if (!y) return;
-          const b = ft.__data__.objects.get(y);
-          if (!b) return;
-          if ((p = b.meta) != null && p.hidden) {
-            (w = this._nodeLabels.get(y)) == null || w.remove(), this._nodeLabels.delete(y);
-            return;
+        const I = o.showNodes;
+        it.svg_element && (it.svg_element.style.display = I ? "" : "none"), I || this._clearLabels(this._nodeLabels), J && I && (this._nodeLabels.forEach((k, P) => {
+          it.__data__.objects.get(P) || (k.remove(), this._nodeLabels.delete(P));
+        }), s.nodes.rows().forEach((k) => {
+          var y, O, v;
+          const P = k.names.indexOf(a), N = P >= 0 ? String(k[P]) : "";
+          if (!N) return;
+          const S = it.__data__.objects.get(N);
+          if (S) {
+            if ((y = S.meta) != null && y.hidden) {
+              (O = this._nodeLabels.get(N)) == null || O.remove(), this._nodeLabels.delete(N);
+              return;
+            }
+            this._syncLabel(
+              this._nodeLabels,
+              N,
+              Se(k, String(((v = S.meta) == null ? void 0 : v.name) ?? N)),
+              S,
+              J,
+              D,
+              o.labelWeightNodes
+            );
           }
-          const A = String(((P = b.meta) == null ? void 0 : P.name) ?? y);
-          let O = this._nodeLabels.get(y);
-          O && O.text !== A && (O.remove(), this._nodeLabels.delete(y), O = void 0), O ? F === H.DISPLAY_TYPES.ON ? O.show() : O.hide() : (O = new Jt(A, b, it, this, F), this._nodeLabels.set(y, O));
-        })), ft.__data__.__state__.setVariable("layer_updated", ft.__data__);
-      }
-      const ws = this.__children__.search("__children__", "axis_points"), As = this.__children__.search("__children__", "axis_lines");
-      ws && this.__data__.__state__.setVariable("graph_updated_axis_points", ws.__data__.objects), As && this.__data__.__state__.setVariable("graph_updated_axis_lines", As.__data__.objects), this.update(), i && this._runTween(i);
+        })), it.__data__.__state__.setVariable("layer_updated", it.__data__);
+      } else
+        it == null || it.__data__.__state__.setVariable("layer_updated", it.__data__);
+      [xe, ks].forEach((I) => I == null ? void 0 : I.__data__.__state__.setVariable("layer_updated", I.__data__));
+      const zs = this.__children__.search("__children__", "axis_points"), Cs = this.__children__.search("__children__", "axis_lines");
+      zs && this.__data__.__state__.setVariable("graph_updated_axis_points", zs.__data__.objects), Cs && this.__data__.__state__.setVariable("graph_updated_axis_lines", Cs.__data__.objects), this.update(), i && this._startTween(i);
     });
   }
   static get observedAttributes() {
@@ -2767,6 +2961,7 @@ const gt = class gt extends ve {
       "scale-points",
       "point-scale",
       "center",
+      "view-padding",
       "labels",
       "label-nodes",
       "label-means",
@@ -2776,12 +2971,60 @@ const gt = class gt extends ve {
   get vizena() {
     return this._vizena;
   }
+  /** <qe-graph view-padding>: the view spans ±range × this (default 1.2). */
+  _viewPadding() {
+    const t = Number(this.getAttribute("view-padding"));
+    return this.hasAttribute("view-padding") && Number.isFinite(t) && t > 0 ? t : 1.2;
+  }
   /** SVG user units per CSS pixel at the current size / zoom. */
   unitsPerPixel() {
     var i, n;
     const t = this.__data__.extremes.x_max || 1, e = (n = (i = this.svg_element) == null ? void 0 : i.getBoundingClientRect) == null ? void 0 : n.call(i), s = this.zoom_level || 1;
     return e && e.width > 0 ? 2 * t / e.width / s : t * 4e-3;
   }
+  /**
+   * Keep one mark's label in step with this render. A reused label is rebound
+   * to the render's Point (each render builds new ones, so a label left on the
+   * old Point stays at the old coordinates); one whose text or display mode
+   * changed is rebuilt. A row with no text (label "") has no label, and with
+   * mode "off" only a pinned row does. "auto" / "click" labels keep the state
+   * hover or a click left them in, so a host that re-renders on hover doesn't
+   * undo it. The row's offset, pin and the layer's font weight are applied
+   * every render.
+   */
+  _syncLabel(t, e, s, i, n, r, a) {
+    let h = t.get(e);
+    const o = s.text != null && (r !== q.DISPLAY_TYPES.OFF || s.pinned);
+    h && (!o || h.text !== s.text || h.displayMode !== r) && (h.remove(), t.delete(e), h = void 0), o && (h ? (h.setPoint(i), r === q.DISPLAY_TYPES.ON && h.show()) : (h = new hs(s.text, i, n, this, r), t.set(e, h)), s.offset && h.setOffset(s.offset.x, s.offset.y), h.fontWeight = a, h.setHostPinned(s.pinned));
+  }
+  /** Rendered radius of a code node in graph units (for self-size), or null. */
+  _nodeRadius(t) {
+    const e = this.__children__.search("__children__", "nodes"), s = e == null ? void 0 : e.__children__.find((i) => {
+      var n;
+      return ((n = i.__data__) == null ? void 0 : n.ID) === t;
+    });
+    return s ? s.computeRadius() : null;
+  }
+  /** Remember an interval mark's zoom-1 stroke width and dashes, and apply
+   *  them for the current zoom (see _applyIntervalStroke). */
+  _intervalStroke(t, e, s) {
+    this._intervalBase.set(t, { w: e, dash: s }), this._applyIntervalStroke(t);
+  }
+  /** With <qe-means fixed-size>, divide by the zoom level (the zoom group
+   *  scales strokes and dashes by it); otherwise the zoom-1 values. Interval
+   *  marks are built once per render, so update() re-applies this on zoom. */
+  _applyIntervalStroke(t) {
+    const e = this._intervalBase.get(t);
+    if (!e) return;
+    const s = this._meansFixedSize && this.zoom_level || 1;
+    t.setAttribute("stroke-width", String(e.w / s)), e.dash && t.setAttribute("stroke-dasharray", e.dash.map((i) => i / s).join(" "));
+  }
+  _removeIntervals(t) {
+    t.forEach((e) => e.remove()), t.clear();
+  }
+  _clearLabels(t) {
+    t.forEach((e) => e.remove()), t.clear();
+  }
   // ── Shared re-render scheduler ───────────────────────────────────────────────
   // Batches synchronous attribute / child-list changes into a single microtask
   // so that e.g. adding <qe-edges> and setting its attributes in the same tick
@@ -2789,11 +3032,11 @@ const gt = class gt extends ve {
   _scheduleRerender() {
     !this._vizena || !this._hasModel || this._renderPending || (this._renderPending = !0, queueMicrotask(() => {
       var t;
-      this._renderPending = !1, (t = this._vizena) == null || t.dispatchEvent(new CustomEvent("model-updated", {
+      this._renderPending && (this._renderPending = !1, (t = this._vizena) == null || t.dispatchEvent(new CustomEvent("model-updated", {
         detail: this._vizena.model,
         bubbles: !0,
         composed: !0
-      }));
+      })));
     }));
   }
   // ── Layer configuration reader ────────────────────────────────────────────────
@@ -2801,43 +3044,46 @@ const gt = class gt extends ve {
   // should render.  Called once at the top of every model-updated handler so
   // all rendering decisions are derived from a single snapshot.
   _readLayerConfig() {
-    var g;
-    const t = this.querySelector("qe-nodes"), e = this.querySelector("qe-means"), s = [...this.querySelectorAll("qe-points")], i = s.find((c) => !c.hasAttribute("set")) ?? null, n = s.filter((c) => c.hasAttribute("set")), r = [...this.querySelectorAll("qe-edges")], a = /* @__PURE__ */ u((c) => {
-      var E;
-      return ((E = r.find((m) => m.hasAttribute(c))) == null ? void 0 : E.getAttribute(c)) ?? null;
-    }, "firstAttr"), h = r.find((c) => c.hasAttribute("magnify")), o = this.querySelector("qe-trajectories"), l = this.querySelector("qe-axes"), _ = this.getAttribute("labels");
+    var p;
+    const t = this.querySelector("qe-nodes"), e = this.querySelector("qe-means"), s = [...this.querySelectorAll("qe-points")], i = s.find((u) => !u.hasAttribute("set")) ?? null, n = s.filter((u) => u.hasAttribute("set")), r = [...this.querySelectorAll("qe-edges")], a = /* @__PURE__ */ c((u) => {
+      var d;
+      return ((d = r.find((l) => l.hasAttribute(u))) == null ? void 0 : d.getAttribute(u)) ?? null;
+    }, "firstAttr"), h = r.find((u) => u.hasAttribute("magnify")), o = this.querySelector("qe-trajectories"), _ = this.querySelector("qe-axes"), m = this.getAttribute("labels");
     return {
       // Nodes — always placed from the model (they anchor the coordinate
       // space); <qe-nodes> presence draws them, like every other layer.
-      labelNodes: He(
-        (t == null ? void 0 : t.getAttribute("label")) ?? this.getAttribute("label-nodes") ?? _,
-        H.DISPLAY_TYPES.ON
+      labelNodes: Ee(
+        (t == null ? void 0 : t.getAttribute("label")) ?? this.getAttribute("label-nodes") ?? m,
+        q.DISPLAY_TYPES.ON
       ),
+      // label-font-weight on a layer element (e.g. "bold"); null = 500.
+      labelWeightNodes: (t == null ? void 0 : t.getAttribute("label-font-weight")) || null,
+      nodeFixedSize: !!t && t.hasAttribute("fixed-size"),
       showNodes: !!t,
       range: (() => {
-        const c = this.getAttribute("range");
-        if (c === "network" || c === "points") return c;
-        const E = Number(c);
-        return c != null && Number.isFinite(E) && E > 0 ? E : null;
+        const u = this.getAttribute("range");
+        if (u === "network" || u === "points") return u;
+        const d = Number(u);
+        return u != null && Number.isFinite(d) && d > 0 ? d : null;
       })(),
       plotTitle: this.getAttribute("plot-title") || null,
       labelFont: {
         size: (() => {
-          const c = Number(this.getAttribute("label-font-size"));
-          return Number.isFinite(c) && c > 0 ? c : null;
+          const u = Number(this.getAttribute("label-font-size"));
+          return Number.isFinite(u) && u > 0 ? u : null;
         })(),
         family: this.getAttribute("label-font-family") || null,
         color: this.getAttribute("label-font-color") || null
       },
       edgeWidth: (() => {
-        const c = Number(this.getAttribute("edge-width"));
-        return Number.isFinite(c) && c > 0 && c <= 1 ? c : di;
+        const u = Number(this.getAttribute("edge-width"));
+        return Number.isFinite(u) && u > 0 && u <= 1 ? u : Ei;
       })(),
-      hideUnconnectedNodes: ((g = t == null ? void 0 : t.getAttribute("unconnected")) == null ? void 0 : g.toLowerCase()) === "hide",
+      hideUnconnectedNodes: ((p = t == null ? void 0 : t.getAttribute("unconnected")) == null ? void 0 : p.toLowerCase()) === "hide",
       scalePoints: this.getAttribute("scale-points") !== "false",
       pointScale: (() => {
-        const c = Number(this.getAttribute("point-scale"));
-        return this.hasAttribute("point-scale") && Number.isFinite(c) && c > 0 ? c : null;
+        const u = Number(this.getAttribute("point-scale"));
+        return this.hasAttribute("point-scale") && Number.isFinite(u) && u > 0 ? u : null;
       })(),
       centerContent: this.getAttribute("center") === "content",
       // Means — presence of <qe-means> = show; absence = hide.
@@ -2846,38 +3092,46 @@ const gt = class gt extends ve {
       showCI: !!e && e.hasAttribute("confidence"),
       // intervals="box|crosshairs|none"; absent → the legacy `confidence` flag.
       intervals: (() => {
-        const c = e == null ? void 0 : e.getAttribute("intervals");
-        return c === "box" || c === "crosshairs" || c === "none" ? c : e != null && e.hasAttribute("confidence") ? "box" : "none";
+        const u = e == null ? void 0 : e.getAttribute("intervals");
+        return u === "box" || u === "crosshairs" || u === "none" ? u : e != null && e.hasAttribute("confidence") ? "box" : "none";
       })(),
       showOutlier: !!e && e.hasAttribute("outlier"),
-      labelMeans: He(
-        (e == null ? void 0 : e.getAttribute("label")) ?? this.getAttribute("label-means") ?? _,
-        H.DISPLAY_TYPES.ON
+      labelMeans: Ee(
+        (e == null ? void 0 : e.getAttribute("label")) ?? this.getAttribute("label-means") ?? m,
+        q.DISPLAY_TYPES.ON
       ),
+      labelWeightMeans: (e == null ? void 0 : e.getAttribute("label-font-weight")) || null,
       // fixed-size keeps mean markers a constant on-screen px size (webENA parity).
       meanFixedSize: !!e && e.hasAttribute("fixed-size"),
       // Points — presence of <qe-points> = show unit dots.
       showPoints: !!i,
-      pointSets: n.map((c) => ({
-        set: c.getAttribute("set"),
-        size: c.getAttribute("size") ? parseFloat(c.getAttribute("size")) : null,
-        fixedSize: c.hasAttribute("fixed-size")
+      pointSets: n.map((u) => ({
+        set: u.getAttribute("set"),
+        size: u.getAttribute("size") ? parseFloat(u.getAttribute("size")) : null,
+        fixedSize: u.hasAttribute("fixed-size"),
+        // Label mode: this set's `label`, else <qe-graph label-points>.
+        labelMode: Ee(
+          u.getAttribute("label") ?? this.getAttribute("label-points") ?? m,
+          q.DISPLAY_TYPES.OFF
+        ),
+        labelWeight: u.getAttribute("label-font-weight") || null
       })),
-      labelPoints: He(
-        (i == null ? void 0 : i.getAttribute("label")) ?? this.getAttribute("label-points") ?? _,
-        H.DISPLAY_TYPES.OFF
+      labelPoints: Ee(
+        (i == null ? void 0 : i.getAttribute("label")) ?? this.getAttribute("label-points") ?? m,
+        q.DISPLAY_TYPES.OFF
       ),
+      labelWeightPoints: (i == null ? void 0 : i.getAttribute("label-font-weight")) || null,
       pointSize: i != null && i.getAttribute("size") ? parseFloat(i.getAttribute("size")) : null,
       // fixed-size keeps unit dots a constant on-screen px size (webENA parity).
       pointFixedSize: !!i && i.hasAttribute("fixed-size"),
       // Edges — presence of <qe-edges> = draw a network.
       showEdges: r.length > 0,
-      edgeLayers: r.map(ki),
+      edgeLayers: r.map(qi),
       // Plot-wide edge settings: the first <qe-edges> that sets them.
-      edgeColorScale: Oi(a("color-scale")),
+      edgeColorScale: Gi(a("color-scale")),
       edgeMagnify: h ? (() => {
-        const c = Number(h.getAttribute("magnify"));
-        return Number.isFinite(c) && c > 0 ? c : 1;
+        const u = Number(h.getAttribute("magnify"));
+        return Number.isFinite(u) && u > 0 ? u : 1;
       })() : null,
       // Trajectories — presence of <qe-trajectories> = draw cognitive trajectories
       showTrajectories: !!o,
@@ -2896,9 +3150,10 @@ const gt = class gt extends ve {
       // a per-axis label: a value is used verbatim, an empty attribute falls back
       // to the dimension name (resolved later, where dims are known). null = no
       // label for that axis.
-      showAxes: !!l,
-      axisXLabel: l != null && l.hasAttribute("x") ? l.getAttribute("x") ?? "" : null,
-      axisYLabel: l != null && l.hasAttribute("y") ? l.getAttribute("y") ?? "" : null
+      showAxes: !!_,
+      axesFixedSize: !!_ && _.hasAttribute("fixed-size"),
+      axisXLabel: _ != null && _.hasAttribute("x") ? _.getAttribute("x") ?? "" : null,
+      axisYLabel: _ != null && _.hasAttribute("y") ? _.getAttribute("y") ?? "" : null
     };
   }
   _parseNumberPair(t, e) {
@@ -2912,7 +3167,7 @@ const gt = class gt extends ve {
   connectedCallback() {
     var n;
     const t = this.getAttribute("width"), e = this.getAttribute("height");
-    this.style.display = "block", t && (this.style.width = isNaN(Number(t)) ? t : `${t}px`), e && (this.style.height = isNaN(Number(e)) ? e : `${e}px`), this.appendChild(this.svg_element), gt._instances.add(this), this._childObserver = new MutationObserver(() => this._scheduleRerender()), this._childObserver.observe(this, {
+    this.style.display = "block", t && (this.style.width = isNaN(Number(t)) ? t : `${t}px`), e && (this.style.height = isNaN(Number(e)) ? e : `${e}px`), this.appendChild(this.svg_element), et._instances.add(this), this._childObserver = new MutationObserver(() => this._scheduleRerender()), this._childObserver.observe(this, {
       childList: !0,
       attributes: !0,
       subtree: !0,
@@ -2940,13 +3195,16 @@ const gt = class gt extends ve {
         "labels",
         "range",
         "center",
+        "view-padding",
         "plot-title",
         "label-font-size",
         "label-font-family",
         "label-font-color",
+        "label-font-weight",
         "label-nodes",
         "label-means",
         "label-points",
+        "self-size",
         "units",
         "smooth",
         "degree",
@@ -2976,15 +3234,15 @@ const gt = class gt extends ve {
   }
   disconnectedCallback() {
     var t, e, s;
-    (t = this._childObserver) == null || t.disconnect(), this._childObserver = null, (e = this._resizeObs) == null || e.disconnect(), this._resizeObs = null, gt._instances.delete(this), (s = this._tooltipEl) == null || s.remove(), this._tooltipEl = null;
+    this._stopTween(), (t = this._childObserver) == null || t.disconnect(), this._childObserver = null, (e = this._resizeObs) == null || e.disconnect(), this._resizeObs = null, et._instances.delete(this), (s = this._tooltipEl) == null || s.remove(), this._tooltipEl = null;
   }
   /** All connected <qe-graph> instances (newest membership order). */
   static instances() {
-    return [...gt._instances];
+    return [...et._instances];
   }
   /** Look up a graph by its `id` or `plot-group` attribute. */
   static getGraph(t) {
-    for (const e of gt._instances)
+    for (const e of et._instances)
       if (e.id === t || e.getAttribute("plot-group") === t) return e;
     return null;
   }
@@ -3003,7 +3261,7 @@ const gt = class gt extends ve {
   }
   /** Resolved edges of the current network with weights and direction. */
   getEdges() {
-    const t = /* @__PURE__ */ u((e) => {
+    const t = /* @__PURE__ */ c((e) => {
       const s = this.__children__.search("__children__", e);
       return s ? [...s.__data__.objects.values()] : [];
     }, "collect");
@@ -3018,65 +3276,193 @@ const gt = class gt extends ve {
       };
     }).filter((e) => e.source != null && e.target != null);
   }
-  /** Marks (circles/rects), undirected edge lines, and directed / self-edge
-   *  triangle paths all participate in tweening. */
-  _tweenTargets() {
-    return [...this.svg_element.querySelectorAll(
-      "circle[data-point-id], rect[data-point-id], line[data-edge-source], path[data-edge-source]"
-    )];
-  }
-  _readCoords(t) {
-    const e = t.tagName.toLowerCase(), s = /* @__PURE__ */ u((i) => parseFloat(t.getAttribute(i) || "0"), "n");
-    if (e === "circle") return { t: "c", cx: s("cx"), cy: s("cy") };
-    if (e === "rect") return { t: "r", x: s("x"), y: s("y") };
-    if (e === "line") return { t: "l", x1: s("x1"), y1: s("y1"), x2: s("x2"), y2: s("y2") };
-    if (e === "path") {
-      const i = t.getAttribute("d") || "";
-      return { t: "p", d: i, nums: (i.match(gt._PATH_NUM_RE) || []).map(Number) };
-    }
-    return null;
+  // ── View: zoom / pan ─────────────────────────────────────────────────────────
+  /** <qe-graph zoom-min / zoom-max>: the zoom levels every zoom stays within
+   *  (1 = the fitted view); unbounded when absent. */
+  _zoomLimits() {
+    const t = /* @__PURE__ */ c((e) => {
+      const s = Number(this.getAttribute(e));
+      return this.hasAttribute(e) && Number.isFinite(s) && s > 0 ? s : null;
+    }, "num");
+    return [t("zoom-min") ?? 0, t("zoom-max") ?? 1 / 0];
+  }
+  _clampZoom(t) {
+    const [e, s] = this._zoomLimits();
+    return Math.min(s, Math.max(e, t));
+  }
+  /** <qe-graph zoom-step>: the wheel's zoom factor per 100 px of scroll. */
+  _zoomStep() {
+    const t = Number(this.getAttribute("zoom-step"));
+    return this.hasAttribute("zoom-step") && Number.isFinite(t) && t > 0 ? t : 1.1;
+  }
+  /** Client (CSS px) → root-svg user coordinates, the space the zoom / pan
+   *  transform maps into; null before layout. */
+  _clientToRoot(t, e) {
+    var n, r;
+    const s = (r = (n = this.svg_element).getScreenCTM) == null ? void 0 : r.call(n);
+    if (!s) return null;
+    const i = new DOMPoint(t, e).matrixTransform(s.inverse());
+    return [i.x, i.y];
+  }
+  /** Zoom to `level` (within the limits), keeping the root-svg point
+   *  (ux, uy) where it is on screen. Every zoom goes through here. */
+  _zoomAbout(t, e, s) {
+    if (!(Number.isFinite(t) && t > 0)) return;
+    t = this._clampZoom(t);
+    const i = this.__data__.transform, n = t / (this.zoom_level || 1);
+    i.e = e - n * (e - i.e), i.f = s - n * (s - i.f), i.zoom(t), this.zoom_level = t, this.update();
+  }
+  _stopZoomAnim() {
+    this._zoomAnim !== null && cancelAnimationFrame(this._zoomAnim), this._zoomAnim = null;
+  }
+  /** Ease the zoom to `level` about (ux, uy) over `ms` (double-click). */
+  _animateZoomAbout(t, e, s, i) {
+    this._stopZoomAnim();
+    const n = this.zoom_level || 1, r = this._clampZoom(t);
+    if (r === n) return;
+    const a = performance.now(), h = /* @__PURE__ */ c((o) => {
+      const _ = Math.min(1, Math.max(0, (o - a) / i));
+      this._zoomAbout(_ >= 1 ? r : n * Math.pow(r / n, 1 - Math.pow(1 - _, 3)), e, s), this._zoomAnim = _ < 1 ? requestAnimationFrame(h) : null;
+    }, "step");
+    this._zoomAnim = requestAnimationFrame(h);
   }
-  /** Snapshot current tween-target positions keyed by element. */
-  _captureTween() {
+  /**
+   * Zoom to an absolute level (1 = the fitted view, 2 = twice as close),
+   * about the centre of the view: whatever is under the centre stays there,
+   * pan included. Ignores levels that are not finite and > 0; clamped to
+   * zoom-min / zoom-max. Works with view-locked set.
+   */
+  zoomTo(t) {
+    this._stopZoomAnim();
+    const { cx: e, cy: s } = this.__data__.extremes;
+    this._zoomAbout(t, e, s);
+  }
+  /** Zoom by a factor relative to the current level (> 1 in, < 1 out). */
+  zoomBy(t) {
+    Number.isFinite(t) && t > 0 && this.zoomTo((this.zoom_level || 1) * t);
+  }
+  /** Back to the fitted view: zoom 1 (or the nearest limit), no pan. */
+  resetView() {
+    this._stopZoomAnim();
+    const t = this._clampZoom(1), { cx: e, cy: s } = this.__data__.extremes;
+    this.zoom_level = t, this.__data__.transform.values = t === 1 ? [1, 0, 0, 1, 0, 0] : [t, 0, 0, t, e * (1 - t), s * (1 - t)], this.update();
+  }
+  static _ease(t) {
+    return t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2;
+  }
+  /** Move a Point (or an edge end): QEPoint reads `dimensions`, others `x` / `y`. */
+  static _setXY(t, e, s) {
+    t.x = e, t.y = s, t.dimensions && (t.dimensions[0] = e, t.dimensions[1] = s);
+  }
+  _layerObjects(t) {
+    var e;
+    return (e = this.__children__.search("__children__", t)) == null ? void 0 : e.__data__.objects;
+  }
+  _intervalMarks() {
+    return [...this._ciRects.values(), ...this._outlierRects.values(), ...this._ciCross.values()];
+  }
+  /** A box's x, y, width, height, or a crosshair path's numbers. */
+  _boxGeom(t) {
+    return t.tagName.toLowerCase() === "rect" ? ["x", "y", "width", "height"].map((e) => parseFloat(t.getAttribute(e) || "0")) : ((t.getAttribute("d") || "").match(et._PATH_NUM_RE) || []).map(Number);
+  }
+  /** The plot as drawn now — mid-tween, the in-between state — with the
+   *  running tween's clock and targets, so a new render can continue it. */
+  _captureTweenState() {
+    var n;
     const t = /* @__PURE__ */ new Map();
-    return this._tweenTargets().forEach((e) => {
-      const s = this._readCoords(e);
-      s && t.set(e, s);
-    }), t;
-  }
-  /** Animate each still-present element from its snapshot to its new position. */
-  _runTween(t) {
-    this._tweenRaf !== null && (cancelAnimationFrame(this._tweenRaf), this._tweenRaf = null);
+    for (const r of ["points", "nodes"])
+      (n = this._layerObjects(r)) == null || n.forEach((a, h) => t.set(`${r}:${h}`, [a.x, a.y]));
     const e = /* @__PURE__ */ new Map();
-    if (this._tweenTargets().forEach((h) => {
-      if (t.has(h)) {
-        const o = this._readCoords(h);
-        o && e.set(h, o);
+    this._intervalMarks().forEach((r) => e.set(r, this._boxGeom(r)));
+    const s = this.__data__.extremes, i = this._tween;
+    return {
+      marks: t,
+      boxes: e,
+      view: [s.x_max, s.y_max, s.cx, s.cy],
+      running: i ? {
+        t0: i.t0,
+        k: i.k,
+        marks: new Map(i.marks.map((r) => [r.key, [r.tx, r.ty]])),
+        boxes: new Map(i.boxes.map((r) => [r.el, r.to])),
+        view: i.view.to
+      } : null
+    };
+  }
+  _stopTween() {
+    this._tweenRaf !== null && cancelAnimationFrame(this._tweenRaf), this._tweenRaf = null, this._tween = null, this._tweenView = null;
+  }
+  /**
+   * Tween from `prev` (what was on screen) to the plot just rendered. A render
+   * that lands mid-tween with the same targets (the same model again, an
+   * attribute that moves nothing) continues on the running clock; one with
+   * new targets starts a fresh tween from the current, in-between positions.
+   */
+  _startTween(t) {
+    var b;
+    const e = performance.now(), s = /* @__PURE__ */ c((f, w) => !!w && f.length === w.length && f.every(($, z) => $ === w[z]), "same"), i = [];
+    for (const f of ["points", "nodes"])
+      (b = this._layerObjects(f)) == null || b.forEach((w, $) => {
+        const z = `${f}:${$}`, D = t.marks.get(z);
+        D && i.push({ key: z, o: w, tx: w.x, ty: w.y, cx: D[0], cy: D[1] });
+      });
+    const n = this._intervalMarks().map((f) => ({ el: f, to: this._boxGeom(f), cur: t.boxes.get(f) })).filter((f) => f.cur && f.cur.length === f.to.length), r = this.__data__.extremes, a = [r.x_max, r.y_max, r.cx, r.cy], h = t.running, o = !!h && h.k < 0.95 && s(a, h.view) && i.every((f) => s([f.tx, f.ty], h.marks.get(f.key) ?? [f.cx, f.cy])) && n.every((f) => s(f.to, h.boxes.get(f.el) ?? f.cur)), _ = o ? h.k : 0, m = /* @__PURE__ */ c((f, w) => _ > 0 ? (f - _ * w) / (1 - _) : f, "from"), p = i.map((f) => ({ key: f.key, o: f.o, tx: f.tx, ty: f.ty, fx: m(f.cx, f.tx), fy: m(f.cy, f.ty) })).filter((f) => f.fx !== f.tx || f.fy !== f.ty), u = n.map((f) => ({
+      el: f.el,
+      to: f.to,
+      from: f.cur.map((w, $) => m(w, f.to[$])),
+      attrs: Object.fromEntries(["x", "y", "width", "height", "d"].filter((w) => f.el.hasAttribute(w)).map((w) => [w, f.el.getAttribute(w)]))
+    })).filter((f) => !s(f.from, f.to)), d = t.view.map((f, w) => m(f, a[w]));
+    if (!p.length && !u.length && s(d, a)) return;
+    this._tween = {
+      t0: o ? h.t0 : e,
+      dur: this._animateMs,
+      k: _,
+      marks: p,
+      boxes: u,
+      view: { from: d, to: a }
+    }, this._tweenFrame(_);
+    const l = /* @__PURE__ */ c((f) => {
+      const w = this._tween;
+      if (!w) return;
+      const $ = (f - w.t0) / w.dur;
+      if ($ >= 1) {
+        this._endTween();
+        return;
       }
-    }), !e.size) return;
-    const s = this._animateMs, i = performance.now(), n = /* @__PURE__ */ u((h) => h < 0.5 ? 2 * h * h : 1 - Math.pow(-2 * h + 2, 2) / 2, "ease"), r = /* @__PURE__ */ u((h, o, l) => h + (o - h) * l, "lerp"), a = /* @__PURE__ */ u((h) => {
-      const o = Math.min(1, (h - i) / s), l = n(o);
-      e.forEach((_, g) => {
-        const c = t.get(g);
-        if (!(!c || c.t !== _.t))
-          if (_.t === "c")
-            g.setAttribute("cx", String(r(c.cx, _.cx, l))), g.setAttribute("cy", String(r(c.cy, _.cy, l)));
-          else if (_.t === "r")
-            g.setAttribute("x", String(r(c.x, _.x, l))), g.setAttribute("y", String(r(c.y, _.y, l)));
-          else if (_.t === "l")
-            g.setAttribute("x1", String(r(c.x1, _.x1, l))), g.setAttribute("y1", String(r(c.y1, _.y1, l))), g.setAttribute("x2", String(r(c.x2, _.x2, l))), g.setAttribute("y2", String(r(c.y2, _.y2, l)));
-          else {
-            if (!c.nums || c.nums.length !== _.nums.length) return;
-            let E = 0;
-            const m = _.d.replace(
-              gt._PATH_NUM_RE,
-              () => String(r(c.nums[E], _.nums[E++], l))
-            );
-            g.setAttribute("d", m);
-          }
-      }), this._tweenRaf = o < 1 ? requestAnimationFrame(a) : null;
+      this._tweenFrame(Math.max(w.k, et._ease(Math.max(0, $)))), this._tweenRaf = requestAnimationFrame(l);
     }, "step");
-    this._tweenRaf = requestAnimationFrame(a);
+    this._tweenRaf = requestAnimationFrame(l);
+  }
+  /** Draw the tween at eased progress k (0 = start, 1 = end). */
+  _tweenFrame(t) {
+    const e = this._tween;
+    if (!e) return;
+    e.k = t;
+    const s = /* @__PURE__ */ c((i, n) => i + (n - i) * t, "lerp");
+    e.marks.forEach((i) => et._setXY(i.o, s(i.fx, i.tx), s(i.fy, i.ty))), this._attachEdges(), e.boxes.forEach((i) => {
+      const n = i.from.map((r, a) => s(r, i.to[a]));
+      if ("d" in i.attrs) {
+        let r = 0;
+        i.el.setAttribute("d", i.attrs.d.replace(et._PATH_NUM_RE, () => String(n[r++])));
+      } else
+        ["x", "y", "width", "height"].forEach((r, a) => i.el.setAttribute(r, String(n[a])));
+    }), this._tweenView = e.view.from.map((i, n) => s(i, e.view.to[n])), this.update();
+  }
+  /** Land exactly on the rendered plot and stop. */
+  _endTween() {
+    const t = this._tween;
+    t && (t.marks.forEach((e) => et._setXY(e.o, e.tx, e.ty)), this._attachEdges(), t.boxes.forEach((e) => Object.entries(e.attrs).forEach(([s, i]) => e.el.setAttribute(s, i))), this._stopTween(), this.update());
+  }
+  /** Put each edge's ends on its nodes' current positions. */
+  _attachEdges() {
+    var e;
+    const t = this._layerObjects("nodes");
+    if (t)
+      for (const s of ["edges", "edgenodes"])
+        (e = this._layerObjects(s)) == null || e.forEach((i) => {
+          var a, h;
+          const n = t.get((a = i.meta) == null ? void 0 : a.source), r = t.get((h = i.meta) == null ? void 0 : h.target);
+          n && i.from && et._setXY(i.from, n.x, n.y), r && i.to && et._setXY(i.to, r.x, r.y);
+        });
   }
   /** Serialize the current plot as a standalone SVG string (webENA P2.3). */
   toSVG() {
@@ -3090,23 +3476,23 @@ const gt = class gt extends ve {
   toPNG(t = 2) {
     const e = this.toSVG(), s = this.svg_element.getBoundingClientRect(), i = Math.max(1, Math.round(s.width)), n = Math.max(1, Math.round(s.height));
     return new Promise((r, a) => {
-      const h = new Blob([e], { type: "image/svg+xml;charset=utf-8" }), o = URL.createObjectURL(h), l = new Image();
-      l.onload = () => {
+      const h = new Blob([e], { type: "image/svg+xml;charset=utf-8" }), o = URL.createObjectURL(h), _ = new Image();
+      _.onload = () => {
         try {
-          const _ = document.createElement("canvas");
-          _.width = i * t, _.height = n * t;
-          const g = _.getContext("2d");
-          if (!g) {
+          const m = document.createElement("canvas");
+          m.width = i * t, m.height = n * t;
+          const p = m.getContext("2d");
+          if (!p) {
             URL.revokeObjectURL(o), a(new Error("no 2d context"));
             return;
           }
-          g.scale(t, t), g.drawImage(l, 0, 0, i, n), URL.revokeObjectURL(o), r(_.toDataURL("image/png"));
-        } catch (_) {
-          URL.revokeObjectURL(o), a(_);
+          p.scale(t, t), p.drawImage(_, 0, 0, i, n), URL.revokeObjectURL(o), r(m.toDataURL("image/png"));
+        } catch (m) {
+          URL.revokeObjectURL(o), a(m);
         }
-      }, l.onerror = (_) => {
-        URL.revokeObjectURL(o), a(_);
-      }, l.src = o;
+      }, _.onerror = (m) => {
+        URL.revokeObjectURL(o), a(m);
+      }, _.src = o;
     });
   }
   /** Unit points with their current graph-space coordinates. */
@@ -3143,114 +3529,169 @@ const gt = class gt extends ve {
     this._highlight.edges.clear(), this._highlight.nodes.clear(), this._applyHighlights();
   }
   _applyHighlights() {
+    var _;
     if (!this.svg_element) return;
-    this._highlightGroup || (this._highlightGroup = document.createElementNS("http://www.w3.org/2000/svg", "g"), this._highlightGroup.setAttribute("data-layer-name", "highlight"), this._highlightGroup.setAttribute("pointer-events", "none")), this.svg_element.appendChild(this._highlightGroup);
-    const t = this._highlightGroup;
-    t.textContent = "";
-    const e = this.__data__.extremes.x_max || 1, s = "#f5a623", i = /* @__PURE__ */ u((n, r) => {
-      const a = document.createElementNS("http://www.w3.org/2000/svg", n);
-      for (const h in r) a.setAttribute(h, String(r[h]));
-      return a;
+    this._highlightGroup || (this._highlightGroup = document.createElementNS("http://www.w3.org/2000/svg", "g"), this._highlightGroup.setAttribute("data-layer-name", "highlight"), this._highlightGroup.setAttribute("pointer-events", "none"));
+    const t = this._highlight.edges.size > 0 || this._highlight.nodes.size > 0, e = (_ = this.__children__[0]) == null ? void 0 : _.svg_element;
+    (t && e ? e : this.svg_element).appendChild(this._highlightGroup);
+    const s = this._highlightGroup;
+    s.textContent = "";
+    const i = this.__data__.extremes.x_max || 1, n = "#f5a623", r = this.zoom_level || 1, a = this._edgesFixedSize ? r : 1, h = /* @__PURE__ */ c((m) => {
+      var d;
+      const p = /* @__PURE__ */ c((l) => {
+        var b;
+        return (b = this.__children__.search("__children__", l)) == null ? void 0 : b.__data__.objects.get(m);
+      }, "find"), u = (d = p("nodes") ?? p("points")) == null ? void 0 : d.meta;
+      return u != null && u.zoomFixed || u != null && u.fixedSize ? r : 1;
+    }, "markK"), o = /* @__PURE__ */ c((m, p) => {
+      const u = document.createElementNS("http://www.w3.org/2000/svg", m);
+      for (const d in p) u.setAttribute(d, String(p[d]));
+      return u;
     }, "mk");
     if (this._highlight.edges.size) {
-      const n = {};
-      this.getNodes().forEach((r) => {
-        n[r.id] = { x: r.x, y: r.y };
-      }), this._highlight.edges.forEach((r) => {
-        const [a, h] = r.split("\0"), o = n[a], l = n[h];
-        !o || !l || t.appendChild(i("line", {
-          x1: o.x,
-          y1: o.y,
-          x2: l.x,
-          y2: l.y,
-          stroke: s,
-          "stroke-width": e * 0.02,
+      const m = {};
+      this.getNodes().forEach((p) => {
+        m[p.id] = { x: p.x, y: p.y };
+      }), this._highlight.edges.forEach((p) => {
+        const [u, d] = p.split("\0"), l = m[u], b = m[d];
+        !l || !b || s.appendChild(o("line", {
+          x1: l.x,
+          y1: l.y,
+          x2: b.x,
+          y2: b.y,
+          stroke: n,
+          "stroke-width": i * 0.02 / a,
           "stroke-opacity": 0.6,
           "stroke-linecap": "round"
         }));
       });
     }
-    this._highlight.nodes.forEach((n) => {
-      var _;
-      const r = this.svg_element.querySelector(`[data-point-id="${(_ = window.CSS) != null && _.escape ? CSS.escape(n) : n}"]`);
-      if (!r) return;
-      const a = r.tagName.toLowerCase();
-      let h, o, l;
-      if (a === "rect") {
-        const g = parseFloat(r.getAttribute("width") || "0");
-        h = parseFloat(r.getAttribute("x") || "0") + g / 2, o = parseFloat(r.getAttribute("y") || "0") + parseFloat(r.getAttribute("height") || "0") / 2, l = g / 2;
+    this._highlight.nodes.forEach((m) => {
+      var f;
+      const p = this.svg_element.querySelector(`[data-point-id="${(f = window.CSS) != null && f.escape ? CSS.escape(m) : m}"]`);
+      if (!p) return;
+      const u = p.tagName.toLowerCase();
+      let d, l, b;
+      if (u === "rect") {
+        const w = parseFloat(p.getAttribute("width") || "0");
+        d = parseFloat(p.getAttribute("x") || "0") + w / 2, l = parseFloat(p.getAttribute("y") || "0") + parseFloat(p.getAttribute("height") || "0") / 2, b = w / 2;
       } else
-        h = parseFloat(r.getAttribute("cx") || "0"), o = parseFloat(r.getAttribute("cy") || "0"), l = parseFloat(r.getAttribute("r") || "0");
-      t.appendChild(i("circle", {
-        cx: h,
-        cy: o,
-        r: l * 1.7 + e * 4e-3,
+        d = parseFloat(p.getAttribute("cx") || "0"), l = parseFloat(p.getAttribute("cy") || "0"), b = parseFloat(p.getAttribute("r") || "0");
+      s.appendChild(o("circle", {
+        cx: d,
+        cy: l,
+        r: b * 1.7 + i * 4e-3 / h(m),
         fill: "none",
-        stroke: s,
-        "stroke-width": e * 6e-3
+        stroke: n,
+        "stroke-width": i * 6e-3 / h(m)
       }));
     });
   }
   create() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
     t.classList.add("graph"), t.style.display = "block", t.style.width = "100%", t.style.height = "100%", t.setAttribute("preserveAspectRatio", "xMidYMid meet"), t.setAttribute("viewBox", this.__data__.extremes.as_viewBox()), t.setAttribute("transform", this.__data__.transform.toString()), t.setAttribute("role", "figure"), t.setAttribute("data-graph-size", `${Math.min(this.__data__.extremes.width, this.__data__.extremes.height)}`), this.svg_element = t;
-    const e = document.createElementNS("http://www.w3.org/2000/svg", "defs"), s = 0.22, i = 0.15, n = /* @__PURE__ */ u((r, a) => {
+    const e = document.createElementNS("http://www.w3.org/2000/svg", "defs"), s = 0.22, i = 0.15, n = /* @__PURE__ */ c((r, a) => {
       const h = document.createElementNS("http://www.w3.org/2000/svg", "marker");
       h.setAttribute("id", r), h.setAttribute("markerWidth", String(s)), h.setAttribute("markerHeight", String(i)), h.setAttribute("refX", String(s)), h.setAttribute("refY", String(i / 2)), h.setAttribute("orient", "auto"), h.setAttribute("markerUnits", "userSpaceOnUse");
       const o = document.createElementNS("http://www.w3.org/2000/svg", "path");
       o.setAttribute("d", `M0,0 L0,${i} L${s},${i / 2} z`), o.setAttribute("fill", a), h.appendChild(o), e.appendChild(h);
     }, "makeArrow");
-    return Vs.forEach((r) => n(`qe-arrow-${r.slice(1)}`, r)), t.appendChild(e), this.__data__.layers.forEach((r) => {
-      const a = new ts(r, this.svg_element, this);
+    return oi.forEach((r) => n(`qe-arrow-${r.slice(1)}`, r)), t.appendChild(e), this.__data__.layers.forEach((r) => {
+      const a = new as(r, this.svg_element, this);
       this.__children__.push(a);
     }), this.__data__.__state__.setVariable("graph_updated", this.__data__), this.attach_events(), t;
   }
   attach_events() {
-    this.svg_element.addEventListener("wheel", (o) => {
-      console.log("Wheel event: ", o), o.preventDefault(), Math.sign(o.deltaY) < 0 ? this.zoom_level *= 1.1 : this.zoom_level /= 1.1, this.__data__.transform.zoom(this.zoom_level), this.update();
+    const t = /* @__PURE__ */ c(() => this.hasAttribute("view-locked"), "locked");
+    this.svg_element.addEventListener("wheel", (d) => {
+      if (t()) return;
+      d.preventDefault();
+      const l = d.deltaMode === 1 ? 33 : d.deltaMode === 2 ? this.svg_element.clientHeight || 800 : 1, b = d.deltaY * l, f = d.ctrlKey ? Math.exp(-b / 100) : Math.pow(this._zoomStep(), -b / 100);
+      this._stopZoomAnim();
+      const w = this._clientToRoot(d.clientX, d.clientY);
+      w ? this._zoomAbout((this.zoom_level || 1) * f, w[0], w[1]) : this.zoomBy(f);
+    }, { passive: !1 }), this.svg_element.addEventListener("dblclick", (d) => {
+      var b, f;
+      if (t() || (f = (b = d.target) == null ? void 0 : b.closest) != null && f.call(b, "text[data-label-for]")) return;
+      d.preventDefault();
+      const l = this._clientToRoot(d.clientX, d.clientY);
+      l && this._animateZoomAbout((this.zoom_level || 1) * 2.2, l[0], l[1], 200);
     });
-    let t = !1, e, s;
-    this.svg_element.addEventListener("mousedown", (o) => {
-      t = !0, e = o.clientX, s = o.clientY;
+    const e = /* @__PURE__ */ new Map();
+    let s = null;
+    const i = /* @__PURE__ */ c(() => {
+      const [d, l] = [...e.values()];
+      return d ? l ? { mid: [(d[0] + l[0]) / 2, (d[1] + l[1]) / 2], dist: Math.hypot(d[0] - l[0], d[1] - l[1]), n: 2 } : { mid: d, dist: 0, n: 1 } : null;
+    }, "measure");
+    this.svg_element.addEventListener("pointerdown", (d) => {
+      d.pointerType !== "touch" || t() || (e.set(d.pointerId, [d.clientX, d.clientY]), s = i(), this._stopZoomAnim());
+    }), this.svg_element.addEventListener("pointermove", (d) => {
+      if (!e.has(d.pointerId)) return;
+      if (t()) {
+        e.clear(), s = null;
+        return;
+      }
+      e.set(d.pointerId, [d.clientX, d.clientY]);
+      const l = i();
+      if (l && s && l.n === s.n) {
+        const b = this._clientToRoot(...s.mid), f = this._clientToRoot(...l.mid);
+        if (b && f) {
+          const w = this.__data__.transform;
+          w.pan(f[0] - b[0], f[1] - b[1]), l.n === 2 && s.dist > 0 && l.dist > 0 ? this._zoomAbout((this.zoom_level || 1) * l.dist / s.dist, f[0], f[1]) : this.__children__[0].svg_element.setAttribute("transform", w.toString());
+        }
+      }
+      s = l;
+    });
+    const n = /* @__PURE__ */ c((d) => {
+      e.delete(d.pointerId) && (s = i());
+    }, "touchEnd");
+    this.svg_element.addEventListener("pointerup", n), this.svg_element.addEventListener("pointercancel", n);
+    let r = !1, a = 0, h = 0;
+    this.svg_element.addEventListener("mousedown", (d) => {
+      t() || (r = !0, a = d.clientX, h = d.clientY);
     });
-    let i = null, n = null;
-    const r = /* @__PURE__ */ u(() => {
-      n && (this.__data__.transform.pan(n.dx, n.dy), this.__children__[0].svg_element.setAttribute("transform", this.__data__.transform.toString()), n = null), i = null;
+    let o = null, _ = null;
+    const m = /* @__PURE__ */ c(() => {
+      _ && (this.__data__.transform.pan(_.dx, _.dy), this.__children__[0].svg_element.setAttribute("transform", this.__data__.transform.toString()), _ = null), o = null;
     }, "panUpdate");
-    this.svg_element.addEventListener("mousemove", (o) => {
-      if (!t) return;
-      const l = o.clientX - e, _ = o.clientY - s;
-      n = { dx: l / 100, dy: _ / 100 }, e = o.clientX, s = o.clientY, i === null && (i = requestAnimationFrame(r));
-    }), this.svg_element.addEventListener("mouseup", (o) => {
-      t = !1;
-    }), this.svg_element.addEventListener("point-clicked", ((o) => {
-      var g, c;
-      const l = (c = (g = o.detail) == null ? void 0 : g.pointData) == null ? void 0 : c.ID;
+    this.svg_element.addEventListener("mousemove", (d) => {
+      if (!r) return;
+      if (d.buttons === 0) {
+        r = !1;
+        return;
+      }
+      const l = this._clientToRoot(a, h), b = this._clientToRoot(d.clientX, d.clientY);
+      a = d.clientX, h = d.clientY, !(!l || !b) && (_ = { dx: ((_ == null ? void 0 : _.dx) ?? 0) + b[0] - l[0], dy: ((_ == null ? void 0 : _.dy) ?? 0) + b[1] - l[1] }, o === null && (o = requestAnimationFrame(m)));
+    }), this.svg_element.addEventListener("mouseup", (d) => {
+      r = !1;
+    }), this.svg_element.addEventListener("point-clicked", ((d) => {
+      var f, w;
+      const l = (w = (f = d.detail) == null ? void 0 : f.pointData) == null ? void 0 : w.ID;
       if (!l) return;
-      const _ = this._pointLabels.get(l) ?? this._meanLabels.get(l.replace("mean-", "")) ?? this._nodeLabels.get(l);
-      _ && _.displayMode === H.DISPLAY_TYPES.CLICK && _.toggle();
+      const b = this._pointLabels.get(l) ?? this._setLabels.get(l) ?? this._meanLabels.get(l.replace("mean-", "")) ?? this._nodeLabels.get(l);
+      b && b.displayMode === q.DISPLAY_TYPES.CLICK && b.toggle();
     }));
-    const a = /* @__PURE__ */ u((o) => {
+    const p = /* @__PURE__ */ c((d) => {
       var l;
-      for (; o && o !== this.svg_element; ) {
-        const _ = (l = o.getAttribute) == null ? void 0 : l.call(o, "data-point-id");
-        if (_) return _;
-        o = o.parentElement;
+      for (; d && d !== this.svg_element; ) {
+        const b = (l = d.getAttribute) == null ? void 0 : l.call(d, "data-point-id");
+        if (b) return b;
+        d = d.parentElement;
       }
       return null;
-    }, "findPointId"), h = /* @__PURE__ */ u((o) => this._pointLabels.get(o) ?? this._meanLabels.get(o.replace(/^mean-/, "")) ?? this._nodeLabels.get(o), "getAutoLabel");
-    this.svg_element.addEventListener("mouseover", (o) => {
-      const l = a(o.target);
+    }, "findPointId"), u = /* @__PURE__ */ c((d) => this._pointLabels.get(d) ?? this._setLabels.get(d) ?? this._meanLabels.get(d.replace(/^mean-/, "")) ?? this._nodeLabels.get(d), "getAutoLabel");
+    this.svg_element.addEventListener("mouseover", (d) => {
+      const l = p(d.target);
       if (!l) return;
-      const _ = h(l);
-      (_ == null ? void 0 : _.displayMode) === H.DISPLAY_TYPES.AUTO && _.show();
-    }), this.svg_element.addEventListener("mouseout", (o) => {
-      const l = a(o.target);
+      const b = u(l);
+      (b == null ? void 0 : b.displayMode) === q.DISPLAY_TYPES.AUTO && b.show();
+    }), this.svg_element.addEventListener("mouseout", (d) => {
+      const l = p(d.target);
       if (!l) return;
-      const _ = o.relatedTarget;
-      if (a(_) === l) return;
-      const c = h(l);
-      (c == null ? void 0 : c.displayMode) === H.DISPLAY_TYPES.AUTO && c.hide();
+      const b = d.relatedTarget;
+      if (p(b) === l) return;
+      const w = u(l);
+      (w == null ? void 0 : w.displayMode) === q.DISPLAY_TYPES.AUTO && w.hide();
     }), this._attachInteractionEvents();
   }
   /** Emit a namespaced CustomEvent on the public element (bubbles + composed). */
@@ -3307,7 +3748,7 @@ const gt = class gt extends ve {
       a && this._emit("qe-node-click", { ...a, originalEvent: i });
     });
     let e = null;
-    const s = /* @__PURE__ */ u((i, n) => i === "edge" ? `${n.source}\0${n.target}` : String(n.id), "keyOf");
+    const s = /* @__PURE__ */ c((i, n) => i === "edge" ? `${n.source}\0${n.target}` : String(n.id), "keyOf");
     t.addEventListener("mousemove", (i) => {
       const n = i.target, r = this._edgeDetail(n), a = r ? null : this._nodeDetail(n), h = r ? { type: "edge", detail: r } : a ? { type: "node", detail: a } : null, o = h ? s(h.type, h.detail) : null;
       e && (!h || e.key !== o) && (this._emit(e.type === "edge" ? "qe-edge-unhover" : "qe-node-unhover", { key: e.key }), e = null), h && (!e || e.key !== o) && (this._emit(h.type === "edge" ? "qe-edge-hover" : "qe-node-hover", { ...h.detail, originalEvent: i }), e = { type: h.type, key: o }), this.hasAttribute("tooltip") && h ? this._showTooltip(this._tooltipText(h.type, h.detail), i.clientX, i.clientY) : this._hideTooltip();
@@ -3362,7 +3803,7 @@ const gt = class gt extends ve {
     }
   }
   update() {
-    this.update_extremes(), this.update_layers(), this.update_labels(), this.update_extremes(), this.update_axes(), this._applyHighlights();
+    this.update_extremes(), this.update_layers(), [this._ciRects, this._outlierRects, this._ciCross].forEach((t) => t.forEach((e) => this._applyIntervalStroke(e))), this.update_labels(), this.update_extremes(), this.update_axes(), this._applyHighlights();
   }
   /**
    * Axes (<qe-axes>): toggle the axis-line cross by presence, and draw/position
@@ -3370,55 +3811,58 @@ const gt = class gt extends ve {
    * cached SVG <text> nodes in the labels group; null text removes them.
    */
   update_axes() {
-    var o, l;
+    var m, p;
     const t = this.__children__.search("__children__", "axes");
     t != null && t.svg_element && (t.svg_element.style.display = this._showAxes ? "" : "none");
     const e = this._labelsGroup, s = this.__data__.extremes.x_max, { cx: i, cy: n } = this.__data__.extremes;
     if (!e || s <= 0) return;
-    const r = s * 0.06, a = r * 0.6, h = /* @__PURE__ */ u((_, g) => {
-      let c = this._axisLabelEls.get(_);
-      if (!this._showAxes || g == null) {
-        c && (c.remove(), this._axisLabelEls.delete(_));
+    const r = s * 0.06, a = r * 0.6, h = r / (this._axesFixedSize && this.zoom_level || 1), o = h * 0.6, _ = /* @__PURE__ */ c((u, d) => {
+      let l = this._axisLabelEls.get(u);
+      if (!this._showAxes || d == null) {
+        l && (l.remove(), this._axisLabelEls.delete(u));
         return;
       }
-      c || (c = document.createElementNS("http://www.w3.org/2000/svg", "text"), c.setAttribute("data-axis-label", _), c.setAttribute("pointer-events", "none"), e.appendChild(c), this._axisLabelEls.set(_, c)), c.textContent = g, c.setAttribute("font-size", r.toString()), c.setAttribute("font-family", "system-ui, sans-serif"), c.setAttribute("font-weight", "600"), c.setAttribute("fill", "#556"), _ === "x" ? (c.setAttribute("x", (i + s - a).toString()), c.setAttribute("y", (-a).toString()), c.setAttribute("text-anchor", "end")) : (c.setAttribute("x", a.toString()), c.setAttribute("y", (n - s + r + a).toString()), c.setAttribute("text-anchor", "start"));
+      l || (l = document.createElementNS("http://www.w3.org/2000/svg", "text"), l.setAttribute("data-axis-label", u), l.setAttribute("pointer-events", "none"), e.appendChild(l), this._axisLabelEls.set(u, l)), l.textContent = d, l.setAttribute("font-size", h.toString()), l.setAttribute("font-family", "system-ui, sans-serif"), l.setAttribute("font-weight", "600"), l.setAttribute("fill", "#556"), u === "x" ? (l.setAttribute("x", (i + s - o).toString()), l.setAttribute("y", (-o).toString()), l.setAttribute("text-anchor", "end")) : (l.setAttribute("x", o.toString()), l.setAttribute("y", (n - s + h + o).toString()), l.setAttribute("text-anchor", "start"));
     }, "place");
-    if (h("x", this._axisXText), h("y", this._axisYText), this._magnifyText == null)
-      (o = this._magnifyEl) == null || o.remove(), this._magnifyEl = null;
+    if (_("x", this._axisXText), _("y", this._axisYText), this._magnifyText == null)
+      (m = this._magnifyEl) == null || m.remove(), this._magnifyEl = null;
     else {
       this._magnifyEl || (this._magnifyEl = document.createElementNS("http://www.w3.org/2000/svg", "text"), this._magnifyEl.setAttribute("data-magnify-label", ""), this._magnifyEl.setAttribute("pointer-events", "none")), this._magnifyEl.parentElement || e.appendChild(this._magnifyEl);
-      const _ = this._magnifyEl;
-      _.textContent = this._magnifyText, _.setAttribute("font-size", (r * 0.85).toString()), _.setAttribute("font-family", "system-ui, sans-serif"), _.setAttribute("font-style", "italic"), _.setAttribute("fill", "#556"), _.setAttribute("x", (i - s + a).toString()), _.setAttribute("y", (n - s + r + a).toString()), _.setAttribute("text-anchor", "start");
+      const u = this._magnifyEl;
+      u.textContent = this._magnifyText, u.setAttribute("font-size", (r * 0.85).toString()), u.setAttribute("font-family", "system-ui, sans-serif"), u.setAttribute("font-style", "italic"), u.setAttribute("fill", "#556"), u.setAttribute("x", (i - s + a).toString()), u.setAttribute("y", (n - s + r + a).toString()), u.setAttribute("text-anchor", "start");
     }
     if (!this._plotTitle)
-      (l = this._titleEl) == null || l.remove(), this._titleEl = null;
+      (p = this._titleEl) == null || p.remove(), this._titleEl = null;
     else {
       this._titleEl || (this._titleEl = document.createElementNS("http://www.w3.org/2000/svg", "text"), this._titleEl.setAttribute("data-plot-title", ""), this._titleEl.setAttribute("pointer-events", "none")), this._titleEl.parentElement || e.appendChild(this._titleEl);
-      const g = (this._labelFont.size ?? 12) * 1.35 * this.unitsPerPixel(), c = this._titleEl;
-      c.textContent = this._plotTitle, c.setAttribute("font-size", g.toString()), c.setAttribute("font-family", this._labelFont.family ?? "system-ui, sans-serif"), c.setAttribute("font-weight", "600"), c.setAttribute("fill", this._labelFont.color ?? "#223"), c.setAttribute("x", i.toString()), c.setAttribute("y", (n - s + g * 1.1).toString()), c.setAttribute("text-anchor", "middle");
+      const d = (this._labelFont.size ?? 12) * 1.35 * this.unitsPerPixel(), l = this._titleEl;
+      l.textContent = this._plotTitle, l.setAttribute("font-size", d.toString()), l.setAttribute("font-family", this._labelFont.family ?? "system-ui, sans-serif"), l.setAttribute("font-weight", "600"), l.setAttribute("fill", this._labelFont.color ?? "#223"), l.setAttribute("x", i.toString()), l.setAttribute("y", (n - s + d * 1.1).toString()), l.setAttribute("text-anchor", "middle");
     }
   }
   update_labels() {
-    this._nodeLabels.forEach((t) => t.update()), this._meanLabels.forEach((t) => t.update()), this._pointLabels.forEach((t) => t.update());
+    this._nodeLabels.forEach((t) => t.update()), this._meanLabels.forEach((t) => t.update()), this._pointLabels.forEach((t) => t.update()), this._setLabels.forEach((t) => t.update());
   }
   update_extremes() {
     var s;
     const t = this.__data__;
-    if (t.update_extremes(this._centerContent), this._rangeExtent && this._rangeExtent > 0) {
+    if (this._tweenView) {
+      const [i, n, r, a] = this._tweenView;
+      t.extremes = new Ct(i, n, r, a);
+    } else if (t.update_extremes(this._centerContent), this._rangeExtent && this._rangeExtent > 0) {
       const { cx: i, cy: n } = t.extremes, r = this._centerContent && this._rangeMode === "network" ? t.nodeExtentFrom(i, n) * 1.2 : this._rangeExtent;
-      t.extremes = new Rt(r, r, i, n);
+      t.extremes = new Ct(r, r, i, n);
     }
     const e = (s = this.svg_element) == null ? void 0 : s.getBoundingClientRect();
     if (this.svg_element && e) {
-      console.log("SVG rect: ", e);
+      Qt("SVG rect: ", e);
       let i, n;
-      e.width === 0 || e.height === 0 ? (i = 1, n = 1) : (i = e.width, n = e.height), this.__data__.scale_x = 1 / (i / (4 * this.__data__.extremes.x_max)), this.__data__.scale_y = 1 / (n / (4 * this.__data__.extremes.y_max)), this.__children__[0].svg_element.setAttribute("transform", this.__data__.transform.toString()), this.svg_element.setAttribute("viewBox", this.__data__.extremes.as_viewBox());
+      e.width === 0 || e.height === 0 ? (i = 1, n = 1) : (i = e.width, n = e.height), this.__data__.scale_x = 1 / (i / (4 * this.__data__.extremes.x_max)), this.__data__.scale_y = 1 / (n / (4 * this.__data__.extremes.y_max)), this.__children__[0].svg_element.setAttribute("transform", this.__data__.transform.toString()), this.svg_element.setAttribute("viewBox", this.__data__.extremes.as_viewBox(this._viewPadding()));
       let r = this.__data__.layers.search("layers", "axis_lines");
       if (r) {
         let a = r.objects.get("axis-x"), h = r.objects.get("axis-y");
         if (a && h) {
           const o = this.__data__.extremes;
-          a.from = new J({ ID: "axis-x-start", dimensions: [o.cx - o.x_max, 0], classes: ["ena.dimension", "ena.dimension"] }), a.to = new J({ ID: "axis-x-end", dimensions: [o.cx + o.x_max, 0], classes: ["ena.dimension", "ena.dimension"] }), h.from = new J({ ID: "axis-y-start", dimensions: [0, o.cy - o.y_max], classes: ["ena.dimension", "ena.dimension"] }), h.to = new J({ ID: "axis-y-end", dimensions: [0, o.cy + o.y_max], classes: ["ena.dimension", "ena.dimension"] });
+          a.from = new K({ ID: "axis-x-start", dimensions: [o.cx - o.x_max, 0], classes: ["ena.dimension", "ena.dimension"] }), a.to = new K({ ID: "axis-x-end", dimensions: [o.cx + o.x_max, 0], classes: ["ena.dimension", "ena.dimension"] }), h.from = new K({ ID: "axis-y-start", dimensions: [0, o.cy - o.y_max], classes: ["ena.dimension", "ena.dimension"] }), h.to = new K({ ID: "axis-y-end", dimensions: [0, o.cy + o.y_max], classes: ["ena.dimension", "ena.dimension"] });
         }
       }
     }
@@ -3429,8 +3873,8 @@ const gt = class gt extends ve {
     });
   }
 };
-u(gt, "QEGraphElement"), gt.tagName = "qe-graph", gt.style = `
-    ${ve.style}
+c(et, "QEGraphElement"), et.tagName = "qe-graph", et.style = `
+    ${ze.style}
 
     :host {
       display: block;
@@ -3446,40 +3890,60 @@ u(gt, "QEGraphElement"), gt.tagName = "qe-graph", gt.style = `
       height: 100%;
       aspect-ratio: 1 / 1;
       background-color: #FFF;
+      /* Touch pans and pinch-zooms the plot, not the page; a double-click
+         zooms instead of selecting label text. */
+      touch-action: none;
+      -webkit-user-select: none;
+      user-select: none;
+    }
+
+    /* Marks that emit qe-node-click / qe-edge-click: nodes, means, points,
+       edges, their hover lines and self-connection dots. Custom properties
+       cross the shadow boundary, so a host can set --qe-mark-cursor on
+       <qe-graph>. Labels keep their own grab / grabbing cursor. */
+    svg [data-point-id],
+    svg [data-edge-source] {
+      cursor: var(--qe-mark-cursor, pointer);
+    }
+
+    /* A directed edge's chevron sits on top of its triangle without the
+       edge's identity; let clicks and the cursor reach the triangle. */
+    svg [data-layer-name="edges"] path:not([data-edge-source]) {
+      pointer-events: none;
     }
-  `, gt._instances = /* @__PURE__ */ new Set(), gt._PATH_NUM_RE = /-?\d*\.?\d+(?:e[-+]?\d+)?/gi;
-let Vt = gt;
-customElements.define(Vt.tagName, Vt);
-const Ri = /* @__PURE__ */ u((d) => Vt.getGraph(d), "getGraph"), Li = /* @__PURE__ */ u(() => Vt.instances(), "getGraphs");
+  `, et._instances = /* @__PURE__ */ new Set(), et._PATH_NUM_RE = /-?\d*\.?\d+(?:e[-+]?\d+)?/gi;
+let ee = et;
+customElements.define(ee.tagName, ee);
+const Hi = /* @__PURE__ */ c((g) => ee.getGraph(g), "getGraph"), Vi = /* @__PURE__ */ c(() => ee.instances(), "getGraphs");
 export {
   st as Color,
-  Yt as DataFrame,
-  ye as DataFrameColumn,
-  oi as DataFrameColumnType,
-  Ht as DataFrameRow,
-  Me as Edge,
-  Ke as Graph,
-  Re as QEAxesElement,
-  $e as QEEdgesElement,
-  Vt as QEGraphElement,
-  ts as QELayer,
-  St as QELine,
-  Ce as QEMeansElement,
-  ke as QENodesElement,
-  oe as QEPoint,
-  Oe as QEPointsElement,
-  Pe as QETrajectoriesElement,
-  Ne as QETrajectory,
-  xe as QEVisualElement,
-  hi as TRAJECTORY_ZERO_EPS,
-  Ee as Trajectory,
-  we as WeightedColor,
-  ui as fitTrajectory,
-  Ri as getGraph,
-  Li as getGraphs,
-  Us as nearOriginFilter,
-  Bs as sampleCurve,
-  _i as selectDegree,
-  Pi as vizENA
+  Xt as DataFrame,
+  Me as DataFrameColumn,
+  bi as DataFrameColumnType,
+  Jt as DataFrameRow,
+  Pe as Edge,
+  is as Graph,
+  Ye as QEAxesElement,
+  De as QEEdgesElement,
+  ee as QEGraphElement,
+  as as QELayer,
+  Mt as QELine,
+  Te as QEMeansElement,
+  $e as QENodesElement,
+  ue as QEPoint,
+  Fe as QEPointsElement,
+  je as QETrajectoriesElement,
+  Re as QETrajectory,
+  Ie as QEVisualElement,
+  xi as TRAJECTORY_ZERO_EPS,
+  Oe as Trajectory,
+  Ne as WeightedColor,
+  Si as fitTrajectory,
+  Hi as getGraph,
+  Vi as getGraphs,
+  ti as nearOriginFilter,
+  si as sampleCurve,
+  Ai as selectDegree,
+  Wi as vizENA
 };
 //# sourceMappingURL=qeviz.es.js.map