@qe-libs/qeviz 0.5.5 → 0.5.6

package/dist/qeviz.es.js

@@ -4,87 +4,87 @@ var Fs = (d) => {
 };
 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;
+var k = (d, t, e) => (js(d, t, "read from private field"), e ? e.call(d) : t.get(d)), et = (d, t, e) => t.has(d) ? Fs("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, e), B = (d, t, e, s) => (js(d, t, "write to private field"), s ? s.call(d, e) : t.set(d, e), e);
+var ae, he, le, bt, ce;
 const es = class es extends Array {
   constructor(e, s, i, n, r) {
     super(...s);
-    tt(this, oe);
-    tt(this, ae);
-    tt(this, he);
-    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);
+    et(this, ae);
+    et(this, he);
+    et(this, le);
+    et(this, bt);
+    et(this, ce);
+    B(this, le, e), B(this, he, i), B(this, bt, n), B(this, ce, n == null ? void 0 : n.classes), B(this, ae, r);
   }
   get parent() {
-    return k(this, pt);
+    return k(this, bt);
   }
   get names() {
-    return k(this, he);
+    return k(this, le);
   }
   get rowName() {
-    return k(this, ae);
+    return k(this, he);
   }
   get types() {
-    if (!k(this, pt)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, pt).types;
+    if (!k(this, bt)) throw new Error("No parent DataFrame attached to this row.");
+    return k(this, bt).types;
   }
   get classes() {
-    return k(this, le);
+    return k(this, ce);
   }
   get rowNumber() {
-    return k(this, oe);
+    return k(this, ae);
   }
   col(e) {
-    if (!k(this, pt)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, pt).col(e);
+    if (!k(this, bt)) throw new Error("No parent DataFrame attached to this row.");
+    return k(this, bt).col(e);
   }
   cols(...e) {
-    if (!k(this, pt)) throw new Error("No parent DataFrame attached to this row.");
-    return k(this, pt).cols(...e);
+    if (!k(this, bt)) throw new Error("No parent DataFrame attached to this row.");
+    return k(this, bt).cols(...e);
   }
   filter(e) {
     console.error("DataFrameRow does not currently support filtering.");
   }
 };
-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;
+ae = new WeakMap(), he = new WeakMap(), le = new WeakMap(), bt = new WeakMap(), ce = new WeakMap(), u(es, "DataFrameRow");
+let Ht = es;
+var oi = /* @__PURE__ */ ((d) => (d.Character = "character", d.Double = "double", d.Logical = "logical", d.Integer = "integer", d))(oi || {}), _e, yt, Ut, Nt;
 const ss = class ss extends Array {
   constructor(e, s, i, n) {
     super(s.length);
-    tt(this, ce);
-    tt(this, bt);
-    tt(this, qt);
-    tt(this, Mt);
+    et(this, _e);
+    et(this, yt);
+    et(this, Ut);
+    et(this, Nt);
     for (let r = 0; r < s.length; r++)
       this[r] = s[r];
-    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)
+    if (B(this, _e, e), s.type !== void 0 ? B(this, yt, s.type) : s.every((r) => typeof r == "string" || r === null || r === void 0) ? B(this, yt, "character") : s.every((r) => Number.isInteger(r) || r === null || r === void 0) ? s.every((r) => r === 0 || r === 1 || r === null || r === void 0) ? B(this, yt, "logical") : B(this, yt, "integer") : s.every((r) => typeof r == "number" || r === null || r === void 0) ? B(this, yt, "double") : s.every((r) => typeof r == "boolean" || r === null || r === void 0) ? B(this, yt, "logical") : B(this, yt, "character"), B(this, Nt, n), i && i.length !== this.length)
       throw new Error("Row names length must match the number of rows in the DataFrameColumn.");
-    i && i.length > 0 ? G(this, qt, i) : G(this, qt, void 0);
+    i && i.length > 0 ? B(this, Ut, i) : B(this, Ut, void 0);
   }
   get name() {
-    return k(this, ce);
+    return k(this, _e);
   }
   get type() {
-    return k(this, bt);
+    return k(this, yt);
   }
   get rowNames() {
-    return k(this, qt);
+    return k(this, Ut);
   }
   row(e) {
-    if (!k(this, Mt)) throw new Error("No parent DataFrame attached to this column.");
-    return k(this, Mt).row(e);
+    if (!k(this, Nt)) throw new Error("No parent DataFrame attached to this column.");
+    return k(this, Nt).row(e);
   }
   rows(...e) {
-    if (!k(this, Mt)) throw new Error("No parent DataFrame attached to this column.");
-    return k(this, Mt).rows(...e);
+    if (!k(this, Nt)) throw new Error("No parent DataFrame attached to this column.");
+    return k(this, Nt).rows(...e);
   }
 };
-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 {
+_e = new WeakMap(), yt = new WeakMap(), Ut = new WeakMap(), Nt = new WeakMap(), u(ss, "DataFrameColumn");
+let ye = ss;
+var Et, ct, ue;
+const Zt = class Zt extends Array {
   constructor(e, s, i, n) {
     if ((!e || !s) && (s = [], e = []), s.map((r) => r.length).every((r) => r === e.length)) {
       const r = [];
@@ -97,37 +97,37 @@ const Jt = class Jt extends Array {
       s = r;
     }
     super(s.length);
-    tt(this, vt);
-    tt(this, ht);
-    tt(this, _e);
+    et(this, Et);
+    et(this, ct);
+    et(this, ue);
     if (s.forEach((r, a) => {
-      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)
+      r instanceof ye ? this[a] = r : this[a] = new ye(e[a], r, i, this);
+    }), B(this, Et, e), i && this[0] && i.length !== this[0].length)
       throw new Error("Row names length must match the number of rows in the DataFrame.");
-    if (i && i.length > 0 && G(this, ht, i), n && n.length !== this.length)
+    if (i && i.length > 0 && B(this, ct, i), n && n.length !== this.length)
       throw new Error("Classes length must match the number of columns in the DataFrame.");
-    n && n.length > 0 && G(this, _e, n);
+    n && n.length > 0 && B(this, ue, n);
   }
   get classes() {
-    return k(this, _e);
+    return k(this, ue);
   }
   getColumnByName(e) {
-    const s = k(this, vt).indexOf(e);
+    const s = k(this, Et).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 Bt(k(this, vt), [], void 0, this, e);
+      return console.warn("DataFrame is empty, cannot get row by index", e), new Ht(k(this, Et), [], void 0, this, e);
     const s = [];
     for (let i of this) {
       let n = i[e];
       s.push(n);
     }
-    return new Bt(k(this, vt), s, k(this, ht) ? k(this, ht)[e] : void 0, this, e);
+    return new Ht(k(this, Et), s, k(this, ct) ? k(this, ct)[e] : void 0, this, e);
   }
   getRowByName(e) {
-    if (!k(this, ht)) return;
-    const s = k(this, ht).indexOf(e);
+    if (!k(this, ct)) return;
+    const s = k(this, ct).indexOf(e);
     if (s !== -1)
       return this.getRowByIndex(s);
   }
@@ -157,11 +157,11 @@ const Jt = class Jt extends Array {
       if (!this[0] || this.length === 0)
         return [];
       const r = this[0].length;
-      i = Array.from({ length: r }, (a, h) => this.getRowByIndex(h)), n = k(this, ht);
+      i = Array.from({ length: r }, (a, h) => this.getRowByIndex(h)), n = k(this, ct);
     } else
       e.length === 1 && Array.isArray(e[0]) ? s = e[0] : s = e, i = s.map((r, a) => {
         let h = this.row(r);
-        return k(this, ht) && h && (n == null || n.push(k(this, ht)[a])), h;
+        return k(this, ct) && h && (n == null || n.push(k(this, ct)[a])), h;
       }).filter((r) => r !== void 0);
     return i;
   }
@@ -173,21 +173,21 @@ const Jt = class Jt extends Array {
   }
   cols(...e) {
     let s, i, n = [];
-    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));
+    return e.length === 0 ? (i = this.slice(), n = k(this, Et)) : (e.length === 1 && Array.isArray(e[0]) ? s = e[0] : s = e, i = s.map((r) => this.col(r)).filter((r) => r !== void 0), n = i.map((r) => r.name)), new Zt(n, i, k(this, ct));
   }
   subset(e, s) {
     const i = s && s.length > 0 ? this.cols(...s) : this.slice();
-    return new Jt(
+    return new Zt(
       i.map((n) => n.name),
       i.map((n) => n.values),
-      k(this, ht)
+      k(this, ct)
     );
   }
   get names() {
-    return k(this, vt);
+    return k(this, Et);
   }
   get rowNames() {
-    return k(this, ht);
+    return k(this, ct);
   }
   get nrow() {
     return this[0] ? this[0].length : 0;
@@ -196,11 +196,11 @@ const Jt = class Jt extends Array {
     return this.length;
   }
 };
-vt = new WeakMap(), ht = new WeakMap(), _e = new WeakMap(), u(Jt, "DataFrame");
-let jt = Jt;
+Et = new WeakMap(), ct = new WeakMap(), ue = new WeakMap(), u(Zt, "DataFrame");
+let Yt = Zt;
 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 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;
+    this.unit_id_col = "id", this.node_id_col = "id", this.group_col = null, this.directed = !1, this.palette = [], this._points = t.points ?? new Yt(), this._nodes = t.nodes ?? new Yt(), this._edges = t.edges ?? new Yt(), this._dimensions = t.dimensions ?? [], this._confidence = void 0, this._outlier = void 0, this._groups = void 0;
   }
   get updated() {
     return this._updated;
@@ -297,11 +297,11 @@ const Pi = {
     const t = [...document.querySelectorAll("qe-graph")];
     return typeof d == "number" && d >= 0 ? t[d] : t;
   }, "get")
