umwelt-js 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,287 +1,312 @@
-import { createComponent as g, template as A, use as xt, delegateEvents as We, insert as k, effect as q, setAttribute as Re, memo as le, className as _t, render as Nt } from "solid-js/web";
-import { createContext as W, createSignal as C, useContext as Z, createEffect as F, onCleanup as J, createMemo as _, Switch as Pt, Match as Ie, For as ee, onMount as Ze, Show as Qe } from "solid-js";
-import { isMultiSpec as Le, olliVis as Ft } from "olli";
-import { VegaLiteAdapter as Ot } from "olli/adapters";
-import fe from "moize";
-import { getDomain as Vt, fetchAndParse as Ct, typeCoerceData as Rt, getBins as It, serializeValue as Lt } from "@umwelt-data/umwelt-utils/data";
-import { compile as et } from "vega-lite";
-import { evaluateVegaData as jt, extractOutputDatasets as qt, computeGuideTicks as Mt } from "@umwelt-data/umwelt-utils/vega";
-import be from "lodash.clonedeep";
-import { withExternalStateParam as Bt, selectionStoreToSelection as zt, EXTERNAL_STATE_STORE as je, predicateToSelectionStore as Gt } from "@umwelt-data/umwelt-utils/vl-bridge";
+import { createComponent as S, use as Ne, template as A, delegateEvents as at, insert as x, effect as L, setAttribute as Me, memo as pe, className as Vt, render as It } from "solid-js/web";
+import { createContext as Y, createSignal as R, useContext as X, createMemo as k, createEffect as P, onCleanup as H, Switch as Lt, Match as Be, For as ie, onMount as jt, Show as st } from "solid-js";
+import { isMultiSpec as ze, olliVis as qt } from "olli";
+import { VegaLiteAdapter as Mt } from "olli/adapters";
+import he from "moize";
+import { getDomain as Bt, fetchAndParse as zt, typeCoerceData as Gt, getBins as Kt, serializeValue as Ht } from "@umwelt-data/umwelt-utils/data";
+import { compile as Fe } from "vega-lite";
+import { evaluateVegaData as ot, extractOutputDatasets as ct, computeGuideTicks as Jt } from "@umwelt-data/umwelt-utils/vega";
+import $e from "lodash.clonedeep";
+import { withExternalStateParam as Wt, selectionStoreToSelection as Yt, EXTERNAL_STATE_STORE as Ge, predicateToSelectionStore as Xt } from "@umwelt-data/umwelt-utils/vl-bridge";
 import "lz-string";
