@qe-libs/qeviz 0.5.1 → 0.5.2

package/dist/qeviz.es.js

@@ -1,90 +1,90 @@
-var ni = Object.defineProperty;
-var zs = (d) => {
+var ri = Object.defineProperty;
+var Fs = (d) => {
   throw TypeError(d);
 };
-var u = (d, t) => ni(d, "name", { value: t, configurable: !0 });
-var Fs = (d, t, e) => t.has(d) || zs("Cannot " + e);
-var k = (d, t, e) => (Fs(d, t, "read from private field"), e ? e.call(d) : t.get(d)), tt = (d, t, e) => t.has(d) ? zs("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, e), B = (d, t, e, s) => (Fs(d, t, "write to private field"), s ? s.call(d, e) : t.set(d, e), e);
-var re, oe, ae, ft, he;
-const ts = class ts extends Array {
+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)), tt = (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), G = (d, t, e, s) => (js(d, t, "write to private field"), s ? s.call(d, e) : t.set(d, e), e);
+var oe, ae, he, pt, le;
+const es = class es extends Array {
   constructor(e, s, i, n, r) {
     super(...s);
-    tt(this, re);
     tt(this, oe);
     tt(this, ae);
-    tt(this, ft);
     tt(this, he);
-    B(this, ae, e), B(this, oe, i), B(this, ft, n), B(this, he, n == null ? void 0 : n.classes), B(this, re, r);
+    tt(this, pt);
+    tt(this, le);
+    G(this, he, e), G(this, ae, i), G(this, pt, n), G(this, le, n == null ? void 0 : n.classes), G(this, oe, r);
   }
   get parent() {
-    return k(this, ft);
+    return k(this, pt);
   }
   get names() {
-    return k(this, ae);
+    return k(this, he);
   }
   get rowName() {
-    return k(this, oe);
+    return k(this, ae);
   }
   get types() {
-    if (!k(this, ft)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, ft).types;
+    if (!k(this, pt)) throw new Error("No parent DataFrame attached to this row.");
+    return k(this, pt).types;
   }
   get classes() {
-    return k(this, he);
+    return k(this, le);
   }
   get rowNumber() {
-    return k(this, re);
+    return k(this, oe);
   }
   col(e) {
-    if (!k(this, ft)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, ft).col(e);
+    if (!k(this, pt)) throw new Error("No parent DataFrame attached to this row.");
+    return k(this, pt).col(e);
   }
   cols(...e) {
-    if (!k(this, ft)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, ft).cols(...e);
+    if (!k(this, pt)) throw new Error("No parent DataFrame attached to this row.");
+    return k(this, pt).cols(...e);
   }
   filter(e) {
     console.error("DataFrameRow does not currently support filtering.");
   }
 };
-re = new WeakMap(), oe = new WeakMap(), ae = new WeakMap(), ft = new WeakMap(), he = new WeakMap(), u(ts, "DataFrameRow");
-let Gt = ts;
-var ri = /* @__PURE__ */ ((d) => (d.Character = "character", d.Double = "double", d.Logical = "logical", d.Integer = "integer", d))(ri || {}), le, pt, Yt, Et;
-const es = class es extends Array {
+oe = new WeakMap(), ae = new WeakMap(), he = new WeakMap(), pt = new WeakMap(), le = new WeakMap(), u(es, "DataFrameRow");
+let Bt = es;
+var oi = /* @__PURE__ */ ((d) => (d.Character = "character", d.Double = "double", d.Logical = "logical", d.Integer = "integer", d))(oi || {}), ce, bt, qt, Mt;
+const ss = class ss extends Array {
   constructor(e, s, i, n) {
     super(s.length);
-    tt(this, le);
-    tt(this, pt);
-    tt(this, Yt);
-    tt(this, Et);
+    tt(this, ce);
+    tt(this, bt);
+    tt(this, qt);
+    tt(this, Mt);
     for (let r = 0; r < s.length; r++)
       this[r] = s[r];
-    if (B(this, le, e), s.type !== void 0 ? B(this, pt, s.type) : s.every((r) => typeof r == "string" || r === null || r === void 0) ? B(this, pt, "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, pt, "logical") : B(this, pt, "integer") : s.every((r) => typeof r == "number" || r === null || r === void 0) ? B(this, pt, "double") : s.every((r) => typeof r == "boolean" || r === null || r === void 0) ? B(this, pt, "logical") : B(this, pt, "character"), B(this, Et, n), i && i.length !== this.length)
+    if (G(this, ce, e), s.type !== void 0 ? G(this, bt, s.type) : s.every((r) => typeof r == "string" || r === null || r === void 0) ? G(this, bt, "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, bt, "logical") : G(this, bt, "integer") : s.every((r) => typeof r == "number" || r === null || r === void 0) ? G(this, bt, "double") : s.every((r) => typeof r == "boolean" || r === null || r === void 0) ? G(this, bt, "logical") : G(this, bt, "character"), G(this, Mt, 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, Yt, i) : B(this, Yt, void 0);
+    i && i.length > 0 ? G(this, qt, i) : G(this, qt, void 0);
   }
   get name() {
-    return k(this, le);
+    return k(this, ce);
   }
   get type() {
-    return k(this, pt);
+    return k(this, bt);
   }
   get rowNames() {
-    return k(this, Yt);
+    return k(this, qt);
   }
   row(e) {
-    if (!k(this, Et)) throw new Error("No parent DataFrame attached to this column.");
-    return k(this, Et).row(e);
+    if (!k(this, Mt)) throw new Error("No parent DataFrame attached to this column.");
+    return k(this, Mt).row(e);
   }
   rows(...e) {
-    if (!k(this, Et)) throw new Error("No parent DataFrame attached to this column.");
-    return k(this, Et).rows(...e);
+    if (!k(this, Mt)) throw new Error("No parent DataFrame attached to this column.");
+    return k(this, Mt).rows(...e);
   }
 };
-le = new WeakMap(), pt = new WeakMap(), Yt = new WeakMap(), Et = new WeakMap(), u(es, "DataFrameColumn");
-let pe = es;
-var At, ht, ce;
-const Kt = class Kt extends Array {
+ce = new WeakMap(), bt = new WeakMap(), qt = new WeakMap(), Mt = new WeakMap(), u(ss, "DataFrameColumn");
+let be = ss;
+var vt, ht, _e;
+const Jt = class Jt 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,33 +97,33 @@ const Kt = class Kt extends Array {
       s = r;
     }
     super(s.length);
-    tt(this, At);
+    tt(this, vt);
     tt(this, ht);
-    tt(this, ce);
+    tt(this, _e);
     if (s.forEach((r, a) => {
-      r instanceof pe ? this[a] = r : this[a] = new pe(e[a], r, i, this);
-    }), B(this, At, e), i && this[0] && i.length !== this[0].length)
+      r instanceof be ? this[a] = r : this[a] = new be(e[a], r, i, this);
+    }), G(this, vt, 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, ht, 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, ce, n);
+    n && n.length > 0 && G(this, _e, n);
   }
   get classes() {
-    return k(this, ce);
+    return k(this, _e);
   }
   getColumnByName(e) {
-    const s = k(this, At).indexOf(e);
+    const s = k(this, vt).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 Gt(k(this, At), [], void 0, this, e);
+      return console.warn("DataFrame is empty, cannot get row by index", e), new Bt(k(this, vt), [], void 0, this, e);
     const s = [];
     for (let i of this) {
       let n = i[e];
       s.push(n);
     }
-    return new Gt(k(this, At), s, k(this, ht) ? k(this, ht)[e] : void 0, this, e);
+    return new Bt(k(this, vt), s, k(this, ht) ? k(this, ht)[e] : void 0, this, e);
   }
   getRowByName(e) {
     if (!k(this, ht)) return;
@@ -173,18 +173,18 @@ const Kt = class Kt extends Array {
   }
   cols(...e) {
     let s, i, n = [];
-    return e.length === 0 ? (i = this.slice(), n = k(this, At)) : (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 Kt(n, i, k(this, ht));
+    return e.length === 0 ? (i = this.slice(), n = k(this, vt)) : (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 Jt(n, i, k(this, ht));
   }
   subset(e, s) {
     const i = s && s.length > 0 ? this.cols(...s) : this.slice();
-    return new Kt(
+    return new Jt(
       i.map((n) => n.name),
       i.map((n) => n.values),
       k(this, ht)
     );
   }
   get names() {
-    return k(this, At);
+    return k(this, vt);
   }
   get rowNames() {
     return k(this, ht);
@@ -196,11 +196,11 @@ const Kt = class Kt extends Array {
     return this.length;
   }
 };
-At = new WeakMap(), ht = new WeakMap(), ce = new WeakMap(), u(Kt, "DataFrame");
-let Ft = Kt;
-const ss = class ss {
+vt = new WeakMap(), ht = new WeakMap(), _e = new WeakMap(), u(Jt, "DataFrame");
+let jt = Jt;
+const is = class is {
   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 Ft(), this._nodes = t.nodes ?? new Ft(), this._edges = t.edges ?? new Ft(), 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 jt(), this._nodes = t.nodes ?? new jt(), this._edges = t.edges ?? new jt(), 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 ss = class ss {
     this[t] = e;
   }
 };
-u(ss, "Model");
-let He = ss;
-const oi = globalThis.__QEVIZ_DEBUG__ === !0;
-function js(...d) {
-  oi && console.log(...d);
+u(is, "Model");
+let Xe = is;
+const ai = globalThis.__QEVIZ_DEBUG__ === !0;
+function Ys(...d) {
+  ai && console.log(...d);
 }
-u(js, "dbg");
-const Oi = {
+u(Ys, "dbg");
+const Pi = {
   get: /* @__PURE__ */ u((d) => {
     const t = [...document.querySelectorAll("qe-graph")];
     return typeof d == "number" && d >= 0 ? t[d] : t;
   }, "get")
-}, Dt = class Dt extends HTMLElement {
+}, Tt = class Tt 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 He();
+    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();
     const t = this.attachShadow({ mode: "open" }), e = document.createElement("style");
-    e.textContent = Dt.styles, t.appendChild(e), this._outputElement = document.createElement("div"), t.appendChild(this._outputElement);
+    e.textContent = Tt.styles, t.appendChild(e), this._outputElement = document.createElement("div"), t.appendChild(this._outputElement);
   }
   static get observedAttributes() {
     return ["updated"];
@@ -339,7 +339,7 @@ const Oi = {
     return this._labels;
   }
   connectedCallback() {
-    js("QEVisualElement connected"), this.render();
+    Ys("QEVisualElement connected"), this.render();
   }
   /**
    * Accept pre-fetched ENA model data and update the visualization.
@@ -349,14 +349,14 @@ const Oi = {
   setModelData(t) {
     var r, a, h, o;
     ["nodes", "edges", "points", "groups", "confidence", "outlier", "trajectories", "networks", "pointsets"].forEach((l) => {
-      var v;
+      var S;
       const _ = t[l];
-      if (!((v = _ == null ? void 0 : _.data) != null && v.length)) return;
-      const g = _.data, c = _.types || {}, S = Object.keys(g[0]), p = g.map((j) => Object.values(j)), A = S.map((j) => c[j] ?? "character");
+      if (!((S = _ == null ? void 0 : _.data) != null && S.length)) return;
+      const g = _.data, c = _.types || {}, E = Object.keys(g[0]), f = g.map((j) => Object.values(j)), v = E.map((j) => c[j] ?? "character");
       let P;
-      l === "networks" ? P = "name" : l === "pointsets" ? P = "id" : l === "nodes" ? P = t.node_id_col ?? S.find((j) => (c[j] ?? "character") === "character") : l === "edges" || l === "points" || l === "trajectories" ? P = t.id_col ?? S.find((j) => (c[j] ?? "character") === "character") : P = t.group_col ?? S.find((j) => (c[j] ?? "character") === "character");
-      const Y = P ? S.indexOf(P) : 0, q = p.map((j) => String(j[Y]));
-      this._model.setByKey(l, new Ft(S, p, q, A));
+      l === "networks" ? P = "name" : l === "pointsets" ? P = "id" : l === "nodes" ? P = t.node_id_col ?? E.find((j) => (c[j] ?? "character") === "character") : l === "edges" || l === "points" || l === "trajectories" ? P = t.id_col ?? E.find((j) => (c[j] ?? "character") === "character") : P = t.group_col ?? E.find((j) => (c[j] ?? "character") === "character");
+      const Y = P ? E.indexOf(P) : 0, q = f.map((j) => String(j[Y]));
+      this._model.setByKey(l, new jt(E, f, q, v));
     }), 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) => {
@@ -377,15 +377,15 @@ const Oi = {
       if (_ && g)
         this._model.dimensions = [_, g];
       else {
-        const c = s.names.filter((S) => {
-          if (S === l) return !1;
-          const p = s.col(S);
-          return p && p.type !== "character" && p.type !== "logical";
+        const c = s.names.filter((E) => {
+          if (E === l) return !1;
+          const f = s.col(E);
+          return f && f.type !== "character" && f.type !== "logical";
         });
         c.length >= 2 && (this._model.dimensions = [_ ?? c[0], g ?? c[1]]);
       }
     }
-    this.updated = this._model.updated !== void 0 ? String(this._model.updated) : String(Date.now()), js("Model updated via setModelData:", this.updated), this.render();
+    this.updated = this._model.updated !== void 0 ? String(this._model.updated) : String(Date.now()), Ys("Model updated via setModelData:", this.updated), this.render();
   }
   /**
    * Base implementation is a no-op. Subclasses (e.g. RQEVisualElement) override
@@ -398,7 +398,7 @@ const Oi = {
     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(Dt, "QEVisualElement"), Dt.tagName = "qe-visual", Dt.styles = `
+u(Tt, "QEVisualElement"), Tt.tagName = "qe-visual", Tt.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,14 +406,14 @@ u(Dt, "QEVisualElement"), Dt.tagName = "qe-visual", Dt.styles = `
     div { display: block; width: 100%; height: 100%; }
     ::slotted(qe-graph) { display: block; width: 100%; height: 100%; }
   `;
-let be = Dt;
-customElements.define(be.tagName, be);
-const Pe = class Pe {
+let ye = Tt;
+customElements.define(ye.tagName, ye);
+const Re = class Re {
   constructor(t) {
     return this.base = typeof t == "string" ? t : t.base, new Proxy(this, {
       get(e, s) {
         if (typeof s == "string" && /^[0-2]$/.test(s)) {
-          const { r: i, g: n, b: r } = Pe.parseColor(e.base);
+          const { r: i, g: n, b: r } = Re.parseColor(e.base);
           return [i, n, r][Number(s)];
         }
         return e[s];
@@ -441,9 +441,9 @@ const Pe = class Pe {
     return `rgb(${t}, ${e}, ${s})`;
   }
 };
-u(Pe, "Color");
-let et = Pe;
-const Jt = class Jt extends et {
+u(Re, "Color");
+let et = Re;
+const Zt = class Zt extends et {
   constructor(t, e, s) {
     super(t), this.weight = e, this.alpha = s;
   }
@@ -481,13 +481,13 @@ const Jt = class Jt extends et {
   // #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 } = Jt.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 Jt.hsvToRgba(t, s, e, i);
+    const { h: t, v: e } = Zt.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 Zt.hsvToRgba(t, s, e, i);
   }
 };
-u(Jt, "WeightedColor");
-let ye = Jt;
-const is = class is {
+u(Zt, "WeightedColor");
+let xe = Zt;
+const ns = class ns {
   constructor(t = null) {
     this._values = [1, 0, 0, 1, 0, 0], this._keys = ["a", "b", "c", "d", "e", "f"], t && (this.values = t);
   }
@@ -564,9 +564,9 @@ const is = class is {
     return this.get("f");
   }
 };
-u(is, "Transform");
-let te = is;
-var ee;
+u(ns, "Transform");
+let ee = ns;
+var se;
 ((d) => {
   ((t) => {
     function e(s) {
@@ -591,96 +591,96 @@ var ee;
         if (u(l, "rotatePoint"), !h || h[0] === 0 && h[1] === 0)
           return l(r, o);
         {
-          const _ = r.map((c, S) => c - h[S]);
-          return l(_, o).map((c, S) => c + h[S]);
+          const _ = r.map((c, E) => c - h[E]);
+          return l(_, o).map((c, E) => c + h[E]);
         }
       }
       u(n, "rotate"), s.rotate = n;
     })(t.Point || (t.Point = {})), ((s) => {
-      function i(p, A) {
-        return (A[1] - p[1]) / (A[0] - p[0]);
+      function i(f, v) {
+        return (v[1] - f[1]) / (v[0] - f[0]);
       }
       u(i, "slope"), s.slope = i;
-      function n(p, A) {
-        const P = i(p, A);
-        return p[1] - P * p[0];
+      function n(f, v) {
+        const P = i(f, v);
+        return f[1] - P * f[0];
       }
       u(n, "intercept"), s.intercept = n;
-      function r(p, A) {
+      function r(f, v) {
         return {
-          slope: i(p, A),
-          intercept: n(p, A)
+          slope: i(f, v),
+          intercept: n(f, v)
         };
       }
       u(r, "slopeIntercept"), s.slopeIntercept = r;
-      function a(p, A = 0) {
-        const P = A, Y = (1 - P) * p[0][0] + P * p[1][0], q = (1 - P) * p[0][1] + P * p[1][1];
+      function a(f, v = 0) {
+        const P = v, Y = (1 - P) * f[0][0] + P * f[1][0], q = (1 - P) * f[0][1] + P * f[1][1];
         return [Y, q];
       }
       u(a, "point_along"), s.point_along = a;
-      function h(p, A, P = 0.5) {
-        return Array.isArray(p[0]) && (A = p[1], p = p[0]), [0, 1].map((Y) => (parseFloat(p[Y]) + parseFloat(A[Y])) * P);
+      function h(f, v, P = 0.5) {
+        return Array.isArray(f[0]) && (v = f[1], f = f[0]), [0, 1].map((Y) => (parseFloat(f[Y]) + parseFloat(v[Y])) * P);
       }
       u(h, "midpoint"), s.midpoint = h;
-      function o(p, A) {
-        return Array.isArray(p[0]) && (A = p[1], p = p[0]), Math.sqrt(
-          [0, 1].map((P) => Math.pow(A[P] - p[P], 2)).reduce((P, Y) => P + Y, 0)
+      function o(f, v) {
+        return Array.isArray(f[0]) && (v = f[1], f = f[0]), Math.sqrt(
+          [0, 1].map((P) => Math.pow(v[P] - f[P], 2)).reduce((P, Y) => P + Y, 0)
         );
       }
       u(o, "length"), s.length = o;
-      function l(p, A = [0, 0]) {
+      function l(f, v = [0, 0]) {
         const P = [
-          p[1][0] - A[0],
-          p[1][1] - A[1]
+          f[1][0] - v[0],
+          f[1][1] - v[1]
         ], Y = [
           -P[1],
           P[0]
         ], q = [
           -Y[0],
           -Y[1]
-        ], v = [
-          Y[0] + A[0],
-          Y[1] + A[1]
+        ], S = [
+          Y[0] + v[0],
+          Y[1] + v[1]
         ], j = [
-          q[0] + A[0],
-          q[1] + A[1]
+          q[0] + v[0],
+          q[1] + v[1]
         ];
-        return [v, j];
+        return [S, j];
       }
       u(l, "rotate"), s.rotate = l;
-      function _(p, A, P = 90) {
-        const Y = d.Geometry.Line.slope(p[0], p[1]), q = d.Geometry.Line.intercept(p[0], p[1]), v = [0, q], j = [1, Y + q];
-        p = [v, j];
-        const it = [p[0][0], p[1][0]], rt = [p[0][1], p[1][1]], st = A[0], lt = A[1], V = -2 * Math.PI * P / 360, St = it.map(
-          (ue, ct) => (ue - st) * Math.cos(V) - (rt[ct] - lt) * Math.sin(V) + st
-        ), Nt = rt.map(
-          (ue, ct) => (it[ct] - st) * Math.sin(V) - (ue - lt) * Math.cos(V) + lt
+      function _(f, v, P = 90) {
+        const Y = d.Geometry.Line.slope(f[0], f[1]), q = d.Geometry.Line.intercept(f[0], f[1]), S = [0, q], j = [1, Y + q];
+        f = [S, j];
+        const nt = [f[0][0], f[1][0]], rt = [f[0][1], f[1][1]], st = v[0], lt = v[1], W = -2 * Math.PI * P / 360, Et = nt.map(
+          (de, ct) => (de - st) * Math.cos(W) - (rt[ct] - lt) * Math.sin(W) + st
+        ), kt = rt.map(
+          (de, ct) => (nt[ct] - st) * Math.sin(W) - (de - lt) * Math.cos(W) + lt
         );
         return [
-          [St[0], Nt[0]],
-          [St[1], Nt[1]]
+          [Et[0], kt[0]],
+          [Et[1], kt[1]]
         ];
       }
       u(_, "rotate2"), s.rotate2 = _;
-      function g(p, A) {
-        const [[P, Y], [q, v]] = p, [[j, it], [rt, st]] = A, lt = (P - q) * (it - st) - (Y - v) * (j - rt), V = (P * v - Y * q) * (j - rt) - (P - q) * (j * st - it * rt), St = (P * v - Y * q) * (it - st) - (Y - v) * (j * st - it * rt);
-        return [V / lt, St / lt];
+      function g(f, v) {
+        const [[P, Y], [q, S]] = f, [[j, nt], [rt, st]] = v, lt = (P - q) * (nt - st) - (Y - S) * (j - rt), W = (P * S - Y * q) * (j - rt) - (P - q) * (j * st - nt * rt), Et = (P * S - Y * q) * (nt - st) - (Y - S) * (j * st - nt * rt);
+        return [W / lt, Et / lt];
       }
       u(g, "intersection"), s.intersection = g;
-      function c(p, A, P) {
-        let { slope: Y, intercept: q } = d.Geometry.Line.slopeIntercept(p[0], p[1]), v = 1 + Math.pow(Y, 2), j = 2 * Y * q - 2 * A[1] * Y - 2 * A[0], it = Math.pow(A[0], 2) + Math.pow(q, 2) + Math.pow(A[1], 2) - 2 * A[1] * q - Math.pow(P, 2), rt = [[1 / 0, 1 / 0], [1 / 0, 1 / 0]];
-        if (Math.sqrt(Math.pow(j, 2) - 4 * v * it) >= 0) {
-          let st = (-j + Math.sqrt(Math.pow(j, 2) - 4 * v * it)) / (2 * v), lt = (-j - Math.sqrt(Math.pow(j, 2) - 4 * v * it)) / (2 * v), V = Y * st + q, St = Y * lt + q;
-          rt = [[st, V], [lt, St]];
+      function c(f, v, P) {
+        let { slope: Y, intercept: q } = d.Geometry.Line.slopeIntercept(f[0], f[1]), S = 1 + Math.pow(Y, 2), j = 2 * Y * q - 2 * v[1] * Y - 2 * v[0], nt = Math.pow(v[0], 2) + Math.pow(q, 2) + Math.pow(v[1], 2) - 2 * v[1] * q - Math.pow(P, 2), rt = [[1 / 0, 1 / 0], [1 / 0, 1 / 0]];
+        if (Math.sqrt(Math.pow(j, 2) - 4 * S * nt) >= 0) {
+          let st = (-j + Math.sqrt(Math.pow(j, 2) - 4 * S * nt)) / (2 * S), lt = (-j - Math.sqrt(Math.pow(j, 2) - 4 * S * nt)) / (2 * S), W = Y * st + q, Et = Y * lt + q;
+          rt = [[st, W], [lt, Et]];
         } else
           console.error("The line and the circumference do not intersect");
         return rt;
       }
       u(c, "intersect_circle"), s.intersect_circle = c;
-      function S(p) {
-        return (A) => A === 0 ? p[0] : A === 1 ? p[1] : d.Geometry.Point.translate(p[0], d.Geometry.Angle.line(p), d.Geometry.Line.length(p) * A);
+      function E(f) {
+        return (v) => v === 0 ? f[0] : v === 1 ? f[1] : d.Geometry.Point.translate(f[0], d.Geometry.Angle.line(f), d.Geometry.Line.length(f) * v);
       }
-      u(S, "interpolate"), s.interpolate = S;
+      u(E, "interpolate"), s.interpolate = E;
     })(t.Line || (t.Line = {}));
     let e;
     ((s) => {
@@ -822,8 +822,8 @@ var ee;
       u(r, "has"), s.has = r;
     })(t.Query || (t.Query = {}));
   })(d.URL || (d.URL = {}));
-})(ee || (ee = {}));
-const ns = class ns {
+})(se || (se = {}));
+const rs = class rs {
   constructor() {
     this._state = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Map();
   }
@@ -862,9 +862,9 @@ const ns = class ns {
         });
   }
 };
-u(ns, "EventBus");
-let xe = ns;
-const { ArrayTools: Ys } = ee, Zt = class Zt extends Array {
+u(rs, "EventBus");
+let we = rs;
+const { ArrayTools: qs } = se, Qt = class Qt extends Array {
   constructor(...t) {
     super(...t);
   }
@@ -875,14 +875,14 @@ const { ArrayTools: Ys } = ee, Zt = class Zt extends Array {
     }
     u(i, "fn");
     function n(r, a, h = null) {
-      if (Ys.isArray(r)) {
+      if (qs.isArray(r)) {
         for (const [o, l] of r.entries())
           if (s = n(l, o, h), s)
             return s;
       } else {
         if (s = i(r), s)
           return s;
-        if (r && Ys.isArray(r[t])) {
+        if (r && qs.isArray(r[t])) {
           for (const [o, l] of r[t].entries())
             if (s = n(l, o, r), s)
               return s;
@@ -896,11 +896,11 @@ const { ArrayTools: Ys } = ee, Zt = class Zt extends Array {
     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 Zt();
+    let n = new Qt();
     for (const r of this) {
       let a = e(r, s, i);
       if (r[t] && Array.isArray(r[t])) {
-        let h = new Zt(...r[t]).recurse(t, e, r, i + 1);
+        let h = new Qt(...r[t]).recurse(t, e, r, i + 1);
         h !== void 0 && n.push(...h);
       }
       n.push(a);
@@ -908,11 +908,11 @@ const { ArrayTools: Ys } = ee, Zt = class Zt extends Array {
     return console.log("Recurse results: ", n), n;
   }
 };
-u(Zt, "LayerArray");
-let jt = Zt;
-const rs = class rs {
+u(Qt, "LayerArray");
+let Yt = Qt;
+const os = class os {
   constructor(t, e, s) {
-    this.__state__ = new xe(), this.scale_x = 1, this.scale_y = 1, this.scale_objects = !0, this.layers = new jt(), 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 te(), s == null || s.__state__.addListener("graph_updated", "live", ({ key: i, newValue: n, oldValue: r }) => {
+    this.__state__ = new we(), this.scale_x = 1, this.scale_y = 1, this.scale_objects = !0, this.layers = new Yt(), 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 ee(), 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);
     });
@@ -924,45 +924,45 @@ const rs = class rs {
     this._transform = t;
   }
 };
-u(rs, "Layer");
-let Xe = rs;
-var Pt, vt;
-const Re = class Re extends Array {
+u(os, "Layer");
+let We = os;
+var Rt, St;
+const Le = class Le extends Array {
   constructor(...e) {
     super(arguments.length);
-    tt(this, Pt, !1);
-    tt(this, vt);
+    tt(this, Rt, !1);
+    tt(this, St);
     for (let s = 0; s < e.length; s++)
       this[s] = e[s];
-    B(this, Pt, !1);
+    G(this, Rt, !1);
   }
   static fromArray(e) {
-    const s = new Re();
+    const s = new Le();
     return e.forEach((i, n) => {
       s.push(i);
-    }), B(s, vt, e.names), s;
+    }), G(s, St, e.names), s;
   }
   flip() {
-    B(this, Pt, !k(this, Pt));
+    G(this, Rt, !k(this, Rt));
     for (let e = 0; e < this.length; e++)
       this[e] = -this[e];
     return this;
   }
   get(e) {
-    return typeof e == "number" ? this[e] : k(this, vt) && k(this, vt).includes(e) ? this[k(this, vt).indexOf(e)] : void 0;
+    return typeof e == "number" ? this[e] : k(this, St) && k(this, St).includes(e) ? this[k(this, St).indexOf(e)] : void 0;
   }
   get flipped() {
-    return k(this, Pt);
+    return k(this, Rt);
   }
   get names() {
-    return k(this, vt) ? k(this, vt) : this.map((e, s) => `V${s + 1}`);
+    return k(this, St) ? k(this, St) : this.map((e, s) => `V${s + 1}`);
   }
 };
-Pt = new WeakMap(), vt = new WeakMap(), u(Re, "DimensionVector");
-let $t = Re;
-const os = class os {
+Rt = new WeakMap(), St = new WeakMap(), u(Le, "DimensionVector");
+let $t = Le;
+const as = class as {
   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 et("#000000"), this._size = 0, this.ID = e.ID, this._transform = new te(), t instanceof $t ? this._dimensions = t : t instanceof Gt ? this._dimensions = $t.fromArray(t) : Array.isArray(t) ? this._dimensions = new $t(...t) : (console.warn("Invalid dimensions provided, using default DimensionVector(0, 0)"), this._dimensions = new $t(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 et("#000000"), this._size = 0, this.ID = e.ID, this._transform = new ee(), t instanceof $t ? this._dimensions = t : t instanceof Bt ? this._dimensions = $t.fromArray(t) : Array.isArray(t) ? this._dimensions = new $t(...t) : (console.warn("Invalid dimensions provided, using default DimensionVector(0, 0)"), this._dimensions = new $t(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 et("#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);
   }
@@ -1016,9 +1016,9 @@ const os = class os {
     this._transform = t;
   }
 };
-u(os, "PlottedObject");
-let Mt = os;
-const as = class as extends Mt {
+u(as, "PlottedObject");
+let It = as;
+const hs = class hs extends It {
   // constructor(x: LineOptions) {
   //   super([], x);
   //   // const data = Object.assign({}, x);
@@ -1060,9 +1060,9 @@ const as = class as extends Mt {
     this._color = t;
   }
 };
-u(as, "Line");
-let Bt = as;
-const Qt = class Qt extends Mt {
+u(hs, "Line");
+let Ht = hs;
+const te = class te extends It {
   // constructor(dimensions: DimensionType, o: PointOptions) { //, graph?: any) {
   //   super(dimensions, o);
   //   this.active = o.active || false;
@@ -1078,7 +1078,7 @@ const Qt = class Qt extends Mt {
   constructor(t) {
     var n, r;
     let e, s, i;
-    t ? t instanceof Gt ? (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 = Qt.SHAPES.CIRCLE;
+    t ? t instanceof Bt ? (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 = te.SHAPES.CIRCLE;
   }
   set label(t) {
     this._label = t;
@@ -1099,9 +1099,9 @@ const Qt = class Qt extends Mt {
     this._y = parseFloat(t);
   }
 };
-u(Qt, "Point"), Qt.SHAPES = { CIRCLE: "circle", SQUARE: "rect" };
-let K = Qt;
-const Tt = class Tt extends Mt {
+u(te, "Point"), te.SHAPES = { CIRCLE: "circle", SQUARE: "rect" };
+let J = te;
+const zt = class zt extends It {
   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);
   }
@@ -1124,9 +1124,9 @@ const Tt = class Tt extends Mt {
     this._transform = t;
   }
 };
-u(Tt, "Label"), Tt.DISPLAY_TYPES = { OFF: 0, AUTO: 1, CLICK: 2, ON: 3 }, Tt.HIGHLIGHT = { OFF: 0, ON: 2 }, Tt.POSITION = { OBJECT: 1, STATIC: 2, CONTAINER: 3, CUSTOM: 4 };
-let H = Tt;
-const hs = class hs {
+u(zt, "Label"), zt.DISPLAY_TYPES = { OFF: 0, AUTO: 1, CLICK: 2, ON: 3 }, zt.HIGHLIGHT = { OFF: 0, ON: 2 }, zt.POSITION = { OBJECT: 1, STATIC: 2, CONTAINER: 3, CUSTOM: 4 };
+let B = zt;
+const ls = class ls {
   constructor(t, e, s = 0, i = 0) {
     this.x_max = t, this.y_max = e, this.cx = s, this.cy = i;
   }
@@ -1159,9 +1159,9 @@ const hs = class hs {
     return this.x_max;
   }
 };
-u(hs, "Extremes");
-let Ot = hs;
-const ls = class ls extends Mt {
+u(ls, "Extremes");
+let Pt = ls;
+const cs = class cs extends It {
   constructor(t, e) {
     super(t, e), this.visible = !0, this.size = e.size;
   }
@@ -1187,8 +1187,8 @@ const ls = class ls extends Mt {
     return this._transform;
   }
 };
-u(ls, "AxisPoint");
-let We = ls, Vs = {
+u(cs, "AxisPoint");
+let Ve = cs, Ks = {
   GRAPH: {
     ratio: 1,
     x_max: 1,
@@ -1204,25 +1204,25 @@ let We = ls, Vs = {
     size: 1,
     highlight: {
       color: "yellow",
-      labels: H.DISPLAY_TYPES.ON
+      labels: B.DISPLAY_TYPES.ON
     },
-    labels: H.DISPLAY_TYPES.ON,
-    labelposition: H.POSITION.OBJECT
+    labels: B.DISPLAY_TYPES.ON,
+    labelposition: B.POSITION.OBJECT
   },
   POINT: {
     active: 2,
     size: 0.05,
     color: "#000",
-    shape: K.SHAPES.CIRCLE,
-    labels: H.DISPLAY_TYPES.AUTO,
-    labelposition: H.POSITION.OBJECT
+    shape: J.SHAPES.CIRCLE,
+    labels: B.DISPLAY_TYPES.AUTO,
+    labelposition: B.POSITION.OBJECT
   },
   MEAN: {
-    shape: K.SHAPES.SQUARE,
-    labels: H.DISPLAY_TYPES.AUTO
+    shape: J.SHAPES.SQUARE,
+    labels: B.DISPLAY_TYPES.AUTO
   },
   LABEL: {
-    highlight: H.HIGHLIGHT.OFF,
+    highlight: B.HIGHLIGHT.OFF,
     position: ["top", "left"],
     container: "#label-container"
   },
@@ -1230,9 +1230,9 @@ let We = ls, Vs = {
     multiplier: 1
   }
 };
-const cs = class cs {
-  constructor(t = { ...Vs }) {
-    this.__state__ = new xe(), 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 te(), this.scale_x = 1, this.scale_y = 1, this.SIZE_EFFECT = 1, this._mirror_y = !0, this._mirror_x = !1, this._layers = new jt(
+const _s = class _s {
+  constructor(t = { ...Ks }) {
+    this.__state__ = new we(), 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 ee(), this.scale_x = 1, this.scale_y = 1, this.SIZE_EFFECT = 1, this._mirror_y = !0, this._mirror_x = !1, this._layers = new Yt(
       { name: "graph", tabindex: 0, layers: [
         {
           name: "axes",
@@ -1271,7 +1271,7 @@ const cs = class cs {
         { name: "points", layers: [], tabindex: 0 },
         { name: "labels", layers: [], tabindex: 0 }
       ] }
-    ), this.options = t, this.origin = new We(
+    ), this.options = t, this.origin = new Ve(
       new $t(0, 0),
       {
         ID: "origin",
@@ -1287,28 +1287,28 @@ const cs = class cs {
     );
     let e = 1;
     function s(r, a, h) {
-      const o = new Xe(`${e}`, r, h);
-      return e += 1, o.parent = a || void 0, r.layers && Array.isArray(r.layers) && (o.layers = new jt(...r.layers.map((l) => s(l, o, h)))), o;
+      const o = new We(`${e}`, r, h);
+      return e += 1, o.parent = a || void 0, r.layers && Array.isArray(r.layers) && (o.layers = new Yt(...r.layers.map((l) => s(l, o, h)))), o;
     }
-    u(s, "buildLayerTree"), this.layers = new jt(...this._layers.map((r) => s(r, null, this)));
+    u(s, "buildLayerTree"), this.layers = new Yt(...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 Ot(1, 1), a = new Bt(
+      let r = this.extremes || new Pt(1, 1), a = new Ht(
         {},
-        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"] })
+        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"] })
       );
       a.ID = "axis-x", n.objects.set(a.ID, a);
-      let h = new Bt(
+      let h = new Ht(
         {},
-        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"] })
+        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"] })
       );
       h.ID = "axis-y", n.objects.set(h.ID, h), console.log("Added axis lines to layer: ", n);
     }
-    this.extremes = new Ot(t.GRAPH.x_max, t.GRAPH.y_max);
+    this.extremes = new Pt(t.GRAPH.x_max, t.GRAPH.y_max);
   }
   set extremes(t) {
     this._extremes = t;
@@ -1335,7 +1335,7 @@ const cs = class cs {
     return this.mirror_y ? -1 : 1;
   }
   add_point(t) {
-    const e = new K(t);
+    const e = new J(t);
     this.points.set(e.ID, e);
   }
   add_points(t) {
@@ -1347,7 +1347,7 @@ const cs = class cs {
   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 B(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();
@@ -1372,14 +1372,14 @@ const cs = class cs {
       this.layers.search("layers", "nodes")
     ].filter((s) => s !== void 0);
     if (e.length === 0)
-      this.extremes = new Ot(1, 1);
+      this.extremes = new Pt(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));
       }));
       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 Ot(_, _, h, o);
+      this.extremes = new Pt(_, _, h, o);
     }
   }
   /** Farthest node from (cx, cy), on either axis */
@@ -1395,9 +1395,9 @@ const cs = class cs {
     return Math.min(1, e / (Math.sqrt(s) * t));
   }
 };
-u(cs, "Graph");
-let Ve = cs;
-const Le = class Le extends HTMLElement {
+u(_s, "Graph");
+let Ke = _s;
+const De = class De 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");
@@ -1408,7 +1408,7 @@ const Le = class Le extends HTMLElement {
     return e == null ? void 0 : e.querySelector(".wrapper");
   }
 };
-u(Le, "DrawableElement"), Le.style = `
+u(De, "DrawableElement"), De.style = `
     :host {
       max-width: 100%;
       display: block;
@@ -1419,21 +1419,21 @@ u(Le, "DrawableElement"), Le.style = `
       justify-content: center;
     }
   `;
-let we = Le;
-const ai = 1e-8;
-function qs(d, t = ai) {
+let Ae = De;
+const hi = 1e-8;
+function Us(d, t = hi) {
   return d.filter((e) => Math.abs(e.x) > t || Math.abs(e.y) > t);
 }
-u(qs, "nearOriginFilter");
-function Ks(d) {
+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);
   return t;
 }
-u(Ks, "normalizedT");
-function Js(d, t) {
+u(Js, "normalizedT");
+function Zs(d, t) {
   return d.map((e) => {
     const s = new Array(t + 1);
     let i = 1;
@@ -1442,8 +1442,8 @@ function Js(d, t) {
     return s;
   });
 }
-u(Js, "design");
-function Zs(d) {
+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));
   for (let n = 0; n < e; n++) {
     let r = 0;
@@ -1459,8 +1459,8 @@ function Zs(d) {
   }
   return { Q: s, R: i };
 }
-u(Zs, "qr");
-function Ke(d, t) {
+u(Qs, "qr");
+function Je(d, t) {
   const e = d.length, s = d[0].length, i = new Array(s).fill(0);
   for (let n = 0; n < s; n++) {
     let r = 0;
@@ -1469,8 +1469,8 @@ function Ke(d, t) {
   }
   return i;
 }
-u(Ke, "qtY");
-function Je(d, t) {
+u(Je, "qtY");
+function Ze(d, t) {
   const e = t.length, s = new Array(e).fill(0);
   for (let i = e - 1; i >= 0; i--) {
     let n = t[i];
@@ -1479,71 +1479,71 @@ function Je(d, t) {
   }
   return s;
 }
-u(Je, "backSolve");
-function hi(d) {
+u(Ze, "backSolve");
+function li(d) {
   return d.map((t) => {
     let e = 0;
     for (let s = 0; s < t.length; s++) e += t[s] * t[s];
     return e;
   });
 }
-u(hi, "leverages");
-function Us(d, t, e) {
-  const s = Js(d, e), { Q: i, R: n } = Zs(s);
-  return Je(n, Ke(i, t));
+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));
 }
-u(Us, "fitCoeffs");
-function Ae(d, t) {
+u(Gs, "fitCoeffs");
+function ve(d, t) {
   let e = 0, s = 1;
   for (let i = 0; i < d.length; i++)
     e += d[i] * s, s *= t;
   return e;
 }
-u(Ae, "evalPoly");
-function li(d, t, e, s) {
-  const i = Js(d, s), { Q: n, R: r } = Zs(i), a = hi(n), h = Je(r, Ke(n, t)), o = Je(r, Ke(n, e));
+u(ve, "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[_] - Ae(h, d[_]), S = e[_] - Ae(o, d[_]);
-    l += (c / g) ** 2 + (S / g) ** 2;
+    const c = t[_] - ve(h, d[_]), E = e[_] - ve(o, d[_]);
+    l += (c / g) ** 2 + (E / g) ** 2;
   }
   return l;
 }
-u(li, "loocv2d");
-function ci(d, t, e) {
+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));
   if (e === "fixed" || s < 3) return i;
-  const n = Ks(s), r = d.map((l) => l.x), a = d.map((l) => l.y);
+  const n = Js(s), r = d.map((l) => l.x), a = d.map((l) => l.y);
   let h = 1, o = 1 / 0;
   for (let l = 1; l <= i; l++) {
-    const _ = li(n, r, a, l);
+    const _ = ci(n, r, a, l);
     _ < o && (o = _, h = l);
   }
   return h;
 }
-u(ci, "selectDegree");
-function _i(d, t) {
-  const e = qs(d);
+u(_i, "selectDegree");
+function ui(d, t) {
+  const e = Us(d);
   if (e.length < 3) return null;
-  const s = t.selectionSet ? qs(t.selectionSet) : e, i = s.length >= 3 ? s : e;
-  let n = ci(i, t.maxDegree, t.degreeSelection);
+  const s = t.selectionSet ? Us(t.selectionSet) : e, i = s.length >= 3 ? s : e;
+  let n = _i(i, t.maxDegree, t.degreeSelection);
   n = Math.min(n, Math.max(1, e.length - 1));
-  const r = Ks(e.length), a = Us(r, e.map((o) => o.x), n), h = Us(r, e.map((o) => o.y), n);
+  const r = Js(e.length), a = Gs(r, e.map((o) => o.x), n), h = Gs(r, e.map((o) => o.y), n);
   return { degree: n, coeffsX: a, coeffsY: h };
 }
-u(_i, "fitTrajectory");
-function Gs(d, t = 100) {
+u(ui, "fitTrajectory");
+function Bs(d, t = 100) {
   const e = [];
   for (let s = 0; s <= t; s++) {
     const i = s / t;
-    e.push({ x: Ae(d.coeffsX, i), y: Ae(d.coeffsY, i) });
+    e.push({ x: ve(d.coeffsX, i), y: ve(d.coeffsY, i) });
   }
   return e;
 }
-u(Gs, "sampleCurve");
-const Bs = 100, _s = class _s extends Mt {
+u(Bs, "sampleCurve");
+const Hs = 100, us = class us extends It {
   constructor(t = {}) {
     const e = t.color instanceof et ? t.color : new et(typeof t.color == "string" ? t.color : "#000000");
     super([], {
@@ -1555,8 +1555,8 @@ const Bs = 100, _s = class _s extends Mt {
       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 K) return s;
-      const i = new K({ dimensions: [s.x, s.y], meta: { time: s.time, label: s.label } });
+      if (s instanceof J) return s;
+      const i = new J({ dimensions: [s.x, s.y], meta: { time: s.time, label: s.label } });
       return i.x = s.x, i.y = s.y, i;
     }));
   }
@@ -1571,11 +1571,11 @@ const Bs = 100, _s = class _s extends Mt {
     if (t.length < 2) return [];
     if (this.smooth === "poly") {
       if (this.polyCoeffsX.length > 0 && this.polyCoeffsY.length > 0)
-        return Gs(
+        return Bs(
           { degree: this.polyCoeffsX.length - 1, coeffsX: this.polyCoeffsX, coeffsY: this.polyCoeffsY },
-          Bs
+          Hs
         );
-      const e = _i(
+      const e = ui(
         t.map((s) => ({ x: s.x, y: s.y })),
         {
           maxDegree: this.maxDegree,
@@ -1584,14 +1584,14 @@ const Bs = 100, _s = class _s extends Mt {
         }
       );
       if (e)
-        return this.selectedDegree = e.degree, Gs(e, Bs);
+        return this.selectedDegree = e.degree, Bs(e, Hs);
     }
     return t.map((e) => ({ x: e.x, y: e.y }));
   }
 };
-u(_s, "Trajectory");
-let ve = _s;
-const Qs = 1, us = class us extends Bt {
+u(us, "Trajectory");
+let Se = us;
+const ti = 1, ds = class ds extends Ht {
   constructor(t, e, s, i = 0) {
     super(t, e, s), this._totalweight = 0, this._weight = i;
   }
@@ -1600,7 +1600,7 @@ const Qs = 1, us = class us extends Bt {
   }
   get color() {
     const t = this._color || new et("#000000");
-    return new ye(t, Math.abs(this.weight));
+    return new xe(t, Math.abs(this.weight));
   }
   set color(t) {
     this._color = t;
@@ -1621,90 +1621,90 @@ const Qs = 1, us = class us extends Bt {
     this._totalweight = t;
   }
 };
-u(us, "Edge");
-let Se = us;
-var qt;
-const ds = class ds extends Mt {
+u(ds, "Edge");
+let Ee = ds;
+var Ut;
+const gs = class gs extends It {
   constructor(e) {
     super(e.dimensions || [], e);
-    tt(this, qt);
-    B(this, qt, e);
+    tt(this, Ut);
+    G(this, Ut, e);
   }
   get edge() {
-    return k(this, qt);
+    return k(this, Ut);
   }
   get path() {
-    const e = k(this, qt), 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 = k(this, Ut), 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((q) => h / 2 * Math.max(0, 1 - q / a), "halfW"), c = /* @__PURE__ */ u((q, v) => `${s[0] + o[0] * q + _[0] * v} ${s[1] + o[1] * q + _[1] * v}`, "at"), S = 0.2 * a, p = Math.min(0.15 * a, 0.8 * 2 * g(S)), A = S + p / 2, P = S + p;
-    return `M${c(S, 0)} L${c(A, g(A))} L${c(P, g(P))} L${c(A, 0)} L${c(P, -g(P))} L${c(A, -g(A))}z`;
+    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((q) => h / 2 * Math.max(0, 1 - q / a), "halfW"), c = /* @__PURE__ */ u((q, S) => `${s[0] + o[0] * q + _[0] * S} ${s[1] + o[1] * q + _[1] * S}`, "at"), E = 0.2 * a, f = Math.min(0.15 * a, 0.8 * 2 * g(E)), v = E + f / 2, P = E + f;
+    return `M${c(E, 0)} L${c(v, g(v))} L${c(P, g(P))} L${c(v, 0)} L${c(P, -g(P))} L${c(v, -g(v))}z`;
   }
 };
-qt = new WeakMap(), u(ds, "EdgeArrow");
-let Ee = ds;
-var Ut, _e;
-const De = class De extends Se {
+Ut = new WeakMap(), u(gs, "EdgeArrow");
+let Me = gs;
+var Gt, ue;
+const Te = class Te extends Ee {
   constructor(e, s, i) {
     super(e, s, i);
-    tt(this, Ut);
-    tt(this, _e);
-    this._path = "", B(this, Ut, !1), this._directions = [
+    tt(this, Gt);
+    tt(this, ue);
+    this._path = "", G(this, Gt, !1), this._directions = [
       "from",
       "to"
       /* TO */
-    ], this.towards = "to", k(this, Ut) === !0 && B(this, _e, new Ee(this));
+    ], this.towards = "to", k(this, Gt) === !0 && G(this, ue, new Me(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((A) => A !== 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) * Qs;
+    const s = e.towards, i = e._directions.find((v) => v !== 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)
       return [[a, h], [a, h]];
-    const c = -l / _, S = o / _, p = g / 2;
+    const c = -l / _, E = o / _, f = g / 2;
     return [
-      [a + c * p, h + S * p],
-      [a - c * p, h - S * p]
+      [a + c * f, h + E * f],
+      [a - c * f, h - E * f]
     ];
   }
   get base_pts() {
-    return De.calculate_base_points(this);
+    return Te.calculate_base_points(this);
   }
   get arrow() {
-    return k(this, _e);
+    return k(this, ue);
   }
   get with_arrow() {
-    return k(this, Ut);
+    return k(this, Gt);
   }
   get from_point() {
     return [this.from.x, this.from.y];
   }
 };
-Ut = new WeakMap(), _e = new WeakMap(), u(De, "TaperedEdge");
-let Ht = De;
-const Te = class Te extends Ht {
+Gt = new WeakMap(), ue = new WeakMap(), u(Te, "TaperedEdge");
+let Xt = Te;
+const ze = class ze extends Xt {
   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 ee.Geometry.Line.interpolate(this.line)(1 - this._dataWeight / this._totalweight);
+    return se.Geometry.Line.interpolate(this.line)(1 - this._dataWeight / this._totalweight);
   }
   get base_pts() {
-    return Ht.calculate_base_points(this);
+    return Xt.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 Te.build_path(this);
+    return ze.build_path(this);
   }
   get from_point() {
     return this.weighted_midpoint;
   }
 };
-u(Te, "TaperedWeightedMidpointEdge");
-let Ze = Te;
-const ze = class ze extends Se {
+u(ze, "TaperedWeightedMidpointEdge");
+let Qe = ze;
+const Fe = class Fe extends Ee {
   constructor(t, e, s) {
     super(t, e, s);
   }
@@ -1713,14 +1713,14 @@ const ze = class ze extends Se {
     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 * Qs;
-    return ze.build_path(t, this.to);
+    let t = this.weight * ti;
+    return Fe.build_path(t, this.to);
   }
 };
-u(ze, "NodeEdge");
-let se = ze;
-const gs = class gs {
-  constructor(t, e, s, i = new It()) {
+u(Fe, "NodeEdge");
+let ie = Fe;
+const ms = class ms {
+  constructor(t, e, s, i = new Nt()) {
     this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.svg_element = this.create();
   }
   get_size() {
@@ -1743,42 +1743,42 @@ const gs = class gs {
     u(a, "animate"), requestAnimationFrame(a);
   }
 };
-u(gs, "Drawable");
-let ie = gs;
-const ui = 0.04, di = [0.25, 1], gi = [0.3, 1];
-function Hs(d, t, e, s) {
+u(ms, "Drawable");
+let ne = ms;
+const di = 0.04, gi = [0.25, 1], mi = [0.3, 1];
+function Xs(d, t, e, s) {
   const i = Math.abs(d);
   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(Hs, "rampFor");
-const mi = 0.011, fi = 0.75, pi = 0.8, bi = 0.75, ti = 6e-3, yi = 0.6;
-function xi(d) {
+u(Xs, "rampFor");
+const fi = 0.011, pi = 0.75, bi = 0.8, yi = 0.75, ei = 6e-3, xi = 0.6;
+function wi(d) {
   return 2 * d;
 }
-u(xi, "widthPerWeight");
-function wi(d, t) {
-  return d * t / (2 * ti);
+u(wi, "widthPerWeight");
+function Ai(d, t) {
+  return d * t / (2 * ei);
 }
-u(wi, "nodeSizeForEdges");
-function Ai(d) {
+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");
   return `rgb(${r(e)},${r(s)},${r(i)})`;
 }
-u(Ai, "flattenOnWhite");
-function vi(d, t) {
+u(vi, "flattenOnWhite");
+function Si(d, t) {
   const e = /rgba?\(([^)]+)\)/.exec(d);
   if (!e) return d;
   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(vi, "darkenRgba");
-const ms = class ms extends ie {
-  constructor(t, e, s, i = new It()) {
+u(Si, "darkenRgba");
+const fs = class fs extends ne {
+  constructor(t, e, s, i = new Nt()) {
     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
@@ -1788,11 +1788,11 @@ const ms = class ms extends ie {
     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)));
   }
   create() {
-    if (this.__data__ instanceof se) {
+    if (this.__data__ instanceof ie) {
       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 Ht) {
+    if (this.__data__ instanceof Xt) {
       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;
     }
@@ -1805,19 +1805,19 @@ const ms = class ms extends ie {
     const t = ((s = this.graph.__data__.extremes) == null ? void 0 : s.x_max) ?? 1, e = this.__data__.meta ?? {};
     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 et("#000000"), l = typeof e.saturation == "number" ? e.saturation : r, _ = new ye(o, l, r).toString();
-      if (this.__data__ instanceof se)
+      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 * fi * (i / (n || 1)), o = this.__data__._color || new et("#000000"), l = typeof e.saturation == "number" ? e.saturation : r, _ = new xe(o, l, r).toString();
+      if (this.__data__ instanceof ie)
         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 Ht) {
-        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(fi)), this.svg_element.setAttribute("vector-effect", "non-scaling-stroke"), this.svg_element.setAttribute("stroke-linejoin", "round"), e.isDirected)
+      else if (this.__data__ instanceof Xt) {
+        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)
           try {
-            const c = new Ee(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", vi(Ai(_), pi)), this._arrow_el.setAttribute("stroke", "#ffffff"), this._arrow_el.setAttribute("stroke-width", String(bi)), this._arrow_el.setAttribute("vector-effect", "non-scaling-stroke"), this._arrow_el.setAttribute("stroke-linejoin", "round"));
+            const c = new Me(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"));
           } catch {
           }
       } else {
-        const g = this.__data__.from.x, c = this.__data__.from.y, S = this.__data__.to.x, p = this.__data__.to.y;
-        this.svg_element.setAttribute("x1", g.toString()), this.svg_element.setAttribute("y1", c.toString()), this.svg_element.setAttribute("x2", S.toString()), this.svg_element.setAttribute("y2", p.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", S.toString()), this._hit_el.setAttribute("y2", p.toString()), this._hit_el.setAttribute("stroke-width", Math.max(h, t * 0.03).toString()), this._stampEdge(this._hit_el);
+        const g = this.__data__.from.x, c = this.__data__.from.y, E = this.__data__.to.x, f = 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", f.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", f.toString()), this._hit_el.setAttribute("stroke-width", Math.max(h, t * 0.03).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());
@@ -1830,10 +1830,10 @@ const ms = class ms extends ie {
     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 wt = ms;
-const fs = class fs extends ie {
-  constructor(t, e, s, i = new It()) {
+u(fs, "QELine");
+let At = fs;
+const ps = class ps extends ne {
+  constructor(t, e, s, i = new Nt()) {
     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() {
@@ -1890,7 +1890,7 @@ const fs = class fs extends ie {
       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;
     }
-    return t * ti * this.__data__.size * e;
+    return t * ei * 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
@@ -1923,10 +1923,10 @@ const fs = class fs extends ie {
     (t = this.parent) == null || t.appendChild(this.svg_element);
   }
 };
-u(fs, "QEPoint");
-let ne = fs;
-const ps = class ps extends ie {
-  constructor(t, e, s, i = new It()) {
+u(ps, "QEPoint");
+let re = ps;
+const bs = class bs extends ne {
+  constructor(t, e, s, i = new Nt()) {
     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
@@ -1957,8 +1957,8 @@ const ps = class ps extends ie {
       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, S = a + (h - a) * g, p = document.createElementNS("http://www.w3.org/2000/svg", "path");
-          p.setAttribute("d", `M${l.x},${l.y} L${_.x},${_.y}`), p.setAttribute("fill", "none"), p.setAttribute("stroke", this.__data__.color.toString()), p.setAttribute("stroke-linecap", "round"), p.setAttribute("stroke-linejoin", "round"), p.setAttribute("stroke-width", this.graphUnitsForPixels(c).toString()), p.setAttribute("opacity", S.toString()), this._segments_group.appendChild(p);
+          const l = s[o], _ = s[o + 1], g = i <= 1 ? 1 : o / (i - 1), c = n + (r - n) * g, E = a + (h - a) * g, f = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          f.setAttribute("d", `M${l.x},${l.y} L${_.x},${_.y}`), f.setAttribute("fill", "none"), f.setAttribute("stroke", this.__data__.color.toString()), f.setAttribute("stroke-linecap", "round"), f.setAttribute("stroke-linejoin", "round"), f.setAttribute("stroke-width", this.graphUnitsForPixels(c).toString()), f.setAttribute("opacity", E.toString()), this._segments_group.appendChild(f);
         }
         this._segments_group.style.display = "block";
       } else
@@ -1979,9 +1979,9 @@ const ps = class ps extends ie {
     this.svg_element && !this.svg_element.parentElement && this.parent.appendChild(this.svg_element), this.update();
   }
 };
-u(ps, "QETrajectory");
-let Me = ps;
-const { ArrayTools: Xs } = ee, bs = class bs extends Array {
+u(bs, "QETrajectory");
+let Ie = bs;
+const { ArrayTools: Ws } = se, ys = class ys extends Array {
   constructor(...t) {
     super(...t);
   }
@@ -1992,14 +1992,14 @@ const { ArrayTools: Xs } = ee, bs = class bs extends Array {
     }
     u(i, "fn");
     function n(r, a, h = null) {
-      if (Xs.isArray(r)) {
+      if (Ws.isArray(r)) {
         for (const [o, l] of r.entries())
           if (s = n(l, o, h), s)
             return s;
       } else {
         if (s = i(r), s)
           return s;
-        if (r && Xs.isArray(r[t])) {
+        if (r && Ws.isArray(r[t])) {
           for (const [o, l] of r[t].entries())
             if (s = n(l, o, r), s)
               return s;
@@ -2013,20 +2013,20 @@ const { ArrayTools: Xs } = ee, bs = class bs extends Array {
     return this.reduce((t, e) => (t.push(e), e.layers && Array.isArray(e.layers) && t.push(...e.layers), t), []);
   }
 };
-u(bs, "QEArray");
-let It = bs;
-const Si = {
-  AxisPoint: ne,
-  AxisLine: wt,
-  Point: ne,
-  Line: wt,
-  Edge: wt,
-  TaperedEdge: wt,
-  TaperedWeightedMidpointEdge: wt,
-  NodeEdge: wt,
-  Trajectory: Me
-}, zt = class zt {
-  constructor(t, e, s, i = new It()) {
+u(ys, "QEArray");
+let Nt = ys;
+const Ei = {
+  AxisPoint: re,
+  AxisLine: At,
+  Point: re,
+  Line: At,
+  Edge: At,
+  TaperedEdge: At,
+  TaperedWeightedMidpointEdge: At,
+  NodeEdge: At,
+  Trajectory: Ie
+}, Ft = class Ft {
+  constructor(t, e, s, i = new Nt()) {
     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;
@@ -2040,10 +2040,10 @@ const Si = {
         (g) => !this.__children__.some((c) => h(c) === g.ID)
       ).forEach((g) => {
         const c = g._typeName || g.constructor.name;
-        let S = Si[c];
-        S || (g instanceof ve ? S = Me : g instanceof K ? S = ne : S = wt);
-        const p = new S(g, this.svg_element, this.graph);
-        this.__children__.push(p);
+        let E = Ei[c];
+        E || (g instanceof Se ? E = Ie : g instanceof J ? E = re : E = At);
+        const f = new E(g, this.svg_element, this.graph);
+        this.__children__.push(f);
       }), l.forEach((g) => {
         const c = r.objects.get(h(g));
         c && (g.__data__ = c), g.update();
@@ -2061,8 +2061,8 @@ const Si = {
     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", zt.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 zt(e, this.svg_element, this.graph);
+    return this.svg_element = document.createElementNS("http://www.w3.org/2000/svg", Ft.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 Ft(e, this.svg_element, this.graph);
       this.__children__.push(s);
     }), this.svg_element;
   }
@@ -2083,11 +2083,11 @@ const Si = {
     this.__children__.push(t);
   }
 };
-u(zt, "QELayer"), zt.tagName = "g";
-let Qe = zt;
-const ys = class ys {
-  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"));
+u(Ft, "QELayer"), Ft.tagName = "g";
+let ts = Ft;
+const xs = class xs {
+  constructor(t, e, s, i, n = B.DISPLAY_TYPES.ON, r = B.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 === B.DISPLAY_TYPES.ON ? (this._visible = !0, this.svg_element.setAttribute("display", "block")) : (this._visible = !1, this.svg_element.setAttribute("display", "none"));
   }
   _create() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
@@ -2131,22 +2131,22 @@ const ys = class ys {
     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 B.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, S = t * 0.93 / c;
-        n = o + _ * S, r = l + g * S - i * 0.3, a = _ >= 0 ? "start" : "end";
+      case B.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";
         break;
       }
-      case H.POSITION.CUSTOM:
+      case B.POSITION.CUSTOM:
         if (this.customX != null && this.customY != null) {
           n = this.customX, r = this.customY, a = "start";
           break;
         }
       default:
-      case H.POSITION.OBJECT: {
+      case B.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;
@@ -2171,39 +2171,39 @@ const ys = class ys {
     this.svg_element.remove();
   }
 };
-u(ys, "QELabel");
-let Vt = ys;
-const Fe = class Fe extends HTMLElement {
-};
-u(Fe, "QENodesElement"), Fe.tagName = "qe-nodes";
-let Ie = Fe;
+u(xs, "QELabel");
+let Kt = xs;
 const je = class je extends HTMLElement {
 };
-u(je, "QEMeansElement"), je.tagName = "qe-means";
+u(je, "QENodesElement"), je.tagName = "qe-nodes";
 let Ne = je;
 const Ye = class Ye extends HTMLElement {
 };
-u(Ye, "QEPointsElement"), Ye.tagName = "qe-points";
+u(Ye, "QEMeansElement"), Ye.tagName = "qe-means";
 let ke = Ye;
 const qe = class qe extends HTMLElement {
 };
-u(qe, "QEEdgesElement"), qe.tagName = "qe-edges";
+u(qe, "QEPointsElement"), qe.tagName = "qe-points";
 let Ce = qe;
 const Ue = class Ue extends HTMLElement {
 };
-u(Ue, "QETrajectoriesElement"), Ue.tagName = "qe-trajectories";
-let $e = Ue;
+u(Ue, "QEEdgesElement"), Ue.tagName = "qe-edges";
+let Oe = Ue;
 const Ge = class Ge extends HTMLElement {
 };
-u(Ge, "QEAxesElement"), Ge.tagName = "qe-axes";
-let Oe = Ge;
-customElements.define(Ie.tagName, Ie);
+u(Ge, "QETrajectoriesElement"), Ge.tagName = "qe-trajectories";
+let $e = Ge;
+const Be = class Be extends HTMLElement {
+};
+u(Be, "QEAxesElement"), Be.tagName = "qe-axes";
+let Pe = Be;
 customElements.define(Ne.tagName, Ne);
 customElements.define(ke.tagName, ke);
 customElements.define(Ce.tagName, Ce);
-customElements.define($e.tagName, $e);
 customElements.define(Oe.tagName, Oe);
-const Ws = [
+customElements.define($e.tagName, $e);
+customElements.define(Pe.tagName, Pe);
+const Vs = [
   "#4477AA",
   "#EE6677",
   "#228833",
@@ -2213,7 +2213,7 @@ const Ws = [
   "#BBBBBB",
   "#000000"
 ];
-function Ei(d, t) {
+function Mi(d, t) {
   for (const e of t)
     if (d === `${e}.${e}`) return [e, e];
   for (const e of t)
@@ -2223,20 +2223,20 @@ function Ei(d, t) {
     }
   return null;
 }
-u(Ei, "parseEdgePair");
-function Mi(d, t, e, s) {
+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;
   return { halfW: n * r, halfH: n * a };
 }
-u(Mi, "computeCIRect");
-const Ii = 0.5;
-function me(d, t, e) {
+u(Ii, "computeCIRect");
+const Ni = 0.5;
+function fe(d, t, e) {
   if (!d) return;
   const s = Math.min(Math.abs(t), Math.abs(e));
-  s > 0 && (d.meta = { ...d.meta ?? {}, maxRadius: s * Ii });
+  s > 0 && (d.meta = { ...d.meta ?? {}, maxRadius: s * Ni });
 }
-u(me, "capMeanToInterval");
-function fe(d, t, e, s = "") {
+u(fe, "capMeanToInterval");
+function pe(d, t, e, s = "") {
   const i = /* @__PURE__ */ u((o) => {
     const l = d.names.indexOf(o), _ = l >= 0 ? d[l] : null;
     if (_ == null || _ === "") return;
@@ -2245,8 +2245,8 @@ function fe(d, t, e, s = "") {
   }, "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(fe, "readIntervalBounds");
-function Ni(d) {
+u(pe, "readIntervalBounds");
+function ki(d) {
   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)) ?? [];
   return {
@@ -2260,18 +2260,18 @@ function Ni(d) {
     name: t("name")
   };
 }
-u(Ni, "parseEdgeLayer");
-function ki(d) {
+u(ki, "parseEdgeLayer");
+function Ci(d) {
   const { r: t, g: e, b: s } = et.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");
   return `#${r(t)}${r(e)}${r(s)}`;
 }
-u(ki, "complementColor");
-function Ci(d) {
+u(Ci, "complementColor");
+function Oi(d) {
   const t = d == null ? void 0 : d.trim().toLowerCase();
   return t === "plot" || t === "absolute" ? t : "model";
 }
-u(Ci, "parseColorScale");
-function Be(d, t) {
+u(Oi, "parseColorScale");
+function He(d, t) {
   switch (d == null ? void 0 : d.toLowerCase()) {
     case "on":
       return 3;
@@ -2285,12 +2285,12 @@ function Be(d, t) {
       return t;
   }
 }
-u(Be, "parseLabelMode");
-const ut = class ut extends we {
+u(He, "parseLabelMode");
+const ut = class ut extends Ae {
   constructor() {
-    super(), this.zoom_level = 1, this.__children__ = new It(), 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 Ve(Vs), 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 As, vs, Ss, Es, Ms, Is, Ns, ks, Cs, $s, Os, Ps, Rs, Ls, Ds;
-      const e = ((As = t.composedPath) == null ? void 0 : As.call(t)[0]) ?? t.target;
+    super(), this.zoom_level = 1, this.__children__ = new Nt(), 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;
       if (this._vizena && e !== this._vizena) return;
       const s = t.detail;
       if (!s) return;
@@ -2299,183 +2299,183 @@ const ut = class ut extends we {
       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 = {}, _ = (vs = s.palette) != null && vs.length ? s.palette : Ws;
-      if (h && ((Ss = s.points) != null && Ss.names)) {
+      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(($, x) => {
-          l[$] = _[x % _.length];
+        C && [...new Set([...C].map(String))].forEach((O, x) => {
+          l[O] = _[x % _.length];
         });
       }
-      (Es = s.groups) != null && Es.rows && s.groups.rows().length > 0 && s.groups.rows().forEach((C) => {
-        const M = C.rowName ?? String(C[0]), $ = C.names.indexOf("color"), x = $ >= 0 ? C[$] : null;
-        x && String(x) !== "NA" ? l[M] = String(x) : l[M] || (l[M] = _[Object.keys(l).length % _.length]);
+      (Ms = s.groups) != null && Ms.rows && s.groups.rows().length > 0 && s.groups.rows().forEach((C) => {
+        const I = C.rowName ?? String(C[0]), O = C.names.indexOf("color"), x = O >= 0 ? C[O] : null;
+        x && String(x) !== "NA" ? l[I] = String(x) : l[I] || (l[I] = _[Object.keys(l).length % _.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])
         // silently drop names not in model
-      ) : new Set(g), S = o.scalePoints, p = /* @__PURE__ */ u((C) => {
-        let M = 0;
-        return C.forEach(($) => {
-          const x = $.names.indexOf(n[0]), m = n.length > 1 ? $.names.indexOf(n[1]) : -1;
-          x >= 0 && (M = Math.max(M, Math.abs(Number($[x])))), m >= 0 && (M = Math.max(M, Math.abs(Number($[m]))));
-        }), M;
-      }, "getExtent"), A = (Ms = s.nodes) != null && Ms.rows ? p(s.nodes.rows()) : 0, P = (Is = s.points) != null && Is.rows ? p(s.points.rows()) : 0, Y = (Ns = s.trajectories) != null && Ns.rows ? p(s.trajectories.rows()) : 0, q = P > 0 ? P : Y, v = o.pointScale !== null ? o.pointScale : S && q > 0 && A > 0 ? A / q : 1;
-      this._rangeExtent = o.range === "network" ? A * 1.2 : o.range === "points" ? q * 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 j = o.labelNodes, it = o.labelMeans, rt = o.labelPoints, st = this._labelsGroup, lt = /* @__PURE__ */ u((C, M, $, x = 1) => {
-        const m = C.names.indexOf(M), O = C.names.indexOf(n[0]), b = n.length > 1 ? C.names.indexOf(n[1]) : -1, y = new K({
+      ) : new Set(g), E = o.scalePoints, f = /* @__PURE__ */ u((C) => {
+        let I = 0;
+        return C.forEach((O) => {
+          const x = O.names.indexOf(n[0]), m = n.length > 1 ? O.names.indexOf(n[1]) : -1;
+          x >= 0 && (I = Math.max(I, Math.abs(Number(O[x])))), m >= 0 && (I = Math.max(I, Math.abs(Number(O[m]))));
+        }), I;
+      }, "getExtent"), v = (Is = s.nodes) != null && Is.rows ? f(s.nodes.rows()) : 0, P = (Ns = s.points) != null && Ns.rows ? f(s.points.rows()) : 0, Y = (ks = s.trajectories) != null && ks.rows ? f(s.trajectories.rows()) : 0, q = P > 0 ? P : Y, S = o.pointScale !== null ? o.pointScale : E && q > 0 && v > 0 ? v / q : 1;
+      this._rangeExtent = o.range === "network" ? v * 1.2 : o.range === "points" ? q * S * 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 j = o.labelNodes, nt = o.labelMeans, rt = o.labelPoints, st = this._labelsGroup, lt = /* @__PURE__ */ u((C, I, O, x = 1) => {
+        const m = C.names.indexOf(I), $ = C.names.indexOf(n[0]), b = n.length > 1 ? C.names.indexOf(n[1]) : -1, y = new J({
           ID: m >= 0 ? String(C[m]) : C.rowName || `pt-${Math.random().toString(36).slice(2)}`,
           dimensions: [
-            O >= 0 ? Number(C[O]) * x : 0,
+            $ >= 0 ? Number(C[$]) * x : 0,
             b >= 0 ? -Number(C[b]) * x : 0
             // negate Y: SVG y-down vs ENA y-up
           ],
           meta: {}
         });
-        return $ && (y.color = new et($)), y;
-      }, "rowToPoint"), V = {}, St = o.showPoints, Nt = s.pointsets;
-      if (o.pointSets.length && (Nt != null && Nt.rows)) {
-        const C = this.__children__.search("__children__", "points"), M = /* @__PURE__ */ u(($, x) => {
-          const m = $.names.indexOf(x);
-          return m >= 0 ? $[m] : null;
+        return O && (y.color = new et(O)), y;
+      }, "rowToPoint"), W = {}, Et = o.showPoints, kt = s.pointsets;
+      if (o.pointSets.length && (kt != null && kt.rows)) {
+        const C = this.__children__.search("__children__", "points"), I = /* @__PURE__ */ u((O, x) => {
+          const m = O.names.indexOf(x);
+          return m >= 0 ? O[m] : null;
         }, "col");
-        o.pointSets.forEach(($, x) => {
-          Nt.rows().forEach((m) => {
-            if (String(M(m, "set")) !== $.set) return;
-            const O = String(M(m, "id")), b = M(m, "group") != null && String(M(m, "group")) !== "NA" ? String(M(m, "group")) : null, y = M(m, "color") && String(M(m, "color")) !== "NA" ? String(M(m, "color")) : b && l[b] ? l[b] : _[x % _.length], E = lt(m, "id", y, v);
-            E.ID = `${$.set}::${O}`, E.size = $.size ?? o.pointSize ?? 2.5;
-            const F = M(m, "shape");
-            F && String(F) !== "NA" && (E.shape = String(F));
-            const R = M(m, "label");
-            E.meta = {
+        o.pointSets.forEach((O, x) => {
+          kt.rows().forEach((m) => {
+            if (String(I(m, "set")) !== O.set) return;
+            const $ = String(I(m, "id")), b = I(m, "group") != null && String(I(m, "group")) !== "NA" ? String(I(m, "group")) : null, y = I(m, "color") && String(I(m, "color")) !== "NA" ? String(I(m, "color")) : b && l[b] ? l[b] : _[x % _.length], M = lt(m, "id", y, S);
+            M.ID = `${O.set}::${$}`, M.size = O.size ?? o.pointSize ?? 2.5;
+            const F = I(m, "shape");
+            F && String(F) !== "NA" && (M.shape = String(F));
+            const R = I(m, "label");
+            M.meta = {
               stroke: "#ffffff",
               kind: "point",
-              name: R != null && String(R) !== "NA" ? String(R) : O,
+              name: R != null && String(R) !== "NA" ? String(R) : $,
               group: b ?? void 0,
-              unit: O,
-              set: $.set,
-              fixedSize: $.fixedSize
-            }, this.__data__.points.set(E.ID, E), C == null || C.__data__.objects.set(E.ID, E);
+              unit: $,
+              set: O.set,
+              fixedSize: O.fixedSize
+            }, this.__data__.points.set(M.ID, M), C == null || C.__data__.objects.set(M.ID, M);
           });
         });
       }
-      if ((ks = s.points) != null && ks.rows) {
+      if ((Cs = s.points) != null && Cs.rows) {
         const C = this.__children__.search("__children__", "points");
         if (C) {
           s.points.rows().forEach((x) => {
-            const m = h ? x.names.indexOf(h) : -1, O = m >= 0 ? String(x[m]) : null, b = O ? l[O] ?? "#888888" : "#888888";
-            if (St) {
-              const y = lt(x, r, b, v);
+            const m = h ? x.names.indexOf(h) : -1, $ = m >= 0 ? String(x[m]) : null, b = $ ? l[$] ?? "#888888" : "#888888";
+            if (Et) {
+              const y = lt(x, r, b, S);
               y.size = o.pointSize ?? 2.5, y.meta = {
                 ...y.meta ?? {},
                 stroke: "#ffffff",
                 kind: "point",
                 name: y.ID,
-                group: O ?? void 0,
+                group: $ ?? void 0,
                 unit: y.ID,
                 fixedSize: o.pointFixedSize
               }, this.__data__.points.set(y.ID, y), C.__data__.objects.set(y.ID, y);
             }
-            if (O) {
-              const y = x.names.indexOf(n[0]), E = n.length > 1 ? x.names.indexOf(n[1]) : -1;
-              V[O] || (V[O] = { x: 0, y: 0, x2: 0, y2: 0, xy: 0, n: 0, color: b });
-              const F = y >= 0 ? Number(x[y]) : 0, R = E >= 0 ? Number(x[E]) : 0;
-              V[O].x += F, V[O].y += R, V[O].x2 += F * F, V[O].y2 += R * R, V[O].xy += F * R, V[O].n += 1;
+            if ($) {
+              const y = x.names.indexOf(n[0]), M = n.length > 1 ? x.names.indexOf(n[1]) : -1;
+              W[$] || (W[$] = { x: 0, y: 0, x2: 0, y2: 0, xy: 0, n: 0, color: b });
+              const F = y >= 0 ? Number(x[y]) : 0, R = M >= 0 ? Number(x[M]) : 0;
+              W[$].x += F, W[$].y += R, W[$].x2 += F * F, W[$].y2 += R * R, W[$].xy += F * R, W[$].n += 1;
             }
           });
-          const M = !!((Cs = s.groups) != null && Cs.rows && s.groups.rows().length > 0), $ = o.showMeans && M ? s.groups.rows().filter((x) => {
+          const I = !!((Os = s.groups) != null && Os.rows && s.groups.rows().length > 0), O = o.showMeans && I ? s.groups.rows().filter((x) => {
             const m = x.rowName ?? String(x[0]);
             return c.size === 0 || c.has(m);
           }) : [];
           if (o.showMeans) {
-            const x = C.svg_element, m = (A > 0 ? A : 1) * 8e-3;
-            if (M) {
-              const O = new Set($.map((b) => b.rowName ?? String(b[0])));
+            const x = C.svg_element, m = (v > 0 ? v : 1) * 8e-3;
+            if (I) {
+              const $ = new Set(O.map((b) => b.rowName ?? String(b[0])));
               this._ciRects.forEach((b, y) => {
-                O.has(y) || (b.remove(), this._ciRects.delete(y));
+                $.has(y) || (b.remove(), this._ciRects.delete(y));
               }), this._outlierRects.forEach((b, y) => {
-                O.has(y) || (b.remove(), this._outlierRects.delete(y));
+                $.has(y) || (b.remove(), this._outlierRects.delete(y));
               }), this._ciCross.forEach((b, y) => {
-                O.has(y.slice(2)) || (b.remove(), this._ciCross.delete(y));
-              }), $.forEach((b) => {
-                var N, z, T;
-                const y = b.rowName ?? String(b[0]), E = l[y] ?? "#888888", F = b.names.indexOf(n[0]), R = n.length > 1 ? b.names.indexOf(n[1]) : -1, X = F >= 0 ? Number(b[F]) * v : 0, dt = R >= 0 ? -Number(b[R]) * v : 0, J = new K({
+                $.has(y.slice(2)) || (b.remove(), this._ciCross.delete(y));
+              }), O.forEach((b) => {
+                var w, N, T;
+                const y = b.rowName ?? String(b[0]), M = l[y] ?? "#888888", F = b.names.indexOf(n[0]), R = n.length > 1 ? b.names.indexOf(n[1]) : -1, H = F >= 0 ? Number(b[F]) * S : 0, dt = R >= 0 ? -Number(b[R]) * S : 0, Z = new J({
                   ID: `mean-${y}`,
-                  dimensions: [X, dt],
+                  dimensions: [H, dt],
                   meta: { kind: "mean", name: y, group: y, fixedSize: o.meanFixedSize }
                 });
-                J.color = new et(E), J.size = 4;
+                Z.color = new et(M), Z.size = 4;
                 const _t = b.names.indexOf("shape"), L = _t >= 0 ? b[_t] : null;
-                J.shape = L && String(L) !== "NA" ? String(L) : "rect", this.__data__.points.set(J.ID, J), C.__data__.objects.set(J.ID, J);
-                const kt = /* @__PURE__ */ u((I) => {
-                  const Q = b.names.indexOf(I), G = Q >= 0 ? b[Q] : null;
-                  return G == null || String(G) === "NA" || String(G) === "" ? null : G;
-                }, "cell"), bt = kt("intervals"), xt = bt === "box" || bt === "crosshairs" || bt === "none" ? bt : o.intervals, Ct = kt("outlier"), U = (Ct == null ? o.showOutlier : Ct === !0 || String(Ct) === "true") ? fe(b, n[0], n[1], "o") : 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 Ct = /* @__PURE__ */ u((A) => {
+                  const z = b.names.indexOf(A), V = z >= 0 ? b[z] : null;
+                  return V == null || String(V) === "NA" || String(V) === "" ? null : V;
+                }, "cell"), yt = Ct("intervals"), wt = yt === "box" || yt === "crosshairs" || yt === "none" ? yt : o.intervals, Ot = Ct("outlier"), U = (Ot == null ? o.showOutlier : Ot === !0 || String(Ot) === "true") ? pe(b, n[0], n[1], "o") : null;
                 if (!U)
-                  (N = this._outlierRects.get(y)) == null || N.remove(), this._outlierRects.delete(y);
+                  (w = this._outlierRects.get(y)) == null || w.remove(), this._outlierRects.delete(y);
                 else {
-                  let I = this._outlierRects.get(y);
-                  I || (I = document.createElementNS("http://www.w3.org/2000/svg", "rect"), I.setAttribute("data-outlier-group", y), this._outlierRects.set(y, I)), I.setAttribute("x", (U.x_low * v).toString()), I.setAttribute("y", (-U.y_high * v).toString()), I.setAttribute("width", ((U.x_high - U.x_low) * v).toString()), I.setAttribute("height", ((U.y_high - U.y_low) * v).toString()), I.setAttribute("fill", "none"), I.setAttribute("stroke", E), I.setAttribute("stroke-width", m.toString()), I.setAttribute("stroke-opacity", "0.5"), I.setAttribute("stroke-dasharray", `${m * 2} ${m * 2}`), x && !I.parentElement && x.insertBefore(I, x.firstChild);
+                  let A = this._outlierRects.get(y);
+                  A || (A = document.createElementNS("http://www.w3.org/2000/svg", "rect"), A.setAttribute("data-outlier-group", y), this._outlierRects.set(y, A)), A.setAttribute("x", (U.x_low * S).toString()), A.setAttribute("y", (-U.y_high * S).toString()), A.setAttribute("width", ((U.x_high - U.x_low) * S).toString()), A.setAttribute("height", ((U.y_high - U.y_low) * S).toString()), A.setAttribute("fill", "none"), A.setAttribute("stroke", M), A.setAttribute("stroke-width", m.toString()), A.setAttribute("stroke-opacity", "0.5"), A.setAttribute("stroke-dasharray", `${m * 2} ${m * 2}`), x && !A.parentElement && x.insertBefore(A, x.firstChild);
                 }
-                const f = xt !== "none" ? fe(b, n[0], n[1]) : null, w = `x:${y}`;
-                if ((!f || xt !== "crosshairs") && ((z = this._ciCross.get(w)) == null || z.remove(), this._ciCross.delete(w)), f && xt === "crosshairs") {
+                const it = wt !== "none" ? pe(b, n[0], n[1]) : null, p = `x:${y}`;
+                if ((!it || wt !== "crosshairs") && ((N = this._ciCross.get(p)) == null || N.remove(), this._ciCross.delete(p)), it && wt === "crosshairs") {
                   (T = this._ciRects.get(y)) == null || T.remove(), this._ciRects.delete(y);
-                  const I = f.x_low * v, Q = f.x_high * v, G = -f.y_high * v, nt = -f.y_low * v;
-                  me(J, (Q - I) / 2, (nt - G) / 2);
-                  let D = this._ciCross.get(w);
-                  D || (D = document.createElementNS("http://www.w3.org/2000/svg", "path"), D.setAttribute("data-ci-group", y), D.setAttribute("data-ci-kind", "crosshairs"), this._ciCross.set(w, D)), D.setAttribute("d", `M${I} ${dt} L${Q} ${dt} M${X} ${G} L${X} ${nt}`), D.setAttribute("fill", "none"), D.setAttribute("stroke", E), D.setAttribute("stroke-width", (m * 1.25).toString()), D.setAttribute("stroke-opacity", "0.8"), x && !D.parentElement && x.insertBefore(D, x.firstChild);
-                } else if (f) {
-                  const I = f.x_low * v, Q = -f.y_high * v, G = (f.x_high - f.x_low) * v, nt = (f.y_high - f.y_low) * v;
-                  me(J, G / 2, nt / 2);
+                  const A = it.x_low * S, z = it.x_high * S, V = -it.y_high * S, K = -it.y_low * S;
+                  fe(Z, (z - A) / 2, (K - V) / 2);
+                  let D = this._ciCross.get(p);
+                  D || (D = document.createElementNS("http://www.w3.org/2000/svg", "path"), D.setAttribute("data-ci-group", y), D.setAttribute("data-ci-kind", "crosshairs"), this._ciCross.set(p, D)), D.setAttribute("d", `M${A} ${dt} L${z} ${dt} M${H} ${V} L${H} ${K}`), D.setAttribute("fill", "none"), D.setAttribute("stroke", M), D.setAttribute("stroke-width", (m * 1.25).toString()), D.setAttribute("stroke-opacity", "0.8"), x && !D.parentElement && x.insertBefore(D, x.firstChild);
+                } else if (it) {
+                  const A = it.x_low * S, z = -it.y_high * S, V = (it.x_high - it.x_low) * S, K = (it.y_high - it.y_low) * S;
+                  fe(Z, V / 2, K / 2);
                   let D = this._ciRects.get(y);
-                  D || (D = document.createElementNS("http://www.w3.org/2000/svg", "rect"), D.setAttribute("data-ci-group", y), this._ciRects.set(y, D)), D.setAttribute("x", I.toString()), D.setAttribute("y", Q.toString()), D.setAttribute("width", G.toString()), D.setAttribute("height", nt.toString()), D.setAttribute("fill", "none"), D.setAttribute("stroke", E), D.setAttribute("stroke-width", m.toString()), D.setAttribute("stroke-opacity", "0.8"), D.setAttribute("stroke-dasharray", `${m * 4} ${m * 3}`), x && !D.parentElement && x.insertBefore(D, x.firstChild);
+                  D || (D = document.createElementNS("http://www.w3.org/2000/svg", "rect"), D.setAttribute("data-ci-group", y), this._ciRects.set(y, D)), D.setAttribute("x", A.toString()), D.setAttribute("y", z.toString()), D.setAttribute("width", V.toString()), D.setAttribute("height", K.toString()), D.setAttribute("fill", "none"), D.setAttribute("stroke", M), D.setAttribute("stroke-width", m.toString()), D.setAttribute("stroke-opacity", "0.8"), D.setAttribute("stroke-dasharray", `${m * 4} ${m * 3}`), x && !D.parentElement && x.insertBefore(D, x.firstChild);
                 } else {
-                  const I = this._ciRects.get(y);
-                  I && (I.remove(), this._ciRects.delete(y));
+                  const A = this._ciRects.get(y);
+                  A && (A.remove(), this._ciRects.delete(y));
                 }
               });
             } else
-              Object.entries(V).forEach(([b, { x: y, y: E, n: F, color: R }]) => {
-                const X = new K({
+              Object.entries(W).forEach(([b, { x: y, y: M, n: F, color: R }]) => {
+                const H = new J({
                   ID: `mean-${b}`,
-                  dimensions: [y / F * v, -(E / F) * v],
+                  dimensions: [y / F * S, -(M / F) * S],
                   meta: { kind: "mean", name: b, group: b, fixedSize: o.meanFixedSize }
                 });
-                X.color = new et(R), X.size = 4, X.shape = "rect", this.__data__.points.set(X.ID, X), C.__data__.objects.set(X.ID, X);
+                H.color = new et(R), H.size = 4, H.shape = "rect", this.__data__.points.set(H.ID, H), C.__data__.objects.set(H.ID, H);
               }), o.showCI && (this._ciRects.forEach((b, y) => {
-                V[y] || (b.remove(), this._ciRects.delete(y));
+                W[y] || (b.remove(), this._ciRects.delete(y));
               }), ($s = s.confidence) != null && $s.rows ? s.confidence.rows().forEach((b) => {
-                const y = b.names.indexOf(h ?? "group"), E = y >= 0 ? String(b[y]) : b.rowName ?? null;
-                if (!E) return;
-                const F = l[E] ?? "#888888", R = fe(b, n[0], n[1]);
+                const y = b.names.indexOf(h ?? "group"), M = y >= 0 ? String(b[y]) : b.rowName ?? null;
+                if (!M) return;
+                const F = l[M] ?? "#888888", R = pe(b, n[0], n[1]);
                 if (!R) return;
-                const X = R.x_low * v, dt = -R.y_high * v, J = (R.x_high - R.x_low) * v, _t = (R.y_high - R.y_low) * v;
-                me(
-                  this.__data__.points.get(`mean-${E}`),
-                  J / 2,
+                const H = R.x_low * S, dt = -R.y_high * S, Z = (R.x_high - R.x_low) * S, _t = (R.y_high - R.y_low) * S;
+                fe(
+                  this.__data__.points.get(`mean-${M}`),
+                  Z / 2,
                   _t / 2
                 );
-                let L = this._ciRects.get(E);
-                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-ci-group", E), this._ciRects.set(E, L)), L.setAttribute("x", X.toString()), L.setAttribute("y", dt.toString()), L.setAttribute("width", J.toString()), L.setAttribute("height", _t.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", F), L.setAttribute("stroke-width", m.toString()), L.setAttribute("stroke-opacity", "0.8"), L.setAttribute("stroke-dasharray", `${m * 4} ${m * 3}`), x && !L.parentElement && x.insertBefore(L, x.firstChild);
-              }) : Object.entries(V).forEach(([b, { x: y, y: E, x2: F, y2: R, n: X, color: dt }]) => {
-                if (X < 2) return;
-                const J = y / X, _t = E / X, L = F / X - J * J, kt = R / X - _t * _t, { halfW: bt, halfH: xt } = Mi(L, kt, X, v), Ct = J * v, Lt = -_t * v;
-                me(
+                let L = this._ciRects.get(M);
+                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-ci-group", M), this._ciRects.set(M, L)), L.setAttribute("x", H.toString()), L.setAttribute("y", dt.toString()), L.setAttribute("width", Z.toString()), L.setAttribute("height", _t.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", F), L.setAttribute("stroke-width", m.toString()), L.setAttribute("stroke-opacity", "0.8"), L.setAttribute("stroke-dasharray", `${m * 4} ${m * 3}`), x && !L.parentElement && x.insertBefore(L, x.firstChild);
+              }) : Object.entries(W).forEach(([b, { x: y, y: M, x2: F, y2: R, n: H, color: dt }]) => {
+                if (H < 2) return;
+                const Z = y / H, _t = M / H, L = F / H - Z * Z, Ct = R / H - _t * _t, { halfW: yt, halfH: wt } = Ii(L, Ct, H, S), Ot = Z * S, Dt = -_t * S;
+                fe(
                   this.__data__.points.get(`mean-${b}`),
-                  bt,
-                  xt
+                  yt,
+                  wt
                 );
                 let U = this._ciRects.get(b);
-                U || (U = document.createElementNS("http://www.w3.org/2000/svg", "rect"), U.setAttribute("data-ci-group", b), this._ciRects.set(b, U)), U.setAttribute("x", (Ct - bt).toString()), U.setAttribute("y", (Lt - xt).toString()), U.setAttribute("width", (bt * 2).toString()), U.setAttribute("height", (xt * 2).toString()), U.setAttribute("fill", "none"), U.setAttribute("stroke", dt), U.setAttribute("stroke-width", m.toString()), U.setAttribute("stroke-opacity", "0.8"), U.setAttribute("stroke-dasharray", `${m * 4} ${m * 3}`), x && !U.parentElement && x.insertBefore(U, x.firstChild);
-              })), (Os = s.outlier) != null && Os.rows && (this._outlierRects.forEach((b, y) => {
+                U || (U = document.createElementNS("http://www.w3.org/2000/svg", "rect"), U.setAttribute("data-ci-group", b), this._ciRects.set(b, U)), U.setAttribute("x", (Ot - yt).toString()), U.setAttribute("y", (Dt - wt).toString()), U.setAttribute("width", (yt * 2).toString()), U.setAttribute("height", (wt * 2).toString()), U.setAttribute("fill", "none"), U.setAttribute("stroke", dt), U.setAttribute("stroke-width", m.toString()), U.setAttribute("stroke-opacity", "0.8"), U.setAttribute("stroke-dasharray", `${m * 4} ${m * 3}`), x && !U.parentElement && x.insertBefore(U, x.firstChild);
+              })), (Ps = s.outlier) != null && Ps.rows && (this._outlierRects.forEach((b, y) => {
                 l[y] || (b.remove(), this._outlierRects.delete(y));
               }), s.outlier.rows().forEach((b) => {
-                const y = b.names.indexOf(h ?? "group"), E = y >= 0 ? String(b[y]) : b.rowName ?? null;
-                if (!E) return;
-                const F = l[E] ?? "#888888", R = fe(b, n[0], n[1]);
+                const y = b.names.indexOf(h ?? "group"), M = y >= 0 ? String(b[y]) : b.rowName ?? null;
+                if (!M) return;
+                const F = l[M] ?? "#888888", R = pe(b, n[0], n[1]);
                 if (!R) return;
-                const X = R.x_low * v, dt = -R.y_high * v, J = (R.x_high - R.x_low) * v, _t = (R.y_high - R.y_low) * v;
-                let L = this._outlierRects.get(E);
-                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-outlier-group", E), this._outlierRects.set(E, L)), L.setAttribute("x", X.toString()), L.setAttribute("y", dt.toString()), L.setAttribute("width", J.toString()), L.setAttribute("height", _t.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", F), L.setAttribute("stroke-width", m.toString()), L.setAttribute("stroke-opacity", "0.5"), L.setAttribute("stroke-dasharray", `${m * 2} ${m * 2}`), x && !L.parentElement && x.insertBefore(L, x.firstChild);
+                const H = R.x_low * S, dt = -R.y_high * S, Z = (R.x_high - R.x_low) * S, _t = (R.y_high - R.y_low) * S;
+                let L = this._outlierRects.get(M);
+                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-outlier-group", M), this._outlierRects.set(M, L)), L.setAttribute("x", H.toString()), L.setAttribute("y", dt.toString()), L.setAttribute("width", Z.toString()), L.setAttribute("height", _t.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", F), L.setAttribute("stroke-width", m.toString()), L.setAttribute("stroke-opacity", "0.5"), L.setAttribute("stroke-dasharray", `${m * 2} ${m * 2}`), x && !L.parentElement && x.insertBefore(L, x.firstChild);
               }));
           }
           st && (this._pointLabels.forEach((x, m) => {
@@ -2483,40 +2483,40 @@ const ut = class ut extends we {
           }), this._meanLabels.forEach((x, m) => {
             C.__data__.objects.get(`mean-${m}`) || (x.remove(), this._meanLabels.delete(m));
           }), rt !== 0 && s.points.rows().forEach((x) => {
-            const m = x.names.indexOf(r), O = m >= 0 ? String(x[m]) : null;
-            if (!O) return;
-            const b = C.__data__.objects.get(O);
+            const m = x.names.indexOf(r), $ = m >= 0 ? String(x[m]) : null;
+            if (!$) return;
+            const b = C.__data__.objects.get($);
             if (!b) return;
-            const y = O;
-            let E = this._pointLabels.get(O);
-            E ? rt === H.DISPLAY_TYPES.ON ? E.show() : E.hide() : (E = new Vt(y, b, st, this, rt), this._pointLabels.set(O, E));
-          }), it !== 0 && (M ? $.map((m) => m.rowName ?? String(m[0])) : Object.keys(V)).forEach((m) => {
-            const O = `mean-${m}`, b = C.__data__.objects.get(O);
+            const y = $;
+            let M = this._pointLabels.get($);
+            M ? rt === B.DISPLAY_TYPES.ON ? M.show() : M.hide() : (M = new Kt(y, b, st, this, rt), this._pointLabels.set($, M));
+          }), nt !== 0 && (I ? O.map((m) => m.rowName ?? String(m[0])) : Object.keys(W)).forEach((m) => {
+            const $ = `mean-${m}`, b = C.__data__.objects.get($);
             if (!b) return;
             let y = this._meanLabels.get(m);
-            y ? it === H.DISPLAY_TYPES.ON ? y.show() : y.hide() : (y = new Vt(m, b, st, this, it), this._meanLabels.set(m, y));
+            y ? nt === B.DISPLAY_TYPES.ON ? y.show() : y.hide() : (y = new Kt(m, b, st, this, nt), this._meanLabels.set(m, y));
           })), C.__data__.__state__.setVariable("layer_updated", C.__data__);
         }
       }
-      const Rt = this.__children__.search("__children__", "trajectories");
-      if (o.showTrajectories && Rt) {
-        Rt.__data__.objects.clear(), this.__data__.trajectories.clear();
-        const C = (Ps = s.trajectories) != null && Ps.rows ? s.trajectories : s.points;
+      const Lt = this.__children__.search("__children__", "trajectories");
+      if (o.showTrajectories && Lt) {
+        Lt.__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 M = {}, $ = o.trajectoryUnits ? o.trajectoryUnits.split(",").map((m) => m.trim()) : null;
+          const I = {}, O = o.trajectoryUnits ? o.trajectoryUnits.split(",").map((m) => m.trim()) : null;
           C.rows().forEach((m) => {
-            const O = m.names.indexOf(r) >= 0 ? m.names.indexOf(r) : m.names.indexOf("unit") >= 0 ? m.names.indexOf("unit") : m.names.indexOf("ENA_UNIT") >= 0 ? m.names.indexOf("ENA_UNIT") : -1, b = O >= 0 ? String(m[O]) : m.rowName || "unit-1";
-            if ($ && !$.includes(b)) return;
-            const y = m.names.indexOf(n[0]), E = n.length > 1 ? m.names.indexOf(n[1]) : -1, F = m.names.indexOf("time") >= 0 ? m.names.indexOf("time") : m.names.indexOf("ActivityNumber") >= 0 ? m.names.indexOf("ActivityNumber") : m.names.indexOf("RowID") >= 0 ? m.names.indexOf("RowID") : -1, R = F >= 0 ? Number(m[F]) : M[b] ? M[b].length + 1 : 1;
-            y >= 0 && E >= 0 && (M[b] || (M[b] = []), M[b].push({
-              x: Number(m[y]) * v,
-              y: -Number(m[E]) * v,
+            const $ = m.names.indexOf(r) >= 0 ? m.names.indexOf(r) : m.names.indexOf("unit") >= 0 ? m.names.indexOf("unit") : m.names.indexOf("ENA_UNIT") >= 0 ? m.names.indexOf("ENA_UNIT") : -1, b = $ >= 0 ? String(m[$]) : m.rowName || "unit-1";
+            if (O && !O.includes(b)) return;
+            const y = m.names.indexOf(n[0]), M = n.length > 1 ? m.names.indexOf(n[1]) : -1, F = m.names.indexOf("time") >= 0 ? m.names.indexOf("time") : m.names.indexOf("ActivityNumber") >= 0 ? m.names.indexOf("ActivityNumber") : m.names.indexOf("RowID") >= 0 ? m.names.indexOf("RowID") : -1, R = F >= 0 ? Number(m[F]) : I[b] ? I[b].length + 1 : 1;
+            y >= 0 && M >= 0 && (I[b] || (I[b] = []), I[b].push({
+              x: Number(m[y]) * S,
+              y: -Number(m[M]) * S,
               time: R
             }));
-          }), Object.keys(M).forEach((m, O) => {
-            const b = M[m];
+          }), Object.keys(I).forEach((m, $) => {
+            const b = I[m];
             if (b.length === 0) return;
-            const y = _[O % _.length], E = new ve({
+            const y = _[$ % _.length], M = new Se({
               ID: `traj-${m}`,
               unitId: m,
               color: new et(y),
@@ -2532,211 +2532,211 @@ const ut = class ut extends we {
               showTips: o.trajectoryShowTips,
               points: b.map((F) => ({ x: F.x, y: F.y, time: F.time }))
             });
-            this.__data__.trajectories.set(m, E), Rt.__data__.objects.set(E.ID, E);
+            this.__data__.trajectories.set(m, M), Lt.__data__.objects.set(M.ID, M);
           });
         }
-        Rt.__data__.__state__.setVariable("layer_updated", Rt.__data__);
+        Lt.__data__.__state__.setVariable("layer_updated", Lt.__data__);
       }
-      const ct = this.__children__.search("__children__", "network"), Wt = ct == null ? void 0 : ct.__children__.search("__children__", "edges"), gt = ct == null ? void 0 : ct.__children__.search("__children__", "nodes"), de = ct == null ? void 0 : ct.__children__.search("__children__", "edgenodes"), ei = o.showEdges;
-      if ((Rs = s.nodes) != null && Rs.rows && gt) {
-        if (s.nodes.rows().forEach((M) => {
-          const $ = lt(M, a, "#444444");
-          $.size = 2;
-          const x = M.names.indexOf("label"), m = x >= 0 ? M[x] : null;
-          $.meta = {
-            ...$.meta ?? {},
+      const ct = this.__children__.search("__children__", "network"), Vt = ct == null ? void 0 : ct.__children__.search("__children__", "edges"), gt = ct == null ? void 0 : ct.__children__.search("__children__", "nodes"), ge = ct == null ? void 0 : ct.__children__.search("__children__", "edgenodes"), si = o.showEdges;
+      if ((Ls = s.nodes) != null && Ls.rows && gt) {
+        if (s.nodes.rows().forEach((I) => {
+          const O = lt(I, a, "#444444");
+          O.size = 2;
+          const x = I.names.indexOf("label"), m = x >= 0 ? I[x] : null;
+          O.meta = {
+            ...O.meta ?? {},
             kind: "node",
-            name: m != null && String(m) !== "NA" && String(m) !== "" ? String(m) : $.ID
-          }, gt.__data__.objects.set($.ID, $);
-        }), ei && Wt && ((Ls = s.edges) != null && Ls.rows)) {
-          const M = {};
-          h && ((Ds = s.points) != null && Ds.rows) && s.points.rows().forEach((f) => {
-            const w = f.names.indexOf(r), N = f.names.indexOf(h);
-            w >= 0 && N >= 0 && (M[String(f[w])] = String(f[N]));
+            name: m != null && String(m) !== "NA" && String(m) !== "" ? String(m) : O.ID
+          }, gt.__data__.objects.set(O.ID, O);
+        }), si && Vt && ((Ds = s.edges) != null && Ds.rows)) {
+          const I = {};
+          h && ((Ts = s.points) != null && Ts.rows) && s.points.rows().forEach((p) => {
+            const w = p.names.indexOf(r), N = p.names.indexOf(h);
+            w >= 0 && N >= 0 && (I[String(p[w])] = String(p[N]));
           });
-          const $ = s.nodes.rows().map((f) => {
-            const w = f.names.indexOf(a);
-            return w >= 0 ? String(f[w]) : "";
+          const O = s.nodes.rows().map((p) => {
+            const w = p.names.indexOf(a);
+            return w >= 0 ? String(p[w]) : "";
           }).filter(Boolean), x = [];
-          (s.edges.names ?? []).forEach((f) => {
-            const w = Ei(f, $);
-            w && x.push({ col: f, pair: w });
+          (s.edges.names ?? []).forEach((p) => {
+            const w = Mi(p, O);
+            w && x.push({ col: p, pair: w });
           });
-          const m = /* @__PURE__ */ u((f) => {
+          const m = /* @__PURE__ */ u((p) => {
             const w = {};
             return s.edges.rows().forEach((N) => {
-              const z = N.names.indexOf(r);
-              z < 0 || String(N[z]) !== f || x.forEach(({ col: T }) => {
-                const I = N.names.indexOf(T);
-                I >= 0 && (w[T] = Number(N[I]) || 0);
+              const T = N.names.indexOf(r);
+              T < 0 || String(N[T]) !== p || x.forEach(({ col: A }) => {
+                const z = N.names.indexOf(A);
+                z >= 0 && (w[A] = Number(N[z]) || 0);
               });
             }), w;
-          }, "getUnitEdges"), O = /* @__PURE__ */ u((f) => {
+          }, "getUnitEdges"), $ = /* @__PURE__ */ u((p) => {
             const w = {};
             let N = 0;
-            if (s.edges.rows().forEach((T) => {
-              const I = T.names.indexOf(r), Q = I >= 0 ? String(T[I]) : null, G = h ? T.names.indexOf(h) : -1;
-              (G >= 0 ? String(T[G]) : Q ? M[Q] : null) === f && (N++, x.forEach(({ col: D }) => {
-                const mt = T.names.indexOf(D);
-                if (mt >= 0) {
-                  const W = Number(T[mt]);
-                  isNaN(W) || (w[D] = (w[D] ?? 0) + W);
+            if (s.edges.rows().forEach((A) => {
+              const z = A.names.indexOf(r), V = z >= 0 ? String(A[z]) : null, K = h ? A.names.indexOf(h) : -1;
+              (K >= 0 ? String(A[K]) : V ? I[V] : null) === p && (N++, x.forEach(({ col: mt }) => {
+                const ft = A.names.indexOf(mt);
+                if (ft >= 0) {
+                  const X = Number(A[ft]);
+                  isNaN(X) || (w[mt] = (w[mt] ?? 0) + X);
                 }
               }));
             }), N === 0) return {};
-            const z = {};
-            return x.forEach(({ col: T }) => {
-              z[T] = (w[T] ?? 0) / N;
-            }), z;
-          }, "getGroupEdges"), b = /* @__PURE__ */ u((f) => {
-            if (l[f])
-              return { weights: O(f), color: l[f], label: f };
-            const w = M[f] ?? null, N = w ? l[w] ?? "#888888" : "#888888";
-            return { weights: m(f), color: N, label: f };
-          }, "resolve"), y = [], E = /* @__PURE__ */ u((f) => {
-            var T;
-            const w = s.networks, N = (T = w == null ? void 0 : w.rows) == null ? void 0 : T.call(w).find((I) => I.rowName === f);
+            const T = {};
+            return x.forEach(({ col: A }) => {
+              T[A] = (w[A] ?? 0) / N;
+            }), T;
+          }, "getGroupEdges"), b = /* @__PURE__ */ u((p) => {
+            if (l[p])
+              return { weights: $(p), color: l[p], label: p };
+            const w = I[p] ?? null, N = w ? l[w] ?? "#888888" : "#888888";
+            return { weights: m(p), color: N, label: p };
+          }, "resolve"), y = [], M = /* @__PURE__ */ u((p) => {
+            var A;
+            const w = s.networks, N = (A = w == null ? void 0 : w.rows) == null ? void 0 : A.call(w).find((z) => z.rowName === p);
             if (!N) return null;
-            const z = {};
-            return x.forEach(({ col: I }) => {
-              const Q = N.names.indexOf(I);
-              if (Q >= 0) {
-                const G = Number(N[Q]);
-                Number.isFinite(G) && (z[I] = G);
+            const T = {};
+            return x.forEach(({ col: z }) => {
+              const V = N.names.indexOf(z);
+              if (V >= 0) {
+                const K = Number(N[V]);
+                Number.isFinite(K) && (T[z] = K);
               }
-            }), z;
-          }, "networkRow"), F = /* @__PURE__ */ u((f, w) => {
-            if (!w) return f;
-            const N = Math.abs(f);
-            return N < w[0] ? 0 : N > w[1] ? Math.sign(f) * w[1] : f;
+            }), T;
+          }, "networkRow"), F = /* @__PURE__ */ u((p, w) => {
+            if (!w) return p;
+            const N = Math.abs(p);
+            return N < w[0] ? 0 : N > w[1] ? Math.sign(p) * w[1] : p;
           }, "thresholded");
-          o.edgeLayers.forEach((f, w) => {
-            const N = /* @__PURE__ */ u((W, ot, Z, yt, at) => {
-              Z = F(Z, f.threshold), !(Math.abs(Z) < 1e-6) && y.push({ col: `${w}:${W}`, pair: ot, weight: Math.abs(Z), color: yt, layer: w, ...at });
-            }, "push"), z = /* @__PURE__ */ u((W, ot) => f.colors ? [f.colors[0], f.colors[1] ?? ki(f.colors[0])] : [W, ot], "signColors");
-            if (f.network) {
-              const W = E(f.network);
-              if (!W) return;
-              const [ot, Z] = z(_[0], _[1]), yt = { name: f.name ?? f.network };
-              x.forEach(({ col: at, pair: Ts }) => {
-                const ge = W[at] ?? 0;
-                N(at, Ts, ge, ge >= 0 ? ot : Z, yt);
+          o.edgeLayers.forEach((p, w) => {
+            const N = /* @__PURE__ */ u((X, ot, Q, xt, at) => {
+              Q = F(Q, p.threshold), !(Math.abs(Q) < 1e-6) && y.push({ col: `${w}:${X}`, pair: ot, weight: Math.abs(Q), color: xt, layer: w, ...at });
+            }, "push"), T = /* @__PURE__ */ u((X, ot) => p.colors ? [p.colors[0], p.colors[1] ?? Ci(p.colors[0])] : [X, ot], "signColors");
+            if (p.network) {
+              const X = M(p.network);
+              if (!X) return;
+              const [ot, Q] = T(_[0], _[1]), xt = { name: p.name ?? p.network };
+              x.forEach(({ col: at, pair: zs }) => {
+                const me = X[at] ?? 0;
+                N(at, zs, me, me >= 0 ? ot : Q, xt);
               });
               return;
             }
-            const T = f.unit ?? f.group ?? null;
-            if (!T) return;
-            const I = b(T), Q = f.compare ?? f.also ?? null, G = Q ? b(Q) : null, nt = { name: f.name ?? T, group: f.group ?? void 0, unit: f.unit ?? void 0 }, [D, mt] = z(I.color, (G == null ? void 0 : G.color) ?? I.color);
-            G && f.compare ? x.forEach(({ col: W, pair: ot }) => {
-              const Z = (I.weights[W] ?? 0) - (G.weights[W] ?? 0);
-              N(W, ot, Z, Z > 0 ? D : mt, nt);
-            }) : G && f.also ? x.forEach(({ col: W, pair: ot }) => {
-              const Z = I.weights[W] ?? 0, yt = G.weights[W] ?? 0;
-              Z > 0 && N(W + "-a", ot, Z, D, nt), yt > 0 && N(W + "-b", ot, yt, mt, { ...nt, name: f.also ?? void 0, group: f.also ?? void 0 });
-            }) : x.forEach(({ col: W, pair: ot }) => {
-              const Z = I.weights[W] ?? 0;
-              Z > 0 && N(W, ot, Z, D, nt);
+            const A = p.unit ?? p.group ?? null;
+            if (!A) return;
+            const z = b(A), V = p.compare ?? p.also ?? null, K = V ? b(V) : null, D = { name: p.name ?? A, group: p.group ?? void 0, unit: p.unit ?? void 0 }, [mt, ft] = T(z.color, (K == null ? void 0 : K.color) ?? z.color);
+            K && p.compare ? x.forEach(({ col: X, pair: ot }) => {
+              const Q = (z.weights[X] ?? 0) - (K.weights[X] ?? 0);
+              N(X, ot, Q, Q > 0 ? mt : ft, D);
+            }) : K && p.also ? x.forEach(({ col: X, pair: ot }) => {
+              const Q = z.weights[X] ?? 0, xt = K.weights[X] ?? 0;
+              Q > 0 && N(X + "-a", ot, Q, mt, D), xt > 0 && N(X + "-b", ot, xt, ft, { ...D, name: p.also ?? void 0, group: p.also ?? void 0 });
+            }) : x.forEach(({ col: X, pair: ot }) => {
+              const Q = z.weights[X] ?? 0;
+              Q > 0 && N(X, ot, Q, mt, D);
             });
-          }), y.sort((f, w) => w.weight - f.weight);
-          const R = !!s.directed, X = xi(o.edgeWidth) * (o.edgeMagnify ?? 1), dt = /* @__PURE__ */ u((f) => {
-            const w = f.map(Math.abs).filter((N) => N > 0);
+          }), y.sort((p, w) => w.weight - p.weight);
+          const R = !!s.directed, H = wi(o.edgeWidth) * (o.edgeMagnify ?? 1), dt = /* @__PURE__ */ u((p) => {
+            const w = p.map(Math.abs).filter((N) => N > 0);
             return w.length ? [Math.min(...w), Math.max(...w)] : [0, 0];
-          }, "rangeOf"), J = /* @__PURE__ */ u((f) => {
+          }, "rangeOf"), Z = /* @__PURE__ */ u((p) => {
             const w = [];
-            return x.forEach(({ col: N, pair: z }) => {
-              if (z[0] === z[1] !== f) return;
-              const T = s.edges.col(N);
-              if (T) for (const I of T) w.push(Number(I));
+            return x.forEach(({ col: N, pair: T }) => {
+              if (T[0] === T[1] !== p) return;
+              const A = s.edges.col(N);
+              if (A) for (const z of A) w.push(Number(z));
             }), dt(w);
-          }, "modelRange"), _t = /* @__PURE__ */ u((f) => dt(y.filter((w) => w.pair[0] === w.pair[1] === f).map((w) => w.weight)), "plotRange"), L = o.edgeColorScale, kt = /* @__PURE__ */ u((f) => L === "plot" ? _t(f) : J(f), "colourRange"), bt = kt(!1), xt = kt(!0), Ct = /* @__PURE__ */ u((f, w) => {
+          }, "modelRange"), _t = /* @__PURE__ */ u((p) => dt(y.filter((w) => w.pair[0] === w.pair[1] === p).map((w) => w.weight)), "plotRange"), L = o.edgeColorScale, Ct = /* @__PURE__ */ u((p) => L === "plot" ? _t(p) : Z(p), "colourRange"), yt = Ct(!1), wt = Ct(!0), Ot = /* @__PURE__ */ u((p, w) => {
             if (L === "absolute") {
-              const T = Math.min(1, Math.abs(f));
-              return { saturation: T, opacity: T };
+              const A = Math.min(1, Math.abs(p));
+              return { saturation: A, opacity: A };
             }
-            const [N, z] = w ? xt : bt;
-            return { saturation: Hs(f, N, z, di), opacity: Hs(f, N, z, gi) };
-          }, "colourOf"), Lt = {};
-          y.forEach(({ pair: f, weight: w }) => {
-            if (f[0] === f[1] && !R) return;
-            const z = /* @__PURE__ */ u((T) => {
-              Lt[T] = (Lt[T] ?? 0) + Math.abs(w);
+            const [N, T] = w ? wt : yt;
+            return { saturation: Xs(p, N, T, gi), opacity: Xs(p, N, T, mi) };
+          }, "colourOf"), Dt = {};
+          y.forEach(({ pair: p, weight: w }) => {
+            if (p[0] === p[1] && !R) return;
+            const T = /* @__PURE__ */ u((A) => {
+              Dt[A] = (Dt[A] ?? 0) + Math.abs(w);
             }, "add");
             if (R) {
-              z(f[1]);
+              T(p[1]);
               return;
             }
-            z(f[0]), z(f[1]);
-          }), s.nodes.rows().forEach((f) => {
-            const w = f.names.indexOf(a), N = w >= 0 ? String(f[w]) : "";
+            T(p[0]), T(p[1]);
+          }), s.nodes.rows().forEach((p) => {
+            const w = p.names.indexOf(a), N = w >= 0 ? String(p[w]) : "";
             if (!N) return;
-            const z = gt.__data__.objects.get(N);
-            if (!z) return;
-            const T = Lt[N] ?? 0, I = !(T > 0);
-            z.size = I ? o.hideUnconnectedNodes ? 0 : yi : wi(T, X), z.meta = {
-              ...z.meta ?? {},
-              hidden: I && o.hideUnconnectedNodes
+            const T = gt.__data__.objects.get(N);
+            if (!T) return;
+            const A = Dt[N] ?? 0, z = !(A > 0);
+            T.size = z ? o.hideUnconnectedNodes ? 0 : xi : Ai(A, H), T.meta = {
+              ...T.meta ?? {},
+              hidden: z && o.hideUnconnectedNodes
             };
           });
-          const U = {};
-          R && y.forEach(({ pair: f, weight: w, layer: N }) => {
-            const z = `${N}:${f[0]}.${f[1]}`;
-            U[z] = (U[z] ?? 0) + w;
-          }), y.forEach(({ col: f, pair: w, weight: N, color: z, layer: T, name: I, group: Q, unit: G }) => {
-            const nt = gt.__data__.objects.get(w[0]), D = gt.__data__.objects.get(w[1]);
-            if (!nt || !D) return;
-            const mt = w[0] === w[1];
-            if (mt && !R) return;
-            const { saturation: W, opacity: ot } = Ct(N, mt), Z = new K({ ID: `${w[0]}-src`, dimensions: [nt.x, nt.y], meta: {} }), yt = new K({ ID: `${w[1]}-dst`, dimensions: [D.x, D.y], meta: {} });
+          const U = {}, it = /* @__PURE__ */ u((p, w, N, T) => `${p}:${w ?? ""}:${N}.${T}`, "pairKey");
+          R && y.forEach(({ pair: p, weight: w, layer: N, name: T }) => {
+            const A = it(N, T, p[0], p[1]);
+            U[A] = (U[A] ?? 0) + w;
+          }), y.forEach(({ col: p, pair: w, weight: N, color: T, layer: A, name: z, group: V, unit: K }) => {
+            const D = gt.__data__.objects.get(w[0]), mt = gt.__data__.objects.get(w[1]);
+            if (!D || !mt) return;
+            const ft = w[0] === w[1];
+            if (ft && !R) return;
+            const { saturation: X, opacity: ot } = Ot(N, ft), Q = new J({ ID: `${w[0]}-src`, dimensions: [D.x, D.y], meta: {} }), xt = new J({ ID: `${w[1]}-dst`, dimensions: [mt.x, mt.y], meta: {} });
             let at;
-            if (mt)
-              at = new se({}, Z, yt), at.weight = 0;
+            if (ft)
+              at = new ie({}, Q, xt), at.weight = 0;
             else if (R) {
-              const ge = U[`${T}:${w[0]}.${w[1]}`] ?? N, si = U[`${T}:${w[1]}.${w[0]}`] ?? 0, ii = ge + si;
-              at = new Ze(
-                { weight: N, totalweight: ii },
-                Z,
-                yt
+              const me = U[it(A, z, w[0], w[1])] ?? N, ii = U[it(A, z, w[1], w[0])] ?? 0, ni = me + ii;
+              at = new Qe(
+                { weight: N, totalweight: ni },
+                Q,
+                xt
               );
             } else
-              at = new Bt({}, Z, yt);
-            at.ID = `edge-${f}`, at.color = new et(z), at.meta = {
+              at = new Ht({}, Q, xt);
+            at.ID = `edge-${p}`, at.color = new et(T), at.meta = {
               isMeanEdge: !0,
               weight: N,
               // Width per unit weight (extent units), shared by all marks.
-              widthFrac: X,
-              saturation: W,
+              widthFrac: H,
+              saturation: X,
               opacity: ot,
               isDirected: R,
-              isSelf: mt,
+              isSelf: ft,
               // Identity for the qe-edge-* interaction events.
               source: w[0],
               target: w[1],
-              group: Q,
-              unit: G,
-              layer: I
-            }, (mt ? de ?? Wt : Wt).__data__.objects.set(at.ID, at);
-          }), Wt.__data__.__state__.setVariable("layer_updated", Wt.__data__), de && de.__data__.__state__.setVariable("layer_updated", de.__data__);
+              group: V,
+              unit: K,
+              layer: z
+            }, (ft ? ge ?? Vt : Vt).__data__.objects.set(at.ID, at);
+          }), Vt.__data__.__state__.setVariable("layer_updated", Vt.__data__), ge && ge.__data__.__state__.setVariable("layer_updated", ge.__data__);
         }
         const C = o.showNodes;
-        gt.svg_element && (gt.svg_element.style.display = C ? "" : "none"), C || (this._nodeLabels.forEach((M) => M.remove()), this._nodeLabels.clear()), st && j !== 0 && C && (this._nodeLabels.forEach((M, $) => {
-          gt.__data__.objects.get($) || (M.remove(), this._nodeLabels.delete($));
-        }), s.nodes.rows().forEach((M) => {
-          var y, E, F;
-          const $ = M.names.indexOf(a), x = $ >= 0 ? String(M[$]) : "";
+        gt.svg_element && (gt.svg_element.style.display = C ? "" : "none"), C || (this._nodeLabels.forEach((I) => I.remove()), this._nodeLabels.clear()), st && j !== 0 && C && (this._nodeLabels.forEach((I, O) => {
+          gt.__data__.objects.get(O) || (I.remove(), this._nodeLabels.delete(O));
+        }), s.nodes.rows().forEach((I) => {
+          var y, M, F;
+          const O = I.names.indexOf(a), x = O >= 0 ? String(I[O]) : "";
           if (!x) return;
           const m = gt.__data__.objects.get(x);
           if (!m) return;
           if ((y = m.meta) != null && y.hidden) {
-            (E = this._nodeLabels.get(x)) == null || E.remove(), this._nodeLabels.delete(x);
+            (M = this._nodeLabels.get(x)) == null || M.remove(), this._nodeLabels.delete(x);
             return;
           }
-          const O = String(((F = m.meta) == null ? void 0 : F.name) ?? x);
+          const $ = String(((F = m.meta) == null ? void 0 : F.name) ?? x);
           let b = this._nodeLabels.get(x);
-          b && b.text !== O && (b.remove(), this._nodeLabels.delete(x), b = void 0), b ? j === H.DISPLAY_TYPES.ON ? b.show() : b.hide() : (b = new Vt(O, m, st, this, j), this._nodeLabels.set(x, b));
+          b && b.text !== $ && (b.remove(), this._nodeLabels.delete(x), b = void 0), b ? j === B.DISPLAY_TYPES.ON ? b.show() : b.hide() : (b = new Kt($, m, st, this, j), this._nodeLabels.set(x, b));
         })), gt.__data__.__state__.setVariable("layer_updated", gt.__data__);
       }
-      const xs = this.__children__.search("__children__", "axis_points"), ws = this.__children__.search("__children__", "axis_lines");
-      xs && this.__data__.__state__.setVariable("graph_updated_axis_points", xs.__data__.objects), ws && this.__data__.__state__.setVariable("graph_updated_axis_lines", ws.__data__.objects), this.update(), i && this._runTween(i);
+      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);
     });
   }
   static get observedAttributes() {
@@ -2783,22 +2783,22 @@ const ut = class ut extends we {
   _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 S;
-      return ((S = r.find((p) => p.hasAttribute(c))) == null ? void 0 : S.getAttribute(c)) ?? null;
+      var E;
+      return ((E = r.find((f) => f.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");
     return {
       // Nodes — always placed from the model (they anchor the coordinate
       // space); <qe-nodes> presence draws them, like every other layer.
-      labelNodes: Be(
+      labelNodes: He(
         (t == null ? void 0 : t.getAttribute("label")) ?? this.getAttribute("label-nodes") ?? _,
-        H.DISPLAY_TYPES.ON
+        B.DISPLAY_TYPES.ON
       ),
       showNodes: !!t,
       range: (() => {
         const c = this.getAttribute("range");
         if (c === "network" || c === "points") return c;
-        const S = Number(c);
-        return c != null && Number.isFinite(S) && S > 0 ? S : null;
+        const E = Number(c);
+        return c != null && Number.isFinite(E) && E > 0 ? E : null;
       })(),
       plotTitle: this.getAttribute("plot-title") || null,
       labelFont: {
@@ -2811,7 +2811,7 @@ const ut = class ut extends we {
       },
       edgeWidth: (() => {
         const c = Number(this.getAttribute("edge-width"));
-        return Number.isFinite(c) && c > 0 && c <= 1 ? c : ui;
+        return Number.isFinite(c) && c > 0 && c <= 1 ? c : di;
       })(),
       hideUnconnectedNodes: ((g = t == null ? void 0 : t.getAttribute("unconnected")) == null ? void 0 : g.toLowerCase()) === "hide",
       scalePoints: this.getAttribute("scale-points") !== "false",
@@ -2830,9 +2830,9 @@ const ut = class ut extends we {
         return c === "box" || c === "crosshairs" || c === "none" ? c : e != null && e.hasAttribute("confidence") ? "box" : "none";
       })(),
       showOutlier: !!e && e.hasAttribute("outlier"),
-      labelMeans: Be(
+      labelMeans: He(
         (e == null ? void 0 : e.getAttribute("label")) ?? this.getAttribute("label-means") ?? _,
-        H.DISPLAY_TYPES.ON
+        B.DISPLAY_TYPES.ON
       ),
       // fixed-size keeps mean markers a constant on-screen px size (webENA parity).
       meanFixedSize: !!e && e.hasAttribute("fixed-size"),
@@ -2843,18 +2843,18 @@ const ut = class ut extends we {
         size: c.getAttribute("size") ? parseFloat(c.getAttribute("size")) : null,
         fixedSize: c.hasAttribute("fixed-size")
       })),
-      labelPoints: Be(
+      labelPoints: He(
         (i == null ? void 0 : i.getAttribute("label")) ?? this.getAttribute("label-points") ?? _,
-        H.DISPLAY_TYPES.OFF
+        B.DISPLAY_TYPES.OFF
       ),
       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(Ni),
+      edgeLayers: r.map(ki),
       // Plot-wide edge settings: the first <qe-edges> that sets them.
-      edgeColorScale: Ci(a("color-scale")),
+      edgeColorScale: Oi(a("color-scale")),
       edgeMagnify: h ? (() => {
         const c = Number(h.getAttribute("magnify"));
         return Number.isFinite(c) && c > 0 ? c : 1;
@@ -3047,12 +3047,12 @@ const ut = class ut extends we {
             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 S = 0;
-            const p = _.d.replace(
+            let E = 0;
+            const f = _.d.replace(
               ut._PATH_NUM_RE,
-              () => String(r(c.nums[S], _.nums[S++], l))
+              () => String(r(c.nums[E], _.nums[E++], l))
             );
-            g.setAttribute("d", p);
+            g.setAttribute("d", f);
           }
       }), this._tweenRaf = o < 1 ? requestAnimationFrame(a) : null;
     }, "step");
@@ -3180,8 +3180,8 @@ const ut = class ut extends we {
       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 Ws.forEach((r) => n(`qe-arrow-${r.slice(1)}`, r)), t.appendChild(e), this.__data__.layers.forEach((r) => {
-      const a = new Qe(r, this.svg_element, this);
+    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);
       this.__children__.push(a);
     }), this.__data__.__state__.setVariable("graph_updated", this.__data__), this.attach_events(), t;
   }
@@ -3208,7 +3208,7 @@ const ut = class ut extends we {
       const l = (c = (g = o.detail) == null ? void 0 : g.pointData) == null ? void 0 : c.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();
+      _ && _.displayMode === B.DISPLAY_TYPES.CLICK && _.toggle();
     }));
     const a = /* @__PURE__ */ u((o) => {
       var l;
@@ -3223,14 +3223,14 @@ const ut = class ut extends we {
       const l = a(o.target);
       if (!l) return;
       const _ = h(l);
-      (_ == null ? void 0 : _.displayMode) === H.DISPLAY_TYPES.AUTO && _.show();
+      (_ == null ? void 0 : _.displayMode) === B.DISPLAY_TYPES.AUTO && _.show();
     }), this.svg_element.addEventListener("mouseout", (o) => {
       const l = a(o.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();
+      (c == null ? void 0 : c.displayMode) === B.DISPLAY_TYPES.AUTO && c.hide();
     }), this._attachInteractionEvents();
   }
   /** Emit a namespaced CustomEvent on the public element (bubbles + composed). */
@@ -3386,7 +3386,7 @@ const ut = class ut extends we {
     const t = this.__data__;
     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 Ot(r, r, i, n);
+      t.extremes = new Pt(r, r, i, n);
     }
     const e = (s = this.svg_element) == null ? void 0 : s.getBoundingClientRect();
     if (this.svg_element && e) {
@@ -3398,7 +3398,7 @@ const ut = class ut extends we {
         let a = r.objects.get("axis-x"), h = r.objects.get("axis-y");
         if (a && h) {
           const o = this.__data__.extremes;
-          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"] });
+          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"] });
         }
       }
     }
@@ -3410,7 +3410,7 @@ const ut = class ut extends we {
   }
 };
 u(ut, "QEGraphElement"), ut.tagName = "qe-graph", ut.style = `
-    ${we.style}
+    ${Ae.style}
 
     :host {
       display: block;
@@ -3428,38 +3428,38 @@ u(ut, "QEGraphElement"), ut.tagName = "qe-graph", ut.style = `
       background-color: #FFF;
     }
   `, ut._instances = /* @__PURE__ */ new Set(), ut._PATH_NUM_RE = /-?\d*\.?\d+(?:e[-+]?\d+)?/gi;
-let Xt = ut;
-customElements.define(Xt.tagName, Xt);
-const Pi = /* @__PURE__ */ u((d) => Xt.getGraph(d), "getGraph"), Ri = /* @__PURE__ */ u(() => Xt.instances(), "getGraphs");
+let Wt = ut;
+customElements.define(Wt.tagName, Wt);
+const Ri = /* @__PURE__ */ u((d) => Wt.getGraph(d), "getGraph"), Li = /* @__PURE__ */ u(() => Wt.instances(), "getGraphs");
 export {
   et as Color,
-  Ft as DataFrame,
-  pe as DataFrameColumn,
-  ri as DataFrameColumnType,
-  Gt as DataFrameRow,
-  Se as Edge,
-  Ve as Graph,
-  Oe as QEAxesElement,
-  Ce as QEEdgesElement,
-  Xt as QEGraphElement,
-  Qe as QELayer,
-  wt as QELine,
-  Ne as QEMeansElement,
-  Ie as QENodesElement,
-  ne as QEPoint,
-  ke as QEPointsElement,
+  jt as DataFrame,
+  be as DataFrameColumn,
+  oi as DataFrameColumnType,
+  Bt as DataFrameRow,
+  Ee as Edge,
+  Ke as Graph,
+  Pe as QEAxesElement,
+  Oe as QEEdgesElement,
+  Wt as QEGraphElement,
+  ts as QELayer,
+  At as QELine,
+  ke as QEMeansElement,
+  Ne as QENodesElement,
+  re as QEPoint,
+  Ce as QEPointsElement,
   $e as QETrajectoriesElement,
-  Me as QETrajectory,
-  be as QEVisualElement,
-  ai as TRAJECTORY_ZERO_EPS,
-  ve as Trajectory,
-  ye as WeightedColor,
-  _i as fitTrajectory,
-  Pi as getGraph,
-  Ri as getGraphs,
-  qs as nearOriginFilter,
-  Gs as sampleCurve,
-  ci as selectDegree,
-  Oi as vizENA
+  Ie as QETrajectory,
+  ye as QEVisualElement,
+  hi as TRAJECTORY_ZERO_EPS,
+  Se as Trajectory,
+  xe as WeightedColor,
+  ui as fitTrajectory,
+  Ri as getGraph,
+  Li as getGraphs,
+  Us as nearOriginFilter,
+  Bs as sampleCurve,
+  _i as selectDegree,
+  Pi as vizENA
 };
 //# sourceMappingURL=qeviz.es.js.map