-}, Tt = class Tt extends HTMLElement {
+}, zt = class zt extends HTMLElement {
   constructor() {
     super(), this._isVisible = !0, this.output = "", this._updated = "", this._active_points = [], this._points = /* @__PURE__ */ new Map(), this._edges = /* @__PURE__ */ new Map(), this._labels = /* @__PURE__ */ new Map(), this._model = new Xe();
     const t = this.attachShadow({ mode: "open" }), e = document.createElement("style");
-    e.textContent = Tt.styles, t.appendChild(e), this._outputElement = document.createElement("div"), t.appendChild(this._outputElement);
+    e.textContent = zt.styles, t.appendChild(e), this._outputElement = document.createElement("div"), t.appendChild(this._outputElement);
   }
   static get observedAttributes() {
     return ["updated"];
@@ -349,14 +349,14 @@ const Pi = {
   setModelData(t) {
     var r, a, h, o;
     ["nodes", "edges", "points", "groups", "confidence", "outlier", "trajectories", "networks", "pointsets"].forEach((l) => {
-      var S;
+      var v;
       const _ = t[l];
-      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 ?? 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));
+      if (!((v = _ == null ? void 0 : _.data) != null && v.length)) return;
+      const g = _.data, c = _.types || {}, E = Object.keys(g[0]), m = g.map((F) => Object.values(F)), S = E.map((F) => c[F] ?? "character");
+      let R;
+      l === "networks" ? R = "name" : l === "pointsets" ? R = "id" : l === "nodes" ? R = t.node_id_col ?? E.find((F) => (c[F] ?? "character") === "character") : l === "edges" || l === "points" || l === "trajectories" ? R = t.id_col ?? E.find((F) => (c[F] ?? "character") === "character") : R = t.group_col ?? E.find((F) => (c[F] ?? "character") === "character");
+      const j = R ? E.indexOf(R) : 0, Y = m.map((F) => String(F[j]));
+      this._model.setByKey(l, new Yt(E, m, Y, S));
     }), 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) => {
@@ -379,8 +379,8 @@ const Pi = {
       else {
         const c = s.names.filter((E) => {
           if (E === l) return !1;
-          const f = s.col(E);
-          return f && f.type !== "character" && f.type !== "logical";
+          const m = s.col(E);
+          return m && m.type !== "character" && m.type !== "logical";
         });
         c.length >= 2 && (this._model.dimensions = [_ ?? c[0], g ?? c[1]]);
       }
@@ -398,7 +398,7 @@ const Pi = {
     this._isVisible ? this.classList.remove("hidden") : this.classList.add("hidden"), ((t = this._model) == null ? void 0 : t.updated) !== void 0 && this._model.updated !== null ? this._outputElement.innerHTML = `${this.output}<slot></slot>` : this._outputElement.innerHTML = "Define the model on the left.";
   }
 };
-u(Tt, "QEVisualElement"), Tt.tagName = "qe-visual", Tt.styles = `
+u(zt, "QEVisualElement"), zt.tagName = "qe-visual", zt.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(Tt, "QEVisualElement"), Tt.tagName = "qe-visual", Tt.styles = `
     div { display: block; width: 100%; height: 100%; }
     ::slotted(qe-graph) { display: block; width: 100%; height: 100%; }
   `;
-let ye = Tt;
-customElements.define(ye.tagName, ye);
-const Re = class Re {
+let xe = zt;
+customElements.define(xe.tagName, xe);
+const dt = class dt {
   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 } = Re.parseColor(e.base);
+          const { r: i, g: n, b: r } = dt.parseColor(e.base);
           return [i, n, r][Number(s)];
         }
         return e[s];
@@ -427,29 +427,49 @@ const Re = class Re {
     this.base = t;
   }
   static parseColor(t) {
-    if (t.startsWith("#")) {
-      const e = parseInt(t.slice(1), 16);
-      return {
-        r: e >> 16 & 255,
-        g: e >> 8 & 255,
-        b: e & 255
-      };
+    const e = String(t).trim();
+    if (/^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e)) {
+      const n = parseInt(e.slice(1, 7), 16);
+      return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
     }
-    throw new Error("Unsupported color format");
+    if (/^#[0-9a-f]{3}$/i.test(e)) {
+      const [n, r, a] = [1, 2, 3].map((h) => parseInt(e[h] + e[h], 16));
+      return { r: n, g: r, b: a };
+    }
+    const s = e.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);
+    if (s) return { r: Math.round(+s[1]), g: Math.round(+s[2]), b: Math.round(+s[3]) };
+    const i = dt.resolveCss(e);
+    if (i) return dt.parseColor(i);
+    throw new Error(`Unsupported color format: ${t}`);
+  }
+  /** A CSS colour as "#rrggbb" / "rgba(...)", or null if it isn't one. */
+  static resolveCss(t) {
+    if (dt._cssCache.has(t)) return dt._cssCache.get(t);
+    dt._ctx === void 0 && (dt._ctx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null);
+    let e = null;
+    const s = dt._ctx;
+    if (s) {
+      s.fillStyle = "#000000", s.fillStyle = t;
+      const i = s.fillStyle;
+      s.fillStyle = "#ffffff", s.fillStyle = t;
+      const n = s.fillStyle;
+      i === n && (e = String(i));
+    }
+    return dt._cssCache.set(t, e), e;
   }
   static rgb(t, e, s) {
     return `rgb(${t}, ${e}, ${s})`;
   }
 };
-u(Re, "Color");
-let et = Re;
-const Zt = class Zt extends et {
+u(dt, "Color"), dt._cssCache = /* @__PURE__ */ new Map();
+let st = dt;
+const Qt = class Qt extends st {
   constructor(t, e, s) {
     super(t), this.weight = e, this.alpha = s;
   }
   // Parse hex → HSV (h in [0, 360), s/v in [0, 1]).
   static toHSV(t) {
-    const { r: e, g: s, b: i } = et.parseColor(t), n = e / 255, r = s / 255, a = i / 255, h = Math.max(n, r, a), o = Math.min(n, r, a), l = h - o, _ = h, g = h === 0 ? 0 : l / h;
+    const { r: e, g: s, b: i } = st.parseColor(t), n = e / 255, r = s / 255, a = i / 255, h = Math.max(n, r, a), o = Math.min(n, r, a), l = h - o, _ = h, g = h === 0 ? 0 : l / h;
     let c = 0;
     if (l > 0)
       switch (h) {
@@ -481,12 +501,12 @@ const Zt = class Zt 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 } = 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);
+    const { h: t, v: e } = Qt.toHSV(this.base), s = Math.min(1, Math.abs(this.weight)), i = this.alpha === void 0 ? s : Math.min(1, Math.max(0, this.alpha));
+    return Qt.hsvToRgba(t, s, e, i);
   }
 };
-u(Zt, "WeightedColor");
-let xe = Zt;
+u(Qt, "WeightedColor");
+let we = Qt;
 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);
@@ -565,8 +585,8 @@ const ns = class ns {
   }
 };
 u(ns, "Transform");
-let ee = ns;
-var se;
+let se = ns;
+var ie;
 ((d) => {
   ((t) => {
     function e(s) {
@@ -597,88 +617,88 @@ var se;
       }
       u(n, "rotate"), s.rotate = n;
     })(t.Point || (t.Point = {})), ((s) => {
-      function i(f, v) {
-        return (v[1] - f[1]) / (v[0] - f[0]);
+      function i(m, S) {
+        return (S[1] - m[1]) / (S[0] - m[0]);
       }
       u(i, "slope"), s.slope = i;
-      function n(f, v) {
-        const P = i(f, v);
-        return f[1] - P * f[0];
+      function n(m, S) {
+        const R = i(m, S);
+        return m[1] - R * m[0];
       }
       u(n, "intercept"), s.intercept = n;
-      function r(f, v) {
+      function r(m, S) {
         return {
-          slope: i(f, v),
-          intercept: n(f, v)
+          slope: i(m, S),
+          intercept: n(m, S)
         };
       }
       u(r, "slopeIntercept"), s.slopeIntercept = r;
-      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];
+      function a(m, S = 0) {
+        const R = S, j = (1 - R) * m[0][0] + R * m[1][0], Y = (1 - R) * m[0][1] + R * m[1][1];
+        return [j, Y];
       }
       u(a, "point_along"), s.point_along = a;
-      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);
+      function h(m, S, R = 0.5) {
+        return Array.isArray(m[0]) && (S = m[1], m = m[0]), [0, 1].map((j) => (parseFloat(m[j]) + parseFloat(S[j])) * R);
       }
       u(h, "midpoint"), s.midpoint = h;
-      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)
+      function o(m, S) {
+        return Array.isArray(m[0]) && (S = m[1], m = m[0]), Math.sqrt(
+          [0, 1].map((R) => Math.pow(S[R] - m[R], 2)).reduce((R, j) => R + j, 0)
         );
       }
       u(o, "length"), s.length = o;
-      function l(f, v = [0, 0]) {
-        const P = [
-          f[1][0] - v[0],
-          f[1][1] - v[1]
-        ], Y = [
-          -P[1],
-          P[0]
-        ], q = [
-          -Y[0],
-          -Y[1]
-        ], S = [
-          Y[0] + v[0],
-          Y[1] + v[1]
+      function l(m, S = [0, 0]) {
+        const R = [
+          m[1][0] - S[0],
+          m[1][1] - S[1]
         ], j = [
-          q[0] + v[0],
-          q[1] + v[1]
+          -R[1],
+          R[0]
+        ], Y = [
+          -j[0],
+          -j[1]
+        ], v = [
+          j[0] + S[0],
+          j[1] + S[1]
+        ], F = [
+          Y[0] + S[0],
+          Y[1] + S[1]
         ];
-        return [S, j];
+        return [v, F];
       }
       u(l, "rotate"), s.rotate = l;
-      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
+      function _(m, S, R = 90) {
+        const j = d.Geometry.Line.slope(m[0], m[1]), Y = d.Geometry.Line.intercept(m[0], m[1]), v = [0, Y], F = [1, j + Y];
+        m = [v, F];
+        const nt = [m[0][0], m[1][0]], ot = [m[0][1], m[1][1]], it = S[0], _t = S[1], K = -2 * Math.PI * R / 360, It = nt.map(
+          (ge, ut) => (ge - it) * Math.cos(K) - (ot[ut] - _t) * Math.sin(K) + it
+        ), Ot = ot.map(
+          (ge, ut) => (nt[ut] - it) * Math.sin(K) - (ge - _t) * Math.cos(K) + _t
         );
         return [
-          [Et[0], kt[0]],
-          [Et[1], kt[1]]
+          [It[0], Ot[0]],
+          [It[1], Ot[1]]
         ];
       }
       u(_, "rotate2"), s.rotate2 = _;
-      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];
+      function g(m, S) {
+        const [[R, j], [Y, v]] = m, [[F, nt], [ot, it]] = S, _t = (R - Y) * (nt - it) - (j - v) * (F - ot), K = (R * v - j * Y) * (F - ot) - (R - Y) * (F * it - nt * ot), It = (R * v - j * Y) * (nt - it) - (j - v) * (F * it - nt * ot);
+        return [K / _t, It / _t];
       }
       u(g, "intersection"), s.intersection = g;
-      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]];
+      function c(m, S, R) {
+        let { slope: j, intercept: Y } = d.Geometry.Line.slopeIntercept(m[0], m[1]), v = 1 + Math.pow(j, 2), F = 2 * j * Y - 2 * S[1] * j - 2 * S[0], nt = Math.pow(S[0], 2) + Math.pow(Y, 2) + Math.pow(S[1], 2) - 2 * S[1] * Y - Math.pow(R, 2), ot = [[1 / 0, 1 / 0], [1 / 0, 1 / 0]];
+        if (Math.sqrt(Math.pow(F, 2) - 4 * v * nt) >= 0) {
+          let it = (-F + Math.sqrt(Math.pow(F, 2) - 4 * v * nt)) / (2 * v), _t = (-F - Math.sqrt(Math.pow(F, 2) - 4 * v * nt)) / (2 * v), K = j * it + Y, It = j * _t + Y;
+          ot = [[it, K], [_t, It]];
         } else
           console.error("The line and the circumference do not intersect");
-        return rt;
+        return ot;
       }
       u(c, "intersect_circle"), s.intersect_circle = c;
-      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);
+      function E(m) {
+        return (S) => S === 0 ? m[0] : S === 1 ? m[1] : d.Geometry.Point.translate(m[0], d.Geometry.Angle.line(m), d.Geometry.Line.length(m) * S);
       }
       u(E, "interpolate"), s.interpolate = E;
     })(t.Line || (t.Line = {}));
@@ -822,7 +842,7 @@ var se;
       u(r, "has"), s.has = r;
     })(t.Query || (t.Query = {}));
   })(d.URL || (d.URL = {}));
-})(se || (se = {}));
+})(ie || (ie = {}));
 const rs = class rs {
   constructor() {
     this._state = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Map();
@@ -863,8 +883,8 @@ const rs = class rs {
   }
 };
 u(rs, "EventBus");
-let we = rs;
-const { ArrayTools: qs } = se, Qt = class Qt extends Array {
+let Ae = rs;
+const { ArrayTools: qs } = ie, te = class te extends Array {
   constructor(...t) {
     super(...t);
   }
@@ -896,11 +916,11 @@ const { ArrayTools: qs } = se, Qt = class Qt 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 Qt();
+    let n = new te();
     for (const r of this) {
       let a = e(r, s, i);
       if (r[t] && Array.isArray(r[t])) {
-        let h = new Qt(...r[t]).recurse(t, e, r, i + 1);
+        let h = new te(...r[t]).recurse(t, e, r, i + 1);
         h !== void 0 && n.push(...h);
       }
       n.push(a);
@@ -908,11 +928,11 @@ const { ArrayTools: qs } = se, Qt = class Qt extends Array {
     return console.log("Recurse results: ", n), n;
   }
 };
-u(Qt, "LayerArray");
-let Yt = Qt;
+u(te, "LayerArray");
+let qt = te;
 const os = class os {
   constructor(t, e, s) {
-    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 }) => {
+    this.__state__ = new Ae(), this.scale_x = 1, this.scale_y = 1, this.scale_objects = !0, this.layers = new qt(), this.objects = /* @__PURE__ */ new Map(), this.visible = !0, this.ID = t, this.name = e.name || `layer-${t}`, this.tabindex = e.tabindex, this.parent = s, this._transform = new se(), s == null || s.__state__.addListener("graph_updated", "live", ({ key: i, newValue: n, oldValue: r }) => {
     }), 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);
     });
@@ -926,45 +946,45 @@ const os = class os {
 };
 u(os, "Layer");
 let We = os;
-var Rt, St;
+var Lt, Mt;
 const Le = class Le extends Array {
   constructor(...e) {
     super(arguments.length);
-    tt(this, Rt, !1);
-    tt(this, St);
+    et(this, Lt, !1);
+    et(this, Mt);
     for (let s = 0; s < e.length; s++)
       this[s] = e[s];
-    G(this, Rt, !1);
+    B(this, Lt, !1);
   }
   static fromArray(e) {
     const s = new Le();
     return e.forEach((i, n) => {
       s.push(i);
-    }), G(s, St, e.names), s;
+    }), B(s, Mt, e.names), s;
   }
   flip() {
-    G(this, Rt, !k(this, Rt));
+    B(this, Lt, !k(this, Lt));
     for (let e = 0; e < this.length; e++)
       this[e] = -this[e];
     return this;
   }
   get(e) {
-    return typeof e == "number" ? this[e] : k(this, St) && k(this, St).includes(e) ? this[k(this, St).indexOf(e)] : void 0;
+    return typeof e == "number" ? this[e] : k(this, Mt) && k(this, Mt).includes(e) ? this[k(this, Mt).indexOf(e)] : void 0;
   }
   get flipped() {
-    return k(this, Rt);
+    return k(this, Lt);
   }
   get names() {
-    return k(this, St) ? k(this, St) : this.map((e, s) => `V${s + 1}`);
+    return k(this, Mt) ? k(this, Mt) : this.map((e, s) => `V${s + 1}`);
   }
 };
-Rt = new WeakMap(), St = new WeakMap(), u(Le, "DimensionVector");
-let $t = Le;
+Lt = new WeakMap(), Mt = new WeakMap(), u(Le, "DimensionVector");
+let Pt = 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 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));
+    this.scale_x = 1, this.scale_y = 1, this.scale_size = 0.05, this.active = !1, this.visible = !1, this.highlighting = !1, this.meta = {}, this._x = 0, this._y = 0, this._highlight_default = new st("#000000"), this._size = 0, this.ID = e.ID, this._transform = new se(), t instanceof Pt ? this._dimensions = t : t instanceof Ht ? this._dimensions = Pt.fromArray(t) : Array.isArray(t) ? this._dimensions = new Pt(...t) : (console.warn("Invalid dimensions provided, using default DimensionVector(0, 0)"), this._dimensions = new Pt(0, 0));
     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);
+    this._original = { ...s }, this.ID = s.ID, this.x = s.x || this._dimensions[0], this.y = s.y || this._dimensions[1], this._size = s.size || 1, this._color = s.color || new st("#000000"), this.active = s.active || !1, this.shape = s.shape || null, this.meta = s.meta || {}, this._highlight = this._highlight_default, s.highlight && (this._highlight = s.highlight);
   }
   get dimensions() {
     return this._dimensions;
@@ -1017,8 +1037,8 @@ const as = class as {
   }
 };
 u(as, "PlottedObject");
-let It = as;
-const hs = class hs extends It {
+let kt = as;
+const hs = class hs extends kt {
   // constructor(x: LineOptions) {
   //   super([], x);
   //   // const data = Object.assign({}, x);
@@ -1061,8 +1081,8 @@ const hs = class hs extends It {
   }
 };
 u(hs, "Line");
-let Ht = hs;
-const te = class te extends It {
+let Xt = hs;
+const ee = class ee extends kt {
   // constructor(dimensions: DimensionType, o: PointOptions) { //, graph?: any) {
   //   super(dimensions, o);
   //   this.active = o.active || false;
@@ -1078,7 +1098,7 @@ const te = class te extends It {
   constructor(t) {
     var n, r;
     let e, s, i;
-    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;
+    t ? t instanceof Ht ? (e = (n = t.classes) == null ? void 0 : n.map((a, h) => a === "ena.co.occurrence" || a === "ena.dimension" ? t[h] : -1).filter((a) => a !== -1), s = (r = t.classes) == null ? void 0 : r.map((a, h) => a === "ena.metadata" ? [t.names[h], t[h]] : null).filter((a) => a !== null).reduce((a, h) => (a[h[0]] = h[1], a), {}), i = t.rowName || `point-${Math.random().toString(36).substring(2, 9)}`) : typeof t == "object" ? (e = t.dimensions || [], s = t.meta || {}, i = t.ID || `point-${Math.random().toString(36).substring(2, 9)}`) : (console.warn("Invalid data provided for Point, using default values"), e = [], s = {}, i = `point-${Math.random().toString(36).substring(2, 9)}`) : (e = [], s = {}, i = `point-${Math.random().toString(36).substring(2, 9)}`), super(e ?? [], { meta: s, ID: i }), this.edges = /* @__PURE__ */ new Map(), this.shape = ee.SHAPES.CIRCLE;
   }
   set label(t) {
     this._label = t;
@@ -1099,9 +1119,9 @@ const te = class te extends It {
     this._y = parseFloat(t);
   }
 };
-u(te, "Point"), te.SHAPES = { CIRCLE: "circle", SQUARE: "rect" };
-let J = te;
-const zt = class zt extends It {
+u(ee, "Point"), ee.SHAPES = { CIRCLE: "circle", SQUARE: "rect" };
+let J = ee;
+const Ft = class Ft extends kt {
   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,8 +1144,8 @@ const zt = class zt extends It {
     this._transform = t;
   }
 };
-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;
+u(Ft, "Label"), Ft.DISPLAY_TYPES = { OFF: 0, AUTO: 1, CLICK: 2, ON: 3 }, Ft.HIGHLIGHT = { OFF: 0, ON: 2 }, Ft.POSITION = { OBJECT: 1, STATIC: 2, CONTAINER: 3, CUSTOM: 4 };
+let H = Ft;
 const ls = class ls {
   constructor(t, e, s = 0, i = 0) {
     this.x_max = t, this.y_max = e, this.cx = s, this.cy = i;
@@ -1160,8 +1180,8 @@ const ls = class ls {
   }
 };
 u(ls, "Extremes");
-let Pt = ls;
-const cs = class cs extends It {
+let Rt = ls;
+const cs = class cs extends kt {
   constructor(t, e) {
     super(t, e), this.visible = !0, this.size = e.size;
   }
@@ -1204,25 +1224,25 @@ let Ve = cs, Ks = {
     size: 1,
     highlight: {
       color: "yellow",
-      labels: B.DISPLAY_TYPES.ON
+      labels: H.DISPLAY_TYPES.ON
     },
-    labels: B.DISPLAY_TYPES.ON,
-    labelposition: B.POSITION.OBJECT
+    labels: H.DISPLAY_TYPES.ON,
+    labelposition: H.POSITION.OBJECT
   },
   POINT: {
     active: 2,
     size: 0.05,
     color: "#000",
     shape: J.SHAPES.CIRCLE,
-    labels: B.DISPLAY_TYPES.AUTO,
-    labelposition: B.POSITION.OBJECT
+    labels: H.DISPLAY_TYPES.AUTO,
+    labelposition: H.POSITION.OBJECT
   },
   MEAN: {
     shape: J.SHAPES.SQUARE,
-    labels: B.DISPLAY_TYPES.AUTO
+    labels: H.DISPLAY_TYPES.AUTO
   },
   LABEL: {
-    highlight: B.HIGHLIGHT.OFF,
+    highlight: H.HIGHLIGHT.OFF,
     position: ["top", "left"],
     container: "#label-container"
   },
@@ -1232,7 +1252,7 @@ let Ve = cs, Ks = {
 };
 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(
+    this.__state__ = new Ae(), this.name = "unnamed-graph", this.origin = void 0, this.points = /* @__PURE__ */ new Map(), this.nodes = /* @__PURE__ */ new Map(), this.edges = /* @__PURE__ */ new Map(), this.trajectories = /* @__PURE__ */ new Map(), this.labels = /* @__PURE__ */ new Map(), this.transform = new se(), this.scale_x = 1, this.scale_y = 1, this.SIZE_EFFECT = 1, this._mirror_y = !0, this._mirror_x = !1, this._layers = new qt(
       { name: "graph", tabindex: 0, layers: [
         {
           name: "axes",
@@ -1272,7 +1292,7 @@ const _s = class _s {
         { name: "labels", layers: [], tabindex: 0 }
       ] }
     ), this.options = t, this.origin = new Ve(
-      new $t(0, 0),
+      new Pt(0, 0),
       {
         ID: "origin",
         x: 0,
@@ -1280,35 +1300,35 @@ const _s = class _s {
         size: 0,
         meta: {},
         graph: this,
-        color: new et("#FFFFFF"),
-        highlight: new et("#FFFFFF"),
+        color: new st("#FFFFFF"),
+        highlight: new st("#FFFFFF"),
         active: !1
       }
     );
     let e = 1;
     function s(r, a, h) {
       const o = new We(`${e}`, r, h);
-      return e += 1, o.parent = a || void 0, r.layers && Array.isArray(r.layers) && (o.layers = new Yt(...r.layers.map((l) => s(l, o, h)))), o;
+      return e += 1, o.parent = a || void 0, r.layers && Array.isArray(r.layers) && (o.layers = new qt(...r.layers.map((l) => s(l, o, h)))), o;
     }
-    u(s, "buildLayerTree"), this.layers = new Yt(...this._layers.map((r) => s(r, null, this)));
+    u(s, "buildLayerTree"), this.layers = new qt(...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 Pt(1, 1), a = new Ht(
+      let r = this.extremes || new Rt(1, 1), a = new Xt(
         {},
         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 Ht(
+      let h = new Xt(
         {},
         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 Pt(t.GRAPH.x_max, t.GRAPH.y_max);
+    this.extremes = new Rt(t.GRAPH.x_max, t.GRAPH.y_max);
   }
   set extremes(t) {
     this._extremes = t;
@@ -1347,7 +1367,7 @@ const _s = class _s {
   add_nodes(t) {
     let e = this;
     t.forEach((s) => {
-      s.label = new B(s.ID, s), e.labels.set(s.label.ID, s.label), e.nodes.set(s.ID, s);
+      s.label = new H(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 +1392,14 @@ const _s = class _s {
       this.layers.search("layers", "nodes")
     ].filter((s) => s !== void 0);
     if (e.length === 0)
-      this.extremes = new Pt(1, 1);
+      this.extremes = new Rt(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 Pt(_, _, h, o);
+      this.extremes = new Rt(_, _, h, o);
     }
   }
   /** Farthest node from (cx, cy), on either axis */
@@ -1419,7 +1439,7 @@ u(De, "DrawableElement"), De.style = `
       justify-content: center;
     }
   `;
-let Ae = De;
+let ve = De;
 const hi = 1e-8;
 function Us(d, t = hi) {
   return d.filter((e) => Math.abs(e.x) > t || Math.abs(e.y) > t);
@@ -1493,20 +1513,20 @@ function Gs(d, t, e) {
   return Ze(n, Je(i, t));
 }
 u(Gs, "fitCoeffs");
-function ve(d, t) {
+function Se(d, t) {
   let e = 0, s = 1;
   for (let i = 0; i < d.length; i++)
     e += d[i] * s, s *= t;
   return e;
 }
-u(ve, "evalPoly");
+u(Se, "evalPoly");
 function ci(d, t, e, s) {
   const i = Zs(d, s), { Q: n, R: r } = Qs(i), a = li(n), h = Ze(r, Je(n, t)), o = Ze(r, Je(n, e));
   let l = 0;
   for (let _ = 0; _ < d.length; _++) {
     const g = 1 - a[_];
     if (g <= 0) return 1 / 0;
-    const c = t[_] - ve(h, d[_]), E = e[_] - ve(o, d[_]);
+    const c = t[_] - Se(h, d[_]), E = e[_] - Se(o, d[_]);
     l += (c / g) ** 2 + (E / g) ** 2;
   }
   return l;
@@ -1538,14 +1558,14 @@ function Bs(d, t = 100) {
   const e = [];
   for (let s = 0; s <= t; s++) {
     const i = s / t;
-    e.push({ x: ve(d.coeffsX, i), y: ve(d.coeffsY, i) });
+    e.push({ x: Se(d.coeffsX, i), y: Se(d.coeffsY, i) });
   }
   return e;
 }
 u(Bs, "sampleCurve");
-const Hs = 100, us = class us extends It {
+const Hs = 100, us = class us extends kt {
   constructor(t = {}) {
-    const e = t.color instanceof et ? t.color : new et(typeof t.color == "string" ? t.color : "#000000");
+    const e = t.color instanceof st ? t.color : new st(typeof t.color == "string" ? t.color : "#000000");
     super([], {
       ID: t.ID || `traj-${Math.random().toString(36).substring(2, 9)}`,
       size: t.size || 1,
@@ -1590,8 +1610,8 @@ const Hs = 100, us = class us extends It {
   }
 };
 u(us, "Trajectory");
-let Se = us;
-const ti = 1, ds = class ds extends Ht {
+let Ee = us;
+const ti = 1, ds = class ds extends Xt {
   constructor(t, e, s, i = 0) {
     super(t, e, s), this._totalweight = 0, this._weight = i;
   }
@@ -1599,8 +1619,8 @@ const ti = 1, ds = class ds extends Ht {
     return this._color;
   }
   get color() {
-    const t = this._color || new et("#000000");
-    return new xe(t, Math.abs(this.weight));
+    const t = this._color || new st("#000000");
+    return new we(t, Math.abs(this.weight));
   }
   set color(t) {
     this._color = t;
@@ -1622,75 +1642,75 @@ const ti = 1, ds = class ds extends Ht {
   }
 };
 u(ds, "Edge");
-let Ee = ds;
-var Ut;
-const gs = class gs extends It {
+let Me = ds;
+var Gt;
+const gs = class gs extends kt {
   constructor(e) {
     super(e.dimensions || [], e);
-    tt(this, Ut);
-    G(this, Ut, e);
+    et(this, Gt);
+    B(this, Gt, e);
   }
   get edge() {
-    return k(this, Ut);
+    return k(this, Gt);
   }
   get path() {
-    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]);
+    const e = k(this, Gt), s = [e.to.x, e.to.y], i = e.from_point, [n, r] = e.base_pts, a = Math.hypot(i[0] - s[0], i[1] - s[1]), h = Math.hypot(n[0] - r[0], n[1] - r[1]);
     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, 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`;
+    const o = [(i[0] - s[0]) / a, (i[1] - s[1]) / a], l = Math.hypot(n[0] - s[0], n[1] - s[1]), _ = [(n[0] - s[0]) / l, (n[1] - s[1]) / l], g = /* @__PURE__ */ u((Y) => h / 2 * Math.max(0, 1 - Y / a), "halfW"), c = /* @__PURE__ */ u((Y, v) => `${s[0] + o[0] * Y + _[0] * v} ${s[1] + o[1] * Y + _[1] * v}`, "at"), E = 0.2 * a, m = Math.min(0.15 * a, 0.8 * 2 * g(E)), S = E + m / 2, R = E + m;
+    return `M${c(E, 0)} L${c(S, g(S))} L${c(R, g(R))} L${c(S, 0)} L${c(R, -g(R))} L${c(S, -g(S))}z`;
   }
 };