-import { parse as Kt, View as Ht } from "vega";
-import { debounce as Jt } from "@solid-primitives/scheduled";
-import "olli/styles.css";
-import { createStore as me } from "solid-js/store";
-import { makeCommaSeparatedString as Te, fmtValue as Yt, describeField as H } from "@umwelt-data/umwelt-utils/description";
-import { testDatum as Xt } from "@umwelt-data/umwelt-utils/predicate";
-import * as V from "tone";
-import { Storage as Wt } from "versioned-storage";
-import { scaleTime as Zt, scaleLinear as Qt, scaleOrdinal as en } from "d3-scale";
-import tn from "fast-cartesian";
-import { styled as x } from "solid-styled-components";
-const nn = "_Viewer_1uzho_29", rn = {
-  Viewer: nn
-}, an = ["mean", "median", "min", "max", "sum", "count"];
-function tt(e) {
-  return an.includes(e);
-}
-function sn(e) {
+import { parse as Zt, View as Qt } from "vega";
+import { debounce as en } from "@solid-primitives/scheduled";
+import { testDatum as tn } from "@umwelt-data/umwelt-utils/predicate";
+import { createStore as ye } from "solid-js/store";
+import { makeCommaSeparatedString as Pe, fmtValue as nn, describeField as K } from "@umwelt-data/umwelt-utils/description";
+import * as $ from "tone";
+import { Storage as rn } from "versioned-storage";
+import { scaleTime as an, scaleLinear as sn, scaleOrdinal as on, scalePoint as cn } from "d3-scale";
+import ln from "fast-cartesian";
+import { styled as N } from "solid-styled-components";
+const un = "_Viewer_1uzho_29", dn = {
+  Viewer: un
+}, fn = ["mean", "median", "min", "max", "sum", "count"];
+function lt(e) {
+  return fn.includes(e);
+}
+function mn(e) {
   return e && (typeof e.name == "string" || e.name === void 0) && Array.isArray(e.values);
 }
-function nt(e) {
+function ut(e) {
   return e && (typeof e.name == "string" || e.name === void 0) && typeof e.url == "string";
 }
-const on = ["x", "y", "color", "shape", "size", "opacity", "order", "facet"];
-function it(e) {
-  return on.includes(e);
+const pn = ["x", "y", "color", "shape", "size", "opacity", "order", "facet"], gn = ["pure", "bright", "hollow", "bell", "reed", "strings"];
+function vn(e) {
+  return gn.includes(e);
 }
-const rt = "None", cn = "", Y = (e, n) => `${n}_${e}`, M = (e) => [`${e}_bin_start`, `${e}_bin_end`], X = (e, n) => `${n}_${e}`, pe = (e) => {
-  const n = xe([e]);
-  let t = e.field;
-  for (const i of n)
+function dt(e) {
+  return pn.includes(e);
+}
+const ft = "None";
+function Ke(e) {
+  return "units" in e;
+}
+function He(e) {
+  return "units" in e;
+}
+const hn = "", J = (e, t) => `${t}_${e}`, j = (e) => [`${e}_bin_start`, `${e}_bin_end`], W = (e, t) => `${t}_${e}`, Se = (e) => {
+  const t = Ce([e]);
+  let n = e.field;
+  for (const i of t)
     if ("aggregate" in i)
       for (const r of i.aggregate)
-        tt(r.op) && (t = Y(t, r.op));
-    else "bin" in i && !e.aggregate ? t = M(t)[0] : "timeUnit" in i && !e.aggregate && (t = X(t, i.timeUnit));
-  return t;
-}, at = (e) => {
-  const n = xe([e]);
-  let t = e.field;
-  for (const i of n)
+        lt(r.op) && (n = J(n, r.op));
+    else "bin" in i && !e.aggregate ? n = j(n)[0] : "timeUnit" in i && !e.aggregate && (n = W(n, i.timeUnit));
+  return n;
+}, mt = (e) => {
+  const t = Ce([e]);
+  let n = e.field;
+  for (const i of t)
     if ("aggregate" in i)
       for (const r of i.aggregate)
-        tt(r.op) && (typeof t == "string" ? t = Y(t, r.op) : t = [Y(t[0], r.op), Y(t[1], r.op)]);
-    else "bin" in i && !e.aggregate ? typeof t == "string" ? t = M(t) : t = [M(t[0])[0], M(t[1])[1]] : "timeUnit" in i && !e.aggregate && (typeof t == "string" ? t = X(t, i.timeUnit) : t = [X(t[0], i.timeUnit), X(t[1], i.timeUnit)]);
-  if (typeof t == "string")
+        lt(r.op) && (typeof n == "string" ? n = J(n, r.op) : n = [J(n[0], r.op), J(n[1], r.op)]);
+    else "bin" in i && !e.aggregate ? typeof n == "string" ? n = j(n) : n = [j(n[0])[0], j(n[1])[1]] : "timeUnit" in i && !e.aggregate && (typeof n == "string" ? n = W(n, i.timeUnit) : n = [W(n[0], i.timeUnit), W(n[1], i.timeUnit)]);
+  if (typeof n == "string")
     throw new Error("Expected derived field name to be a tuple");
-  return t;
-}, ke = (e, n, t) => {
-  const i = new Set(n.filter((s) => s.bin && t?.[s.field]?.length).map((s) => s.field));
+  return n;
+}, Oe = (e, t, n) => {
+  const i = new Set(t.filter((s) => s.bin && n?.[s.field]?.length).map((s) => s.field));
   let r = e;
   i.size && (r = e.map((s) => {
-    const c = { ...s };
-    for (const o of i) {
-      const [d, l] = M(o), f = ln(s[o], t[o]);
-      c[d] = f ? f[0] : null, c[l] = f ? f[1] : null;
+    const o = { ...s };
+    for (const f of i) {
+      const [d, u] = j(f), c = yn(s[f], n[f]);
+      o[d] = c ? c[0] : null, o[u] = c ? c[1] : null;
     }
-    return c;
+    return o;
   }));
-  const a = xe(n, i);
-  return st(r, a);
-}, ln = (e, n) => {
+  const a = Ce(t, i);
+  return pt(r, a);
+}, yn = (e, t) => {
   if (e == null) return;
-  const t = Number(e);
-  if (!isNaN(t))
-    for (let i = 0; i < n.length; i++) {
-      const [r, a] = n[i];
-      if (t >= r && (t < a || i === n.length - 1 && t <= a))
-        return n[i];
+  const n = Number(e);
+  if (!isNaN(n))
+    for (let i = 0; i < t.length; i++) {
+      const [r, a] = t[i];
+      if (n >= r && (n < a || i === t.length - 1 && n <= a))
+        return t[i];
     }
-}, xe = (e, n) => {
-  const t = [], i = [], r = [], a = /* @__PURE__ */ new Set();
-  for (const u of e) {
-    const { field: s, timeUnit: c, bin: o, aggregate: d } = u;
-    d || (c && a.add(X(s, c)), o && M(s).forEach((l) => a.add(l)), !c && !o && a.add(s));
+}, Ce = (e, t) => {
+  const n = [], i = [], r = [], a = /* @__PURE__ */ new Set();
+  for (const l of e) {
+    const { field: s, timeUnit: o, bin: f, aggregate: d } = l;
+    d || (o && a.add(W(s, o)), f && j(s).forEach((u) => a.add(u)), !o && !f && a.add(s));
   }
-  for (const u of e) {
-    const { field: s, timeUnit: c, bin: o, aggregate: d } = u;
-    if (o && !n?.has(s)) {
-      const l = M(s);
+  for (const l of e) {
+    const { field: s, timeUnit: o, bin: f, aggregate: d } = l;
+    if (f && !t?.has(s)) {
+      const u = j(s);
       i.push({
         bin: !0,
         field: s,
-        as: l
+        as: u
       });
     }
-    if (c) {
-      const l = o ? M(s)[0] : X(s, c);
-      t.push({
-        timeUnit: c,
+    if (o) {
+      const u = f ? j(s)[0] : W(s, o);
+      n.push({
+        timeUnit: o,
         field: s,
-        as: l
+        as: u
       });
     }
     if (d) {
-      const l = o ? M(s)[0] : s, f = r.find((p) => p.groupby?.length === a.size && p.groupby?.every((h) => a.has(h)));
-      f ? f.aggregate.push({
+      const u = f ? j(s)[0] : s, c = r.find((p) => p.groupby?.length === a.size && p.groupby?.every((m) => a.has(m)));
+      c ? c.aggregate.push({
         op: d,
-        field: l,
-        as: Y(s, d)
+        field: u,
+        as: J(s, d)
       }) : r.push({
         aggregate: [
           {
             op: d,
-            field: l,
-            as: Y(s, d)
+            field: u,
+            as: J(s, d)
           }
         ],
         groupby: Array.from(a)
       });
     }
   }
-  return [...i, ...t, ...r];
+  return [...i, ...n, ...r];
 };
-function st(e, n) {
-  const r = et({
+function pt(e, t) {
+  const r = Fe({
     data: { values: e },
-    transform: n,
+    transform: t,
     mark: "point"
-  }).spec.data ?? [], a = jt(r), u = qt(r, a);
-  return u[u.length - 1] ?? [];
+  }).spec.data ?? [], a = ot(r), l = ct(r, a);
+  return l[l.length - 1] ?? [];
+}
+function Sn(e) {
+  const n = Fe(e).spec.data ?? [], i = ot(n), r = ct(n, i), a = /* @__PURE__ */ new Set();
+  for (const l of r) {
+    const s = l.find((o) => o && typeof o == "object");
+    s && Object.keys(s).forEach((o) => a.add(o));
+  }
+  return [...a];
 }
-const te = fe((e, n, t) => {
-  const i = t ? pe(e) : e.field;
-  return Vt({ field: i, type: e.type, timeUnit: e.timeUnit }, n);
-}), un = fe((e, n) => {
+const re = he((e, t, n) => {
+  const i = n ? Se(e) : e.field;
+  return Bt({ field: i, type: e.type, timeUnit: e.timeUnit }, t);
+}), bn = he((e, t) => {
   if (e.bin) {
-    const t = at(e);
-    return n.map((i) => {
-      const r = i[t[0]], a = i[t[1]];
+    const n = mt(e);
+    return t.map((i) => {
+      const r = i[n[0]], a = i[n[1]];
       return [r, a];
     }).sort((i, r) => typeof i[0] == "number" && typeof r[0] == "number" ? i[0] - r[0] : i[0] instanceof Date && r[0] instanceof Date ? i[0].getTime() - r[0].getTime() : typeof i[0] == "string" && typeof r[0] == "string" ? i[0].localeCompare(r[0]) : 0);
   }
   return [];
-}), de = "dataset", dn = "https://raw.githubusercontent.com/vega/vega-datasets/master/data/", fn = Object.fromEntries(
-  ["stocks.csv", "cars.json", "weather.csv", "seattle-weather.csv", "penguins.json", "driving.json", "barley.json", "disasters.csv", "gapminder.json"].map((e) => [e, `${dn}${e}`])
+}), ve = "dataset", wn = "https://raw.githubusercontent.com/vega/vega-datasets/master/data/", En = Object.fromEntries(
+  ["stocks.csv", "cars.json", "weather.csv", "seattle-weather.csv", "penguins.json", "driving.json", "barley.json", "disasters.csv", "gapminder.json"].map((e) => [e, `${wn}${e}`])
 );
-async function mn(e) {
-  if (sn(e)) {
-    const n = e.name || de;
-    return e.values.length ? { name: n, data: e.values } : void 0;
+async function Un(e) {
+  if (mn(e)) {
+    const t = e.name || ve;
+    return e.values.length ? { name: t, data: e.values } : void 0;
   }
-  if (nt(e)) {
-    const n = e.name || e.url.split("/").pop() || de, t = await qe(e.url);
-    return t.length ? { name: n, data: t, sourceUrl: e.url } : void 0;
+  if (ut(e)) {
+    const t = e.name || e.url.split("/").pop() || ve, n = await Je(e.url);
+    return n.length ? { name: t, data: n, sourceUrl: e.url } : void 0;
   }
   if (e.name) {
-    const n = fn[e.name];
-    if (!n) {
+    const t = En[e.name];
+    if (!t) {
       console.error(`Unknown example dataset "${e.name}". A name-only data source must reference a built-in example dataset, or provide a url or values.`);
       return;
     }
-    const t = await qe(n);
-    return t.length ? { name: e.name, data: t, sourceUrl: n } : void 0;
+    const n = await Je(t);
+    return n.length ? { name: e.name, data: n, sourceUrl: t } : void 0;
   }
 }
-const qe = fe.promise(async (e) => {
+const Je = he.promise(async (e) => {
   try {
-    const n = await Ct(e);
-    return Array.isArray(n) ? n : [];
-  } catch (n) {
+    const t = await zt(e);
+    return Array.isArray(t) ? t : [];
+  } catch (t) {
     return console.warn(`Failed to load data from ${e} 
- ${n}`), [];
+ ${t}`), [];
   }
 });
-fe.promise(async (e, n) => {
+he.promise(async (e, t) => {
   try {
-    return st(e, n);
-  } catch (t) {
+    return pt(e, t);
+  } catch (n) {
     return console.warn(`Failed to evaluate transforms 
- ${t}`), [];
+ ${n}`), [];
   }
 });
-function pn(e, n) {
-  const t = n.map((i) => ({ name: i.name, type: i.type }));
-  return Rt(e, t);
+function An(e, t) {
+  const n = t.map((i) => ({ name: i.name, type: i.type }));
+  return Gt(e, n);
 }
-function gn(e, n) {
-  return e.filter((t) => Object.entries(t).every(([i, r]) => n.find((a) => a.name === i) ? r != null : !0));
+function Dn(e, t) {
+  return e.filter((n) => Object.entries(n).every(([i, r]) => t.find((a) => a.name === i) ? r != null : !0));
 }
-function $(e, n) {
-  return e.fields.find((t) => t.name === n);
+function D(e, t) {
+  return e.fields.find((n) => n.name === t);
 }
-function N(e, n) {
-  const { active: t, name: i, encodings: r, ...a } = e, u = n ? {
+function _(e, t) {
+  const { active: n, name: i, encodings: r, ...a } = e, l = t ? {
     ...a,
-    ...n
+    ...t
   } : { field: i, ...a };
-  return Object.fromEntries(Object.entries(u).filter(([s, c]) => c !== rt));
+  return Object.fromEntries(Object.entries(l).filter(([s, o]) => o !== ft));
 }
-function _e(e, n) {
-  const i = [...Object.values(n.encoding), ...n.traversal].flatMap((a) => {
-    const u = $(e, a.field);
-    return u ? [N(u, a)] : [];
+function Re(e, t) {
+  const i = [...Object.values(t.encoding), ...t.traversal].flatMap((a) => {
+    const l = D(e, a.field);
+    return l ? [_(l, a)] : [];
   }), r = /* @__PURE__ */ new Set();
   return i.filter((a) => {
-    const u = JSON.stringify(a);
-    return r.has(u) ? !1 : (r.add(u), !0);
+    const l = JSON.stringify(a);
+    return r.has(l) ? !1 : (r.add(l), !0);
   });
 }
-async function vn(e, n, t) {
+async function $n(e, t, n) {
   if (!e.data || !(e.fields && e.fields.length))
     return;
   const i = e.data.name;
-  if (i && n[i]?.data?.length)
-    return Me(e);
-  const r = await mn(e.data);
+  if (i && t[i]?.data?.length)
+    return We(e);
+  const r = await Un(e.data);
   if (!r)
     return;
-  const a = Me(e), u = pn(r.data, a.fields), s = gn(u, a.fields);
+  const a = We(e), l = An(r.data, a.fields), s = Dn(l, a.fields);
   if (s.length)
-    return t(r.name, s, r.sourceUrl), a;
-}
-function Me(e) {
-  const n = e.fields.map((i) => {
-    const r = [];
-    return e.visual.units.forEach((a) => {
-      Object.entries(a.encoding).forEach(([u, s]) => {
-        it(u) && s.field === i.name && r.push({ unit: a.name, property: u });
+    return n(r.name, s, r.sourceUrl), a;
+}
+function Tn(e) {
+  if (e.instrument !== void 0 && !vn(e.instrument)) {
+    console.warn(`Unknown audio instrument "${e.instrument}" on unit "${e.name}"; falling back to the default.`);
+    const { instrument: t, ...n } = e;
+    return n;
+  }
+  return e;
+}
+function We(e) {
+  const t = Ke(e.visual) ? e.visual.units : [e.visual], n = Ke(e.visual) ? e.visual.composition : void 0, i = He(e.audio) ? e.audio.units : [e.audio], r = He(e.audio) ? e.audio.composition : void 0, a = e.fields.map((s) => {
+    const o = [];
+    return t.forEach((f) => {
+      Object.entries(f.encoding).forEach(([d, u]) => {
+        dt(d) && u.field === s.name && o.push({ unit: f.name, property: d });
       });
-    }), e.audio.units.forEach((a) => {
-      Object.entries(a.encoding).forEach(([u, s]) => {
-        u === "pitch" && s.field === i.name && r.push({ unit: a.name, property: u });
+    }), i.forEach((f) => {
+      Object.entries(f.encoding).forEach(([d, u]) => {
+        d === "pitch" && u.field === s.name && o.push({ unit: f.name, property: d });
       });
-    }), { ...i, active: !0, encodings: r };
+    }), { ...s, active: !0, encodings: o };
   });
   return {
     ...e,
     data: {
-      name: e.data.name || (nt(e.data) ? e.data.url.split("/").pop() : de) || de
+      name: e.data.name || (ut(e.data) ? e.data.url.split("/").pop() : ve) || ve
     },
-    fields: n,
-    visual: { units: e.visual.units, composition: e.visual.composition || "layer" },
-    audio: { units: e.audio.units, composition: e.audio.composition || "concat" },
+    fields: a,
+    visual: { units: t, composition: n || "layer" },
+    audio: { units: i.map(Tn), composition: r || "concat" },
     // regenerate node ids on import so a serialized id can never collide with one
     // this session's counter later mints
     text: {
-      structures: e.text?.structures ? Object.fromEntries(Object.entries(e.text.structures).map(([i, r]) => [i, r.map(ct)])) : {}
+      structures: e.text?.structures ? Object.fromEntries(Object.entries(e.text.structures).map(([s, o]) => [s, o.map(gt)])) : {}
     }
   };
 }
-function ot(e, n) {
-  if (e.visual.units.length === 0 || e.visual.units.map((c) => Object.values(c.encoding).length).reduce((c, o) => c + o, 0) === 0) return;
+function xe(e, t) {
+  if (e.visual.units.length === 0 || e.visual.units.map((o) => Object.values(o.encoding).length).reduce((o, f) => o + f, 0) === 0) return;
   const i = [
     {
       name: "brush",
       select: "interval"
     }
   ];
-  function r(c) {
-    const o = c.visual.units;
-    if (o.length === 1) {
-      const d = o[0], l = be(d.encoding);
-      return l && Object.keys(l).forEach((f) => {
-        if (it(f)) {
-          const p = l[f];
+  function r(o) {
+    const f = o.visual.units;
+    if (f.length === 1) {
+      const d = f[0], u = $e(d.encoding);
+      return u && Object.keys(u).forEach((c) => {
+        if (dt(c)) {
+          const p = u[c];
           if (p) {
-            const h = $(c, p.field);
-            if (h) {
-              const w = N(h, p);
-              if (l[f] = {
-                ...w
-              }, f === "facet") {
-                const E = te(w, n);
-                l[f] = {
-                  ...w,
-                  columns: E.length === 3 ? 3 : 2
+            const m = D(o, p.field);
+            if (m) {
+              const y = _(m, p);
+              if (u[c] = {
+                ...y
+              }, c === "facet") {
+                const w = re(y, t);
+                u[c] = {
+                  ...y,
+                  columns: w.length === 3 ? 3 : 2
                   // TODO do something better
                 };
               }
-              d.mark === "point" && (f === "x" || f === "y") && w.type === "quantitative" && (l[f] = {
-                ...w,
+              d.mark === "point" && (c === "x" || c === "y") && y.type === "quantitative" && (u[c] = {
+                ...y,
                 scale: {
-                  ...w.scale,
+                  ...y.scale,
                   zero: !1
                 }
               });
@@ -291,870 +316,1047 @@ function ot(e, n) {
       }), {
         mark: d.mark,
         encoding: {
-          ...l,
+          ...u,
           color: {
-            ...a({ ...l.color || { value: "navy" }, scale: d.mark === "area" ? { scheme: "category20b" } : void 0 }, "brush", "grey")
+            ...a({ ...u.color || { value: "navy" }, scale: d.mark === "area" ? { scheme: "category20b" } : void 0 }, "brush", "grey")
           }
         }
       };
-    } else if (o.length > 1) {
-      const d = c.visual.composition || "layer";
+    } else if (f.length > 1) {
+      const d = o.visual.composition || "layer";
       return {
-        columns: d === "concat" ? o.length < 3 ? 1 : 2 : void 0,
-        [d]: o.map((l, f) => {
+        columns: d === "concat" ? f.length < 3 ? 1 : 2 : void 0,
+        [d]: f.map((u, c) => {
           const p = r({
-            ...c,
+            ...o,
             visual: {
-              units: [l],
+              units: [u],
               composition: d
             }
           });
-          return f === 0 && (p.params = i), p;
+          return c === 0 && (p.params = i), p;
         })
       };
     }
   }
   if (e.visual.units[0].mark === "line" || e.visual.units[0].mark === "bar") {
-    const c = e.visual.units[0], o = c.encoding.y?.field, d = c.encoding.x?.field, l = $(e, o), f = $(e, d);
-    l?.type === "quantitative" && f?.type !== "quantitative" ? i[0].select = { type: "interval", encodings: ["x"] } : f?.type === "quantitative" && l?.type !== "quantitative" && (i[0].select = { type: "interval", encodings: ["y"] });
+    const o = e.visual.units[0], f = o.encoding.y?.field, d = o.encoding.x?.field, u = D(e, f), c = D(e, d);
+    u?.type === "quantitative" && c?.type !== "quantitative" ? i[0].select = { type: "interval", encodings: ["x"] } : c?.type === "quantitative" && u?.type !== "quantitative" && (i[0].select = { type: "interval", encodings: ["y"] });
   }
-  const a = (c, o, d, l) => ({
-    condition: { param: o, empty: l || !0, ...c },
+  const a = (o, f, d, u) => ({
+    condition: { param: f, empty: u || !0, ...o },
     value: d
-  }), u = r(e);
+  }), l = r(e);
   let s;
-  return "mark" in u ? s = be({
-    data: { values: n },
+  return "mark" in l ? s = $e({
+    data: { values: t },
     params: i,
-    ...u
-  }) : s = be({
-    data: { values: n },
-    ...u
-  }), Bt(s);
-}
-async function hn(e, n) {
-  let t;
-  const i = e.text.structures, r = e.visual.units.map((c) => c.name);
+    ...l
+  }) : s = $e({
+    data: { values: t },
+    ...l
+  }), Wt(s);
+}
+async function kn(e, t) {
+  let n;
+  const i = e.text.structures, r = e.visual.units.map((o) => o.name);
   JSON.stringify(i);
-  const a = new Map(e.fields.map((c) => [c.name, c.type])), u = ot(e, n);
-  if (u ? t = await Ot(u) : t = {
-    data: n,
+  const a = new Map(e.fields.map((o) => [o.name, o.type])), l = xe(e, t);
+  if (l ? n = await Mt(l) : n = {
+    data: t,
     fields: []
-  }, Le(t) ? t.units.forEach((c) => {
-    s(c, e);
-  }) : s(t, e), u)
-    (Le(t) ? t.units : [t]).forEach((o, d) => {
-      const l = i[r[d]];
-      l?.length && ze(o, l, a);
+  }, ze(n) ? n.units.forEach((o) => {
+    s(o, e);
+  }) : s(n, e), l)
+    (ze(n) ? n.units : [n]).forEach((f, d) => {
+      const u = i[r[d]];
+      u?.length && Xe(f, u, a);
     });
   else {
-    const c = i[cn];
-    c?.length && ze(t, c, a);
+    const o = i[hn];
+    o?.length && Xe(n, o, a);
   }
-  function s(c, o) {
-    c.fields?.length === 0 && (delete c.mark, delete c.axes, delete c.legends), c.fields && o.fields.filter((d) => d.active).forEach((d) => {
-      c.fields?.find((l) => l.field === d.name) || c.fields?.push({
+  function s(o, f) {
+    o.fields?.length === 0 && (delete o.mark, delete o.axes, delete o.legends), o.fields && f.fields.filter((d) => d.active).forEach((d) => {
+      o.fields?.find((u) => u.field === d.name) || o.fields?.push({
         ...d,
         field: d.name,
         timeUnit: d.timeUnit
       });
     });
   }
-  return t;
+  return n;
 }
-let yn = 0;
-function Sn() {
-  return `text_node_${yn++}`;
+let xn = 0;
+function _n() {
+  return `text_node_${xn++}`;
 }
-function ct(e) {
-  return { ...e, id: Sn(), children: e.children.map(ct) };
+function gt(e) {
+  return { ...e, id: _n(), children: e.children.map(gt) };
 }
-function ue(e, n) {
+function ge(e, t) {
   if (!e || typeof e != "object") return e;
-  if ("and" in e) return { and: e.and.map((t) => ue(t, n)) };
-  if ("or" in e) return { or: e.or.map((t) => ue(t, n)) };
-  if ("not" in e) return { not: ue(e.not, n) };
-  if ("field" in e && n.get(e.field) === "temporal") {
-    const t = (r) => r instanceof Date || r == null ? r : new Date(r), i = { ...e };
+  if ("and" in e) return { and: e.and.map((n) => ge(n, t)) };
+  if ("or" in e) return { or: e.or.map((n) => ge(n, t)) };
+  if ("not" in e) return { not: ge(e.not, t) };
+  if ("field" in e && t.get(e.field) === "temporal") {
+    const n = (r) => r instanceof Date || r == null ? r : new Date(r), i = { ...e };
     for (const r of ["equal", "lt", "lte", "gt", "gte"])
-      r in i && (i[r] = t(i[r]));
-    return "range" in i && Array.isArray(i.range) && (i.range = i.range.map(t)), "oneOf" in i && Array.isArray(i.oneOf) && (i.oneOf = i.oneOf.map(t)), i;
+      r in i && (i[r] = n(i[r]));
+    return "range" in i && Array.isArray(i.range) && (i.range = i.range.map(n)), "oneOf" in i && Array.isArray(i.oneOf) && (i.oneOf = i.oneOf.map(n)), i;
   }
   return e;
 }
-function lt(e, n, t) {
-  const i = e.children.map((r) => lt(r, n, t));
+function vt(e, t, n) {
+  const i = e.children.map((r) => vt(r, t, n));
   if (e.nodeType === "group") {
-    const r = e.groupby.map(t);
+    const r = e.groupby.map(n);
     return { groupby: r.length === 1 ? r[0] : r, ...i.length ? { children: i } : {} };
   }
   return {
-    predicate: ue(e.predicate, n),
+    predicate: ge(e.predicate, t),
     ...e.name ? { name: e.name } : {},
     ...e.reasoning ? { reasoning: e.reasoning } : {},
     ...i.length ? { children: i } : {}
   };
 }
-function Be(e, n) {
+function Ye(e, t) {
   return {
-    type: e.type ?? n?.type,
-    timeUnit: e.timeUnit === rt ? void 0 : e.timeUnit ?? n?.timeUnit,
-    bin: e.bin !== void 0 ? e.bin : !!n?.bin
+    type: e.type ?? t?.type,
+    timeUnit: e.timeUnit === ft ? void 0 : e.timeUnit ?? t?.timeUnit,
+    bin: e.bin !== void 0 ? e.bin : !!t?.bin
   };
 }
-const Ee = (e) => `${e.type ?? ""}|${e.timeUnit ?? ""}|${e.bin ? "bin" : ""}`;
-function ze(e, n, t) {
-  const i = e.fields ?? (e.fields = []), r = e.data ?? [], a = (d) => i.find((l) => l.field === d), u = /* @__PURE__ */ new Map(), s = (d) => d.forEach((l) => {
-    l.nodeType === "group" && l.groupby.forEach((f) => {
-      const p = Be(f, a(f.field)), h = u.get(f.field) ?? /* @__PURE__ */ new Map();
-      h.set(Ee(p), p), u.set(f.field, h);
-    }), s(l.children);
+const Te = (e) => `${e.type ?? ""}|${e.timeUnit ?? ""}|${e.bin ? "bin" : ""}`;
+function Xe(e, t, n) {
+  const i = e.fields ?? (e.fields = []), r = e.data ?? [], a = (d) => i.find((u) => u.field === d), l = /* @__PURE__ */ new Map(), s = (d) => d.forEach((u) => {
+    u.nodeType === "group" && u.groupby.forEach((c) => {
+      const p = Ye(c, a(c.field)), m = l.get(c.field) ?? /* @__PURE__ */ new Map();
+      m.set(Te(p), p), l.set(c.field, m);
+    }), s(u.children);
   });
-  s(n);
-  const c = /* @__PURE__ */ new Map();
-  u.forEach((d, l) => {
-    const f = a(l), p = f ? Ee({ type: f.type, timeUnit: f.timeUnit, bin: !!f.bin }) : void 0, h = [...d.keys()], w = p && d.has(p) ? p : h[0];
-    d.forEach((E, L) => {
-      if (L === w)
-        f && (E.type && (f.type = E.type), f.timeUnit = E.timeUnit, f.bin = E.bin || void 0), c.set(`${l}|${L}`, l);
+  s(t);
+  const o = /* @__PURE__ */ new Map();
+  l.forEach((d, u) => {
+    const c = a(u), p = c ? Te({ type: c.type, timeUnit: c.timeUnit, bin: !!c.bin }) : void 0, m = [...d.keys()], y = p && d.has(p) ? p : m[0];
+    d.forEach((w, O) => {
+      if (O === y)
+        c && (w.type && (c.type = w.type), c.timeUnit = w.timeUnit, c.bin = w.bin || void 0), o.set(`${u}|${O}`, u);
       else {
-        const R = [E.type, E.timeUnit, E.bin ? "bin" : ""].filter(Boolean), P = `${l}__${R.join("_") || "raw"}`;
-        c.set(`${l}|${L}`, P), i.find((I) => I.field === P) || i.push({ field: P, label: l, type: E.type ?? t.get(l), timeUnit: E.timeUnit, bin: E.bin || void 0 }), r.forEach((I) => {
-          l in I && !(P in I) && (I[P] = I[l]);
+        const V = [w.type, w.timeUnit, w.bin ? "bin" : ""].filter(Boolean), C = `${u}__${V.join("_") || "raw"}`;
+        o.set(`${u}|${O}`, C), i.find((T) => T.field === C) || i.push({ field: C, label: u, type: w.type ?? n.get(u), timeUnit: w.timeUnit, bin: w.bin || void 0 }), r.forEach((T) => {
+          u in T && !(C in T) && (T[C] = T[u]);
         });
       }
     });
   });
-  const o = (d) => c.get(`${d.field}|${Ee(Be(d, a(d.field)))}`) ?? d.field;
-  e.structure = n.map((d) => lt(d, t, o));
+  const f = (d) => o.get(`${d.field}|${Te(Ye(d, a(d.field)))}`) ?? d.field;
+  e.structure = t.map((d) => vt(d, n, f));
 }
-function bn(e, n) {
-  const t = et(e).spec, i = Kt(t), r = new Ht(i, {
+function Nn(e, t) {
+  const n = Fe(e).spec, i = Zt(n), r = new Qt(i, {
     renderer: "canvas",
-    container: n,
+    container: t,
     hover: !0
   });
   return r.runAsync(), r;
 }
-const ut = W();
-function En(e) {
-  const [n, t] = C(void 0), i = {
+const ht = Y();
+function Fn(e) {
+  const [t, n] = R(void 0), i = {
     setSelection: (r) => {
-      r && r.predicate && "and" in r.predicate && r.predicate.and.length === 0 && (r.predicate = void 0), t(r);
+      r && r.predicate && "and" in r.predicate && r.predicate.and.length === 0 && (r.predicate = void 0), n(r);
     }
   };
-  return g(ut.Provider, {
-    value: [n, i],
+  return S(ht.Provider, {
+    value: [t, i],
     get children() {
       return e.children;
     }
   });
 }
-function ie() {
-  const e = Z(ut);
+function se() {
+  const e = X(ht);
   if (e === void 0)
     throw new Error("useUmweltSelection must be used within a UmweltSelectionProvider");
   return e;
 }
-var wn = /* @__PURE__ */ A("<div id=vl-container>");
-function Dn(e) {
-  const [n, t] = ie(), [i, r] = C(!1), [a, u] = C(null), s = Jt((c) => {
+function yt(e, t, n) {
+  const i = D(e, n);
+  if (!i) return;
+  const r = i.encodings.find((u) => u.property === "x" || u.property === "y");
+  if (!r) return;
+  const a = e.visual.units.find((u) => u.name === r.unit), l = a?.encoding[r.property];
+  if (!a || !l) return;
+  const s = _(i, l), o = a.mark === "point" && s.type === "quantitative" ? !1 : s.scale?.zero, f = Array.isArray(s.scale?.domain) ? s.scale?.domain : void 0, d = {
+    field: n,
+    type: s.type,
+    bin: !!s.bin,
+    timeUnit: s.timeUnit,
+    scaleZero: o,
+    scaleDomain: f,
+    // vega-lite sorts discrete scales ascending unless told otherwise
+    sort: s.sort === void 0 ? "ascending" : s.sort
+  };
+  return Jt(t, d);
+}
+function St(e, t) {
+  const n = D(e, t);
+  if (!n) return;
+  const i = n.encodings.find((l) => l.property === "x" || l.property === "y");
+  if (!i) return;
+  const a = e.visual.units.find((l) => l.name === i.unit)?.encoding[i.property];
+  if (a)
+    return _(n, a);
+}
+function Pn(e, t) {
+  return !!St(e, t)?.bin;
+}
+function Ve(e, t, n, i) {
+  const r = {};
+  for (const a of i)
+    if (a.bin && a.type === "quantitative" && !(a.field in r)) {
+      if (Pn(e, a.field)) continue;
+      const l = { field: a.field, type: a.type };
+      let s = Kt(l, n, yt(e, t, a.field));
+      if (s.length === 0) {
+        let o = 1 / 0, f = -1 / 0;
+        for (const d of n) {
+          const u = d[a.field];
+          if (u == null) continue;
+          const c = Number(u);
+          isNaN(c) || (c < o && (o = c), c > f && (f = c));
+        }
+        o <= f && (s = [[o, f]]);
+      }
+      r[a.field] = s;
+    }
+  return r;
+}
+function Ie(e, t) {
+  return e.filter((n) => tn(n, t));
+}
+const Ze = (e) => e == null ? e : e instanceof Date ? e.getTime() : new Date(e).getTime();
+function On(e, t, n) {
+  return e.aggregate ? `${e.aggregate}_${t}` : e.timeUnit ? `${e.timeUnit}_${t}` : e.bin ? n.find((i) => i.startsWith("bin") && i.includes(t) && !i.endsWith("_end")) ?? t : t;
+}
+function Cn(e, t, n) {
+  if (!t) return t;
+  const i = (r) => {
+    if (!r || typeof r != "object") return r;
+    if ("and" in r) return { and: r.and.map(i) };
+    if ("or" in r) return { or: r.or.map(i) };
+    if ("not" in r) return { not: i(r.not) };
+    if (!("field" in r)) return r;
+    const a = St(e, r.field);
+    if (!a) return r;
+    const l = On(a, r.field, n), s = l === r.field ? { ...r } : { ...r, field: l };
+    return a.type === "temporal" && ("equal" in s && (s.equal = Ze(s.equal)), "range" in s && Array.isArray(s.range) && (s.range = s.range.map(Ze))), s;
+  };
+  return i(t);
+}
+var Rn = /* @__PURE__ */ A("<div class=uw-vl-container>");
+function Vn(e) {
+  const [t, n] = se(), [i, r] = R(!1), [a, l] = R(null), [s, o] = R(null), f = en((u) => {
     if (i()) {
-      const o = zt(c);
-      t.setSelection({
+      const c = Yt(u);
+      n.setSelection({
         source: "visualization",
-        predicate: o
+        predicate: c
       });
     }
-  }, 250);
-  return F(() => {
-    const c = n(), o = a();
-    if (!c) {
-      o && o.data(je, []).run();
+  }, 250), d = k(() => {
+    const u = xe(e.spec, e.data);
+    return u ? Sn(u) : [];
+  });
+  return P(() => {
+    const u = t(), c = a();
+    if (!u) {
+      c && c.data(Ge, []).run();
       return;
     }
-    if (o && (c.source === "sonification" || c.source === "text-navigation")) {
-      const d = Gt(c.predicate);
-      o.data(je, d ? [d] : []).run();
+    if (c && (u.source === "sonification" || u.source === "text-navigation")) {
+      const p = u.source === "sonification" ? Cn(e.spec, u.predicate, d()) : u.predicate, m = Xt(p);
+      c.data(Ge, m ? [m] : []).run();
     }
-  }), F(() => {
-    const c = ot(e.spec, e.data);
-    if (c)
+  }), P(() => {
+    const u = xe(e.spec, e.data), c = s();
+    if (u && c)
       try {
-        const o = bn(c, "#vl-container");
-        o.addDataListener("brush_store", (d, l) => {
-          s(l);
-        }), u(o);
-      } catch (o) {
-        console.error(o);
+        const p = Nn(u, c);
+        p.addDataListener("brush_store", (m, y) => {
+          f(y);
+        }), l(p);
+      } catch (p) {
+        console.error(p);
       }
-    J(() => {
-      a()?.finalize(), u(null), document.getElementById("vl-container").innerHTML = "";
+    H(() => {
+      a()?.finalize(), l(null);
+      const p = s();
+      p && (p.innerHTML = "");
     });
   }), (() => {
-    var c = wn();
-    return c.addEventListener("mouseleave", () => r(!1)), c.addEventListener("mouseenter", () => r(!0)), c;
+    var u = Rn();
+    return u.addEventListener("mouseleave", () => r(!1)), u.addEventListener("mouseenter", () => r(!0)), Ne(o, u), u;
   })();
 }
-var Un = /* @__PURE__ */ A("<div id=olli-container>");
-function An(e) {
-  const [n, t] = ie(), [i, r] = C(null), [a, u] = C(null);
+var In = /* @__PURE__ */ A("<div class=uw-olli-container>");
+function Ln(e) {
+  const [t, n] = se(), [i, r] = R(null), [a, l] = R(null);
   let s = !1;
-  return F(() => {
-    let c = !1;
-    J(() => {
-      c = !0;
-    }), hn(e.spec, e.data).then((o) => {
+  return P(() => {
+    let o = !1;
+    H(() => {
+      o = !0;
+    }), kn(e.spec, e.data).then((f) => {
       const d = i();
-      if (c || !o || !d) return;
+      if (o || !f || !d) return;
       a()?.destroy(), d.innerHTML = "";
-      const l = Ft(o, d);
-      l.onFocusChange((f) => {
+      const u = qt(f, d);
+      u.onFocusChange((c) => {
         if (s) return;
-        const p = l.fullPredicate(f);
-        "and" in p && p.and.length > 0 ? t.setSelection({
+        const p = u.fullPredicate(c);
+        "and" in p && p.and.length > 0 ? n.setSelection({
           source: "text-navigation",
           predicate: p
-        }) : t.setSelection({
+        }) : n.setSelection({
           source: "text-navigation",
           predicate: void 0
         });
-      }), l.onSelectionChange((f) => {
-        t.setSelection({
+      }), u.onSelectionChange((c) => {
+        n.setSelection({
           source: "text-filter",
-          predicate: f
+          predicate: c
         });
-      }), u(l);
+      }), l(u);
     });
-  }), F(() => {
-    const c = n(), o = a();
-    c && o && c.source === "visualization" && (s = !0, o.setSelection(c.predicate ?? {
+  }), P(() => {
+    const o = t(), f = a();
+    o && f && o.source === "visualization" && (s = !0, f.setSelection(o.predicate ?? {
       and: []
     }), queueMicrotask(() => {
       s = !1;
     }));
-  }), J(() => {
+  }), H(() => {
     a()?.destroy();
   }), (() => {
-    var c = Un();
-    return xt(r, c), c;
+    var o = In();
+    return Ne(r, o), o;
   })();
 }
-const dt = W();
-function $n(e) {
-  const [n] = ie(), t = () => ({
+const bt = Y();
+function jn(e) {
+  const [t] = se(), n = () => ({
     activeUnitName: void 0,
     selection: void 0
-  }), [i, r] = me(t());
+  }), [i, r] = ye(n());
   let a = null;
-  F(() => {
-    const s = n();
-    s && s.source !== "sonification" && u.setSelection(s.predicate);
+  P(() => {
+    const s = t();
+    s && s.source !== "sonification" && l.setSelection(s.predicate);
   });
-  const u = {
+  const l = {
     setActiveUnit: (s) => {
       r("activeUnitName", s);
     },
     setSelection: (s) => {
       r("selection", s);
     },
-    registerPlayCallback: (s, c = !1) => {
-      (c || a === null) && (a = s);
+    registerPlayCallback: (s, o = !1) => {
+      (o || a === null) && (a = s);
     },
     triggerPlay: () => {
       a?.();
     }
   };
-  return g(dt.Provider, {
-    value: [i, u],
+  return S(bt.Provider, {
+    value: [i, l],
     get children() {
       return e.children;
     }
   });
 }
-function ge() {
-  const e = Z(dt);
+function be() {
+  const e = X(bt);
   if (e === void 0)
     throw new Error("useSonificationRuntime must be used within a SonificationRuntimeProvider");
   return e;
 }
-const G = (e, n) => Array.isArray(e) ? e.length === 2 && (n.type === "quantitative" || n.type === "temporal") ? e.map((t) => G(t, n)).join("–") : Te(e.map((t) => G(t, n))) : Yt(e, n);
-function Ne(e, n) {
-  return e.filter((t) => Xt(t, n));
-}
-const Tn = "umwelt", kn = 1, xn = {
+const B = (e, t) => Array.isArray(e) ? e.length === 2 && (t.type === "quantitative" || t.type === "temporal") ? e.map((n) => B(n, t)).join("–") : Pe(e.map((n) => B(n, t))) : nn(e, t), qn = "umwelt", Mn = 1, Bn = {
   muted: !1,
   speakAxisTicks: !0,
   speechRate: 50,
   playbackRate: 1
-}, ft = () => new Wt(Tn, kn), mt = () => ft().read(), ce = (e) => {
-  const n = mt() ?? xn;
-  ft().write({
-    ...n,
+}, wt = () => new rn(qn, Mn), Et = () => wt().read(), de = (e) => {
+  const t = Et() ?? Bn;
+  wt().write({
+    ...t,
     ...e
   });
-}, Ge = (e, n, t) => Math.min(Math.max(e, n), t), Ke = ["triangle", "sawtooth", "square", "sine"], _n = (e) => Ke[e % Ke.length], we = "default", De = 0.1, ne = 120, pt = W();
-function Nn(e) {
-  const n = /* @__PURE__ */ new Map(), t = {
+}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), zn = {
+  // clean triangle beep — the historical default; most pitch-legible source
+  pure: {
+    create: () => new $.Synth({
+      oscillator: {
+        type: "triangle"
+      },
+      envelope: {
+        attack: 0.01,
+        decay: 0,
+        sustain: 1,
+        release: 0.01
+      }
+    }),
+    gainTrim: 0
+  },
+  // buzzy sawtooth: bright, fast attack, no inharmonicity
+  bright: {
+    create: () => new $.Synth({
+      oscillator: {
+        type: "sawtooth"
+      },
+      envelope: {
+        attack: 0.01,
+        decay: 0,
+        sustain: 1,
+        release: 0.05
+      }
+    }),
+    gainTrim: -6
+  },
+  // clarinet-ish square with a slow attack (breaks the saw/square confusion by
+  // differing on attack as well as spectrum)
+  hollow: {
+    create: () => new $.Synth({
+      oscillator: {
+        type: "square"
+      },
+      envelope: {
+        attack: 0.08,
+        decay: 0,
+        sustain: 1,
+        release: 0.05
+      }
+    }),
+    gainTrim: -8
+  },
+  // electric bell: FM with inharmonic partials, fast attack
+  bell: {
+    create: () => new $.FMSynth({
+      harmonicity: 3.01,
+      modulationIndex: 12,
+      oscillator: {
+        type: "sine"
+      },
+      envelope: {
+        attack: 5e-3,
+        decay: 0,
+        sustain: 1,
+        release: 0.1
+      },
+      modulation: {
+        type: "sine"
+      },
+      modulationEnvelope: {
+        attack: 5e-3,
+        decay: 0,
+        sustain: 1,
+        release: 0.1
+      }
+    }),
+    gainTrim: -2
+  },
+  // reedy AM tone: amplitude-modulation roughness, medium attack
+  reed: {
+    create: () => new $.AMSynth({
+      harmonicity: 2,
+      oscillator: {
+        type: "square"
+      },
+      envelope: {
+        attack: 0.06,
+        decay: 0,
+        sustain: 1,
+        release: 0.05
+      },
+      modulation: {
+        type: "square"
+      },
+      modulationEnvelope: {
+        attack: 0.06,
+        decay: 0,
+        sustain: 1,
+        release: 0.05
+      }
+    }),
+    // AM output reads quieter by ear than the amplitude suggests; lifted from -6,
+    // and again to 0 as it still read a touch under bell/strings.
+    gainTrim: 0
+  },
+  // detuned-unison pad: chorus/beating flux, slow attack
+  strings: {
+    create: () => new $.Synth({
+      oscillator: {
+        type: "fatsawtooth",
+        count: 3,
+        spread: 20
+      },
+      envelope: {
+        attack: 0.15,
+        decay: 0,
+        sustain: 1,
+        release: 0.2
+      }
+    }),
+    gainTrim: -7
+  }
+}, et = ["pure", "bell", "bright", "reed", "hollow", "strings"], Gn = (e) => et[e % et.length], ke = "default", ne = 0.1;
+let M = null;
+const ae = 120, Ut = Y();
+function Kn(e) {
+  const t = /* @__PURE__ */ new Map(), n = {
     attack: 0.01,
     decay: 0,
     sustain: 1,
     release: 0.01
-  }, i = (o, d = "triangle") => {
-    let l = n.get(o);
-    if (!l) {
-      const f = new V.Synth({
-        oscillator: {
-          type: d
-        },
-        envelope: t
-      }).toDestination(), p = new V.NoiseSynth({
+  }, i = (c) => {
+    c.synth.dispose(), c.noiseSynth.dispose(), c.noiseGain.dispose(), c.panner.dispose();
+  }, r = (c, p) => {
+    let m = t.get(c);
+    if (m && p !== void 0 && m.instrument !== p && (i(m), t.delete(c), m = void 0), !m) {
+      const y = p ?? "pure", w = zn[y], O = new $.Panner(0).toDestination(), V = w.create().connect(O), C = new $.NoiseSynth({
         noise: {
           type: "pink"
         },
-        envelope: t
-      }), h = new V.Gain(0.3).toDestination();
-      p.connect(h), l = {
-        synth: f,
-        noiseSynth: p,
-        noiseGain: h,
+        envelope: n
+      }), T = new $.Gain(0.3);
+      C.connect(T), T.connect(O), m = {
+        synth: V,
+        noiseSynth: C,
+        noiseGain: T,
+        panner: O,
+        instrument: y,
+        gainTrim: w.gainTrim,
         isSynthPlaying: !1,
         isNoisePlaying: !1
-      }, n.set(o, l);
+      }, t.set(c, m);
     }
-    return l;
-  }, r = (o) => {
-    o.synth.triggerRelease(), o.noiseSynth.triggerRelease(), o.isSynthPlaying = !1, o.isNoisePlaying = !1;
+    return m;
+  }, a = (c) => {
+    c.synth.triggerRelease(), c.noiseSynth.triggerRelease(), c.isSynthPlaying = !1, c.isNoisePlaying = !1;
   };
-  F(() => {
-    const o = () => {
-      document.hidden && c.stopTransport();
+  P(() => {
+    const c = () => {
+      document.hidden && u.stopTransport();
     };
-    document.addEventListener("visibilitychange", o), J(() => {
-      document.removeEventListener("visibilitychange", o), n.forEach((d) => {
-        d.synth.dispose(), d.noiseSynth.dispose(), d.noiseGain.dispose();
-      }), n.clear(), V.getTransport().cancel(), V.getTransport().stop();
+    document.addEventListener("visibilitychange", c), H(() => {
+      document.removeEventListener("visibilitychange", c), t.forEach(i), t.clear(), M === d && (M = null, $.getTransport().cancel(), $.getTransport().stop());
     });
   });
-  const a = () => {
-    const o = mt();
+  const l = () => {
+    const c = Et();
     return {
-      transport: V.getTransport(),
-      muted: o?.muted ?? !1,
-      speakAxisTicks: o?.speakAxisTicks ?? !0,
-      speechRate: o?.speechRate ?? 50,
-      playbackRate: o?.playbackRate ?? 1,
+      transport: $.getTransport(),
+      muted: c?.muted ?? !1,
+      speakAxisTicks: c?.speakAxisTicks ?? !0,
+      speechRate: c?.speechRate ?? 50,
+      playbackRate: c?.playbackRate ?? 1,
       pauseBetweenSections: 0.25,
       isPlaying: !1
     };
-  }, [u, s] = me(a());
-  F(() => {
-    u.transport.bpm.value = ne * u.playbackRate;
+  }, [s, o] = ye(l());
+  P(() => {
+    s.transport.bpm.value = ae * s.playbackRate;
   });
-  const c = {
+  const f = () => {
+    o((c) => ({
+      ...c,
+      isPlaying: !1
+    })), speechSynthesis.cancel(), $.getTransport().pause(), u.releaseSynth();
+  }, d = {
+    deactivate: f
+  }, u = {
     startAudioContext: async () => {
-      await V.start(), i(we);
+      await $.start(), r(ke);
     },
-    ensureVoice: (o, d) => {
-      i(o, d);
+    ensureVoice: (c, p) => {
+      r(c, p);
     },
-    setMuted: (o) => {
-      ce({
-        muted: o
-      }), s((d) => ({
-        ...d,
-        muted: o
-      })), V.getDestination().mute = o;
+    setMuted: (c) => {
+      de({
+        muted: c
+      }), o((p) => ({
+        ...p,
+        muted: c
+      })), $.getDestination().mute = c;
     },
-    setSpeakAxisTicks: (o) => {
-      ce({
-        speakAxisTicks: o
-      }), s((d) => ({
-        ...d,
-        speakAxisTicks: o
-      })), o || (speechSynthesis.cancel(), u.isPlaying && V.getTransport().start());
+    setSpeakAxisTicks: (c) => {
+      de({
+        speakAxisTicks: c
+      }), o((p) => ({
+        ...p,
+        speakAxisTicks: c
+      })), c || (speechSynthesis.cancel(), s.isPlaying && $.getTransport().start());
     },
-    setSpeechRate: (o) => {
-      const d = Ge(o, 1, 100);
-      ce({
-        speechRate: o
-      }), s((l) => ({
-        ...l,
-        speechRate: d
+    setSpeechRate: (c) => {
+      const p = Qe(c, 1, 100);
+      de({
+        speechRate: c
+      }), o((m) => ({
+        ...m,
+        speechRate: p
       }));
     },
-    setPlaybackRate: (o) => {
-      const d = Ge(o, 0.1, 4);
-      ce({
-        playbackRate: d
-      }), s((l) => ({
-        ...l,
-        playbackRate: d
+    setPlaybackRate: (c) => {
+      const p = Qe(c, 0.1, 4);
+      de({
+        playbackRate: p
+      }), o((m) => ({
+        ...m,
+        playbackRate: p
       }));
     },
     startTransport: async () => {
-      s((o) => ({
-        ...o,
+      M && M !== d && M.deactivate(), M = d, o((c) => ({
+        ...c,
         isPlaying: !0
-      })), V.getTransport().start();
+      })), $.getTransport().start();
     },
     stopTransport: () => {
-      s((o) => ({
-        ...o,
-        isPlaying: !1
-      })), speechSynthesis.cancel(), V.getTransport().pause(), c.releaseSynth();
+      f(), M === d && (M = null);
     },
-    playNote: (o, d = we) => {
-      const l = i(d);
-      if (l.noiseSynth.triggerRelease(), l.synth.triggerRelease(), l.isSynthPlaying = !1, l.isNoisePlaying = !1, !o.rest)
-        if (o.pitch) {
-          l.synth.volume.value = o.volume;
-          const f = V.Frequency(o.pitch, "midi").toFrequency();
-          l.synth.triggerAttackRelease(f, o.duration);
+    playNote: (c, p = ke) => {
+      const m = r(p);
+      if (m.noiseSynth.triggerRelease(), m.synth.triggerRelease(), m.isSynthPlaying = !1, m.isNoisePlaying = !1, !c.rest)
+        if (m.panner.pan.value = c.pan, c.pitch) {
+          m.synth.volume.value = c.volume + m.gainTrim;
+          const y = $.Frequency(c.pitch, "midi").toFrequency();
+          m.synth.triggerAttackRelease(y, c.duration);
         } else
-          l.noiseSynth.volume.value = o.volume, l.noiseSynth.triggerAttackRelease(o.duration);
+          m.noiseSynth.volume.value = c.volume, m.noiseSynth.triggerAttackRelease(c.duration);
     },
-    startOrRampSynth: (o, d = we) => {
-      const l = i(d);
-      if (o.rest) {
-        r(l);
+    startOrRampSynth: (c, p = ke) => {
+      const m = r(p);
+      if (c.rest) {
+        a(m);
         return;
       }
-      if (o.pitch) {
-        l.noiseSynth.triggerRelease(), l.isNoisePlaying = !1;
-        const f = V.Frequency(o.pitch, "midi").toFrequency();
-        l.isSynthPlaying ? (l.synth.volume.rampTo(o.volume, De), l.synth.frequency.rampTo(f, De)) : (l.synth.volume.value = o.volume, l.isSynthPlaying = !0, l.synth.triggerAttack(f));
+      if (c.pitch) {
+        m.noiseSynth.triggerRelease(), m.isNoisePlaying = !1;
+        const y = $.Frequency(c.pitch, "midi").toFrequency();
+        m.isSynthPlaying ? (m.synth.volume.rampTo(c.volume + m.gainTrim, ne), m.synth.frequency.rampTo(y, ne), m.panner.pan.rampTo(c.pan, ne)) : (m.synth.volume.value = c.volume + m.gainTrim, m.panner.pan.value = c.pan, m.isSynthPlaying = !0, m.synth.triggerAttack(y));
       } else
-        l.synth.triggerRelease(), l.isSynthPlaying = !1, l.isNoisePlaying ? l.noiseSynth.volume.rampTo(o.volume, De) : (l.noiseSynth.volume.value = o.volume, l.isNoisePlaying = !0, l.noiseSynth.triggerAttack());
+        m.synth.triggerRelease(), m.isSynthPlaying = !1, m.isNoisePlaying ? (m.noiseSynth.volume.rampTo(c.volume, ne), m.panner.pan.rampTo(c.pan, ne)) : (m.noiseSynth.volume.value = c.volume, m.panner.pan.value = c.pan, m.isNoisePlaying = !0, m.noiseSynth.triggerAttack());
     },
-    releaseSynth: (o) => {
-      if (o !== void 0) {
-        const d = n.get(o);
-        d && r(d);
+    releaseSynth: (c) => {
+      if (c !== void 0) {
+        const p = t.get(c);
+        p && a(p);
       } else
-        n.forEach(r);
+        t.forEach(a);
     }
   };
-  return g(pt.Provider, {
-    value: [u, c],
+  return S(Ut.Provider, {
+    value: [s, u],
     get children() {
       return e.children;
     }
   });
 }
-function Q() {
-  const e = Z(pt);
+function Z() {
+  const e = X(Ut);
   if (e === void 0)
     throw new Error("useSonificationRuntime must be used within a SonificationRuntimeProvider");
   return e;
 }
-function gt(e, n, t) {
-  const i = $(e, t);
-  if (!i) return;
-  const r = i.encodings.find((l) => l.property === "x" || l.property === "y");
-  if (!r) return;
-  const a = e.visual.units.find((l) => l.name === r.unit), u = a?.encoding[r.property];
-  if (!a || !u) return;
-  const s = N(i, u), c = a.mark === "point" && s.type === "quantitative" ? !1 : s.scale?.zero, o = Array.isArray(s.scale?.domain) ? s.scale?.domain : void 0, d = {
-    field: t,
-    type: s.type,
-    bin: !!s.bin,
-    timeUnit: s.timeUnit,
-    scaleZero: c,
-    scaleDomain: o,
-    // vega-lite sorts discrete scales ascending unless told otherwise
-    sort: s.sort === void 0 ? "ascending" : s.sort
-  };
-  return Mt(n, d);
-}
-function Pe(e, n, t, i) {
-  const r = {};
-  for (const a of i)
-    if (a.bin && a.type === "quantitative" && !(a.field in r)) {
-      const u = { field: a.field, type: a.type };
-      let s = It(u, t, gt(e, n, a.field));
-      if (s.length === 0) {
-        let c = 1 / 0, o = -1 / 0;
-        for (const d of t) {
-          const l = d[a.field];
-          if (l == null) continue;
-          const f = Number(l);
-          isNaN(f) || (f < c && (c = f), f > o && (o = f));
-        }
-        c <= o && (s = [[c, o]]);
-      }
-      r[a.field] = s;
-    }
-  return r;
-}
-const vt = W(), Pn = {
+const At = Y(), Hn = {
   pitch: [48, 84],
   // in MIDI. Three octaves from C3 to C6
   duration: [0.25, 1],
   // in seconds
-  volume: [-20, 0]
+  volume: [-20, 0],
   // in decibels
-}, He = {
+  // stereo position. ±0.9 rather than ±1 so the extremes stay unambiguously
+  // lateral without ever going fully single-channel — full pan drops the off ear
+  // to silence (fatiguing on headphones, inaudible for single-sided hearing loss).
+  pan: [-0.9, 0.9]
+}, tt = {
   pitch: 60,
   // MIDI C4 middle C. We encode in MIDI because linear interpolations in Hz are not perceptually linear
   duration: 0.2,
   // seconds
-  volume: -10
+  volume: -10,
   // dB
+  pan: 0
+  // center
 };
-function Ue(e, n, t, i) {
-  const r = t.encoding[i];
+function Jn(e, t, n) {
+  if (t.length === e.length) {
+    const a = on().domain(e).range(t);
+    return (l) => a(l);
+  }
+  const i = [Math.min(...t), Math.max(...t)];
+  t.length !== 2 && console.warn(`Audio ${n} scale range has ${t.length} values for ${e.length} categories; ignoring it and spacing evenly across [${i[0]}, ${i[1]}].`);
+  const r = cn().domain(e.map(String)).range(i).align(0);
+  return (a) => r(String(a)) ?? i[0];
+}
+function fe(e, t, n, i) {
+  const r = n.encoding[i];
   if (!r)
-    return () => He[i];
-  const a = $(e, r.field);
+    return () => tt[i];
+  const a = D(e, r.field);
   if (!a)
-    return console.warn(`Field ${r.field} not found in spec`), () => He[i];
-  const u = N(a, r);
-  let s = u.scale?.domain;
+    return console.warn(`Field ${r.field} not found in spec`), () => tt[i];
+  const l = _(a, r);
+  let s = l.scale?.domain;
   if (!s) {
-    const o = u.aggregate === "count" || u.aggregate === "sum", d = _e(e, t), l = o ? ke(n, d, Pe(e, n, n, d)) : n;
+    const f = l.aggregate === "count" || l.aggregate === "sum", d = Re(e, n), u = f ? Oe(t, d, Ve(e, t, t, d)) : t;
     switch (a.type) {
       case "ordinal":
       case "nominal":
-        s = te(u, l, o);
+        s = re(l, u, f);
         break;
       case "quantitative":
       case "temporal":
-        s = te(u, l, o), s = [s[0], s[s.length - 1]];
+        s = re(l, u, f), s = [s[0], s[s.length - 1]];
         break;
       default:
-        throw new Error(`Unsupported field type ${u.type}`);
+        throw new Error(`Unsupported field type ${l.type}`);
     }
   }
-  const c = u.scale?.range || Pn[i];
-  switch (u.type) {
+  const o = l.scale?.range || Hn[i];
+  switch (l.type) {
     case "ordinal":
     case "nominal":
-      return en().domain(s).range(c);
+      return Jn(s, o, i);
     case "quantitative":
-      return Qt().domain(s).range(c);
+      return sn().domain(s).range(o);
     case "temporal":
-      return Zt().domain(s).range(c);
+      return an().domain(s).range(o);
     default:
-      throw new Error(`Unsupported field type ${u.type}`);
+      throw new Error(`Unsupported field type ${l.type}`);
   }
 }
-function ht(e, n, t) {
+function Dt(e, t, n) {
   return {
-    pitch: Ue(e, n, t, "pitch"),
-    duration: Ue(e, n, t, "duration"),
-    volume: Ue(e, n, t, "volume")
+    pitch: fe(e, t, n, "pitch"),
+    duration: fe(e, t, n, "duration"),
+    volume: fe(e, t, n, "volume"),
+    pan: fe(e, t, n, "pan")
   };
 }
-function yt(e, n, t) {
-  return gt(e, n, t) ?? [];
+function $t(e, t, n) {
+  return yt(e, t, n) ?? [];
 }
-function Fn(e) {
-  const n = (r) => yt(e.spec, e.data, r.field), t = ht(e.spec, e.data, e.audioUnitSpec), i = {
-    getAxisTicks: n
+function Wn(e) {
+  const t = (r) => $t(e.spec, e.data, r.field), n = Dt(e.spec, e.data, e.audioUnitSpec), i = {
+    getAxisTicks: t
   };
-  return g(vt.Provider, {
-    value: [t, i],
+  return S(At.Provider, {
+    value: [n, i],
     get children() {
       return e.children;
     }
   });
 }
-function On() {
-  const e = Z(vt);
+function Yn() {
+  const e = X(At);
   if (e === void 0)
     throw new Error("useSonificationRuntime must be used within a SonificationRuntimeProvider");
   return e;
 }
-const Je = {
+const nt = {
   pitch: 60,
   // MIDI C4 middle C. We encode in MIDI because linear interpolations in Hz are not perceptually linear
   duration: 0.2,
   // seconds
-  volume: -15
+  volume: -15,
   // dB
+  pan: 0
+  // center
 };
-function Ae(e, n, t, i, r) {
-  if (!t)
-    return Je[e];
-  const a = $(n, t.field);
+function me(e, t, n, i, r) {
+  if (!n)
+    return nt[e];
+  const a = D(t, n.field);
   if (!a)
-    return Je[e];
-  const u = N(a, t), s = pe(u);
+    return nt[e];
+  const l = _(a, n), s = Se(l);
   return i(r[0][s]);
 }
-const Fe = (e, n) => e.audioUnitSpec.traversal.find((t) => t.field === n);
-function ve(e, n, t) {
-  const i = $(e.spec, n), r = N(i, Fe(e, n)), a = e.fieldDomains[n];
+const Le = (e, t) => e.audioUnitSpec.traversal.find((n) => n.field === t);
+function we(e, t, n) {
+  const i = D(e.spec, t), r = _(i, Le(e, t)), a = e.fieldDomains[t];
   if (r.bin && !r.aggregate) {
-    const [u, s] = at(r), c = a[t], o = e.derivedData.find((d) => d[u] === c)?.[s] ?? null;
-    return [c, o];
+    const [l, s] = mt(r), o = a[n], f = e.derivedData.find((d) => d[l] === o)?.[s] ?? null;
+    return [o, f];
   } else
-    return a[t];
+    return a[n];
 }
-function St(e, n) {
+function Tt(e, t) {
   return {
-    and: Object.entries(n).map(([t, i]) => {
-      const r = ve(e, t, i), a = e.fieldDomains[t].length - 1;
+    and: Object.entries(t).map(([n, i]) => {
+      const r = we(e, n, i), a = e.fieldDomains[n].length - 1;
       return Array.isArray(r) ? {
-        field: t,
+        field: n,
         range: r,
         inclusiveLeft: !0,
         inclusiveRight: i === a
       } : {
-        field: t,
+        field: n,
         equal: r
       };
     })
   };
 }
-function $e(e, n) {
-  const t = {
-    and: Object.entries(n).map(([i, r]) => {
-      const a = e.fieldDomains[i][r], u = $(e.spec, i);
-      if (!u)
+function _e(e, t) {
+  const n = {
+    and: Object.entries(t).map(([i, r]) => {
+      const a = e.fieldDomains[i][r], l = D(e.spec, i);
+      if (!l)
         return { field: i, equal: a };
-      const s = N(u, Fe(e, i));
+      const s = _(l, Le(e, i));
       return {
-        field: pe(s),
-        equal: Lt(a, u)
+        field: Se(s),
+        equal: Ht(a, l)
       };
     })
   };
-  return Ne(e.derivedData, t);
+  return Ie(e.derivedData, n);
 }
-function Vn(e, n) {
-  const t = e.audioUnitSpec.encoding;
+function Xn(e, t) {
+  const n = e.audioUnitSpec.encoding;
   return {
-    pitch: n.length ? Ae("pitch", e.spec, t.pitch, e.scales.pitch, n) : void 0,
-    volume: Ae("volume", e.spec, t.volume, e.scales.volume, n),
-    duration: Ae("duration", e.spec, t.duration, e.scales.duration, n)
+    pitch: t.length ? me("pitch", e.spec, n.pitch, e.scales.pitch, t) : void 0,
+    volume: me("volume", e.spec, n.volume, e.scales.volume, t),
+    duration: me("duration", e.spec, n.duration, e.scales.duration, t),
+    pan: me("pan", e.spec, n.pan, e.scales.pan, t)
   };
 }
-function Cn(e, n) {
-  const t = Object.entries(n).map(([r, a]) => a === e.fieldDomains[r].length - 1 ? 1 : 0).reverse();
+function Zn(e, t) {
+  const n = Object.entries(t).map(([r, a]) => a === e.fieldDomains[r].length - 1 ? 1 : 0).reverse();
   let i = 0;
-  for (let r of t)
+  for (let r of n)
     if (r)
       i++;
     else break;
   return i;
 }
-function Rn(e) {
+function Qn(e) {
   if (e.audioUnitSpec.traversal.length === 0)
     return !1;
-  const n = e.audioUnitSpec.traversal[e.audioUnitSpec.traversal.length - 1].field, t = $(e.spec, n);
-  return t?.type === "quantitative" || t?.type === "temporal";
+  const t = e.audioUnitSpec.traversal[e.audioUnitSpec.traversal.length - 1].field, n = D(e.spec, t);
+  return n?.type === "quantitative" || n?.type === "temporal";
 }
-function In(e) {
-  const n = e.audioUnitSpec.traversal.map((r) => r.field), t = n.map((r) => Array.from({ length: e.fieldDomains[r].length }, (a, u) => u));
-  return tn(t).map((r) => {
+function ei(e) {
+  const t = e.audioUnitSpec.traversal.map((r) => r.field), n = t.map((r) => Array.from({ length: e.fieldDomains[r].length }, (a, l) => l));
+  return ln(n).map((r) => {
     const a = {};
-    return r.forEach((u, s) => {
-      a[n[s]] = u;
+    return r.forEach((l, s) => {
+      a[t[s]] = l;
     }), a;
   });
 }
-function Ln(e, n, t, i) {
-  if (!t)
+function ti(e, t, n, i) {
+  if (!n)
     return !0;
   if (i.bin || i.type === "nominal" || i.type === "ordinal")
-    return n[i.field] !== t[i.field];
-  const r = e.axisTicks[i.field] ?? [], a = $e(e, n), u = $e(e, t);
-  if (a.length && u.length) {
-    const s = pe(i), c = a[0][s], o = u[0][s];
-    if (c && o) {
-      const d = r.findIndex((f, p) => {
-        const h = f instanceof Date ? f.getTime() : f, w = r[p + 1], E = w instanceof Date ? w.getTime() : w;
-        return h && c >= h && c < (E || 1 / 0);
-      }), l = r.findIndex((f, p) => {
-        const h = f instanceof Date ? f.getTime() : f, w = r[p + 1], E = w instanceof Date ? w.getTime() : w;
-        return h && o >= h && o < (E || 1 / 0);
+    return t[i.field] !== n[i.field];
+  const r = e.axisTicks[i.field] ?? [], a = _e(e, t), l = _e(e, n);
+  if (a.length && l.length) {
+    const s = Se(i), o = a[0][s], f = l[0][s];
+    if (o && f) {
+      const d = r.findIndex((c, p) => {
+        const m = c instanceof Date ? c.getTime() : c, y = r[p + 1], w = y instanceof Date ? y.getTime() : y;
+        return m && o >= m && o < (w || 1 / 0);
+      }), u = r.findIndex((c, p) => {
+        const m = c instanceof Date ? c.getTime() : c, y = r[p + 1], w = y instanceof Date ? y.getTime() : y;
+        return m && f >= m && f < (w || 1 / 0);
       });
-      return d !== l;
+      return d !== u;
     }
   }
   return !1;
 }
-function jn(e, n, t) {
+function ni(e, t, n) {
   const i = [];
-  return Object.entries(n).forEach(([r]) => {
+  return Object.entries(t).forEach(([r]) => {
     if (!e.fieldDomains[r].length) return;
-    const u = $(e.spec, r), s = N(u, Fe(e, r));
-    Ln(e, n, t, s) && i.push(G(ve(e, r, n[r]), s));
+    const l = D(e.spec, r), s = _(l, Le(e, r));
+    ti(e, t, n, s) && i.push(B(we(e, r, t[r]), s));
   }), i.join(", ");
 }
-function bt(e) {
-  let n = 0;
-  const t = [], i = In(e), r = Rn(e);
+function kt(e) {
+  let t = 0;
+  const n = [], i = ei(e), r = Qn(e);
   let a;
-  return i.forEach((u) => {
-    const s = $e(e, u), c = Vn(e, s), o = Cn(e, u), d = e.pauseBetweenSections * o;
-    t.push({
-      ...c,
-      time: n,
+  return i.forEach((l) => {
+    const s = _e(e, l), o = Xn(e, s), f = Zn(e, l), d = e.pauseBetweenSections * f;
+    n.push({
+      ...o,
+      time: t,
       pauseAfter: d,
       ramp: r,
       rest: s.length === 0,
-      state: u,
-      speakBefore: jn(e, u, a)
-    }), n += c.duration + d, a = u;
-  }), t;
+      state: l,
+      speakBefore: ni(e, l, a)
+    }), t += o.duration + d, a = l;
+  }), n;
 }
-function qn(e) {
+function ii(e) {
   if (!e.length) return [];
-  const n = e[0].notes.length, t = [];
+  const t = e[0].notes.length, n = [];
   let i = 0;
-  for (let r = 0; r < n; r++) {
-    const a = e.map((o) => ({ voiceId: o.voiceId, note: o.notes[r] })), u = Math.max(...a.map((o) => o.note.duration)), s = e[0].notes[r], c = s.pauseAfter ?? 0;
-    t.push({
+  for (let r = 0; r < t; r++) {
+    const a = e.map((f) => ({ voiceId: f.voiceId, note: f.notes[r] })), l = Math.max(...a.map((f) => f.note.duration)), s = e[0].notes[r], o = s.pauseAfter ?? 0;
+    n.push({
       state: s.state,
       time: i,
-      slotDuration: u,
-      pauseAfter: c,
+      slotDuration: l,
+      pauseAfter: o,
       speakBefore: s.speakBefore,
       ramp: s.ramp,
       notes: a
-    }), i += u + c;
+    }), i += l + o;
   }
-  return t;
+  return n;
 }
-function Et(e) {
-  return Te(
-    Object.entries(e.audioUnitSpec.encoding).map(([n, t]) => t ? `${H(N($(e.spec, t.field), t))} as ${n}` : "").filter((n) => n)
+function xt(e) {
+  return Pe(
+    Object.entries(e.audioUnitSpec.encoding).map(([t, n]) => n ? `${K(_(D(e.spec, n.field), n))} as ${t}` : "").filter((t) => t)
   );
 }
-function wt(e) {
+function _t(e) {
   if (!e.audioUnitSpec.traversal.length)
     return "";
-  const n = e.audioUnitSpec.traversal[e.audioUnitSpec.traversal.length - 1], t = $(e.spec, n.field), i = N(t, n);
+  const t = e.audioUnitSpec.traversal[e.audioUnitSpec.traversal.length - 1], n = D(e.spec, t.field), i = _(n, t);
   let r;
-  i.bin ? r = un(i, e.derivedData) : r = e.fieldDomains[n.field];
+  i.bin ? r = bn(i, e.derivedData) : r = e.fieldDomains[t.field];
   let a = "";
-  r.length > 1 ? a = `${H(i)} from ${G(r[0], i)} to ${G(r[r.length - 1], i)}` : r.length === 1 ? a = `${H(i)} equals ${G(r[0], i)}` : a = H(i);
-  const u = e.audioUnitSpec.traversal.slice(0, -1).map((s) => {
-    const c = $(e.spec, s.field);
-    return H(N(c, s));
+  r.length > 1 ? a = `${K(i)} from ${B(r[0], i)} to ${B(r[r.length - 1], i)}` : r.length === 1 ? a = `${K(i)} equals ${B(r[0], i)}` : a = K(i);
+  const l = e.audioUnitSpec.traversal.slice(0, -1).map((s) => {
+    const o = D(e.spec, s.field);
+    return K(_(o, s));
   });
-  return u.length && (a += ` for each ${Te(u)}`), a;
+  return l.length && (a += ` for each ${Pe(l)}`), a;
 }
-const Oe = W();
-function Mn(e) {
-  const [n, t] = ie(), [i, r] = On(), [a, u] = ge(), [s, c] = Q(), [o, d] = C(), l = () => {
-    const b = speechSynthesis.getVoices(), S = b.find((m) => m.name === "Samantha"), T = b.find((m) => m.localService && m.default), D = b.find((m) => m.default);
-    d(S ?? T ?? D);
+const je = Y();
+function ri(e) {
+  const [t, n] = se(), [i, r] = Yn(), [a, l] = be(), [s, o] = Z(), [f, d] = R(), u = () => {
+    const E = speechSynthesis.getVoices(), b = E.find((h) => h.name === "Samantha"), g = E.find((h) => h.localService && h.default), v = E.find((h) => h.default);
+    d(b ?? g ?? v);
   };
-  l(), speechSynthesis.addEventListener("voiceschanged", l), J(() => speechSynthesis.removeEventListener("voiceschanged", l));
-  const f = () => ({
-    traversalState: Object.fromEntries(e.audioUnitSpec.traversal.map((b) => [b.field, 0]))
-  }), [p, h] = me(f()), w = _(() => _e(e.spec, e.audioUnitSpec)), E = _(() => a.selection ? Ne(e.data, a.selection) : e.data), L = _(() => Pe(e.spec, e.data, E(), w())), R = _(() => ke(E(), w(), L())), P = _(() => Object.fromEntries(e.audioUnitSpec.traversal.map((b) => {
-    const S = $(e.spec, b.field), T = N(S, b), D = te(T, R(), !0);
-    return [b.field, D];
-  }))), I = _(() => Object.fromEntries(e.audioUnitSpec.traversal.map((b) => {
-    const S = $(e.spec, b.field), T = N(S, b);
-    return [b.field, r.getAxisTicks(T)];
-  }))), B = _(() => ({
+  u(), speechSynthesis.addEventListener("voiceschanged", u), H(() => speechSynthesis.removeEventListener("voiceschanged", u));
+  const c = () => ({
+    traversalState: Object.fromEntries(e.audioUnitSpec.traversal.map((E) => [E.field, 0]))
+  }), [p, m] = ye(c()), y = () => e.audioUnitSpec.name, w = () => e.audioUnitSpec.instrument ?? "pure", O = k(() => Re(e.spec, e.audioUnitSpec)), V = k(() => a.selection ? Ie(e.data, a.selection) : e.data), C = k(() => Ve(e.spec, e.data, V(), O())), T = k(() => Oe(V(), O(), C())), z = k(() => Object.fromEntries(e.audioUnitSpec.traversal.map((E) => {
+    const b = D(e.spec, E.field), g = _(b, E), v = re(g, T(), !0);
+    return [E.field, v];
+  }))), Ue = k(() => Object.fromEntries(e.audioUnitSpec.traversal.map((E) => {
+    const b = D(e.spec, E.field), g = _(b, E);
+    return [E.field, r.getAxisTicks(g)];
+  }))), q = k(() => ({
     spec: e.spec,
     audioUnitSpec: e.audioUnitSpec,
-    derivedData: R(),
-    fieldDomains: P(),
-    axisTicks: I(),
+    derivedData: T(),
+    fieldDomains: z(),
+    axisTicks: Ue(),
     scales: i,
     pauseBetweenSections: s.pauseBetweenSections
-  })), re = _(() => bt(B())), ae = (b, S) => ve(B(), b, S), se = _(() => St(B(), p.traversalState)), ye = (b) => re().find((S) => Object.entries(b).every(([T, D]) => S.state[T] === D));
-  F(() => {
+  })), oe = k(() => kt(q())), Ae = (E, b) => we(q(), E, b), Q = k(() => Tt(q(), p.traversalState)), ce = (E) => oe().find((b) => Object.entries(E).every(([g, v]) => b.state[g] === v));
+  P(() => {
     if (s.isPlaying) {
-      const b = se();
-      t.setSelection({
+      const E = Q();
+      n.setSelection({
         source: "sonification",
-        predicate: b
+        predicate: E
       });
     }
-  }), F((b) => {
-    const S = P(), T = {
+  }), P((E) => {
+    const b = z(), g = {
       ...p.traversalState
     };
-    let D = !1;
-    const m = {
-      ...T
+    let v = !1;
+    const h = {
+      ...g
     };
-    return Object.entries(S).forEach(([v, y]) => {
-      const U = T[v], j = (b?.[v] ?? y)[U];
-      if (j !== void 0) {
-        const z = y.findIndex((oe) => oe === j);
-        z !== U && (m[v] = z !== -1 ? z : 0, D = !0);
+    return Object.entries(b).forEach(([U, F]) => {
+      const I = g[U], te = (E?.[U] ?? F)[I];
+      if (te !== void 0) {
+        const le = F.findIndex((ue) => ue === te);
+        le !== I && (h[U] = le !== -1 ? le : 0, v = !0);
       }
-    }), D && (h((v) => ({
-      ...v,
-      traversalState: m
-    })), a.activeUnitName === e.audioUnitSpec.name && K.setupTransportSequence()), S;
-  }), F((b) => (b !== e.audioUnitSpec && K.setupTransportSequence(), e.audioUnitSpec));
-  const K = {
-    setTraversalIndex: (b, S) => {
-      c.stopTransport(), h((m) => ({
-        ...m,
+    }), v && (m((U) => ({
+      ...U,
+      traversalState: h
+    })), a.activeUnitName === e.audioUnitSpec.name && G.setupTransportSequence()), b;
+  }), P((E) => (E !== e.audioUnitSpec && G.setupTransportSequence(), e.audioUnitSpec));
+  const G = {
+    setTraversalIndex: (E, b) => {
+      o.stopTransport(), m((h) => ({
+        ...h,
         traversalState: {
-          ...m.traversalState,
-          [b]: S
+          ...h.traversalState,
+          [E]: b
         }
-      })), a.activeUnitName === e.audioUnitSpec.name && (u.setActiveUnit(e.audioUnitSpec.name), K.setupTransportSequence());
-      const T = se();
-      t.setSelection({
+      })), a.activeUnitName === e.audioUnitSpec.name && (l.setActiveUnit(e.audioUnitSpec.name), G.setupTransportSequence());
+      const g = Q();
+      n.setSelection({
         source: "sonification",
-        predicate: T
+        predicate: g
       });
-      const D = ye(p.traversalState);
-      D && (s.transport.seconds = D.time, c.playNote(D));
+      const v = ce(p.traversalState);
+      v && (o.ensureVoice(y(), w()), s.transport.seconds = v.time, o.playNote(v, y()));
     },
-    getTraversalIndex: (b) => p.traversalState[b],
+    getTraversalIndex: (E) => p.traversalState[E],
     setupTransportSequence: () => {
-      s.transport.cancel(), s.transport.bpm.value = ne;
-      const b = re();
-      b.forEach((S, T) => {
-        Object.entries(S.state).every(([D, m]) => p.traversalState[D] === m) && (s.transport.seconds = S.time), s.transport.schedule(() => {
+      s.transport.cancel(), o.ensureVoice(y(), w()), s.transport.bpm.value = ae;
+      const E = oe();
+      E.forEach((b, g) => {
+        Object.entries(b.state).every(([v, h]) => p.traversalState[v] === h) && (s.transport.seconds = b.time), s.transport.schedule(() => {
           if (s.isPlaying)
-            if (h((D) => ({
-              ...D,
-              traversalState: S.state
-            })), S.speakBefore && s.speakAxisTicks && !s.muted) {
-              s.transport.pause(), c.releaseSynth(), speechSynthesis.cancel();
-              const D = new SpeechSynthesisUtterance(S.speakBefore);
-              D.voice = o() ?? null, D.rate = s.speechRate / 25, D.onend = () => {
-                s.isPlaying && (S.ramp ? c.startOrRampSynth(S) : c.playNote(S), s.transport.start());
-              }, speechSynthesis.speak(D);
+            if (m((v) => ({
+              ...v,
+              traversalState: b.state
+            })), b.speakBefore && s.speakAxisTicks && !s.muted) {
+              s.transport.pause(), o.releaseSynth(y()), speechSynthesis.cancel();
+              const v = new SpeechSynthesisUtterance(b.speakBefore);
+              v.voice = f() ?? null, v.rate = s.speechRate / 25, v.onend = () => {
+                s.isPlaying && (b.ramp ? o.startOrRampSynth(b, y()) : o.playNote(b, y()), s.transport.start());
+              }, speechSynthesis.speak(v);
             } else
-              S.ramp ? c.startOrRampSynth(S) : c.playNote(S);
-        }, S.time), S.pauseAfter && s.transport.schedule(() => {
-          c.releaseSynth();
-        }, S.time + S.duration), T === b.length - 1 && s.transport.schedule(() => {
-          c.stopTransport();
-        }, S.time + S.duration);
-      }), s.transport.bpm.value = ne * s.playbackRate;
+              b.ramp ? o.startOrRampSynth(b, y()) : o.playNote(b, y());
+        }, b.time), b.pauseAfter && s.transport.schedule(() => {
+          o.releaseSynth(y());
+        }, b.time + b.duration), g === E.length - 1 && s.transport.schedule(() => {
+          o.stopTransport();
+        }, b.time + b.duration);
+      }), s.transport.bpm.value = ae * s.playbackRate;
     },
-    getFieldDomains: P,
-    getDerivedData: R,
+    getFieldDomains: z,
+    getDerivedData: T,
     resetTraversalIfEnd: () => {
-      const b = e.audioUnitSpec.traversal.map((D) => D.field), S = p.traversalState;
-      b.every((D) => S[D] === P()[D].length - 1) && (h(f()), s.transport.seconds = 0);
+      const E = e.audioUnitSpec.traversal.map((v) => v.field), b = p.traversalState;
+      E.every((v) => b[v] === z()[v].length - 1) && (m(c()), s.transport.seconds = 0);
     },
-    getDomainValue: ae,
-    describeEncodings: () => Et(B()),
-    describePlaybackOrder: () => wt(B())
+    getDomainValue: Ae,
+    describeEncodings: () => xt(q()),
+    describePlaybackOrder: () => _t(q())
   };
-  return g(Oe.Provider, {
-    value: [p, K],
+  return S(je.Provider, {
+    value: [p, G],
     get children() {
       return e.children;
     }
   });
 }
-function he() {
-  const e = Z(Oe);
+function Ee() {
+  const e = X(je);
   if (e === void 0)
     throw new Error("useAudioUnitState must be used within a AudioUnitStateProvider");
   return e;
 }
-const Dt = x("div")`
+const Nt = N("div")`
   margin-bottom: 3px;
 
   label {
@@ -1167,25 +1369,25 @@ const Dt = x("div")`
   label > * {
     justify-self: start;
   }
-`, Ve = `
+`, qe = `
   font-family: monospace;
-`, Ut = x("div")`
+`, Ft = N("div")`
   border-left: 1px solid #ccc;
   padding-left: 1rem;
 `;
-x("form")`
+N("form")`
   display: flex;
   gap: 8px;
   margin-bottom: 8px;
 `;
-x("input")`
+N("input")`
   flex: 1;
 `;
-x("div")`
+N("div")`
   color: red;
   font-size: 14px;
 `;
-x("div")`
+N("div")`
   margin-top: 0.5rem;
   display: grid;
   grid-template-columns: 25% auto;
@@ -1195,132 +1397,132 @@ x("div")`
     margin: 0;
   }
 `;
-x("div")`
+N("div")`
   > * {
     margin-bottom: 3px;
   }
 `;
-x("div")`
+N("div")`
   display: flex;
   gap: 3px;
 `;
-x("div")`
+N("div")`
   margin-top: 1em;
 `;
-x("h4")`
-  ${Ve}
+N("h4")`
+  ${qe}
 `;
-x("div")`
-  ${Ve}
+N("div")`
+  ${qe}
 `;
-x("table")`
+N("table")`
   border: 1px solid #ccc;
-  ${Ve}
+  ${qe}
 `;
-x("button")`
+N("button")`
   margin-top: 1rem;
 `;
-x("div")`
+N("div")`
   display: flex;
   align-items: center;
   gap: 8px;
 `;
-var Bn = /* @__PURE__ */ A("<select>"), zn = /* @__PURE__ */ A("<div><input aria-live=assertive type=range min=0><span>"), Gn = /* @__PURE__ */ A("<label><span>"), Kn = /* @__PURE__ */ A("<option>");
-function At(e) {
-  const [n, t] = he(), [i, r] = Q(), a = () => $(e.spec, e.traversalFieldDef.field), u = () => N(a(), e.traversalFieldDef), s = () => t.getTraversalIndex(e.traversalFieldDef.field), c = (l) => {
-    r.startAudioContext(), t.setTraversalIndex(e.traversalFieldDef.field, l);
-  }, o = () => t.getFieldDomains()[e.traversalFieldDef.field], d = () => t.getDomainValue(e.traversalFieldDef.field, s());
-  return g(Dt, {
+var ai = /* @__PURE__ */ A("<select>"), si = /* @__PURE__ */ A("<div><input aria-live=assertive type=range min=0><span>"), oi = /* @__PURE__ */ A("<label><span>"), ci = /* @__PURE__ */ A("<option>");
+function Pt(e) {
+  const [t, n] = Ee(), [i, r] = Z(), a = () => D(e.spec, e.traversalFieldDef.field), l = () => _(a(), e.traversalFieldDef), s = () => n.getTraversalIndex(e.traversalFieldDef.field), o = (u) => {
+    r.startAudioContext(), n.setTraversalIndex(e.traversalFieldDef.field, u);
+  }, f = () => n.getFieldDomains()[e.traversalFieldDef.field], d = () => n.getDomainValue(e.traversalFieldDef.field, s());
+  return S(Nt, {
     get children() {
-      var l = Gn(), f = l.firstChild;
-      return k(f, () => H(u())), k(l, g(Pt, {
+      var u = oi(), c = u.firstChild;
+      return x(c, () => K(l())), x(u, S(Lt, {
         get children() {
-          return [g(Ie, {
+          return [S(Be, {
             get when() {
-              return u().type === "nominal";
+              return l().type === "nominal";
             },
             get children() {
-              var p = Bn();
-              return p.$$mousedown = () => r.stopTransport(), p.addEventListener("change", (h) => c(h.target.selectedIndex)), k(p, g(ee, {
+              var p = ai();
+              return p.$$mousedown = () => r.stopTransport(), p.addEventListener("change", (m) => o(m.target.selectedIndex)), x(p, S(ie, {
                 get each() {
-                  return o();
+                  return f();
                 },
-                children: (h) => (() => {
-                  var w = Kn();
-                  return k(w, () => String(h)), q(() => w.value = String(h)), w;
+                children: (m) => (() => {
+                  var y = ci();
+                  return x(y, () => String(m)), L(() => y.value = String(m)), y;
                 })()
-              })), q(() => p.value = String(d())), p;
+              })), L(() => p.value = String(d())), p;
             }
-          }), g(Ie, {
+          }), S(Be, {
             get when() {
-              return u().type !== "nominal";
+              return l().type !== "nominal";
             },
             get children() {
-              var p = zn(), h = p.firstChild, w = h.nextSibling;
-              return h.$$mousedown = () => r.stopTransport(), h.$$input = (E) => c(E.currentTarget.valueAsNumber), k(w, () => G(d(), u())), q((E) => {
-                var L = G(d(), u()), R = o().length - 1;
-                return L !== E.e && Re(h, "aria-valuetext", E.e = L), R !== E.t && Re(h, "max", E.t = R), E;
+              var p = si(), m = p.firstChild, y = m.nextSibling;
+              return m.$$mousedown = () => r.stopTransport(), m.$$input = (w) => o(w.currentTarget.valueAsNumber), x(y, () => B(d(), l())), L((w) => {
+                var O = B(d(), l()), V = f().length - 1;
+                return O !== w.e && Me(m, "aria-valuetext", w.e = O), V !== w.t && Me(m, "max", w.t = V), w;
               }, {
                 e: void 0,
                 t: void 0
-              }), q(() => h.value = s()), p;
+              }), L(() => m.value = s()), p;
             }
           })];
         }
-      }), null), l;
+      }), null), u;
     }
   });
 }
-We(["mousedown", "input"]);
-var Hn = /* @__PURE__ */ A("<button>Pause"), Jn = /* @__PURE__ */ A("<div>"), Yn = /* @__PURE__ */ A("<button>Play");
-function $t(e) {
-  const [n, t] = he(), [i, r] = Q(), [a, u] = ge();
+at(["mousedown", "input"]);
+var li = /* @__PURE__ */ A("<button>Pause"), ui = /* @__PURE__ */ A("<div>"), di = /* @__PURE__ */ A("<button>Play");
+function Ot(e) {
+  const [t, n] = Ee(), [i, r] = Z(), [a, l] = be();
   function s() {
-    r.startAudioContext(), a.activeUnitName !== e.unitName && (u.setActiveUnit(e.unitName), t.setupTransportSequence()), t.resetTraversalIfEnd(), r.startTransport();
+    r.startAudioContext(), a.activeUnitName !== e.unitName && (l.setActiveUnit(e.unitName), n.setupTransportSequence()), n.resetTraversalIfEnd(), r.startTransport();
   }
-  return Ze(() => u.registerPlayCallback(s)), F(() => {
-    a.activeUnitName === e.unitName && u.registerPlayCallback(s, !0);
+  return jt(() => l.registerPlayCallback(s)), P(() => {
+    a.activeUnitName === e.unitName && l.registerPlayCallback(s, !0);
   }), (() => {
-    var c = Jn();
-    return k(c, g(Qe, {
+    var o = ui();
+    return x(o, S(st, {
       get when() {
-        return le(() => !!i.isPlaying)() && a.activeUnitName === e.unitName;
+        return pe(() => !!i.isPlaying)() && a.activeUnitName === e.unitName;
       },
       get fallback() {
         return (() => {
-          var o = Yn();
-          return o.$$click = () => s(), o;
+          var f = di();
+          return f.$$click = () => s(), f;
         })();
       },
       get children() {
-        var o = Hn();
-        return o.$$click = () => r.stopTransport(), o;
+        var f = li();
+        return f.$$click = () => r.stopTransport(), f;
       }
-    })), c;
+    })), o;
   })();
 }
-We(["click"]);
-var Xn = /* @__PURE__ */ A("<label> <input readonly>"), Wn = /* @__PURE__ */ A("<p><br>playing ");
-const Zn = x.div`
+at(["click"]);
+var fi = /* @__PURE__ */ A("<label> <input readonly>"), mi = /* @__PURE__ */ A("<p><br>playing ");
+const pi = N.div`
   margin-bottom: 1em;
 `;
-function Qn(e) {
-  function n() {
-    return g(Zn, {
+function gi(e) {
+  function t() {
+    return S(pi, {
       get children() {
-        return g(ee, {
+        return S(ie, {
           get each() {
             return Object.entries(e.audioUnitSpec.encoding);
           },
           children: ([i, r]) => {
             if (r) {
-              const a = $(e.spec, r.field);
+              const a = D(e.spec, r.field);
               if (a) {
-                const u = N(a, r);
-                return g(Dt, {
+                const l = _(a, r);
+                return S(Nt, {
                   get children() {
-                    var s = Xn(), c = s.firstChild, o = c.nextSibling;
-                    return k(s, i, c), q(() => o.value = H(u)), s;
+                    var s = fi(), o = s.firstChild, f = o.nextSibling;
+                    return x(s, i, o), L(() => f.value = K(l)), s;
                   }
                 });
               }
@@ -1330,16 +1532,16 @@ function Qn(e) {
       }
     });
   }
-  function t() {
-    const [i, r] = he();
+  function n() {
+    const [i, r] = Ee();
     return (() => {
-      var a = Wn(), u = a.firstChild;
-      return u.nextSibling, k(a, () => r.describeEncodings(), u), k(a, () => r.describePlaybackOrder(), null), a;
+      var a = mi(), l = a.firstChild;
+      return l.nextSibling, x(a, () => r.describeEncodings(), l), x(a, () => r.describePlaybackOrder(), null), a;
     })();
   }
-  return Object.keys(e.audioUnitSpec.encoding).length === 0 ? null : g(Ut, {
+  return Object.keys(e.audioUnitSpec.encoding).length === 0 ? null : S(Ft, {
     get children() {
-      return g(Fn, {
+      return S(Wn, {
         get spec() {
           return e.spec;
         },
@@ -1350,7 +1552,7 @@ function Qn(e) {
           return e.audioUnitSpec;
         },
         get children() {
-          return g(Mn, {
+          return S(ri, {
             get spec() {
               return e.spec;
             },
@@ -1361,17 +1563,17 @@ function Qn(e) {
               return e.audioUnitSpec;
             },
             get children() {
-              return [g(t, {}), g(n, {}), g(ee, {
+              return [S(n, {}), S(t, {}), S(ie, {
                 get each() {
                   return e.audioUnitSpec.traversal;
                 },
-                children: (i) => g(At, {
+                children: (i) => S(Pt, {
                   get spec() {
                     return e.spec;
                   },
                   traversalFieldDef: i
                 })
-              }), g($t, {
+              }), S(Ot, {
                 get unitName() {
                   return e.audioUnitSpec.name;
                 }
@@ -1383,160 +1585,160 @@ function Qn(e) {
     }
   });
 }
-function ei(e) {
-  const [n, t] = ie(), [i, r] = ge(), [a, u] = Q(), [s, c] = C(), o = () => {
-    const m = speechSynthesis.getVoices(), v = m.find((O) => O.name === "Samantha"), y = m.find((O) => O.localService && O.default), U = m.find((O) => O.default);
-    c(v ?? y ?? U);
+function vi(e) {
+  const [t, n] = se(), [i, r] = be(), [a, l] = Z(), [s, o] = R(), f = () => {
+    const g = speechSynthesis.getVoices(), v = g.find((F) => F.name === "Samantha"), h = g.find((F) => F.localService && F.default), U = g.find((F) => F.default);
+    o(v ?? h ?? U);
   };
-  o(), speechSynthesis.addEventListener("voiceschanged", o), J(() => speechSynthesis.removeEventListener("voiceschanged", o));
-  const d = () => e.units[0], l = () => d().traversal, f = () => ({
-    traversalState: Object.fromEntries(l().map((m) => [m.field, 0]))
-  }), [p, h] = me(f()), w = _(() => {
-    const m = i.selection;
+  f(), speechSynthesis.addEventListener("voiceschanged", f), H(() => speechSynthesis.removeEventListener("voiceschanged", f));
+  const d = () => e.units[0], u = () => d().traversal, c = () => ({
+    traversalState: Object.fromEntries(u().map((g) => [g.field, 0]))
+  }), [p, m] = ye(c()), y = k(() => {
+    const g = i.selection;
     return e.units.map((v) => {
-      const y = _e(e.spec, v), U = m ? Ne(e.data, m) : e.data, O = Pe(e.spec, e.data, U, y), j = ke(U, y, O), z = ht(e.spec, e.data, v);
+      const h = Re(e.spec, v), U = g ? Ie(e.data, g) : e.data, F = Ve(e.spec, e.data, U, h), I = Oe(U, h, F), ee = Dt(e.spec, e.data, v);
       return {
         unit: v,
-        derivedData: j,
-        scales: z
+        derivedData: I,
+        scales: ee
       };
     });
-  }), E = _(() => {
-    const m = w().flatMap((v) => v.derivedData);
-    return Object.fromEntries(l().map((v) => {
-      const y = $(e.spec, v.field), U = N(y, v);
-      return [v.field, te(U, m, !0)];
+  }), w = k(() => {
+    const g = y().flatMap((v) => v.derivedData);
+    return Object.fromEntries(u().map((v) => {
+      const h = D(e.spec, v.field), U = _(h, v);
+      return [v.field, re(U, g, !0)];
     }));
-  }), L = _(() => Object.fromEntries(l().map((m) => [m.field, yt(e.spec, e.data, m.field)]))), R = (m, v, y) => ({
+  }), O = k(() => Object.fromEntries(u().map((g) => [g.field, $t(e.spec, e.data, g.field)]))), V = (g, v, h) => ({
     spec: e.spec,
-    audioUnitSpec: m,
+    audioUnitSpec: g,
     derivedData: v,
-    fieldDomains: E(),
-    axisTicks: L(),
-    scales: y,
+    fieldDomains: w(),
+    axisTicks: O(),
+    scales: h,
     pauseBetweenSections: a.pauseBetweenSections
-  }), P = _(() => {
-    const m = w()[0];
-    return R(m.unit, m.derivedData, m.scales);
-  }), I = _(() => w().map((m, v) => ({
-    voiceId: m.unit.name,
-    oscType: _n(v),
-    notes: bt(R(m.unit, m.derivedData, m.scales))
-  }))), B = _(() => qn(I().map((m) => ({
-    voiceId: m.voiceId,
-    notes: m.notes
-  })))), re = (m) => B().find((v) => Object.entries(m).every(([y, U]) => v.state[y] === U)), ae = _(() => St(P(), p.traversalState)), se = () => E(), ye = (m, v) => ve(P(), m, v), K = () => i.activeUnitName === e.groupName;
-  F(() => {
-    a.isPlaying && t.setSelection({
+  }), C = k(() => {
+    const g = y()[0];
+    return V(g.unit, g.derivedData, g.scales);
+  }), T = k(() => y().map((g, v) => ({
+    voiceId: g.unit.name,
+    instrument: g.unit.instrument ?? Gn(v),
+    notes: kt(V(g.unit, g.derivedData, g.scales))
+  }))), z = k(() => ii(T().map((g) => ({
+    voiceId: g.voiceId,
+    notes: g.notes
+  })))), Ue = (g) => z().find((v) => Object.entries(g).every(([h, U]) => v.state[h] === U)), q = k(() => Tt(C(), p.traversalState)), oe = () => w(), Ae = (g, v) => we(C(), g, v), Q = () => i.activeUnitName === e.groupName;
+  P(() => {
+    a.isPlaying && n.setSelection({
       source: "sonification",
-      predicate: ae()
+      predicate: q()
     });
-  }), F((m) => {
-    const v = E(), y = {
+  }), P((g) => {
+    const v = w(), h = {
       ...p.traversalState
     };
     let U = !1;
-    const O = {
-      ...y
+    const F = {
+      ...h
     };
-    return Object.entries(v).forEach(([j, z]) => {
-      const oe = y[j], Ce = (m?.[j] ?? z)[oe];
-      if (Ce !== void 0) {
-        const Se = z.findIndex((kt) => kt === Ce);
-        Se !== oe && (O[j] = Se !== -1 ? Se : 0, U = !0);
+    return Object.entries(v).forEach(([I, ee]) => {
+      const te = h[I], ue = (g?.[I] ?? ee)[te];
+      if (ue !== void 0) {
+        const De = ee.findIndex((Rt) => Rt === ue);
+        De !== te && (F[I] = De !== -1 ? De : 0, U = !0);
       }
-    }), U && (h((j) => ({
-      ...j,
-      traversalState: O
-    })), K() && D.setupTransportSequence()), v;
-  }), F((m) => (m !== e.units && D.setupTransportSequence(), e.units));
-  const b = () => I().forEach(({
-    voiceId: m,
-    oscType: v
-  }) => u.ensureVoice(m, v)), S = (m) => {
-    m.notes.forEach(({
+    }), U && (m((I) => ({
+      ...I,
+      traversalState: F
+    })), Q() && b.setupTransportSequence()), v;
+  }), P((g) => (g !== e.units && b.setupTransportSequence(), e.units));
+  const ce = () => T().forEach(({
+    voiceId: g,
+    instrument: v
+  }) => l.ensureVoice(g, v)), G = (g) => {
+    g.notes.forEach(({
       voiceId: v,
-      note: y
+      note: h
     }) => {
-      m.ramp ? u.startOrRampSynth(y, v) : u.playNote(y, v);
+      g.ramp ? l.startOrRampSynth(h, v) : l.playNote(h, v);
     });
-  }, T = (m) => {
-    m.notes.forEach(({
+  }, E = (g) => {
+    g.notes.forEach(({
       voiceId: v,
-      note: y
-    }) => u.playNote(y, v));
-  }, D = {
-    setTraversalIndex: (m, v) => {
-      u.stopTransport(), h((U) => ({
+      note: h
+    }) => l.playNote(h, v));
+  }, b = {
+    setTraversalIndex: (g, v) => {
+      l.stopTransport(), m((U) => ({
         ...U,
         traversalState: {
           ...U.traversalState,
-          [m]: v
+          [g]: v
         }
-      })), K() && (r.setActiveUnit(e.groupName), D.setupTransportSequence()), t.setSelection({
+      })), Q() && (r.setActiveUnit(e.groupName), b.setupTransportSequence()), n.setSelection({
         source: "sonification",
-        predicate: ae()
-      }), b();
-      const y = re(p.traversalState);
-      y && (a.transport.seconds = y.time, T(y));
+        predicate: q()
+      }), ce();
+      const h = Ue(p.traversalState);
+      h && (a.transport.seconds = h.time, E(h));
     },
-    getTraversalIndex: (m) => p.traversalState[m],
-    getFieldDomains: se,
-    getDerivedData: () => P().derivedData,
-    getDomainValue: ye,
+    getTraversalIndex: (g) => p.traversalState[g],
+    getFieldDomains: oe,
+    getDerivedData: () => C().derivedData,
+    getDomainValue: Ae,
     setupTransportSequence: () => {
-      a.transport.cancel(), a.transport.bpm.value = ne, b();
-      const m = B();
-      m.forEach((y) => {
-        Object.entries(y.state).every(([U, O]) => p.traversalState[U] === O) && (a.transport.seconds = y.time), a.transport.schedule(() => {
+      a.transport.cancel(), a.transport.bpm.value = ae, ce();
+      const g = z();
+      g.forEach((h) => {
+        Object.entries(h.state).every(([U, F]) => p.traversalState[U] === F) && (a.transport.seconds = h.time), a.transport.schedule(() => {
           if (a.isPlaying)
-            if (h((U) => ({
+            if (m((U) => ({
               ...U,
-              traversalState: y.state
-            })), y.speakBefore && a.speakAxisTicks && !a.muted) {
-              a.transport.pause(), u.releaseSynth(), speechSynthesis.cancel();
-              const U = new SpeechSynthesisUtterance(y.speakBefore);
+              traversalState: h.state
+            })), h.speakBefore && a.speakAxisTicks && !a.muted) {
+              a.transport.pause(), l.releaseSynth(), speechSynthesis.cancel();
+              const U = new SpeechSynthesisUtterance(h.speakBefore);
               U.voice = s() ?? null, U.rate = a.speechRate / 25, U.onend = () => {
-                a.isPlaying && (S(y), a.transport.start());
+                a.isPlaying && (G(h), a.transport.start());
               }, speechSynthesis.speak(U);
             } else
-              S(y);
-        }, y.time), y.pauseAfter && a.transport.schedule(() => u.releaseSynth(), y.time + y.slotDuration);
+              G(h);
+        }, h.time), h.pauseAfter && a.transport.schedule(() => l.releaseSynth(), h.time + h.slotDuration);
       });
-      const v = m[m.length - 1];
-      v && a.transport.schedule(() => u.stopTransport(), v.time + v.slotDuration), a.transport.bpm.value = ne * a.playbackRate;
+      const v = g[g.length - 1];
+      v && a.transport.schedule(() => l.stopTransport(), v.time + v.slotDuration), a.transport.bpm.value = ae * a.playbackRate;
     },
     resetTraversalIfEnd: () => {
-      const m = E();
-      l().every((y) => p.traversalState[y.field] === m[y.field].length - 1) && (h(f()), a.transport.seconds = 0);
+      const g = w();
+      u().every((h) => p.traversalState[h.field] === g[h.field].length - 1) && (m(c()), a.transport.seconds = 0);
     },
-    describeEncodings: () => e.units.map((m, v) => `layer ${v + 1}: ${Et(R(m, w()[v].derivedData, w()[v].scales))}`).join("; "),
-    describePlaybackOrder: () => wt(P())
+    describeEncodings: () => e.units.map((g, v) => `layer ${v + 1}: ${xt(V(g, y()[v].derivedData, y()[v].scales))}`).join("; "),
+    describePlaybackOrder: () => _t(C())
   };
-  return g(Oe.Provider, {
-    value: [p, D],
+  return S(je.Provider, {
+    value: [p, b],
     get children() {
       return e.children;
     }
   });
 }
-var ti = /* @__PURE__ */ A("<p><br>playing ");
-const Ye = "layer-group";
-function ni() {
-  const [e, n] = he();
+var hi = /* @__PURE__ */ A("<p><br>playing ");
+const it = "layer-group";
+function yi() {
+  const [e, t] = Ee();
   return (() => {
-    var t = ti(), i = t.firstChild;
-    return i.nextSibling, k(t, () => n.describeEncodings(), i), k(t, () => n.describePlaybackOrder(), null), t;
+    var n = hi(), i = n.firstChild;
+    return i.nextSibling, x(n, () => t.describeEncodings(), i), x(n, () => t.describePlaybackOrder(), null), n;
   })();
 }
-function ii(e) {
-  const n = () => e.units.filter((i) => Object.keys(i.encoding).length > 0);
-  if (n().length === 0)
+function Si(e) {
+  const t = () => e.units.filter((i) => Object.keys(i.encoding).length > 0);
+  if (t().length === 0)
     return null;
-  const t = () => n()[0].traversal;
-  return g(Ut, {
+  const n = () => t()[0].traversal;
+  return S(Ft, {
     get children() {
-      return g(ei, {
+      return S(vi, {
         get spec() {
           return e.spec;
         },
@@ -1544,109 +1746,116 @@ function ii(e) {
           return e.data;
         },
         get units() {
-          return n();
+          return t();
         },
-        groupName: Ye,
+        groupName: it,
         get children() {
-          return [g(ni, {}), g(ee, {
+          return [S(yi, {}), S(ie, {
             get each() {
-              return t();
+              return n();
             },
-            children: (i) => g(At, {
+            children: (i) => S(Pt, {
               get spec() {
                 return e.spec;
               },
               traversalFieldDef: i
             })
-          }), g($t, {
-            unitName: Ye
+          }), S(Ot, {
+            unitName: it
           })];
         }
       });
     }
   });
 }
-var ri = /* @__PURE__ */ A("<div><label>Playback rate <input type=number min=0.1 max=4 step=0.1 id=rate>x"), ai = /* @__PURE__ */ A("<label><input type=checkbox>Speak axis ticks"), si = /* @__PURE__ */ A("<label><input type=number min=1 max=100 step=10 id=speechRate>speech rate"), oi = /* @__PURE__ */ A("<div><label><input type=checkbox aria-live=polite>");
-const ci = x.div`
+var bi = /* @__PURE__ */ A("<div><label>Playback rate <input type=number min=0.1 max=4 step=0.1 id=rate>x"), wi = /* @__PURE__ */ A("<label><input type=checkbox>Speak axis ticks"), Ei = /* @__PURE__ */ A("<label><input type=number min=1 max=100 step=10 id=speechRate>speech rate"), Ui = /* @__PURE__ */ A("<div><label><input type=checkbox aria-live=polite>");
+const Ai = N.div`
   margin-top: 1rem;
-`, li = x.div`
+`, Di = N.div`
   display: flex;
   gap: 3px;
 `;
-function ui(e) {
-  const [n, t] = Q();
-  return g(ci, {
+function $i(e) {
+  const [t, n] = Z();
+  return S(Ai, {
     get children() {
       return [(() => {
-        var i = ri(), r = i.firstChild, a = r.firstChild, u = a.nextSibling;
-        return u.addEventListener("change", (s) => t.setPlaybackRate(Number(s.target.value))), q(() => u.value = n.playbackRate), i;
-      })(), g(li, {
+        var i = bi(), r = i.firstChild, a = r.firstChild, l = a.nextSibling;
+        return l.addEventListener("change", (s) => n.setPlaybackRate(Number(s.target.value))), L(() => l.value = t.playbackRate), i;
+      })(), S(Di, {
         get children() {
           return [(() => {
-            var i = ai(), r = i.firstChild;
-            return r.addEventListener("change", (a) => t.setSpeakAxisTicks(a.target.checked)), q(() => r.checked = n.speakAxisTicks), i;
+            var i = wi(), r = i.firstChild;
+            return r.addEventListener("change", (a) => n.setSpeakAxisTicks(a.target.checked)), L(() => r.checked = t.speakAxisTicks), i;
           })(), (() => {
-            var i = si(), r = i.firstChild;
-            return r.addEventListener("change", (a) => t.setSpeechRate(Number(a.target.value))), q(() => r.value = n.speechRate), i;
+            var i = Ei(), r = i.firstChild;
+            return r.addEventListener("change", (a) => n.setSpeechRate(Number(a.target.value))), L(() => r.value = t.speechRate), i;
           })()];
         }
       }), (() => {
-        var i = oi(), r = i.firstChild, a = r.firstChild;
-        return a.addEventListener("change", (u) => t.setMuted(u.target.checked)), k(r, () => n.muted ? "Muted" : "Unmuted", null), q(() => a.checked = n.muted), i;
+        var i = Ui(), r = i.firstChild, a = r.firstChild;
+        return a.addEventListener("change", (l) => n.setMuted(l.target.checked)), x(r, () => t.muted ? "Muted" : "Unmuted", null), L(() => a.checked = t.muted), i;
       })()];
     }
   });
 }
-function di() {
+function Ti() {
   const e = document.activeElement;
   if (!e) return !1;
-  const n = e.tagName.toLowerCase();
-  return n === "input" || n === "select" || n === "textarea" || e.isContentEditable;
-}
-function fi(e) {
-  const n = (t) => {
-    if (di()) return;
-    const i = e[t.key];
-    i && (t.preventDefault(), i());
+  const t = e.tagName.toLowerCase();
+  return t === "input" || t === "select" || t === "textarea" || e.isContentEditable;
+}
+function ki(e, t) {
+  const n = (i) => {
+    if (Ti()) return;
+    const r = e[i.key];
+    r && (i.preventDefault(), r());
   };
-  Ze(() => document.addEventListener("keydown", n)), J(() => document.removeEventListener("keydown", n));
+  P(() => {
+    const i = t ? t() : document;
+    i && (i.addEventListener("keydown", n), H(() => i.removeEventListener("keydown", n)));
+  });
 }
-function mi() {
-  const [e, n] = Q(), [t, i] = ge();
-  return fi({
+function xi(e) {
+  const [t, n] = Z(), [i, r] = be();
+  return ki({
     p: () => {
-      e.isPlaying ? n.stopTransport() : i.triggerPlay();
+      t.isPlaying ? n.stopTransport() : r.triggerPlay();
     }
-  }), null;
+  }, e.target), null;
 }
-function pi(e) {
-  const n = () => e.spec.audio.composition === "layer" && e.spec.audio.units.length > 1;
-  return g($n, {
+function _i(e) {
+  const t = () => e.spec.audio.composition === "layer" && e.spec.audio.units.length > 1;
+  return S(jn, {
     get children() {
-      return g(Nn, {
+      return S(Kn, {
         get children() {
-          return [g(mi, {}), g(Qe, {
+          return [S(xi, {
+            get target() {
+              return e.keyEventTarget;
+            }
+          }), S(st, {
             get when() {
-              return n();
+              return t();
             },
             get fallback() {
-              return g(ee, {
+              return S(ie, {
                 get each() {
                   return e.spec.audio.units;
                 },
-                children: (t) => g(Qn, {
+                children: (n) => S(gi, {
                   get spec() {
                     return e.spec;
                   },
                   get data() {
                     return e.data;
                   },
-                  audioUnitSpec: t
+                  audioUnitSpec: n
                 })
               });
             },
             get children() {
-              return g(ii, {
+              return S(Si, {
                 get spec() {
                   return e.spec;
                 },
@@ -1658,150 +1867,152 @@ function pi(e) {
                 }
               });
             }
-          }), g(ui, {})];
+          }), S($i, {})];
         }
       });
     }
   });
 }
-var gi = /* @__PURE__ */ A("<h2>Visualization"), vi = /* @__PURE__ */ A("<h2>Description"), hi = /* @__PURE__ */ A("<h2>Sonification"), yi = /* @__PURE__ */ A('<div><div class=uw-viewer role=region aria-label="Umwelt Viewer">');
-function Si(e) {
+var Ni = /* @__PURE__ */ A("<h2>Visualization"), Fi = /* @__PURE__ */ A("<h2>Description"), Pi = /* @__PURE__ */ A("<h2>Sonification"), Oi = /* @__PURE__ */ A('<div><div class=uw-viewer role=region aria-label="Umwelt Viewer">');
+function Ci(e) {
+  const [t, n] = R();
   return (() => {
-    var n = yi(), t = n.firstChild;
-    return k(t, g(En, {
+    var i = Oi(), r = i.firstChild;
+    return Ne(n, r), x(r, S(Fn, {
       get children() {
-        return [gi(), g(Dn, {
+        return [Ni(), S(Vn, {
           get spec() {
             return e.spec;
           },
           get data() {
             return e.data;
           }
-        }), vi(), g(An, {
+        }), Fi(), S(Ln, {
           get spec() {
             return e.spec;
           },
           get data() {
             return e.data;
           }
-        }), hi(), g(pi, {
+        }), Pi(), S(_i, {
           get spec() {
             return e.spec;
           },
           get data() {
             return e.data;
-          }
+          },
+          keyEventTarget: t
         })];
       }
-    })), q(() => _t(n, rn.Viewer)), n;
+    })), L(() => Vt(i, dn.Viewer)), i;
   })();
 }
-function Xe(e, n, t = localStorage) {
-  const i = t.getItem(e) ? JSON.parse(t.getItem(e)) : n, [r, a] = C(i);
+function rt(e, t, n = localStorage) {
+  const i = n.getItem(e) ? JSON.parse(n.getItem(e)) : t, [r, a] = R(i);
   return [r, ((s) => {
     if (s) {
-      const c = a(s);
-      return t.setItem(e, JSON.stringify(c)), c;
+      const o = a(s);
+      return n.setItem(e, JSON.stringify(o)), o;
     }
   })];
 }
-const Tt = W();
-function bi(e) {
-  const n = e.persist !== !1, [t, i] = n ? Xe("umweltDatastore", {}) : C({}), [r, a] = n ? Xe("umweltSessionDatastore", {}, sessionStorage) : C({}), u = () => ({
-    ...t(),
+const Ct = Y();
+function Ri(e) {
+  const t = e.persist !== !1, [n, i] = t ? rt("umweltDatastore", {}) : R({}), [r, a] = t ? rt("umweltSessionDatastore", {}, sessionStorage) : R({}), l = () => ({
+    ...n(),
     ...r()
   }), s = {
-    setDataset: (c, o, d, l) => {
-      l?.session ? a((f) => ({
-        ...f,
-        [c]: {
-          data: o,
+    setDataset: (o, f, d, u) => {
+      u?.session ? a((c) => ({
+        ...c,
+        [o]: {
+          data: f,
           sourceUrl: d
         }
-      })) : i((f) => ({
-        ...f,
-        [c]: {
-          data: o,
-          sourceUrl: f[c]?.sourceUrl || d
+      })) : i((c) => ({
+        ...c,
+        [o]: {
+          data: f,
+          sourceUrl: c[o]?.sourceUrl || d
         }
       }));
     },
-    removeDataset: (c) => {
-      i((o) => {
+    removeDataset: (o) => {
+      i((f) => {
         const d = {
-          ...o
+          ...f
         };
-        return delete d[c], d;
-      }), s.removeSessionDataset(c);
+        return delete d[o], d;
+      }), s.removeSessionDataset(o);
     },
-    removeSessionDataset: (c) => {
-      a((o) => {
+    removeSessionDataset: (o) => {
+      a((f) => {
         const d = {
-          ...o
+          ...f
         };
-        return delete d[c], d;
+        return delete d[o], d;
       });
     }
   };
-  return g(Tt.Provider, {
-    value: [u, s],
+  return S(Ct.Provider, {
+    value: [l, s],
     get children() {
       return e.children;
     }
   });
 }
-function Ei() {
-  const e = Z(Tt);
+function Vi() {
+  const e = X(Ct);
   if (e === void 0)
     throw new Error("useUmweltDatastore must be used within a UmweltDatastoreProvider");
   return e;
 }
-var wi = /* @__PURE__ */ A("<div>"), Di = /* @__PURE__ */ A("<div>Loading..."), Ui = /* @__PURE__ */ A("<div role=alert>");
-function Ai(e) {
-  const [n, t] = Ei(), [i, r] = C(), [a, u] = C(!0), [s, c] = C(), o = () => {
+var Ii = /* @__PURE__ */ A("<div>"), Li = /* @__PURE__ */ A("<div>Loading..."), ji = /* @__PURE__ */ A("<div role=alert>");
+function qi(e) {
+  const [t, n] = Vi(), [i, r] = R(), [a, l] = R(!0), [s, o] = R(), f = () => {
     const d = i();
-    return d ? n()[d.data.name]?.data || [] : [];
+    return d ? t()[d.data.name]?.data || [] : [];
   };
-  return F(async () => {
+  return P(async () => {
     const d = e.exportableSpec;
-    u(!0), c(void 0);
+    l(!0), o(void 0);
     try {
-      const l = await vn(d, n(), t.setDataset);
-      l ? r(l) : c("Failed to load Umwelt spec: the spec is invalid or its data source could not be resolved.");
-    } catch (l) {
-      console.error("Error loading spec:", l), c(`Failed to load Umwelt spec: ${l}`);
+      const u = await $n(d, t(), n.setDataset);
+      u ? r(u) : o("Failed to load Umwelt spec: the spec is invalid or its data source could not be resolved.");
+    } catch (u) {
+      console.error("Error loading spec:", u), o(`Failed to load Umwelt spec: ${u}`);
     } finally {
-      u(!1);
+      l(!1);
     }
   }), (() => {
-    var d = wi();
-    return k(d, (() => {
-      var l = le(() => !!a());
-      return () => l() && Di();
-    })(), null), k(d, (() => {
-      var l = le(() => !!(!a() && s()));
-      return () => l() && (() => {
-        var f = Ui();
-        return k(f, s), f;
+    var d = Ii();
+    return x(d, (() => {
+      var u = pe(() => !!a());
+      return () => u() && Li();
+    })(), null), x(d, (() => {
+      var u = pe(() => !!(!a() && s()));
+      return () => u() && (() => {
+        var c = ji();
+        return x(c, s), c;
       })();
-    })(), null), k(d, (() => {
-      var l = le(() => !!(!a() && !s() && i()));
-      return () => l() && g(Si, {
+    })(), null), x(d, (() => {
+      var u = pe(() => !!(!a() && !s() && i()));
+      return () => u() && S(Ci, {
         get spec() {
           return i();
         },
         get data() {
-          return o();
+          return f();
         }
       });
     })(), null), d;
   })();
 }
-function $i(e) {
-  return g(bi, {
+function Mi(e) {
+  return S(Ri, {
     persist: !1,
     get children() {
-      return g(Ai, {
+      return S(qi, {
         get exportableSpec() {
           return e.exportableSpec;
         }
@@ -1809,25 +2020,25 @@ function $i(e) {
     }
   });
 }
-class Ti {
-  constructor(n) {
-    this.options = n, this.mount();
+class Bi {
+  constructor(t) {
+    this.options = t, this.mount();
   }
   disposal;
   isDestroyed = !1;
   mount() {
     if (this.isDestroyed)
       throw new Error("Cannot mount a destroyed UmweltViewer. Create a new instance.");
-    this.disposal = Nt(() => $i({ exportableSpec: this.options.spec }), this.options.container);
+    this.disposal = It(() => Mi({ exportableSpec: this.options.spec }), this.options.container);
   }
   /**
    * Update the viewer with a new specification.
    * This will re-render the entire viewer with the new data and configuration.
    */
-  updateSpec(n) {
+  updateSpec(t) {
     if (this.isDestroyed)
       throw new Error("Cannot update a destroyed UmweltViewer.");
-    this.cleanup(), this.options.spec = n, this.mount();
+    this.cleanup(), this.options.spec = t, this.mount();
   }
   /**
    * Get the current specification.
@@ -1858,10 +2069,10 @@ class Ti {
     return this.isDestroyed;
   }
 }
-function Xi(e, n) {
-  return new Ti({ spec: e, container: n });
+function ur(e, t) {
+  return new Bi({ spec: e, container: t });
 }
 export {
-  Ti as UmweltViewer,
-  Xi as createViewer
+  Bi as UmweltViewer,
+  ur as createViewer
 };