-Ut = new WeakMap(), u(gs, "EdgeArrow");
-let Me = gs;
-var Gt, ue;
-const Te = class Te extends Ee {
+Gt = new WeakMap(), u(gs, "EdgeArrow");
+let Ie = gs;
+var Bt, de;
+const Te = class Te extends Me {
   constructor(e, s, i) {
     super(e, s, i);
-    tt(this, Gt);
-    tt(this, ue);
-    this._path = "", G(this, Gt, !1), this._directions = [
+    et(this, Bt);
+    et(this, de);
+    this._path = "", B(this, Bt, !1), this._directions = [
       "from",
       "to"
       /* TO */
-    ], this.towards = "to", k(this, Gt) === !0 && G(this, ue, new Me(this));
+    ], this.towards = "to", k(this, Bt) === !0 && B(this, de, new Ie(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((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;
+    const s = e.towards, i = e._directions.find((S) => S !== e.towards), n = e[i].x, r = e[i].y, a = e[s].x, h = e[s].y, o = a - n, l = h - r, _ = Math.hypot(o, l), g = (e.weight ?? 0) * ti;
     if (_ === 0 || !isFinite(g) || g === 0)
       return [[a, h], [a, h]];
-    const c = -l / _, E = o / _, f = g / 2;
+    const c = -l / _, E = o / _, m = g / 2;
     return [
-      [a + c * f, h + E * f],
-      [a - c * f, h - E * f]
+      [a + c * m, h + E * m],
+      [a - c * m, h - E * m]
     ];
   }
   get base_pts() {
     return Te.calculate_base_points(this);
   }
   get arrow() {
-    return k(this, ue);
+    return k(this, de);
   }
   get with_arrow() {
-    return k(this, Gt);
+    return k(this, Bt);
   }
   get from_point() {
     return [this.from.x, this.from.y];
   }
 };
-Gt = new WeakMap(), ue = new WeakMap(), u(Te, "TaperedEdge");
-let Xt = Te;
-const ze = class ze extends Xt {
+Bt = new WeakMap(), de = new WeakMap(), u(Te, "TaperedEdge");
+let Wt = Te;
+const ze = class ze extends Wt {
   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 se.Geometry.Line.interpolate(this.line)(1 - this._dataWeight / this._totalweight);
+    return ie.Geometry.Line.interpolate(this.line)(1 - this._dataWeight / this._totalweight);
   }
   get base_pts() {
-    return Xt.calculate_base_points(this);
+    return Wt.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"), "");
@@ -1704,7 +1724,7 @@ const ze = class ze extends Xt {
 };
 u(ze, "TaperedWeightedMidpointEdge");
 let Qe = ze;
-const Fe = class Fe extends Ee {
+const Fe = class Fe extends Me {
   constructor(t, e, s) {
     super(t, e, s);
   }
@@ -1718,9 +1738,9 @@ const Fe = class Fe extends Ee {
   }
 };
 u(Fe, "NodeEdge");
-let ie = Fe;
-const ms = class ms {
-  constructor(t, e, s, i = new Nt()) {
+let ne = Fe;
+const fs = class fs {
+  constructor(t, e, s, i = new Ct()) {
     this.__data__ = t, this.parent = e, this.graph = s, this.__children__ = i, this.svg_element = this.create();
   }
   get_size() {
@@ -1743,9 +1763,9 @@ const ms = class ms {
     u(a, "animate"), requestAnimationFrame(a);
   }
 };
-u(ms, "Drawable");
-let ne = ms;
-const di = 0.04, gi = [0.25, 1], mi = [0.3, 1];
+u(fs, "Drawable");
+let re = fs;
+const di = 0.04, gi = [0.25, 1], fi = [0.3, 1];
 function Xs(d, t, e, s) {
   const i = Math.abs(d);
   if (!(i > 0)) return 0;
@@ -1754,7 +1774,7 @@ function Xs(d, t, e, s) {
   return s[0] + n * (s[1] - s[0]);
 }
 u(Xs, "rampFor");
-const fi = 0.011, pi = 0.75, bi = 0.8, yi = 0.75, ei = 6e-3, xi = 0.6;
+const mi = 0.011, pi = 0.75, bi = 0.8, yi = 0.75, ei = 6e-3, xi = 0.6;
 function wi(d) {
   return 2 * d;
 }
@@ -1777,8 +1797,8 @@ function Si(d, t) {
   return `rgba(${Math.round(s * t)},${Math.round(i * t)},${Math.round(n * t)},${r})`;
 }
 u(Si, "darkenRgba");
-const fs = class fs extends ne {
-  constructor(t, e, s, i = new Nt()) {
+const ms = class ms extends re {
+  constructor(t, e, s, i = new Ct()) {
     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 +1808,11 @@ const fs = class fs extends ne {
     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 ie) {
+    if (this.__data__ instanceof ne) {
       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 Xt) {
+    if (this.__data__ instanceof Wt) {
       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 +1825,19 @@ const fs = class fs extends ne {
     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 * 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)
+      const i = typeof e.weight == "number" ? e.weight : 0, n = typeof e.maxWeight == "number" ? e.maxWeight : 1, r = typeof e.opacity == "number" ? e.opacity : Math.min(1, i / (n || 1)), a = t > 0 ? t : 1, h = typeof e.widthFrac == "number" ? a * e.widthFrac * i : a * mi * (i / (n || 1)), o = this.__data__._color || new st("#000000"), l = typeof e.saturation == "number" ? e.saturation : r, _ = new we(o, l, r).toString();
+      if (this.__data__ instanceof ne)
         this.__data__.weight = h, this.svg_element.setAttribute("d", this.__data__.path), this.svg_element.setAttribute("fill", _), this.svg_element.setAttribute("stroke", "none");
-      else if (this.__data__ instanceof Xt) {
+      else if (this.__data__ instanceof Wt) {
         if (this.__data__.weight = h, this.svg_element.setAttribute("d", this.__data__.path), this.svg_element.setAttribute("fill", _), this.svg_element.setAttribute("stroke", _), this.svg_element.setAttribute("stroke-width", String(pi)), this.svg_element.setAttribute("vector-effect", "non-scaling-stroke"), this.svg_element.setAttribute("stroke-linejoin", "round"), e.isDirected)
           try {
-            const c = new Me(this.__data__).path;
+            const c = new Ie(this.__data__).path;
             c && !c.includes("NaN") && !c.includes("Infinity") && (this._arrow_el || (this._arrow_el = document.createElementNS("http://www.w3.org/2000/svg", "path"), this._arrow_el.setAttribute("stroke", "none")), this._arrow_el.parentElement || this.parent.appendChild(this._arrow_el), this._arrow_el.setAttribute("d", c), this._arrow_el.setAttribute("fill", Si(vi(_), bi)), this._arrow_el.setAttribute("stroke", "#ffffff"), this._arrow_el.setAttribute("stroke-width", String(yi)), this._arrow_el.setAttribute("vector-effect", "non-scaling-stroke"), this._arrow_el.setAttribute("stroke-linejoin", "round"));
           } catch {
           }
       } else {
-        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);
+        const g = this.__data__.from.x, c = this.__data__.from.y, E = this.__data__.to.x, m = this.__data__.to.y;
+        this.svg_element.setAttribute("x1", g.toString()), this.svg_element.setAttribute("y1", c.toString()), this.svg_element.setAttribute("x2", E.toString()), this.svg_element.setAttribute("y2", m.toString()), this.svg_element.setAttribute("stroke-width", h.toString()), this.svg_element.setAttribute("stroke", _), this.svg_element.setAttribute("pointer-events", "stroke"), this.svg_element.removeAttribute("marker-end"), this._hit_el || (this._hit_el = document.createElementNS("http://www.w3.org/2000/svg", "line"), this._hit_el.setAttribute("stroke", "transparent"), this._hit_el.setAttribute("stroke-linecap", "round"), this._hit_el.setAttribute("pointer-events", "stroke")), this._hit_el.parentElement || this.parent.appendChild(this._hit_el), this._hit_el.setAttribute("x1", g.toString()), this._hit_el.setAttribute("y1", c.toString()), this._hit_el.setAttribute("x2", E.toString()), this._hit_el.setAttribute("y2", m.toString()), this._hit_el.setAttribute("stroke-width", Math.max(h, t * 0.03).toString()), this._stampEdge(this._hit_el);
       }
     } 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 +1850,10 @@ const fs = class fs extends ne {
     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(fs, "QELine");
-let At = fs;
-const ps = class ps extends ne {
-  constructor(t, e, s, i = new Nt()) {
+u(ms, "QELine");
+let St = ms;
+const ps = class ps extends re {
+  constructor(t, e, s, i = new Ct()) {
     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() {
@@ -1924,9 +1944,9 @@ const ps = class ps extends ne {
   }
 };
 u(ps, "QEPoint");
-let re = ps;
-const bs = class bs extends ne {
-  constructor(t, e, s, i = new Nt()) {
+let oe = ps;
+const bs = class bs extends re {
+  constructor(t, e, s, i = new Ct()) {
     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 +1977,8 @@ const bs = class bs extends ne {
       if (this._segments_group.innerHTML = "", this.__data__.lineStyle === "tapered") {
         const s = this.__data__.pathPoints, i = s.length - 1, [n, r] = this.__data__.strokeWidthRange, [a, h] = this.__data__.opacityRange;
         for (let o = 0; o < i; o++) {
-          const l = s[o], _ = s[o + 1], g = i <= 1 ? 1 : o / (i - 1), c = n + (r - n) * g, E = a + (h - a) * g, 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);
+          const l = s[o], _ = s[o + 1], g = i <= 1 ? 1 : o / (i - 1), c = n + (r - n) * g, E = a + (h - a) * g, m = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          m.setAttribute("d", `M${l.x},${l.y} L${_.x},${_.y}`), m.setAttribute("fill", "none"), m.setAttribute("stroke", this.__data__.color.toString()), m.setAttribute("stroke-linecap", "round"), m.setAttribute("stroke-linejoin", "round"), m.setAttribute("stroke-width", this.graphUnitsForPixels(c).toString()), m.setAttribute("opacity", E.toString()), this._segments_group.appendChild(m);
         }
         this._segments_group.style.display = "block";
       } else
@@ -1980,8 +2000,8 @@ const bs = class bs extends ne {
   }
 };
 u(bs, "QETrajectory");
-let Ie = bs;
-const { ArrayTools: Ws } = se, ys = class ys extends Array {
+let Ne = bs;
+const { ArrayTools: Ws } = ie, ys = class ys extends Array {
   constructor(...t) {
     super(...t);
   }
@@ -2014,19 +2034,19 @@ const { ArrayTools: Ws } = se, ys = class ys extends Array {
   }
 };
 u(ys, "QEArray");
-let Nt = ys;
+let Ct = 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()) {
+  AxisPoint: oe,
+  AxisLine: St,
+  Point: oe,
+  Line: St,
+  Edge: St,
+  TaperedEdge: St,
+  TaperedWeightedMidpointEdge: St,
+  NodeEdge: St,
+  Trajectory: Ne
+}, jt = class jt {
+  constructor(t, e, s, i = new Ct()) {
     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;
@@ -2041,9 +2061,9 @@ const Ei = {
       ).forEach((g) => {
         const c = g._typeName || g.constructor.name;
         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);
+        E || (g instanceof Ee ? E = Ne : g instanceof J ? E = oe : E = St);
+        const m = new E(g, this.svg_element, this.graph);
+        this.__children__.push(m);
       }), l.forEach((g) => {
         const c = r.objects.get(h(g));
         c && (g.__data__ = c), g.update();
@@ -2061,8 +2081,8 @@ const Ei = {
     if (!this.__data__)
       throw new Error("Layer is null");
     let t = this.__data__;
-    return this.svg_element = document.createElementNS("http://www.w3.org/2000/svg", 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);
+    return this.svg_element = document.createElementNS("http://www.w3.org/2000/svg", jt.tagName), this.svg_element.setAttribute("data-layer-name", t.name), this.svg_element.setAttribute("data-layer-id", t.ID), this.svg_element.__data__ = t, this.svg_element.classList.add("ena-layer"), this.__data__.layers && this.__data__.layers.length > 0 && this.__data__.layers.forEach((e) => {
+      const s = new jt(e, this.svg_element, this.graph);
       this.__children__.push(s);
     }), this.svg_element;
   }
@@ -2083,11 +2103,11 @@ const Ei = {
     this.__children__.push(t);
   }
 };
-u(Ft, "QELayer"), Ft.tagName = "g";
-let ts = Ft;
+u(jt, "QELayer"), jt.tagName = "g";
+let ts = jt;
 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"));
+  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"));
   }
   _create() {
     const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
@@ -2131,22 +2151,22 @@ const xs = class xs {
     const e = this.graph._labelFont ?? {}, s = e.size ? e.size * this.graph.unitsPerPixel() : t * 0.06, i = s * 1.2;
     let n, r, a;
     switch (this.position) {
-      case B.POSITION.STATIC: {
+      case H.POSITION.STATIC: {
         n = this.point.x, r = this.point.y - i * 0.3, a = "middle";
         break;
       }
-      case B.POSITION.CONTAINER: {
+      case H.POSITION.CONTAINER: {
         const { cx: o, cy: l } = this.graph.__data__.extremes, _ = this.point.x - o, g = this.point.y - l, c = Math.sqrt(_ * _ + g * g) || 1, E = t * 0.93 / c;
         n = o + _ * E, r = l + g * E - i * 0.3, a = _ >= 0 ? "start" : "end";
         break;
       }
-      case B.POSITION.CUSTOM:
+      case H.POSITION.CUSTOM:
         if (this.customX != null && this.customY != null) {
           n = this.customX, r = this.customY, a = "start";
           break;
         }
       default:
-      case B.POSITION.OBJECT: {
+      case H.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;
@@ -2172,37 +2192,37 @@ const xs = class xs {
   }
 };
 u(xs, "QELabel");
-let Kt = xs;
+let Jt = xs;
 const je = class je extends HTMLElement {
 };
 u(je, "QENodesElement"), je.tagName = "qe-nodes";
-let Ne = je;
+let ke = je;
 const Ye = class Ye extends HTMLElement {
 };
 u(Ye, "QEMeansElement"), Ye.tagName = "qe-means";
-let ke = Ye;
+let Ce = Ye;
 const qe = class qe extends HTMLElement {
 };
 u(qe, "QEPointsElement"), qe.tagName = "qe-points";
-let Ce = qe;
+let Oe = qe;
 const Ue = class Ue extends HTMLElement {
 };
 u(Ue, "QEEdgesElement"), Ue.tagName = "qe-edges";
-let Oe = Ue;
+let $e = Ue;
 const Ge = class Ge extends HTMLElement {
 };
 u(Ge, "QETrajectoriesElement"), Ge.tagName = "qe-trajectories";
-let $e = Ge;
+let Pe = Ge;
 const Be = class Be extends HTMLElement {
 };
 u(Be, "QEAxesElement"), Be.tagName = "qe-axes";
-let Pe = Be;
-customElements.define(Ne.tagName, Ne);
+let Re = Be;
 customElements.define(ke.tagName, ke);
 customElements.define(Ce.tagName, Ce);
 customElements.define(Oe.tagName, Oe);
 customElements.define($e.tagName, $e);
 customElements.define(Pe.tagName, Pe);
+customElements.define(Re.tagName, Re);
 const Vs = [
   "#4477AA",
   "#EE6677",
@@ -2230,13 +2250,13 @@ function Ii(d, t, e, s) {
 }
 u(Ii, "computeCIRect");
 const Ni = 0.5;
-function fe(d, t, e) {
+function pe(d, t, e) {
   if (!d) return;
   const s = Math.min(Math.abs(t), Math.abs(e));
   s > 0 && (d.meta = { ...d.meta ?? {}, maxRadius: s * Ni });
 }
-u(fe, "capMeanToInterval");
-function pe(d, t, e, s = "") {
+u(pe, "capMeanToInterval");
+function be(d, t, e, s = "") {
   const i = /* @__PURE__ */ u((o) => {
     const l = d.names.indexOf(o), _ = l >= 0 ? d[l] : null;
     if (_ == null || _ === "") return;
@@ -2245,7 +2265,7 @@ function pe(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(pe, "readIntervalBounds");
+u(be, "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)) ?? [];
@@ -2262,7 +2282,7 @@ 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");
+  const { r: t, g: e, b: s } = st.parseColor(d), i = Math.max(t, e, s), n = Math.min(t, e, s), r = /* @__PURE__ */ u((a) => (i + n - a).toString(16).padStart(2, "0"), "f");
   return `#${r(t)}${r(e)}${r(s)}`;
 }
 u(Ci, "complementColor");
@@ -2286,9 +2306,9 @@ function He(d, t) {
   }
 }
 u(He, "parseLabelMode");
-const ut = class ut extends Ae {
+const gt = class gt extends ve {
   constructor() {
-    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) => {
+    super(), this.zoom_level = 1, this.__children__ = new Ct(), this._hasModel = !1, this._renderPending = !1, this._childObserver = null, this._ciRects = /* @__PURE__ */ new Map(), this._outlierRects = /* @__PURE__ */ new Map(), this._ciCross = /* @__PURE__ */ new Map(), this._labelsGroup = null, this._nodeLabels = /* @__PURE__ */ new Map(), this._meanLabels = /* @__PURE__ */ new Map(), this._pointLabels = /* @__PURE__ */ new Map(), this._showAxes = !1, this._axisXText = null, this._axisYText = null, this._axisLabelEls = /* @__PURE__ */ new Map(), this._magnifyText = null, this._magnifyEl = null, this._rangeExtent = null, this._rangeMode = null, this._centerContent = !1, this._plotTitle = null, this._titleEl = null, this._resizeObs = null, this._labelFont = { size: null, family: null, color: null }, this._animateMs = 0, this._tweenRaf = null, this._highlight = { edges: /* @__PURE__ */ new Set(), nodes: /* @__PURE__ */ new Set() }, this._highlightGroup = null, this._tooltipEl = null, this.graph = this, this.parent = null, this.__data__ = new Ke(Ks), this.__name__ = this.__data__.name || "unnamed-graph", this.svg_element = this.create(), console.log("Created ena-graph svg element: ", this.svg_element), document.addEventListener("model-updated", (t) => {
       var vs, Ss, Es, Ms, Is, Ns, ks, Cs, Os, $s, Ps, Rs, Ls, Ds, Ts;
       const e = ((vs = t.composedPath) == null ? void 0 : vs.call(t)[0]) ?? t.target;
       if (this._vizena && e !== this._vizena) return;
@@ -2302,224 +2322,224 @@ const ut = class ut extends Ae {
       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((O, x) => {
-          l[O] = _[x % _.length];
+        C && [...new Set([...C].map(String))].forEach(($, y) => {
+          l[$] = _[y % _.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 I = C.rowName ?? String(C[0]), $ = C.names.indexOf("color"), y = $ >= 0 ? C[$] : null;
+        y && String(y) !== "NA" ? l[I] = String(y) : l[I] || (l[I] = _[Object.keys(l).length % _.length]);
       });
       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), E = o.scalePoints, f = /* @__PURE__ */ u((C) => {
+      ) : new Set(g), E = o.scalePoints, m = /* @__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]))));
+        return C.forEach(($) => {
+          const y = $.names.indexOf(n[0]), b = n.length > 1 ? $.names.indexOf(n[1]) : -1;
+          y >= 0 && (I = Math.max(I, Math.abs(Number($[y])))), b >= 0 && (I = Math.max(I, Math.abs(Number($[b]))));
         }), I;
-      }, "getExtent"), 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)}`,
+      }, "getExtent"), S = (Is = s.nodes) != null && Is.rows ? m(s.nodes.rows()) : 0, R = (Ns = s.points) != null && Ns.rows ? m(s.points.rows()) : 0, j = (ks = s.trajectories) != null && ks.rows ? m(s.trajectories.rows()) : 0, Y = R > 0 ? R : j, v = o.pointScale !== null ? o.pointScale : E && Y > 0 && S > 0 ? S / Y : 1;
+      this._rangeExtent = o.range === "network" ? S * 1.2 : o.range === "points" ? Y * v * 1.2 : typeof o.range == "number" ? o.range : null, this._rangeMode = o.range === "network" || o.range === "points" ? o.range : typeof o.range == "number" ? "number" : null, this._centerContent = o.centerContent, this._plotTitle = o.plotTitle, this._labelFont = o.labelFont;
+      const F = o.labelNodes, nt = o.labelMeans, ot = o.labelPoints, it = this._labelsGroup, _t = /* @__PURE__ */ u((C, I, $, y = 1) => {
+        const b = C.names.indexOf(I), A = C.names.indexOf(n[0]), O = n.length > 1 ? C.names.indexOf(n[1]) : -1, p = new J({
+          ID: b >= 0 ? String(C[b]) : C.rowName || `pt-${Math.random().toString(36).slice(2)}`,
           dimensions: [
-            $ >= 0 ? Number(C[$]) * x : 0,
-            b >= 0 ? -Number(C[b]) * x : 0
+            A >= 0 ? Number(C[A]) * y : 0,
+            O >= 0 ? -Number(C[O]) * y : 0
             // negate Y: SVG y-down vs ENA y-up
           ],
           meta: {}
         });
-        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;
+        return $ && (p.color = new st($)), p;
+      }, "rowToPoint"), K = {}, It = o.showPoints, Ot = s.pointsets;
+      if (o.pointSets.length && (Ot != null && Ot.rows)) {
+        const C = this.__children__.search("__children__", "points"), I = /* @__PURE__ */ u(($, y) => {
+          const b = $.names.indexOf(y);
+          return b >= 0 ? $[b] : null;
         }, "col");
-        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 = {
+        o.pointSets.forEach(($, y) => {
+          Ot.rows().forEach((b) => {
+            if (String(I(b, "set")) !== $.set) return;
+            const A = String(I(b, "id")), O = I(b, "group") != null && String(I(b, "group")) !== "NA" ? String(I(b, "group")) : null, p = I(b, "color") && String(I(b, "color")) !== "NA" ? String(I(b, "color")) : O && l[O] ? l[O] : _[y % _.length], w = _t(b, "id", p, v);
+            w.ID = `${$.set}::${A}`, w.size = $.size ?? o.pointSize ?? 2.5;
+            const P = I(b, "shape");
+            P && String(P) !== "NA" && (w.shape = String(P));
+            const q = I(b, "label");
+            w.meta = {
               stroke: "#ffffff",
               kind: "point",
-              name: R != null && String(R) !== "NA" ? String(R) : $,
-              group: b ?? void 0,
-              unit: $,
-              set: O.set,
-              fixedSize: O.fixedSize
-            }, this.__data__.points.set(M.ID, M), C == null || C.__data__.objects.set(M.ID, M);
+              name: q != null && String(q) !== "NA" ? String(q) : A,
+              group: O ?? void 0,
+              unit: A,
+              set: $.set,
+              fixedSize: $.fixedSize
+            }, this.__data__.points.set(w.ID, w), C == null || C.__data__.objects.set(w.ID, w);
           });
         });
       }
       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, $ = 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 ?? {},
+          s.points.rows().forEach((y) => {
+            const b = h ? y.names.indexOf(h) : -1, A = b >= 0 ? String(y[b]) : null, O = A ? l[A] ?? "#888888" : "#888888";
+            if (It) {
+              const p = _t(y, r, O, v);
+              p.size = o.pointSize ?? 2.5, p.meta = {
+                ...p.meta ?? {},
                 stroke: "#ffffff",
                 kind: "point",
-                name: y.ID,
-                group: $ ?? void 0,
-                unit: y.ID,
+                name: p.ID,
+                group: A ?? void 0,
+                unit: p.ID,
                 fixedSize: o.pointFixedSize
-              }, this.__data__.points.set(y.ID, y), C.__data__.objects.set(y.ID, y);
+              }, this.__data__.points.set(p.ID, p), C.__data__.objects.set(p.ID, p);
             }
-            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;
+            if (A) {
+              const p = y.names.indexOf(n[0]), w = n.length > 1 ? y.names.indexOf(n[1]) : -1;
+              K[A] || (K[A] = { x: 0, y: 0, x2: 0, y2: 0, xy: 0, n: 0, color: O });
+              const P = p >= 0 ? Number(y[p]) : 0, q = w >= 0 ? Number(y[w]) : 0;
+              K[A].x += P, K[A].y += q, K[A].x2 += P * P, K[A].y2 += q * q, K[A].xy += P * q, K[A].n += 1;
             }
           });
-          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);
+          const I = !!((Os = s.groups) != null && Os.rows && s.groups.rows().length > 0), $ = o.showMeans && I ? s.groups.rows().filter((y) => {
+            const b = y.rowName ?? String(y[0]);
+            return c.size === 0 || c.has(b);
           }) : [];
           if (o.showMeans) {
-            const x = C.svg_element, m = (v > 0 ? v : 1) * 8e-3;
+            const y = C.svg_element, b = this._rangeExtent ? this._rangeExtent / 1.2 : S, A = (b > 0 ? b : 1) * 8e-3;
             if (I) {
-              const $ = new Set(O.map((b) => b.rowName ?? String(b[0])));
-              this._ciRects.forEach((b, y) => {
-                $.has(y) || (b.remove(), this._ciRects.delete(y));
-              }), this._outlierRects.forEach((b, y) => {
-                $.has(y) || (b.remove(), this._outlierRects.delete(y));
-              }), this._ciCross.forEach((b, y) => {
-                $.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: [H, dt],
-                  meta: { kind: "mean", name: y, group: y, fixedSize: o.meanFixedSize }
+              const O = new Set($.map((p) => p.rowName ?? String(p[0])));
+              this._ciRects.forEach((p, w) => {
+                O.has(w) || (p.remove(), this._ciRects.delete(w));
+              }), this._outlierRects.forEach((p, w) => {
+                O.has(w) || (p.remove(), this._outlierRects.delete(w));
+              }), this._ciCross.forEach((p, w) => {
+                O.has(w.slice(2)) || (p.remove(), this._ciCross.delete(w));
+              }), $.forEach((p) => {
+                var N, z, D;
+                const w = p.rowName ?? String(p[0]), P = l[w] ?? "#888888", q = p.names.indexOf(n[0]), X = n.length > 1 ? p.names.indexOf(n[1]) : -1, W = q >= 0 ? Number(p[q]) * v : 0, mt = X >= 0 ? -Number(p[X]) * v : 0, Z = new J({
+                  ID: `mean-${w}`,
+                  dimensions: [W, mt],
+                  meta: { kind: "mean", name: w, group: w, fixedSize: o.meanFixedSize }
                 });
-                Z.color = new et(M), Z.size = 4;
-                const _t = b.names.indexOf("shape"), L = _t >= 0 ? b[_t] : null;
+                Z.color = new st(P), Z.size = 4;
+                const at = p.names.indexOf("shape"), L = at >= 0 ? p[at] : null;
                 Z.shape = L && String(L) !== "NA" ? String(L) : "rect", this.__data__.points.set(Z.ID, Z), C.__data__.objects.set(Z.ID, Z);
-                const 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;
+                const Tt = /* @__PURE__ */ u((M) => {
+                  const tt = p.names.indexOf(M), G = tt >= 0 ? p[tt] : null;
+                  return G == null || String(G) === "NA" || String(G) === "" ? null : G;
+                }, "cell"), xt = Tt("intervals"), At = xt === "box" || xt === "crosshairs" || xt === "none" ? xt : o.intervals, vt = Tt("outlier"), U = (vt == null ? o.showOutlier : vt === !0 || String(vt) === "true") ? be(p, n[0], n[1], "o") : null;
                 if (!U)
-                  (w = this._outlierRects.get(y)) == null || w.remove(), this._outlierRects.delete(y);
+                  (N = this._outlierRects.get(w)) == null || N.remove(), this._outlierRects.delete(w);
                 else {
-                  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);
+                  let M = this._outlierRects.get(w);
+                  M || (M = document.createElementNS("http://www.w3.org/2000/svg", "rect"), M.setAttribute("data-outlier-group", w), this._outlierRects.set(w, M)), M.setAttribute("x", (U.x_low * v).toString()), M.setAttribute("y", (-U.y_high * v).toString()), M.setAttribute("width", ((U.x_high - U.x_low) * v).toString()), M.setAttribute("height", ((U.y_high - U.y_low) * v).toString()), M.setAttribute("fill", "none"), M.setAttribute("stroke", P), M.setAttribute("stroke-width", A.toString()), M.setAttribute("stroke-opacity", "0.5"), M.setAttribute("stroke-dasharray", `${A * 2} ${A * 2}`), y && !M.parentElement && y.insertBefore(M, y.firstChild);
                 }
-                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 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", 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);
+                const f = At !== "none" ? be(p, n[0], n[1]) : null, x = `x:${w}`;
+                if ((!f || At !== "crosshairs") && ((z = this._ciCross.get(x)) == null || z.remove(), this._ciCross.delete(x)), f && At === "crosshairs") {
+                  (D = this._ciRects.get(w)) == null || D.remove(), this._ciRects.delete(w);
+                  const M = f.x_low * v, tt = f.x_high * v, G = -f.y_high * v, rt = -f.y_low * v;
+                  pe(Z, (tt - M) / 2, (rt - G) / 2);
+                  let T = this._ciCross.get(x);
+                  T || (T = document.createElementNS("http://www.w3.org/2000/svg", "path"), T.setAttribute("data-ci-group", w), T.setAttribute("data-ci-kind", "crosshairs"), this._ciCross.set(x, T)), T.setAttribute("d", `M${M} ${mt} L${tt} ${mt} M${W} ${G} L${W} ${rt}`), T.setAttribute("fill", "none"), T.setAttribute("stroke", P), T.setAttribute("stroke-width", (A * 1.25).toString()), T.setAttribute("stroke-opacity", "0.8"), y && !T.parentElement && y.insertBefore(T, y.firstChild);
+                } else if (f) {
+                  const M = f.x_low * v, tt = -f.y_high * v, G = (f.x_high - f.x_low) * v, rt = (f.y_high - f.y_low) * v;
+                  pe(Z, G / 2, rt / 2);
+                  let T = this._ciRects.get(w);
+                  T || (T = document.createElementNS("http://www.w3.org/2000/svg", "rect"), T.setAttribute("data-ci-group", w), this._ciRects.set(w, T)), T.setAttribute("x", M.toString()), T.setAttribute("y", tt.toString()), T.setAttribute("width", G.toString()), T.setAttribute("height", rt.toString()), T.setAttribute("fill", "none"), T.setAttribute("stroke", P), T.setAttribute("stroke-width", A.toString()), T.setAttribute("stroke-opacity", "0.8"), T.setAttribute("stroke-dasharray", `${A * 4} ${A * 3}`), y && !T.parentElement && y.insertBefore(T, y.firstChild);
                 } else {
-                  const A = this._ciRects.get(y);
-                  A && (A.remove(), this._ciRects.delete(y));
+                  const M = this._ciRects.get(w);
+                  M && (M.remove(), this._ciRects.delete(w));
                 }
               });
             } else
-              Object.entries(W).forEach(([b, { x: y, y: M, n: F, color: R }]) => {
-                const H = new J({
-                  ID: `mean-${b}`,
-                  dimensions: [y / F * S, -(M / F) * S],
-                  meta: { kind: "mean", name: b, group: b, fixedSize: o.meanFixedSize }
+              Object.entries(K).forEach(([p, { x: w, y: P, n: q, color: X }]) => {
+                const W = new J({
+                  ID: `mean-${p}`,
+                  dimensions: [w / q * v, -(P / q) * v],
+                  meta: { kind: "mean", name: p, group: p, fixedSize: o.meanFixedSize }
                 });
-                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) => {
-                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"), 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 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}`),
+                W.color = new st(X), W.size = 4, W.shape = "rect", this.__data__.points.set(W.ID, W), C.__data__.objects.set(W.ID, W);
+              }), o.showCI && (this._ciRects.forEach((p, w) => {
+                K[w] || (p.remove(), this._ciRects.delete(w));
+              }), ($s = s.confidence) != null && $s.rows ? s.confidence.rows().forEach((p) => {
+                const w = p.names.indexOf(h ?? "group"), P = w >= 0 ? String(p[w]) : p.rowName ?? null;
+                if (!P) return;
+                const q = l[P] ?? "#888888", X = be(p, n[0], n[1]);
+                if (!X) return;
+                const W = X.x_low * v, mt = -X.y_high * v, Z = (X.x_high - X.x_low) * v, at = (X.y_high - X.y_low) * v;
+                pe(
+                  this.__data__.points.get(`mean-${P}`),
                   Z / 2,
-                  _t / 2
+                  at / 2
                 );
-                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}`),
-                  yt,
-                  wt
+                let L = this._ciRects.get(P);
+                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-ci-group", P), this._ciRects.set(P, L)), L.setAttribute("x", W.toString()), L.setAttribute("y", mt.toString()), L.setAttribute("width", Z.toString()), L.setAttribute("height", at.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", q), L.setAttribute("stroke-width", A.toString()), L.setAttribute("stroke-opacity", "0.8"), L.setAttribute("stroke-dasharray", `${A * 4} ${A * 3}`), y && !L.parentElement && y.insertBefore(L, y.firstChild);
+              }) : Object.entries(K).forEach(([p, { x: w, y: P, x2: q, y2: X, n: W, color: mt }]) => {
+                if (W < 2) return;
+                const Z = w / W, at = P / W, L = q / W - Z * Z, Tt = X / W - at * at, { halfW: xt, halfH: At } = Ii(L, Tt, W, v), vt = Z * v, $t = -at * v;
+                pe(
+                  this.__data__.points.get(`mean-${p}`),
+                  xt,
+                  At
                 );
-                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", (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"), 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 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);
+                let U = this._ciRects.get(p);
+                U || (U = document.createElementNS("http://www.w3.org/2000/svg", "rect"), U.setAttribute("data-ci-group", p), this._ciRects.set(p, U)), U.setAttribute("x", (vt - xt).toString()), U.setAttribute("y", ($t - At).toString()), U.setAttribute("width", (xt * 2).toString()), U.setAttribute("height", (At * 2).toString()), U.setAttribute("fill", "none"), U.setAttribute("stroke", mt), U.setAttribute("stroke-width", A.toString()), U.setAttribute("stroke-opacity", "0.8"), U.setAttribute("stroke-dasharray", `${A * 4} ${A * 3}`), y && !U.parentElement && y.insertBefore(U, y.firstChild);
+              })), (Ps = s.outlier) != null && Ps.rows && (this._outlierRects.forEach((p, w) => {
+                l[w] || (p.remove(), this._outlierRects.delete(w));
+              }), s.outlier.rows().forEach((p) => {
+                const w = p.names.indexOf(h ?? "group"), P = w >= 0 ? String(p[w]) : p.rowName ?? null;
+                if (!P) return;
+                const q = l[P] ?? "#888888", X = be(p, n[0], n[1]);
+                if (!X) return;
+                const W = X.x_low * v, mt = -X.y_high * v, Z = (X.x_high - X.x_low) * v, at = (X.y_high - X.y_low) * v;
+                let L = this._outlierRects.get(P);
+                L || (L = document.createElementNS("http://www.w3.org/2000/svg", "rect"), L.setAttribute("data-outlier-group", P), this._outlierRects.set(P, L)), L.setAttribute("x", W.toString()), L.setAttribute("y", mt.toString()), L.setAttribute("width", Z.toString()), L.setAttribute("height", at.toString()), L.setAttribute("fill", "none"), L.setAttribute("stroke", q), L.setAttribute("stroke-width", A.toString()), L.setAttribute("stroke-opacity", "0.5"), L.setAttribute("stroke-dasharray", `${A * 2} ${A * 2}`), y && !L.parentElement && y.insertBefore(L, y.firstChild);
               }));
           }
-          st && (this._pointLabels.forEach((x, m) => {
-            C.__data__.objects.get(m) || (x.remove(), this._pointLabels.delete(m));
-          }), 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), $ = m >= 0 ? String(x[m]) : null;
-            if (!$) return;
-            const b = C.__data__.objects.get($);
-            if (!b) return;
-            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 ? nt === B.DISPLAY_TYPES.ON ? y.show() : y.hide() : (y = new Kt(m, b, st, this, nt), this._meanLabels.set(m, y));
+          it && (this._pointLabels.forEach((y, b) => {
+            C.__data__.objects.get(b) || (y.remove(), this._pointLabels.delete(b));
+          }), this._meanLabels.forEach((y, b) => {
+            C.__data__.objects.get(`mean-${b}`) || (y.remove(), this._meanLabels.delete(b));
+          }), ot !== 0 && s.points.rows().forEach((y) => {
+            const b = y.names.indexOf(r), A = b >= 0 ? String(y[b]) : null;
+            if (!A) return;
+            const O = C.__data__.objects.get(A);
+            if (!O) return;
+            const p = A;
+            let w = this._pointLabels.get(A);
+            w ? ot === H.DISPLAY_TYPES.ON ? w.show() : w.hide() : (w = new Jt(p, O, it, this, ot), this._pointLabels.set(A, w));
+          }), nt !== 0 && (I ? $.map((b) => b.rowName ?? String(b[0])) : Object.keys(K)).forEach((b) => {
+            const A = `mean-${b}`, O = C.__data__.objects.get(A);
+            if (!O) return;
+            let p = this._meanLabels.get(b);
+            p ? nt === H.DISPLAY_TYPES.ON ? p.show() : p.hide() : (p = new Jt(b, O, it, this, nt), this._meanLabels.set(b, p));
           })), C.__data__.__state__.setVariable("layer_updated", C.__data__);
         }
       }
-      const Lt = this.__children__.search("__children__", "trajectories");
-      if (o.showTrajectories && Lt) {
-        Lt.__data__.objects.clear(), this.__data__.trajectories.clear();
+      const Dt = this.__children__.search("__children__", "trajectories");
+      if (o.showTrajectories && Dt) {
+        Dt.__data__.objects.clear(), this.__data__.trajectories.clear();
         const C = (Rs = s.trajectories) != null && Rs.rows ? s.trajectories : s.points;
         if (C != null && C.rows) {
-          const I = {}, O = o.trajectoryUnits ? o.trajectoryUnits.split(",").map((m) => m.trim()) : null;
-          C.rows().forEach((m) => {
-            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
+          const I = {}, $ = o.trajectoryUnits ? o.trajectoryUnits.split(",").map((b) => b.trim()) : null;
+          C.rows().forEach((b) => {
+            const A = b.names.indexOf(r) >= 0 ? b.names.indexOf(r) : b.names.indexOf("unit") >= 0 ? b.names.indexOf("unit") : b.names.indexOf("ENA_UNIT") >= 0 ? b.names.indexOf("ENA_UNIT") : -1, O = A >= 0 ? String(b[A]) : b.rowName || "unit-1";
+            if ($ && !$.includes(O)) return;
+            const p = b.names.indexOf(n[0]), w = n.length > 1 ? b.names.indexOf(n[1]) : -1, P = b.names.indexOf("time") >= 0 ? b.names.indexOf("time") : b.names.indexOf("ActivityNumber") >= 0 ? b.names.indexOf("ActivityNumber") : b.names.indexOf("RowID") >= 0 ? b.names.indexOf("RowID") : -1, q = P >= 0 ? Number(b[P]) : I[O] ? I[O].length + 1 : 1;
+            p >= 0 && w >= 0 && (I[O] || (I[O] = []), I[O].push({
+              x: Number(b[p]) * v,
+              y: -Number(b[w]) * v,
+              time: q
             }));
-          }), Object.keys(I).forEach((m, $) => {
-            const b = I[m];
-            if (b.length === 0) return;
-            const y = _[$ % _.length], M = new Se({
-              ID: `traj-${m}`,
-              unitId: m,
-              color: new et(y),
+          }), Object.keys(I).forEach((b, A) => {
+            const O = I[b];
+            if (O.length === 0) return;
+            const p = _[A % _.length], w = new Ee({
+              ID: `traj-${b}`,
+              unitId: b,
+              color: new st(p),
               lineStyle: o.trajectoryLineStyle,
               strokeWidth: o.trajectoryStrokeWidth,
               strokeWidthRange: o.trajectoryStrokeWidthRange,
@@ -2530,210 +2550,210 @@ const ut = class ut extends Ae {
               currentTime: o.trajectoryPlayhead ?? 1 / 0,
               showPoints: o.trajectoryShowPoints,
               showTips: o.trajectoryShowTips,
-              points: b.map((F) => ({ x: F.x, y: F.y, time: F.time }))
+              points: O.map((P) => ({ x: P.x, y: P.y, time: P.time }))
             });
-            this.__data__.trajectories.set(m, M), Lt.__data__.objects.set(M.ID, M);
+            this.__data__.trajectories.set(b, w), Dt.__data__.objects.set(w.ID, w);
           });
         }
-        Lt.__data__.__state__.setVariable("layer_updated", Lt.__data__);
+        Dt.__data__.__state__.setVariable("layer_updated", Dt.__data__);
       }
-      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) {
+      const ut = this.__children__.search("__children__", "network"), Kt = ut == null ? void 0 : ut.__children__.search("__children__", "edges"), ft = ut == null ? void 0 : ut.__children__.search("__children__", "nodes"), fe = ut == null ? void 0 : ut.__children__.search("__children__", "edgenodes"), si = o.showEdges;
+      if ((Ls = s.nodes) != null && Ls.rows && ft) {
         if (s.nodes.rows().forEach((I) => {
-          const O = lt(I, a, "#444444");
-          O.size = 2;
-          const x = I.names.indexOf("label"), m = x >= 0 ? I[x] : null;
-          O.meta = {
-            ...O.meta ?? {},
+          const $ = _t(I, a, "#444444");
+          $.size = 2;
+          const y = I.names.indexOf("label"), b = y >= 0 ? I[y] : null;
+          $.meta = {
+            ...$.meta ?? {},
             kind: "node",
-            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)) {
+            name: b != null && String(b) !== "NA" && String(b) !== "" ? String(b) : $.ID
+          }, ft.__data__.objects.set($.ID, $);
+        }), si && Kt && ((Ds = s.edges) != null && Ds.rows)) {
           const I = {};
-          h && ((Ts = s.points) != null && Ts.rows) && s.points.rows().forEach((p) => {
-            const w = p.names.indexOf(r), N = p.names.indexOf(h);
-            w >= 0 && N >= 0 && (I[String(p[w])] = String(p[N]));
+          h && ((Ts = s.points) != null && Ts.rows) && s.points.rows().forEach((f) => {
+            const x = f.names.indexOf(r), N = f.names.indexOf(h);
+            x >= 0 && N >= 0 && (I[String(f[x])] = String(f[N]));
           });
-          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((p) => {
-            const w = Mi(p, O);
-            w && x.push({ col: p, pair: w });
+          const $ = s.nodes.rows().map((f) => {
+            const x = f.names.indexOf(a);
+            return x >= 0 ? String(f[x]) : "";
+          }).filter(Boolean), y = [];
+          (s.edges.names ?? []).forEach((f) => {
+            const x = Mi(f, $);
+            x && y.push({ col: f, pair: x });
           });
-          const m = /* @__PURE__ */ u((p) => {
-            const w = {};
+          const b = /* @__PURE__ */ u((f) => {
+            const x = {};
             return s.edges.rows().forEach((N) => {
-              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);
+              const z = N.names.indexOf(r);
+              z < 0 || String(N[z]) !== f || y.forEach(({ col: D }) => {
+                const M = N.names.indexOf(D);
+                M >= 0 && (x[D] = Number(N[M]) || 0);
               });
-            }), w;
-          }, "getUnitEdges"), $ = /* @__PURE__ */ u((p) => {
-            const w = {};
+            }), x;
+          }, "getUnitEdges"), A = /* @__PURE__ */ u((f) => {
+            const x = {};
             let N = 0;
-            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);
+            if (s.edges.rows().forEach((D) => {
+              const M = D.names.indexOf(r), tt = M >= 0 ? String(D[M]) : null, G = h ? D.names.indexOf(h) : -1;
+              (G >= 0 ? String(D[G]) : tt ? I[tt] : null) === f && (N++, y.forEach(({ col: T }) => {
+                const pt = D.names.indexOf(T);
+                if (pt >= 0) {
+                  const V = Number(D[pt]);
+                  isNaN(V) || (x[T] = (x[T] ?? 0) + V);
                 }
               }));
             }), N === 0) return {};
-            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);
+            const z = {};
+            return y.forEach(({ col: D }) => {
+              z[D] = (x[D] ?? 0) / N;
+            }), z;
+          }, "getGroupEdges"), O = /* @__PURE__ */ u((f) => {
+            if (l[f])
+              return { weights: A(f), color: l[f], label: f };
+            const x = I[f] ?? null, N = x ? l[x] ?? "#888888" : "#888888";
+            return { weights: b(f), color: N, label: f };
+          }, "resolve"), p = [], w = /* @__PURE__ */ u((f) => {
+            var D;
+            const x = s.networks, N = (D = x == null ? void 0 : x.rows) == null ? void 0 : D.call(x).find((M) => M.rowName === f);
             if (!N) return null;
-            const 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);
+            const z = {};
+            return y.forEach(({ col: M }) => {
+              const tt = N.names.indexOf(M);
+              if (tt >= 0) {
+                const G = Number(N[tt]);
+                Number.isFinite(G) && (z[M] = G);
               }
-            }), 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;
+            }), z;
+          }, "networkRow"), P = /* @__PURE__ */ u((f, x) => {
+            if (!x) return f;
+            const N = Math.abs(f);
+            return N < x[0] ? 0 : N > x[1] ? Math.sign(f) * x[1] : f;
           }, "thresholded");
-          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);
+          o.edgeLayers.forEach((f, x) => {
+            const N = /* @__PURE__ */ u((V, ht, Q, wt, lt) => {
+              Q = P(Q, f.threshold), !(Math.abs(Q) < 1e-6) && p.push({ col: `${x}:${V}`, pair: ht, weight: Math.abs(Q), color: wt, layer: x, ...lt });
+            }, "push"), z = /* @__PURE__ */ u((V, ht) => f.colors ? [f.colors[0], f.colors[1] ?? Ci(f.colors[0])] : [V, ht], "signColors");
+            if (f.network) {
+              const V = w(f.network);
+              if (!V) return;
+              const [ht, Q] = z(_[0], _[1]), wt = { name: f.name ?? f.network };
+              y.forEach(({ col: lt, pair: zs }) => {
+                const me = V[lt] ?? 0;
+                N(lt, zs, me, me >= 0 ? ht : Q, wt);
               });
               return;
             }
-            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);
+            const D = f.unit ?? f.group ?? null;
+            if (!D) return;
+            const M = O(D), tt = f.compare ?? f.also ?? null, G = tt ? O(tt) : null, rt = { name: f.name ?? D, group: f.group ?? void 0, unit: f.unit ?? void 0 }, [T, pt] = z(M.color, (G == null ? void 0 : G.color) ?? M.color);
+            G && f.compare ? y.forEach(({ col: V, pair: ht }) => {
+              const Q = (M.weights[V] ?? 0) - (G.weights[V] ?? 0);
+              N(V, ht, Q, Q > 0 ? T : pt, rt);
+            }) : G && f.also ? y.forEach(({ col: V, pair: ht }) => {
+              const Q = M.weights[V] ?? 0, wt = G.weights[V] ?? 0;
+              Q > 0 && N(V + "-a", ht, Q, T, rt), wt > 0 && N(V + "-b", ht, wt, pt, { ...rt, name: f.also ?? void 0, group: f.also ?? void 0 });
+            }) : y.forEach(({ col: V, pair: ht }) => {
+              const Q = M.weights[V] ?? 0;
+              Q > 0 && N(V, ht, Q, T, rt);
             });
-          }), 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"), Z = /* @__PURE__ */ u((p) => {
-            const w = [];
-            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((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 A = Math.min(1, Math.abs(p));
-              return { saturation: A, opacity: A };
+          }), p.sort((f, x) => x.weight - f.weight);
+          const q = !!s.directed, X = wi(o.edgeWidth) * (o.edgeMagnify ?? 1), W = /* @__PURE__ */ u((f) => {
+            const x = f.map(Math.abs).filter((N) => N > 0);
+            return x.length ? [Math.min(...x), Math.max(...x)] : [0, 0];
+          }, "rangeOf"), mt = /* @__PURE__ */ u((f) => {
+            const x = [];
+            return y.forEach(({ col: N, pair: z }) => {
+              if (z[0] === z[1] !== f) return;
+              const D = s.edges.col(N);
+              if (D) for (const M of D) x.push(Number(M));
+            }), W(x);
+          }, "modelRange"), Z = /* @__PURE__ */ u((f) => W(p.filter((x) => x.pair[0] === x.pair[1] === f).map((x) => x.weight)), "plotRange"), at = o.edgeColorScale, L = /* @__PURE__ */ u((f) => at === "plot" ? Z(f) : mt(f), "colourRange"), Tt = L(!1), xt = L(!0), At = /* @__PURE__ */ u((f, x) => {
+            if (at === "absolute") {
+              const D = Math.min(1, Math.abs(f));
+              return { saturation: D, opacity: D };
             }
-            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);
+            const [N, z] = x ? xt : Tt;
+            return { saturation: Xs(f, N, z, gi), opacity: Xs(f, N, z, fi) };
+          }, "colourOf"), vt = {};
+          p.forEach(({ pair: f, weight: x }) => {
+            if (f[0] === f[1] && !q) return;
+            const z = /* @__PURE__ */ u((D) => {
+              vt[D] = (vt[D] ?? 0) + Math.abs(x);
             }, "add");
-            if (R) {
-              T(p[1]);
+            if (q) {
+              z(f[1]);
               return;
             }
-            T(p[0]), T(p[1]);
-          }), s.nodes.rows().forEach((p) => {
-            const w = p.names.indexOf(a), N = w >= 0 ? String(p[w]) : "";
+            z(f[0]), z(f[1]);
+          }), s.nodes.rows().forEach((f) => {
+            const x = f.names.indexOf(a), N = x >= 0 ? String(f[x]) : "";
             if (!N) return;
-            const 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 z = ft.__data__.objects.get(N);
+            if (!z) return;
+            const D = vt[N] ?? 0, M = !(D > 0);
+            z.size = M ? o.hideUnconnectedNodes ? 0 : xi : Ai(D, X), z.meta = {
+              ...z.meta ?? {},
+              hidden: M && o.hideUnconnectedNodes
             };
           });
-          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 (ft)
-              at = new ie({}, Q, xt), at.weight = 0;
-            else if (R) {
-              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(
+          const $t = {}, U = /* @__PURE__ */ u((f, x, N, z) => `${f}:${x ?? ""}:${N}.${z}`, "pairKey");
+          q && p.forEach(({ pair: f, weight: x, layer: N, name: z }) => {
+            const D = U(N, z, f[0], f[1]);
+            $t[D] = ($t[D] ?? 0) + x;
+          }), p.forEach(({ col: f, pair: x, weight: N, color: z, layer: D, name: M, group: tt, unit: G }) => {
+            const rt = ft.__data__.objects.get(x[0]), T = ft.__data__.objects.get(x[1]);
+            if (!rt || !T) return;
+            const pt = x[0] === x[1];
+            if (pt && !q) return;
+            const { saturation: V, opacity: ht } = At(N, pt), Q = new J({ ID: `${x[0]}-src`, dimensions: [rt.x, rt.y], meta: {} }), wt = new J({ ID: `${x[1]}-dst`, dimensions: [T.x, T.y], meta: {} });
+            let lt;
+            if (pt)
+              lt = new ne({}, Q, wt), lt.weight = 0;
+            else if (q) {
+              const me = $t[U(D, M, x[0], x[1])] ?? N, ii = $t[U(D, M, x[1], x[0])] ?? 0, ni = me + ii;
+              lt = new Qe(
                 { weight: N, totalweight: ni },
                 Q,
-                xt
+                wt
               );
             } else
-              at = new Ht({}, Q, xt);
-            at.ID = `edge-${p}`, at.color = new et(T), at.meta = {
+              lt = new Xt({}, Q, wt);
+            lt.ID = `edge-${f}`, lt.color = new st(z), lt.meta = {
               isMeanEdge: !0,
               weight: N,
               // Width per unit weight (extent units), shared by all marks.
-              widthFrac: H,
-              saturation: X,
-              opacity: ot,
-              isDirected: R,
-              isSelf: ft,
+              widthFrac: X,
+              saturation: V,
+              opacity: ht,
+              isDirected: q,
+              isSelf: pt,
               // Identity for the qe-edge-* interaction events.
-              source: w[0],
-              target: w[1],
-              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__);
+              source: x[0],
+              target: x[1],
+              group: tt,
+              unit: G,
+              layer: M
+            }, (pt ? fe ?? Kt : Kt).__data__.objects.set(lt.ID, lt);
+          }), Kt.__data__.__state__.setVariable("layer_updated", Kt.__data__), fe && fe.__data__.__state__.setVariable("layer_updated", fe.__data__);
         }
         const C = o.showNodes;
-        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));
+        ft.svg_element && (ft.svg_element.style.display = C ? "" : "none"), C || (this._nodeLabels.forEach((I) => I.remove()), this._nodeLabels.clear()), it && F !== 0 && C && (this._nodeLabels.forEach((I, $) => {
+          ft.__data__.objects.get($) || (I.remove(), this._nodeLabels.delete($));
         }), s.nodes.rows().forEach((I) => {
-          var 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) {
-            (M = this._nodeLabels.get(x)) == null || M.remove(), this._nodeLabels.delete(x);
+          var p, w, P;
+          const $ = I.names.indexOf(a), y = $ >= 0 ? String(I[$]) : "";
+          if (!y) return;
+          const b = ft.__data__.objects.get(y);
+          if (!b) return;
+          if ((p = b.meta) != null && p.hidden) {
+            (w = this._nodeLabels.get(y)) == null || w.remove(), this._nodeLabels.delete(y);
             return;
           }
-          const $ = String(((F = m.meta) == null ? void 0 : F.name) ?? x);
-          let b = this._nodeLabels.get(x);
-          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 A = String(((P = b.meta) == null ? void 0 : P.name) ?? y);
+          let O = this._nodeLabels.get(y);
+          O && O.text !== A && (O.remove(), this._nodeLabels.delete(y), O = void 0), O ? F === H.DISPLAY_TYPES.ON ? O.show() : O.hide() : (O = new Jt(A, b, it, this, F), this._nodeLabels.set(y, O));
+        })), ft.__data__.__state__.setVariable("layer_updated", ft.__data__);
       }
       const ws = this.__children__.search("__children__", "axis_points"), As = this.__children__.search("__children__", "axis_lines");
       ws && this.__data__.__state__.setVariable("graph_updated_axis_points", ws.__data__.objects), As && this.__data__.__state__.setVariable("graph_updated_axis_lines", As.__data__.objects), this.update(), i && this._runTween(i);
@@ -2784,14 +2804,14 @@ const ut = class ut extends Ae {
     var g;
     const t = this.querySelector("qe-nodes"), e = this.querySelector("qe-means"), s = [...this.querySelectorAll("qe-points")], i = s.find((c) => !c.hasAttribute("set")) ?? null, n = s.filter((c) => c.hasAttribute("set")), r = [...this.querySelectorAll("qe-edges")], a = /* @__PURE__ */ u((c) => {
       var E;
-      return ((E = r.find((f) => f.hasAttribute(c))) == null ? void 0 : E.getAttribute(c)) ?? null;
+      return ((E = r.find((m) => m.hasAttribute(c))) == null ? void 0 : E.getAttribute(c)) ?? null;
     }, "firstAttr"), h = r.find((c) => c.hasAttribute("magnify")), o = this.querySelector("qe-trajectories"), l = this.querySelector("qe-axes"), _ = this.getAttribute("labels");
     return {
       // Nodes — always placed from the model (they anchor the coordinate
       // space); <qe-nodes> presence draws them, like every other layer.
       labelNodes: He(
         (t == null ? void 0 : t.getAttribute("label")) ?? this.getAttribute("label-nodes") ?? _,
-        B.DISPLAY_TYPES.ON
+        H.DISPLAY_TYPES.ON
       ),
       showNodes: !!t,
       range: (() => {
@@ -2832,7 +2852,7 @@ const ut = class ut extends Ae {
       showOutlier: !!e && e.hasAttribute("outlier"),
       labelMeans: He(
         (e == null ? void 0 : e.getAttribute("label")) ?? this.getAttribute("label-means") ?? _,
-        B.DISPLAY_TYPES.ON
+        H.DISPLAY_TYPES.ON
       ),
       // fixed-size keeps mean markers a constant on-screen px size (webENA parity).
       meanFixedSize: !!e && e.hasAttribute("fixed-size"),
@@ -2845,7 +2865,7 @@ const ut = class ut extends Ae {
       })),
       labelPoints: He(
         (i == null ? void 0 : i.getAttribute("label")) ?? this.getAttribute("label-points") ?? _,
-        B.DISPLAY_TYPES.OFF
+        H.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).
@@ -2892,7 +2912,7 @@ const ut = class ut extends Ae {
   connectedCallback() {
     var n;
     const t = this.getAttribute("width"), e = this.getAttribute("height");
-    this.style.display = "block", t && (this.style.width = isNaN(Number(t)) ? t : `${t}px`), e && (this.style.height = isNaN(Number(e)) ? e : `${e}px`), this.appendChild(this.svg_element), ut._instances.add(this), this._childObserver = new MutationObserver(() => this._scheduleRerender()), this._childObserver.observe(this, {
+    this.style.display = "block", t && (this.style.width = isNaN(Number(t)) ? t : `${t}px`), e && (this.style.height = isNaN(Number(e)) ? e : `${e}px`), this.appendChild(this.svg_element), gt._instances.add(this), this._childObserver = new MutationObserver(() => this._scheduleRerender()), this._childObserver.observe(this, {
       childList: !0,
       attributes: !0,
       subtree: !0,
@@ -2956,15 +2976,15 @@ const ut = class ut extends Ae {
   }
   disconnectedCallback() {
     var t, e, s;
-    (t = this._childObserver) == null || t.disconnect(), this._childObserver = null, (e = this._resizeObs) == null || e.disconnect(), this._resizeObs = null, ut._instances.delete(this), (s = this._tooltipEl) == null || s.remove(), this._tooltipEl = null;
+    (t = this._childObserver) == null || t.disconnect(), this._childObserver = null, (e = this._resizeObs) == null || e.disconnect(), this._resizeObs = null, gt._instances.delete(this), (s = this._tooltipEl) == null || s.remove(), this._tooltipEl = null;
   }
   /** All connected <qe-graph> instances (newest membership order). */
   static instances() {
-    return [...ut._instances];
+    return [...gt._instances];
   }
   /** Look up a graph by its `id` or `plot-group` attribute. */
   static getGraph(t) {
-    for (const e of ut._instances)
+    for (const e of gt._instances)
       if (e.id === t || e.getAttribute("plot-group") === t) return e;
     return null;
   }
@@ -3012,7 +3032,7 @@ const ut = class ut extends Ae {
     if (e === "line") return { t: "l", x1: s("x1"), y1: s("y1"), x2: s("x2"), y2: s("y2") };
     if (e === "path") {
       const i = t.getAttribute("d") || "";
-      return { t: "p", d: i, nums: (i.match(ut._PATH_NUM_RE) || []).map(Number) };
+      return { t: "p", d: i, nums: (i.match(gt._PATH_NUM_RE) || []).map(Number) };
     }
     return null;
   }
@@ -3048,11 +3068,11 @@ const ut = class ut extends Ae {
           else {
             if (!c.nums || c.nums.length !== _.nums.length) return;
             let E = 0;
-            const f = _.d.replace(
-              ut._PATH_NUM_RE,
+            const m = _.d.replace(
+              gt._PATH_NUM_RE,
               () => String(r(c.nums[E], _.nums[E++], l))
             );
-            g.setAttribute("d", f);
+            g.setAttribute("d", m);
           }
       }), this._tweenRaf = o < 1 ? requestAnimationFrame(a) : null;
     }, "step");
@@ -3208,7 +3228,7 @@ const ut = class ut extends Ae {
       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 === B.DISPLAY_TYPES.CLICK && _.toggle();
+      _ && _.displayMode === H.DISPLAY_TYPES.CLICK && _.toggle();
     }));
     const a = /* @__PURE__ */ u((o) => {
       var l;
@@ -3223,14 +3243,14 @@ const ut = class ut extends Ae {
       const l = a(o.target);
       if (!l) return;
       const _ = h(l);
-      (_ == null ? void 0 : _.displayMode) === B.DISPLAY_TYPES.AUTO && _.show();
+      (_ == null ? void 0 : _.displayMode) === H.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) === B.DISPLAY_TYPES.AUTO && c.hide();
+      (c == null ? void 0 : c.displayMode) === H.DISPLAY_TYPES.AUTO && c.hide();
     }), this._attachInteractionEvents();
   }
   /** Emit a namespaced CustomEvent on the public element (bubbles + composed). */
@@ -3386,7 +3406,7 @@ const ut = class ut extends Ae {
     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 Pt(r, r, i, n);
+      t.extremes = new Rt(r, r, i, n);
     }
     const e = (s = this.svg_element) == null ? void 0 : s.getBoundingClientRect();
     if (this.svg_element && e) {
@@ -3409,8 +3429,8 @@ const ut = class ut extends Ae {
     });
   }
 };
-u(ut, "QEGraphElement"), ut.tagName = "qe-graph", ut.style = `
-    ${Ae.style}
+u(gt, "QEGraphElement"), gt.tagName = "qe-graph", gt.style = `
+    ${ve.style}
 
     :host {
       display: block;
@@ -3427,33 +3447,33 @@ u(ut, "QEGraphElement"), ut.tagName = "qe-graph", ut.style = `
       aspect-ratio: 1 / 1;
       background-color: #FFF;
     }
-  `, ut._instances = /* @__PURE__ */ new Set(), ut._PATH_NUM_RE = /-?\d*\.?\d+(?:e[-+]?\d+)?/gi;
-let Wt = ut;
-customElements.define(Wt.tagName, Wt);
-const Ri = /* @__PURE__ */ u((d) => Wt.getGraph(d), "getGraph"), Li = /* @__PURE__ */ u(() => Wt.instances(), "getGraphs");
+  `, gt._instances = /* @__PURE__ */ new Set(), gt._PATH_NUM_RE = /-?\d*\.?\d+(?:e[-+]?\d+)?/gi;
+let Vt = gt;
+customElements.define(Vt.tagName, Vt);
+const Ri = /* @__PURE__ */ u((d) => Vt.getGraph(d), "getGraph"), Li = /* @__PURE__ */ u(() => Vt.instances(), "getGraphs");
 export {
-  et as Color,
-  jt as DataFrame,
-  be as DataFrameColumn,
+  st as Color,
+  Yt as DataFrame,
+  ye as DataFrameColumn,
   oi as DataFrameColumnType,
-  Bt as DataFrameRow,
-  Ee as Edge,
+  Ht as DataFrameRow,
+  Me as Edge,
   Ke as Graph,
-  Pe as QEAxesElement,
-  Oe as QEEdgesElement,
-  Wt as QEGraphElement,
+  Re as QEAxesElement,
+  $e as QEEdgesElement,
+  Vt as QEGraphElement,
   ts as QELayer,
-  At as QELine,
-  ke as QEMeansElement,
-  Ne as QENodesElement,
-  re as QEPoint,
-  Ce as QEPointsElement,
-  $e as QETrajectoriesElement,
-  Ie as QETrajectory,
-  ye as QEVisualElement,
+  St as QELine,
+  Ce as QEMeansElement,
+  ke as QENodesElement,
+  oe as QEPoint,
+  Oe as QEPointsElement,
+  Pe as QETrajectoriesElement,
+  Ne as QETrajectory,
+  xe as QEVisualElement,
   hi as TRAJECTORY_ZERO_EPS,
-  Se as Trajectory,
-  xe as WeightedColor,
+  Ee as Trajectory,
+  we as WeightedColor,
   ui as fitTrajectory,
   Ri as getGraph,
   Li as getGraphs,