@capillaryjs/capillary-viz 1.1.0 → 1.3.0

package/dist/index.js

@@ -1,23 +1,23 @@
 var Ft = Object.defineProperty;
-var qt = (t, e, r) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var c = (t, e, r) => qt(t, typeof e != "symbol" ? e + "" : e, r);
-import { Emitter as D, DerivedEmitter as j, BaseEmitter as Pe, FetchState as S, combineFetchStates as Ut, defaultDiagnosticScope as Ht, Diagnostics as m, diagnosticInfo as Vt, EventBubble as Ge } from "@capillaryjs/capillary";
-import { Component as Ne, Placeholder as xe, Button as he, css as re, OptionGroup as Wt, readDeclarativeRegions as Yt, OptionGroupHeaderEnd as Gt, OptionsBox as Xt, Checkbox as fe, GroupBox as Ce } from "@capillaryjs/capillary-ui";
-function ct([t, e, r]) {
+var Ut = (e, t, r) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var c = (e, t, r) => Ut(e, typeof t != "symbol" ? t + "" : t, r);
+import { Emitter as D, DerivedEmitter as L, WritableProjection as Ht, BaseEmitter as ct, FetchState as S, combineFetchStates as Vt, defaultDiagnosticScope as Wt, Diagnostics as m, diagnosticInfo as Yt, EventBubble as Ye } from "@capillaryjs/capillary";
+import { Component as Ne, Placeholder as Ce, Button as fe, css as ne, OptionGroup as Gt, readDeclarativeRegions as Xt, OptionGroupHeaderEnd as Zt, OptionsBox as Jt, Checkbox as me, GroupBox as ze } from "@capillaryjs/capillary-ui";
+function ut([e, t, r]) {
   return {
-    "--c1": t,
-    "--c2": e,
+    "--c1": e,
+    "--c2": t,
     "--c3": r,
-    ...Te(t, "--colored-dark") ? {} : { "--colored-dark": t },
-    ...Te(e, "--colored-base") ? {} : { "--colored-base": e },
+    ...Te(e, "--colored-dark") ? {} : { "--colored-dark": e },
+    ...Te(t, "--colored-base") ? {} : { "--colored-base": t },
     ...Te(r, "--colored-light") ? {} : { "--colored-light": r }
   };
 }
-function Te(t, e) {
-  return t.trim().replaceAll(" ", "") === `var(${e})`;
+function Te(e, t) {
+  return e.trim().replaceAll(" ", "") === `var(${t})`;
 }
-class H {
-  constructor(e) {
+class V {
+  constructor(t) {
     c(this, "key");
     c(this, "label");
     c(this, "categories$");
@@ -30,10 +30,10 @@ class H {
     c(this, "visibilityEmitters", /* @__PURE__ */ new Map());
     c(this, "releaseCategoryDefaults");
     c(this, "disposed", !1);
-    ie(e, "Criterion options"), this.key = F(e.key, "Criterion key"), this.label = Ke(e.label, "Criterion label"), ve(e.categories$, "Criterion categories$"), this.categories$ = e.categories$, this.allowResorting = e.allowResorting ?? !1, this.ownedCategories = e.ownedCategories, this.hidden$ = new D(
-      new Set(e.initialHiddenKeys ?? []),
-      { owner: this, purpose: `${this.key} hidden categories`, equals: Jt }
-    ), this.visibleCategoriesEmitter = new j(
+    se(t, "Criterion options"), this.key = F(t.key, "Criterion key"), this.label = Ke(t.label, "Criterion label"), ke(t.categories$, "Criterion categories$"), this.categories$ = t.categories$, this.allowResorting = t.allowResorting ?? !1, this.ownedCategories = t.ownedCategories, this.hidden$ = new D(
+      new Set(t.initialHiddenKeys ?? []),
+      { owner: this, purpose: `${this.key} hidden categories`, equals: er }
+    ), this.visibleCategoriesEmitter = new L(
       [this.categories$, this.hidden$],
       ([r, i]) => Object.freeze(
         r.filter(({ key: n }) => !i.has(n))
@@ -43,37 +43,37 @@ class H {
       Array.isArray(r) && this.applyFirstSeenDefaults(r);
     });
   }
-  visibility(e) {
+  visibility(t) {
     this.assertActive();
-    const r = F(e, "Category key");
+    const r = F(t, "Category key");
     let i = this.visibilityEmitters.get(r);
-    return i == null && (i = new Qt(this.hidden$, r, this), this.visibilityEmitters.set(r, i)), i;
+    return i == null && (i = new tr(this.hidden$, r, this), this.visibilityEmitters.set(r, i)), i;
   }
-  setAllVisible(e, r) {
+  setAllVisible(t, r) {
     this.assertActive();
     const i = new Set(this.categories$.get().map(({ key: s }) => s)), n = new Set(this.hidden$.get());
     for (const s of i)
-      e ? n.delete(s) : n.add(s);
+      t ? n.delete(s) : n.add(s);
     return this.hidden$.set(n, r ?? `${this.key} category visibility changed`);
   }
-  pruneHidden(e) {
+  pruneHidden(t) {
     this.assertActive();
     const r = new Set(this.categories$.get().map(({ key: n }) => n)), i = new Set([...this.hidden$.get()].filter((n) => r.has(n)));
-    return this.hidden$.set(i, e ?? `${this.key} hidden categories pruned`);
+    return this.hidden$.set(i, t ?? `${this.key} hidden categories pruned`);
   }
   dispose() {
-    var e;
+    var t;
     if (!this.disposed) {
       this.disposed = !0, this.releaseCategoryDefaults();
       for (const r of this.visibilityEmitters.values()) r.dispose();
-      this.visibilityEmitters.clear(), this.visibleCategoriesEmitter.dispose(), this.hidden$.dispose(), (e = this.ownedCategories) == null || e.dispose();
+      this.visibilityEmitters.clear(), this.visibleCategoriesEmitter.dispose(), this.hidden$.dispose(), (t = this.ownedCategories) == null || t.dispose();
     }
   }
-  applyFirstSeenDefaults(e) {
-    dt(e, `${this.label} categories`);
+  applyFirstSeenDefaults(t) {
+    pt(t, `${this.label} categories`);
     const r = new Set(this.hidden$.get());
     let i = !1;
-    for (const n of e)
+    for (const n of t)
       this.seenKeys.has(n.key) || (this.seenKeys.add(n.key), n.hiddenByDefault === !0 && !r.has(n.key) && (r.add(n.key), i = !0));
     i && this.hidden$.set(r, `${this.key} first-seen defaults applied`);
   }
@@ -81,82 +81,82 @@ class H {
     if (this.disposed) throw new Error(`Criterion "${this.key}" is disposed`);
   }
 }
-function Si(t) {
-  ie(t, "Static criterion options");
-  const e = ut(t.categories, `${t.label} categories`), r = new D(e, {
-    purpose: `${t.key} static categories`
+function $i(e) {
+  se(e, "Static criterion options");
+  const t = dt(e.categories, `${e.label} categories`), r = new D(t, {
+    purpose: `${e.key} static categories`
   });
-  return new H({ ...t, categories$: r, ownedCategories: r });
+  return new V({ ...e, categories$: r, ownedCategories: r });
 }
-function Ei(t) {
-  if (ie(t, "Derived criterion options"), ve(t.source$, "Derived criterion source$"), typeof t.extractKeys != "function")
+function xi(e) {
+  if (se(e, "Derived criterion options"), ke(e.source$, "Derived criterion source$"), typeof e.extractKeys != "function")
     throw new TypeError("Derived criterion extractKeys must be a function");
-  if (typeof t.describe != "function")
+  if (typeof e.describe != "function")
     throw new TypeError("Derived criterion describe must be a function");
-  const e = new j(
-    [t.source$],
-    ([r]) => Zt(r, t),
-    { purpose: `${t.key} derived categories` }
+  const t = new L(
+    [e.source$],
+    ([r]) => Qt(r, e),
+    { purpose: `${e.key} derived categories` }
   );
-  return new H({
-    ...t,
-    allowResorting: t.allowResorting ?? !0,
-    categories$: e,
-    ownedCategories: e
+  return new V({
+    ...e,
+    allowResorting: e.allowResorting ?? !0,
+    categories$: t,
+    ownedCategories: t
   });
 }
-function Zt(t, e) {
-  if (!Array.isArray(t)) throw new TypeError("Derived category items must be an array");
+function Qt(e, t) {
+  if (!Array.isArray(e)) throw new TypeError("Derived category items must be an array");
   const r = /* @__PURE__ */ new Map();
   let i = 0;
-  for (const o of t) {
-    const a = ze(e.extractKeys(o));
+  for (const o of e) {
+    const a = Oe(t.extractKeys(o));
     if (a.length === 0) {
       i += 1;
       continue;
     }
     for (const l of a) r.set(l, (r.get(l) ?? 0) + 1);
   }
-  const n = [...r].filter(([, o]) => o > 0).map(([o, a]) => ({ key: o, count: a, label: e.describe(o, a).label }));
-  n.sort(e.compare ?? ((o, a) => a.count - o.count || o.label.localeCompare(a.label) || o.key.localeCompare(a.key)));
+  const n = [...r].filter(([, o]) => o > 0).map(([o, a]) => ({ key: o, count: a, label: t.describe(o, a).label }));
+  n.sort(t.compare ?? ((o, a) => a.count - o.count || o.label.localeCompare(a.label) || o.key.localeCompare(a.key)));
   const s = n.map(({ key: o, count: a }) => {
-    const l = e.describe(o, a);
-    return Le({
+    const l = t.describe(o, a);
+    return Me({
       key: o,
       ...l,
       generated: !0,
-      predicate: (u) => ze(e.extractKeys(u)).includes(o)
+      predicate: (u) => Oe(t.extractKeys(u)).includes(o)
     }, "Derived category");
   });
-  if (i > 0 && e.unmatched != null) {
-    const { key: o, ...a } = e.unmatched;
-    s.push(Le({
+  if (i > 0 && t.unmatched != null) {
+    const { key: o, ...a } = t.unmatched;
+    s.push(Me({
       key: o,
       ...a,
       generated: !0,
-      predicate: (l) => ze(e.extractKeys(l)).length === 0
+      predicate: (l) => Oe(t.extractKeys(l)).length === 0
     }, "Derived unmatched category"));
   }
-  return ut(s, "Derived categories");
+  return dt(s, "Derived categories");
 }
-function $i(t, e) {
-  ve(t, "filterByHidden items$"), er(e);
-  const r = [t];
-  for (const i of e) r.push(i.categories$, i.hidden$);
-  return new j(
+function Ci(e, t) {
+  ke(e, "filterByHidden items$"), rr(t);
+  const r = [e];
+  for (const i of t) r.push(i.categories$, i.hidden$);
+  return new L(
     r,
-    (i) => i[0].filter((s) => !e.some((o, a) => {
+    (i) => i[0].filter((s) => !t.some((o, a) => {
       const l = i[a * 2 + 1], u = i[a * 2 + 2];
       return l.some((d) => u.has(d.key) && d.predicate(s));
     })),
     { purpose: "items filtered by hidden visualization categories" }
   );
 }
-function xi(t, e) {
-  if (ve(t, "categoryCounts items$"), !(e instanceof H))
+function zi(e, t) {
+  if (ke(e, "categoryCounts items$"), !(t instanceof V))
     throw new TypeError("categoryCounts criterion must be a GroupingCriterion");
-  return new j(
-    [t, e.categories$],
+  return new L(
+    [e, t.categories$],
     (r) => {
       const i = r[0], n = r[1];
       return new Map(n.map((s) => [
@@ -164,116 +164,102 @@ function xi(t, e) {
         i.filter((o) => s.predicate(o)).length
       ]));
     },
-    { purpose: `${e.key} unfiltered category counts` }
+    { purpose: `${t.key} unfiltered category counts` }
   );
 }
-function Jt(t, e) {
-  return t === e || t.size === e.size && [...t].every((r) => e.has(r));
-}
-class Qt extends Pe {
-  constructor(r, i, n) {
-    super(r.get().has(i) ? "hidden" : "visible", {
-      owner: n,
-      purpose: `${i} category visibility`,
-      fetchState: r.getFetchState(),
-      error: r.getError()
-    });
-    c(this, "release");
-    this.source = r, this.categoryKey = i, this.release = r.subscribe((s) => this.updateFromSource(s), {
-      emitCurrent: !1
+function er(e, t) {
+  return e === t || e.size === t.size && [...e].every((r) => t.has(r));
+}
+class tr extends Ht {
+  constructor(t, r, i) {
+    super(t, {
+      owner: i,
+      purpose: `${r} category visibility`,
+      read: (n) => n.has(r) ? "hidden" : "visible",
+      write: (n, s) => {
+        if (s !== "hidden" && s !== "visible")
+          throw new TypeError("Category visibility must be hidden or visible");
+        const o = new Set(n);
+        return s === "hidden" ? o.add(r) : o.delete(r), o;
+      }
     });
   }
-  set(r, i) {
-    if (r !== "hidden" && r !== "visible")
-      throw new TypeError("Category visibility must be hidden or visible");
-    const n = new Set(this.source.get());
-    return r === "hidden" ? n.add(this.categoryKey) : n.delete(this.categoryKey), this.source.set(n, i ?? `${this.categoryKey} visibility changed`);
-  }
-  dispose() {
-    this.release(), super.dispose();
-  }
-  updateFromSource(r) {
-    this.setSnapshot({
-      value: r.value.has(this.categoryKey) ? "hidden" : "visible",
-      fetchState: r.fetchState,
-      error: r.error,
-      parentEvent: r.event,
-      cause: "hidden category membership changed"
-    });
+  set(t, r) {
+    return super.set(t, r);
   }
 }
-function ze(t) {
-  const r = (t == null ? [] : typeof t == "string" ? [t] : [...t]).map((i) => F(i, "Extracted category key"));
+function Oe(e) {
+  const r = (e == null ? [] : typeof e == "string" ? [e] : [...e]).map((i) => F(i, "Extracted category key"));
   return [...new Set(r)];
 }
-function ut(t, e) {
-  return dt(t, e), Object.freeze(t.map((r) => Le(r, e)));
+function dt(e, t) {
+  return pt(e, t), Object.freeze(e.map((r) => Me(r, t)));
 }
-function Le(t, e) {
-  ie(t, e);
+function Me(e, t) {
+  se(e, t);
   const r = {
-    ...t,
-    key: F(t.key, `${e} key`),
-    label: Ke(t.label, `${e} label`),
-    colors: pt(t.colors, `${e} colors`)
+    ...e,
+    key: F(e.key, `${t} key`),
+    label: Ke(e.label, `${t} label`),
+    colors: ht(e.colors, `${t} colors`)
   };
-  if (typeof t.predicate != "function")
-    throw new TypeError(`${e} predicate must be a function`);
-  return t.colorKey !== void 0 && F(t.colorKey, `${e} colorKey`), Object.freeze(r);
+  if (typeof e.predicate != "function")
+    throw new TypeError(`${t} predicate must be a function`);
+  return e.colorKey !== void 0 && F(e.colorKey, `${t} colorKey`), Object.freeze(r);
 }
-function dt(t, e) {
-  if (!Array.isArray(t)) throw new TypeError(`${e} must be an array`);
+function pt(e, t) {
+  if (!Array.isArray(e)) throw new TypeError(`${t} must be an array`);
   const r = /* @__PURE__ */ new Set();
-  for (const i of t) {
-    ie(i, e);
-    const n = F(i.key, `${e} key`);
-    if (r.has(n)) throw new Error(`${e} contains duplicate key "${n}"`);
-    if (r.add(n), Ke(i.label, `${e} label`), pt(i.colors, `${e} colors`), typeof i.predicate != "function")
-      throw new TypeError(`${e} predicate must be a function`);
-  }
-}
-function er(t) {
-  if (!Array.isArray(t)) throw new TypeError("Criteria must be an array");
-  const e = /* @__PURE__ */ new Set();
-  for (const r of t) {
-    if (!(r instanceof H))
+  for (const i of e) {
+    se(i, t);
+    const n = F(i.key, `${t} key`);
+    if (r.has(n)) throw new Error(`${t} contains duplicate key "${n}"`);
+    if (r.add(n), Ke(i.label, `${t} label`), ht(i.colors, `${t} colors`), typeof i.predicate != "function")
+      throw new TypeError(`${t} predicate must be a function`);
+  }
+}
+function rr(e) {
+  if (!Array.isArray(e)) throw new TypeError("Criteria must be an array");
+  const t = /* @__PURE__ */ new Set();
+  for (const r of e) {
+    if (!(r instanceof V))
       throw new TypeError("Criteria must contain GroupingCriterion instances");
-    if (e.has(r.key)) throw new Error(`Duplicate criterion key "${r.key}"`);
-    e.add(r.key);
+    if (t.has(r.key)) throw new Error(`Duplicate criterion key "${r.key}"`);
+    t.add(r.key);
   }
 }
-function pt(t, e) {
-  if (!Array.isArray(t) || t.length !== 3 || t.some((r) => typeof r != "string" || r.trim() === ""))
-    throw new TypeError(`${e} must contain three non-empty CSS color values`);
-  return Object.freeze([...t]);
+function ht(e, t) {
+  if (!Array.isArray(e) || e.length !== 3 || e.some((r) => typeof r != "string" || r.trim() === ""))
+    throw new TypeError(`${t} must contain three non-empty CSS color values`);
+  return Object.freeze([...e]);
 }
-function ve(t, e) {
-  if (t == null || typeof t != "object" && typeof t != "function" || typeof Reflect.get(t, "get") != "function" || typeof Reflect.get(t, "getFetchState") != "function" || typeof Reflect.get(t, "getError") != "function" || typeof Reflect.get(t, "subscribe") != "function")
-    throw new TypeError(`${e} must be a readable emitter`);
+function ke(e, t) {
+  if (e == null || typeof e != "object" && typeof e != "function" || typeof Reflect.get(e, "get") != "function" || typeof Reflect.get(e, "getFetchState") != "function" || typeof Reflect.get(e, "getError") != "function" || typeof Reflect.get(e, "subscribe") != "function")
+    throw new TypeError(`${t} must be a readable emitter`);
 }
-function ie(t, e) {
-  if (t == null || typeof t != "object" || Array.isArray(t))
-    throw new TypeError(`${e} must be an object`);
+function se(e, t) {
+  if (e == null || typeof e != "object" || Array.isArray(e))
+    throw new TypeError(`${t} must be an object`);
 }
-function F(t, e) {
-  if (typeof t != "string" || t.trim() === "")
-    throw new TypeError(`${e} must be a non-empty string`);
-  return t;
+function F(e, t) {
+  if (typeof e != "string" || e.trim() === "")
+    throw new TypeError(`${t} must be a non-empty string`);
+  return e;
 }
-function Ke(t, e) {
-  if (typeof t != "string" || t.trim() === "")
-    throw new TypeError(`${e} must be a non-empty string`);
-  return t;
+function Ke(e, t) {
+  if (typeof e != "string" || e.trim() === "")
+    throw new TypeError(`${t} must be a non-empty string`);
+  return e;
 }
-function Re(t, e, r = {}) {
-  if (!Array.isArray(t)) throw new TypeError("Block layout items must be an array");
-  if (!Array.isArray(e)) throw new TypeError("Block layout splits must be an array");
+function Re(e, t, r = {}) {
+  if (!Array.isArray(e)) throw new TypeError("Block layout items must be an array");
+  if (!Array.isArray(t)) throw new TypeError("Block layout splits must be an array");
   const i = r.readabilityThreshold ?? 0.02;
   if (!Number.isFinite(i) || i < 0 || i > 1)
     throw new RangeError("Block readability threshold must be between zero and one");
-  const n = [], s = Object.freeze([...t]), o = ht({
+  const n = [], s = Object.freeze([...e]), o = ft({
     items: s,
-    splits: e,
+    splits: t,
     splitIndex: 0,
     path: Object.freeze([]),
     criterion: null,
@@ -286,28 +272,28 @@ function Re(t, e, r = {}) {
   });
   return Object.freeze({ valid: n.length === 0, root: o, issues: Object.freeze(n) });
 }
-function tr(t) {
-  if (!(t instanceof H))
+function ir(e) {
+  if (!(e instanceof V))
     throw new TypeError("criterionSnapshot requires a GroupingCriterion");
   return Object.freeze({
-    key: t.key,
-    label: t.label,
-    categories: t.categories$.get(),
-    allowResorting: t.allowResorting
+    key: e.key,
+    label: e.label,
+    categories: e.categories$.get(),
+    allowResorting: e.allowResorting
   });
 }
-function I(t, e) {
-  if (e == null) return null;
-  let r = t;
-  for (const i of e) {
+function _(e, t) {
+  if (t == null) return null;
+  let r = e;
+  for (const i of t) {
     const n = r.children.find((s) => s.criterionKey === i.criterionKey && s.categoryKey === i.categoryKey);
     if (n == null) return null;
     r = n;
   }
   return r;
 }
-class rr {
-  constructor(e, r, i = {}) {
+class nr {
+  constructor(t, r, i = {}) {
     c(this, "layout$");
     c(this, "selectedPath$");
     c(this, "selectedBlock$");
@@ -317,15 +303,15 @@ class rr {
     c(this, "selectedItemsEmitter");
     c(this, "releases", []);
     c(this, "disposed", !1);
-    this.options = i, this.layoutEmitter = new ir(e, r, i), this.layout$ = this.layoutEmitter, this.selectedPath$ = new D(null, {
+    this.options = i, this.layoutEmitter = new sr(t, r, i), this.layout$ = this.layoutEmitter, this.selectedPath$ = new D(null, {
       owner: this,
       purpose: "selected block path",
-      equals: sr
-    }), this.selectedBlockEmitter = new j(
+      equals: ar
+    }), this.selectedBlockEmitter = new L(
       [this.layout$, this.selectedPath$],
-      ([n, s]) => I(n.root, s),
+      ([n, s]) => _(n.root, s),
       { owner: this, purpose: "selected block" }
-    ), this.selectedBlock$ = this.selectedBlockEmitter, this.selectedItemsEmitter = new j(
+    ), this.selectedBlock$ = this.selectedBlockEmitter, this.selectedItemsEmitter = new L(
       [this.selectedBlock$],
       ([n]) => (n == null ? void 0 : n.items) ?? Object.freeze([]),
       { owner: this, purpose: "selected block items" }
@@ -334,35 +320,35 @@ class rr {
       this.selectedPath$.subscribe(() => this.reconcileSelection(), { emitCurrent: !1 })
     );
   }
-  select(e, r) {
+  select(t, r) {
     this.assertActive();
-    const i = ft(e);
-    if (I(this.layout$.get().root, i) == null)
+    const i = mt(t);
+    if (_(this.layout$.get().root, i) == null)
       throw new Error("Cannot select a path absent from the current block layout");
     return this.selectedPath$.set(i, r ?? "block selected");
   }
-  clear(e) {
-    return this.assertActive(), this.selectedPath$.set(null, e ?? "block selection cleared");
+  clear(t) {
+    return this.assertActive(), this.selectedPath$.set(null, t ?? "block selection cleared");
   }
   dispose() {
     if (!this.disposed) {
       this.disposed = !0;
-      for (const e of this.releases.splice(0)) e();
+      for (const t of this.releases.splice(0)) t();
       this.selectedItemsEmitter.dispose(), this.selectedBlockEmitter.dispose(), this.selectedPath$.dispose(), this.layoutEmitter.dispose();
     }
   }
   reconcileSelection() {
-    const e = this.selectedPath$.get();
-    e == null || I(this.layout$.get().root, e) != null || this.selectedPath$.set(null, "block selection no longer exists");
+    const t = this.selectedPath$.get();
+    t == null || _(this.layout$.get().root, t) != null || this.selectedPath$.set(null, "block selection no longer exists");
   }
   assertActive() {
     if (this.disposed) throw new Error("Block selection model is disposed");
   }
 }
-function Ci(t, e, r = {}) {
-  return new rr(t, e, r);
+function Ti(e, t, r = {}) {
+  return new nr(e, t, r);
 }
-class ir extends Pe {
+class sr extends ct {
   constructor(r, i, n) {
     super(Re([], [], n), {
       purpose: "reactive block layout",
@@ -370,7 +356,7 @@ class ir extends Pe {
     });
     c(this, "releases", []);
     c(this, "categoryReleases", []);
-    this.items$ = r, this.splits$ = i, this.options = n, Xe(r, "Block selection items$"), Xe(i, "Block selection splits$"), this.releases.push(
+    this.items$ = r, this.splits$ = i, this.options = n, Ge(r, "Block selection items$"), Ge(i, "Block selection splits$"), this.releases.push(
       r.subscribe(({ event: s }) => this.recompute(s), { emitCurrent: !1 }),
       i.subscribe(({ event: s }) => {
         this.subscribeCategories(), this.recompute(s);
@@ -394,19 +380,19 @@ class ir extends Pe {
     const i = this.splits$.get(), n = [
       this.items$,
       this.splits$,
-      ...i.map(({ categories$: h }) => h)
-    ], s = n.map((h) => h.getFetchState()), o = n.map((h) => h.getError()).filter(ar);
+      ...i.map(({ categories$: p }) => p)
+    ], s = n.map((p) => p.getFetchState()), o = n.map((p) => p.getError()).filter(cr);
     let a, l = null;
     try {
       a = Re(
         this.items$.get(),
-        i.map(tr),
+        i.map(ir),
         this.options
       );
-    } catch (h) {
-      l = h, a = Re([], [], this.options);
+    } catch (p) {
+      l = p, a = Re([], [], this.options);
     }
-    const u = l == null ? o : [...o, l], d = u.length > 0 ? S.Error : Ut(s);
+    const u = l == null ? o : [...o, l], d = u.length > 0 ? S.Error : Vt(s);
     this.setSnapshot({
       value: a,
       fetchState: d,
@@ -416,9 +402,9 @@ class ir extends Pe {
     });
   }
 }
-function ht(t) {
+function ft(e) {
   const {
-    items: e,
+    items: t,
     splits: r,
     splitIndex: i,
     path: n,
@@ -428,45 +414,45 @@ function ht(t) {
     totalShare: l,
     readabilityThreshold: u,
     issues: d,
-    rootLabel: h
-  } = t, k = r[i], b = k != null && n.length > 0 && l < u, y = k == null || b ? [] : nr({
-    items: e,
+    rootLabel: p
+  } = e, b = r[i], w = b != null && n.length > 0 && l < u, g = b == null || w ? [] : or({
+    items: t,
     splits: r,
     splitIndex: i,
     path: n,
-    criterion: k,
+    criterion: b,
     totalShare: l,
     readabilityThreshold: u,
     issues: d,
-    rootLabel: h
-  }), f = a === 0 ? 0 : e.length / a;
+    rootLabel: p
+  }), f = a === 0 ? 0 : t.length / a;
   return Object.freeze({
-    key: or(n),
+    key: lr(n),
     path: n,
     criterionKey: (s == null ? void 0 : s.key) ?? null,
     criterionLabel: (s == null ? void 0 : s.label) ?? null,
     categoryKey: (o == null ? void 0 : o.key) ?? null,
-    label: (o == null ? void 0 : o.label) ?? h,
+    label: (o == null ? void 0 : o.label) ?? p,
     colors: (o == null ? void 0 : o.colors) ?? null,
     colorKey: (o == null ? void 0 : o.colorKey) ?? null,
-    count: e.length,
+    count: t.length,
     share: f,
     totalShare: l,
     depth: n.length - 1,
-    items: e,
-    children: Object.freeze(y),
+    items: t,
+    children: Object.freeze(g),
     childOrientation: n.length % 2 === 0 ? "horizontal" : "vertical",
-    childrenSuppressed: b
+    childrenSuppressed: w
   });
 }
-function nr(t) {
-  const { items: e, criterion: r, path: i, issues: n } = t, s = new Map(r.categories.map((l) => [l.key, {
+function or(e) {
+  const { items: t, criterion: r, path: i, issues: n } = e, s = new Map(r.categories.map((l) => [l.key, {
     category: l,
     items: []
   }]));
   let o = !0;
-  if (e.forEach((l, u) => {
-    const d = r.categories.filter((h) => h.predicate(l));
+  if (t.forEach((l, u) => {
+    const d = r.categories.filter((p) => p.predicate(l));
     if (d.length !== 1) {
       o = !1, n.push(Object.freeze({
         kind: d.length === 0 ? "unmatched" : "multiple-matches",
@@ -475,7 +461,7 @@ function nr(t) {
         parentPath: i,
         item: l,
         itemIndex: u,
-        matchedCategoryKeys: Object.freeze(d.map(({ key: h }) => h))
+        matchedCategoryKeys: Object.freeze(d.map(({ key: p }) => p))
       }));
       return;
     }
@@ -483,68 +469,68 @@ function nr(t) {
   }), !o) return [];
   let a = [...s.values()].filter((l) => l.items.length > 0);
   return r.allowResorting && (a = a.sort((l, u) => u.items.length - l.items.length || l.category.label.localeCompare(u.category.label) || l.category.key.localeCompare(u.category.key))), a.map(({ category: l, items: u }) => {
-    const d = ft([...i, {
+    const d = mt([...i, {
       criterionKey: r.key,
       categoryKey: l.key
-    }]), h = e.length === 0 ? 0 : u.length / e.length;
-    return ht({
-      ...t,
+    }]), p = t.length === 0 ? 0 : u.length / t.length;
+    return ft({
+      ...e,
       items: Object.freeze(u),
-      splitIndex: t.splitIndex + 1,
+      splitIndex: e.splitIndex + 1,
       path: d,
       criterion: r,
       category: l,
-      parentCount: e.length,
-      totalShare: t.totalShare * h
+      parentCount: t.length,
+      totalShare: e.totalShare * p
     });
   });
 }
-function ft(t) {
-  if (!Array.isArray(t)) throw new TypeError("Block path must be an array");
-  return Object.freeze(t.map((e) => {
-    if (e == null || typeof e != "object")
+function mt(e) {
+  if (!Array.isArray(e)) throw new TypeError("Block path must be an array");
+  return Object.freeze(e.map((t) => {
+    if (t == null || typeof t != "object")
       throw new TypeError("Block path segments must be objects");
-    if (typeof e.criterionKey != "string" || e.criterionKey === "" || typeof e.categoryKey != "string" || e.categoryKey === "")
+    if (typeof t.criterionKey != "string" || t.criterionKey === "" || typeof t.categoryKey != "string" || t.categoryKey === "")
       throw new TypeError("Block path keys must be non-empty strings");
-    return Object.freeze({ ...e });
+    return Object.freeze({ ...t });
   }));
 }
-function sr(t, e) {
-  return t === e || t != null && e != null && t.length === e.length && t.every((r, i) => {
-    const n = e[i];
+function ar(e, t) {
+  return e === t || e != null && t != null && e.length === t.length && e.every((r, i) => {
+    const n = t[i];
     return r.criterionKey === (n == null ? void 0 : n.criterionKey) && r.categoryKey === n.categoryKey;
   });
 }
-function or(t) {
-  return t.length === 0 ? "root" : t.map(({ criterionKey: e, categoryKey: r }) => `${encodeURIComponent(e)}=${encodeURIComponent(r)}`).join("/");
+function lr(e) {
+  return e.length === 0 ? "root" : e.map(({ criterionKey: t, categoryKey: r }) => `${encodeURIComponent(t)}=${encodeURIComponent(r)}`).join("/");
 }
-function ar(t) {
-  return t != null;
+function cr(e) {
+  return e != null;
 }
-function Xe(t, e) {
-  if (t == null || typeof t != "object" && typeof t != "function" || typeof Reflect.get(t, "get") != "function" || typeof Reflect.get(t, "getFetchState") != "function" || typeof Reflect.get(t, "getError") != "function" || typeof Reflect.get(t, "subscribe") != "function")
-    throw new TypeError(`${e} must be a readable emitter`);
+function Ge(e, t) {
+  if (e == null || typeof e != "object" && typeof e != "function" || typeof Reflect.get(e, "get") != "function" || typeof Reflect.get(e, "getFetchState") != "function" || typeof Reflect.get(e, "getError") != "function" || typeof Reflect.get(e, "subscribe") != "function")
+    throw new TypeError(`${t} must be a readable emitter`);
 }
-const Ze = "data-cap-structural-styles";
-let lr = 1;
-class mt {
-  constructor(e = `runtime-${lr++}`) {
+const Xe = "data-cap-structural-styles";
+let ur = 1;
+class yt {
+  constructor(t = `runtime-${ur++}`) {
     c(this, "id");
     c(this, "cssFragments", /* @__PURE__ */ new Map());
-    if (typeof e != "string") throw new TypeError("StyleRegistry id must be a string");
-    this.id = e;
+    if (typeof t != "string") throw new TypeError("StyleRegistry id must be a string");
+    this.id = t;
   }
-  registerCSS(e) {
-    if (typeof e != "string") throw new TypeError("Component CSS must be a string");
-    const r = e.trim();
+  registerCSS(t) {
+    if (typeof t != "string") throw new TypeError("Component CSS must be a string");
+    const r = t.trim();
     return r.length > 0 && this.cssFragments.set(`raw:${r}`, { kind: "raw", css: r }), this;
   }
   /** @internal Collect a host-relative component template without resolving it yet. */
-  registerHostCSS(e, r) {
-    if (typeof e != "string") throw new TypeError("Component CSS must be a string");
+  registerHostCSS(t, r) {
+    if (typeof t != "string") throw new TypeError("Component CSS must be a string");
     if (typeof r != "string" || r.trim().length === 0)
       throw new TypeError("Component CSS host must be a non-empty selector");
-    const i = e.trim();
+    const i = t.trim();
     if (i.length === 0) return this;
     if (!i.includes("&")) return this.registerCSS(i);
     const n = `host:${i}`, s = this.cssFragments.get(n);
@@ -555,16 +541,16 @@ class mt {
     }) : s.kind === "host" && s.hosts.add(r.trim()), this;
   }
   generateCSS() {
-    return [...this.cssFragments.values()].map((e) => e.kind === "raw" ? e.css : yt(e.css, [...e.hosts])).join(`
+    return [...this.cssFragments.values()].map((t) => t.kind === "raw" ? t.css : gt(t.css, [...t.hosts])).join(`
 
 `);
   }
-  injectAll(e = globalThis.document) {
-    if ((e == null ? void 0 : e.head) == null)
+  injectAll(t = globalThis.document) {
+    if ((t == null ? void 0 : t.head) == null)
       throw new TypeError("StyleRegistry.injectAll requires a document with a head");
-    const r = `style[${Ze}="${dr(this.id)}"]`;
-    let i = e.head.querySelector(r);
-    i == null && (i = e.createElement("style"), i.setAttribute(Ze, this.id), e.head.prepend(i));
+    const r = `style[${Xe}="${hr(this.id)}"]`;
+    let i = t.head.querySelector(r);
+    i == null && (i = t.createElement("style"), i.setAttribute(Xe, this.id), t.head.prepend(i));
     const n = this.generateCSS();
     return i.textContent !== n && (i.textContent = n), i;
   }
@@ -572,66 +558,66 @@ class mt {
     this.cssFragments.clear();
   }
 }
-function cr() {
-  return new mt();
+function dr() {
+  return new yt();
 }
-const ur = new mt("");
-function dr(t) {
-  return t.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
+const pr = new yt("");
+function hr(e) {
+  return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
 }
-function yt(t, e) {
+function gt(e, t) {
   let r = "", i = 0;
-  for (; i < t.length; ) {
-    const n = fr(t, i);
-    if (n < 0) return r + t.slice(i);
-    const s = mr(t, n);
-    if (s < 0) return r + t.slice(i);
-    const o = t.slice(i, n), a = t.slice(n + 1, s), l = o.trim();
-    r += l.startsWith("@") ? `${o}{${yt(a, e)}}` : `${pr(o, e)}{${a}}`, i = s + 1;
+  for (; i < e.length; ) {
+    const n = yr(e, i);
+    if (n < 0) return r + e.slice(i);
+    const s = gr(e, n);
+    if (s < 0) return r + e.slice(i);
+    const o = e.slice(i, n), a = e.slice(n + 1, s), l = o.trim();
+    r += l.startsWith("@") ? `${o}{${gt(a, t)}}` : `${fr(o, t)}{${a}}`, i = s + 1;
   }
   return r;
 }
-function pr(t, e) {
+function fr(e, t) {
   var o, a, l;
-  if (e.length === 1 || !t.includes("&"))
-    return e.length === 1 ? t.replaceAll("&", e[0]) : t;
-  const r = ((o = t.match(/^\s*/)) == null ? void 0 : o[0]) ?? "", i = ((a = t.match(/\s*$/)) == null ? void 0 : a[0]) ?? "", n = hr(t.trim()), s = ((l = r.match(/(?:^|\n)([ \t]*)$/)) == null ? void 0 : l[1]) ?? "";
-  return r + n.flatMap((u) => u.includes("&") ? e.map((d) => u.replaceAll("&", d)) : [u]).join(`,
+  if (t.length === 1 || !e.includes("&"))
+    return t.length === 1 ? e.replaceAll("&", t[0]) : e;
+  const r = ((o = e.match(/^\s*/)) == null ? void 0 : o[0]) ?? "", i = ((a = e.match(/\s*$/)) == null ? void 0 : a[0]) ?? "", n = mr(e.trim()), s = ((l = r.match(/(?:^|\n)([ \t]*)$/)) == null ? void 0 : l[1]) ?? "";
+  return r + n.flatMap((u) => u.includes("&") ? t.map((d) => u.replaceAll("&", d)) : [u]).join(`,
 ${s}`) + i;
 }
-function hr(t) {
-  const e = [];
+function mr(e) {
+  const t = [];
   let r = 0, i = 0, n = 0, s = null;
-  for (let o = 0; o < t.length; o += 1) {
-    const a = t[o];
+  for (let o = 0; o < e.length; o += 1) {
+    const a = e[o];
     if (s != null) {
       a === "\\" ? o += 1 : a === s && (s = null);
       continue;
     }
-    a === '"' || a === "'" ? s = a : a === "(" ? i += 1 : a === ")" ? i -= 1 : a === "[" ? n += 1 : a === "]" ? n -= 1 : a === "," && i === 0 && n === 0 && (e.push(t.slice(r, o).trim()), r = o + 1);
+    a === '"' || a === "'" ? s = a : a === "(" ? i += 1 : a === ")" ? i -= 1 : a === "[" ? n += 1 : a === "]" ? n -= 1 : a === "," && i === 0 && n === 0 && (t.push(e.slice(r, o).trim()), r = o + 1);
   }
-  return e.push(t.slice(r).trim()), e.filter(Boolean);
+  return t.push(e.slice(r).trim()), t.filter(Boolean);
 }
-function fr(t, e) {
-  for (let r = e; r < t.length; r += 1) {
-    const i = t[r];
+function yr(e, t) {
+  for (let r = t; r < e.length; r += 1) {
+    const i = e[r];
     if (i === '"' || i === "'")
-      r = gt(t, r);
-    else if (i === "/" && t[r + 1] === "*")
-      r = bt(t, r);
+      r = bt(e, r);
+    else if (i === "/" && e[r + 1] === "*")
+      r = wt(e, r);
     else if (i === "{")
       return r;
   }
   return -1;
 }
-function mr(t, e) {
+function gr(e, t) {
   let r = 1;
-  for (let i = e + 1; i < t.length; i += 1) {
-    const n = t[i];
+  for (let i = t + 1; i < e.length; i += 1) {
+    const n = e[i];
     if (n === '"' || n === "'")
-      i = gt(t, i);
-    else if (n === "/" && t[i + 1] === "*")
-      i = bt(t, i);
+      i = bt(e, i);
+    else if (n === "/" && e[i + 1] === "*")
+      i = wt(e, i);
     else if (n === "{")
       r += 1;
     else if (n === "}" && --r === 0)
@@ -639,29 +625,29 @@ function mr(t, e) {
   }
   return -1;
 }
-function gt(t, e) {
-  const r = t[e];
-  for (let i = e + 1; i < t.length; i += 1)
-    if (t[i] === "\\") i += 1;
-    else if (t[i] === r) return i;
-  return t.length;
+function bt(e, t) {
+  const r = e[t];
+  for (let i = t + 1; i < e.length; i += 1)
+    if (e[i] === "\\") i += 1;
+    else if (e[i] === r) return i;
+  return e.length;
 }
-function bt(t, e) {
-  const r = t.indexOf("*/", e + 2);
-  return r < 0 ? t.length : r + 1;
+function wt(e, t) {
+  const r = e.indexOf("*/", t + 2);
+  return r < 0 ? e.length : r + 1;
 }
-const yr = /* @__PURE__ */ new WeakSet(), gr = /* @__PURE__ */ new WeakSet();
-class wt {
-  constructor(e = []) {
+const br = /* @__PURE__ */ new WeakSet(), wr = /* @__PURE__ */ new WeakSet();
+class vt {
+  constructor(t = []) {
     c(this, "providers", /* @__PURE__ */ new Map());
     c(this, "instances", /* @__PURE__ */ new Map());
     c(this, "creationOrder", []);
     c(this, "resolving", []);
     c(this, "disposed", !1);
-    if (!Array.isArray(e))
+    if (!Array.isArray(t))
       throw new TypeError("ServiceScope providers must be an array");
-    for (const r of e) {
-      if (vr(r), this.providers.has(r.key))
+    for (const r of t) {
+      if (Sr(r), this.providers.has(r.key))
         throw new Error(`Service "${r.key.name}" is registered more than once`);
       this.providers.set(r.key, r);
     }
@@ -669,22 +655,22 @@ class wt {
   get isDisposed() {
     return this.disposed;
   }
-  has(e) {
-    return this.assertActive(), Je(e), this.providers.has(e);
+  has(t) {
+    return this.assertActive(), Ze(t), this.providers.has(t);
   }
-  require(e) {
-    if (this.assertActive(), Je(e), this.instances.has(e)) return this.instances.get(e);
-    const r = this.providers.get(e);
-    if (r == null) throw new Error(`Service "${e.name}" is not registered`);
-    const i = this.resolving.indexOf(e);
+  require(t) {
+    if (this.assertActive(), Ze(t), this.instances.has(t)) return this.instances.get(t);
+    const r = this.providers.get(t);
+    if (r == null) throw new Error(`Service "${t.name}" is not registered`);
+    const i = this.resolving.indexOf(t);
     if (i >= 0) {
-      const n = [...this.resolving.slice(i), e].map((s) => s.name).join(" -> ");
+      const n = [...this.resolving.slice(i), t].map((s) => s.name).join(" -> ");
       throw new Error(`Circular service dependency: ${n}`);
     }
-    this.resolving.push(e);
+    this.resolving.push(t);
     try {
       const n = r.create(this);
-      return this.instances.set(e, n), this.creationOrder.push(e), n;
+      return this.instances.set(t, n), this.creationOrder.push(t), n;
     } finally {
       this.resolving.pop();
     }
@@ -692,46 +678,46 @@ class wt {
   dispose() {
     if (this.disposed) return;
     this.disposed = !0;
-    const e = [];
+    const t = [];
     for (const r of [...this.creationOrder].reverse()) {
       const i = this.instances.get(r);
       try {
-        const n = kr(i);
+        const n = Er(i);
         n != null && n.call(i);
       } catch (n) {
-        e.push(n);
+        t.push(n);
       }
     }
-    if (this.instances.clear(), this.creationOrder.length = 0, this.resolving.length = 0, e.length === 1) throw e[0];
-    if (e.length > 1)
-      throw new AggregateError(e, "Several services failed during disposal");
+    if (this.instances.clear(), this.creationOrder.length = 0, this.resolving.length = 0, t.length === 1) throw t[0];
+    if (t.length > 1)
+      throw new AggregateError(t, "Several services failed during disposal");
   }
   assertActive() {
     if (this.disposed) throw new Error("ServiceScope has been disposed");
   }
 }
-function br(t = []) {
-  return new wt(t);
+function vr(e = []) {
+  return new vt(e);
 }
-function wr(t) {
-  return t != null && (typeof t == "object" || typeof t == "function") && yr.has(t);
+function kr(e) {
+  return e != null && (typeof e == "object" || typeof e == "function") && br.has(e);
 }
-function Je(t) {
-  if (!wr(t)) throw new TypeError("Expected a service key created by defineService()");
+function Ze(e) {
+  if (!kr(e)) throw new TypeError("Expected a service key created by defineService()");
 }
-function vr(t) {
-  if (t == null || typeof t != "object" && typeof t != "function" || !gr.has(t))
+function Sr(e) {
+  if (e == null || typeof e != "object" && typeof e != "function" || !wr.has(e))
     throw new TypeError("Expected a service provider created by provideService()");
 }
-function kr(t) {
-  if (t == null || typeof t != "object" && typeof t != "function") return null;
-  const e = Reflect.get(t, "dispose");
-  return typeof e == "function" ? e : null;
+function Er(e) {
+  if (e == null || typeof e != "object" && typeof e != "function") return null;
+  const t = Reflect.get(e, "dispose");
+  return typeof t == "function" ? t : null;
 }
-const pe = Object.freeze({
+const he = Object.freeze({
   breadcrumbLabel: "Breadcrumb",
   checkboxOptionLabel: "Option",
-  checkboxStateLabel: (t, e) => `${t}: ${e}`,
+  checkboxStateLabel: (e, t) => `${e}: ${t}`,
   colorOptionGrayLabel: "Gray",
   colorOptionGreenLabel: "Green",
   colorOptionIceBlueLabel: "Ice blue",
@@ -763,8 +749,8 @@ const pe = Object.freeze({
   radioOptionLabel: "Option",
   splitViewSeparatorLabel: "Resize panes",
   tabLineLabel: "Sections",
-  tableFilterColumnLabel: (t) => `Filter ${t}`,
-  tableSortColumnLabel: (t) => `Sort ${t}`,
+  tableFilterColumnLabel: (e) => `Filter ${e}`,
+  tableSortColumnLabel: (e) => `Sort ${e}`,
   themeOptionCapillaryLabel: "Capillary",
   themeOptionMinimalLabel: "Minimal",
   themeOptionShinyLabel: "Shiny",
@@ -773,49 +759,49 @@ const pe = Object.freeze({
   treeViewLoadError: "Unable to load tree items",
   treeViewLoading: "Loading tree items…"
 });
-class vt {
-  constructor(e, r) {
+class kt {
+  constructor(t, r) {
     c(this, "locale");
     c(this, "messages");
-    this.locale = e, this.messages = r, Object.freeze(this);
+    this.locale = t, this.messages = r, Object.freeze(this);
   }
-  message(e) {
-    return this.messages[e];
+  message(t) {
+    return this.messages[t];
   }
 }
-const Sr = new vt(
+const $r = new kt(
   void 0,
-  pe
+  he
 );
-function Er(t) {
-  if (t == null) return Sr;
-  if (typeof t != "object" || Array.isArray(t))
+function xr(e) {
+  if (e == null) return $r;
+  if (typeof e != "object" || Array.isArray(e))
     throw new TypeError("Capillary UI localization must be an object");
-  const e = $r(t.locale), r = t.messages;
+  const t = Cr(e.locale), r = e.messages;
   if (r != null && (typeof r != "object" || Array.isArray(r)))
     throw new TypeError("Capillary UI localization messages must be an object");
-  const i = { ...pe };
+  const i = { ...he };
   if (r != null)
-    for (const n of Object.keys(pe)) {
+    for (const n of Object.keys(he)) {
       const s = r[n];
       if (s === void 0) continue;
-      const o = pe[n];
+      const o = he[n];
       if (typeof s != typeof o)
         throw new TypeError(`Capillary UI localization message "${n}" has the wrong type`);
       Object.assign(i, { [n]: s });
     }
-  return new vt(e, Object.freeze(i));
+  return new kt(t, Object.freeze(i));
 }
-function $r(t) {
-  if (typeof t != "string" || t.trim() === "")
+function Cr(e) {
+  if (typeof e != "string" || e.trim() === "")
     throw new TypeError("Capillary UI localization locale must be a non-empty BCP 47 language tag");
   try {
-    return Intl.getCanonicalLocales(t)[0];
-  } catch (e) {
-    throw new RangeError(`Invalid Capillary UI localization locale: ${t}`, { cause: e });
+    return Intl.getCanonicalLocales(e)[0];
+  } catch (t) {
+    throw new RangeError(`Invalid Capillary UI localization locale: ${e}`, { cause: t });
   }
 }
-const xr = /* @__PURE__ */ new Set([
+const zr = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -825,71 +811,71 @@ const xr = /* @__PURE__ */ new Set([
   "font-face-name",
   "missing-glyph"
 ]);
-class kt {
-  constructor(e = {}, r = cr()) {
+class St {
+  constructor(t = {}, r = dr()) {
     c(this, "styleRegistry");
     c(this, "services");
     c(this, "router");
     c(this, "localization");
     c(this, "diagnosticScope");
     c(this, "routedRoots", /* @__PURE__ */ new WeakSet());
-    if (e == null || typeof e != "object" || Array.isArray(e))
+    if (t == null || typeof t != "object" || Array.isArray(t))
       throw new TypeError("CapillaryUiRuntime options must be an object");
-    if (Object.hasOwn(e, "elementNames"))
+    if (Object.hasOwn(t, "elementNames"))
       throw new TypeError("CapillaryUiRuntime no longer supports configurable element names");
-    if (this.styleRegistry = r, this.diagnosticScope = e.diagnosticScope ?? Ht, this.localization = Er(e.localization), this.services = e.services ?? br(), !(this.services instanceof wt))
+    if (this.styleRegistry = r, this.diagnosticScope = t.diagnosticScope ?? Wt, this.localization = xr(t.localization), this.services = t.services ?? vr(), !(this.services instanceof vt))
       throw new TypeError("Capillary UI services must be a ServiceScope");
-    if (this.router = e.router ?? null, this.router != null && (typeof this.router != "object" || typeof this.router.openScope != "function" || typeof this.router.completeScope != "function"))
+    if (this.router = t.router ?? null, this.router != null && (typeof this.router != "object" || typeof this.router.openScope != "function" || typeof this.router.completeScope != "function"))
       throw new TypeError("Capillary UI router must be a BrowserRouter");
   }
   /** Resolve a fixed one-hyphen public host name for a built-in component. */
-  resolveElementName(e) {
-    St(e, "Capillary UI component host name");
-    const r = `cap-${e.replaceAll("-", "")}`;
-    return Cr(r), r;
+  resolveElementName(t) {
+    Et(t, "Capillary UI component host name");
+    const r = `cap-${t.replaceAll("-", "")}`;
+    return Tr(r), r;
   }
-  resolveHostSelector(e, r) {
-    if (typeof e != "string") throw new TypeError("Host selector must be a string");
-    return e.replaceAll("&", this.resolveElementName(r));
+  resolveHostSelector(t, r) {
+    if (typeof t != "string") throw new TypeError("Host selector must be a string");
+    return t.replaceAll("&", this.resolveElementName(r));
   }
-  resolveHostCSS(e, r) {
-    if (typeof e != "string") throw new TypeError("Host CSS must be a string");
-    return e.replaceAll("&", this.resolveElementName(r));
+  resolveHostCSS(t, r) {
+    if (typeof t != "string") throw new TypeError("Host CSS must be a string");
+    return t.replaceAll("&", this.resolveElementName(r));
   }
-  create(e, ...r) {
-    const i = m.withScope(this.diagnosticScope, () => new e(...r));
+  create(t, ...r) {
+    const i = m.withScope(this.diagnosticScope, () => new t(...r));
     return i._setRuntime(this), i;
   }
-  mount(e, r, i = null) {
-    e._setRuntime(this);
+  mount(t, r, i = null) {
+    t._setRuntime(this);
     let n = null;
-    this.router != null && !this.routedRoots.has(e) && (this.routedRoots.add(e), n = this.router.openScope(this.router.root, e), e.onCleanup(n));
+    this.router != null && !this.routedRoots.has(t) && (this.routedRoots.add(t), n = this.router.openScope(this.router.root, t), t.onCleanup(n));
     try {
-      e.mount(r, i), this.router != null && n != null && this.router.completeScope(this.router.root, e);
+      t.mount(r, i), this.router != null && n != null && this.router.completeScope(this.router.root, t);
     } catch (s) {
       throw n == null || n(), s;
     }
-    return e;
+    return t;
   }
-  registerStyles(e) {
-    if (e == null || typeof e.registerStyles != "function")
+  registerStyles(t) {
+    if (t == null || typeof t.registerStyles != "function")
       throw new TypeError("registerStyles requires a Capillary UI component dependency");
-    return e.registerStyles(this), this;
+    return t.registerStyles(this), this;
   }
-  injectStyles(e = globalThis.document) {
-    return this.styleRegistry.injectAll(e);
+  injectStyles(t = globalThis.document) {
+    return this.styleRegistry.injectAll(t);
   }
 }
-const Qe = new kt({}, ur);
-function St(t, e) {
-  if (typeof t != "string" || !/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/.test(t))
-    throw new TypeError(`${e} must be a lowercase kebab-case name`);
+const Je = new St({}, pr);
+function Et(e, t) {
+  if (typeof e != "string" || !/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/.test(e))
+    throw new TypeError(`${t} must be a lowercase kebab-case name`);
 }
-function Cr(t) {
-  if (St(t, "Capillary UI element name"), !t.includes("-") || xr.has(t))
-    throw new TypeError(`Capillary UI element name must be a non-reserved name containing a hyphen: ${t}`);
+function Tr(e) {
+  if (Et(e, "Capillary UI element name"), !e.includes("-") || zr.has(e))
+    throw new TypeError(`Capillary UI element name must be a non-reserved name containing a hyphen: ${e}`);
 }
-const ee = Symbol.for("@capillaryjs/capillary-ui.Fragment"), Tr = /* @__PURE__ */ new WeakSet(), zr = /* @__PURE__ */ new Set([
+const re = Symbol.for("@capillaryjs/capillary-ui.Fragment"), Or = /* @__PURE__ */ new WeakSet(), Rr = /* @__PURE__ */ new Set([
   "allowFullScreen",
   "async",
   "autoFocus",
@@ -913,7 +899,7 @@ const ee = Symbol.for("@capillaryjs/capillary-ui.Fragment"), Tr = /* @__PURE__ *
   "required",
   "reversed",
   "selected"
-]), Rr = /* @__PURE__ */ new Set([
+]), Ar = /* @__PURE__ */ new Set([
   "checked",
   "defaultChecked",
   "defaultValue",
@@ -927,13 +913,13 @@ const ee = Symbol.for("@capillaryjs/capillary-ui.Fragment"), Tr = /* @__PURE__ *
   "selectedIndex",
   "tabIndex",
   "value"
-]), et = "data-cap";
-let C = null;
-function E() {
-  C && (C.count += 1);
+]), Qe = "data-cap";
+let z = null;
+function $() {
+  z && (z.count += 1);
 }
-function me(t, e = null, ...r) {
-  const i = e ?? {};
+function ye(e, t = null, ...r) {
+  const i = t ?? {};
   if (typeof i != "object" || Array.isArray(i))
     throw new TypeError("VNode props must be an object or null");
   const {
@@ -942,19 +928,19 @@ function me(t, e = null, ...r) {
     ...o
   } = i;
   return {
-    type: t,
+    type: e,
     key: s,
     props: {
       ...o,
-      children: Et([n, r])
+      children: $t([n, r])
     }
   };
 }
-function Ar(t, ...e) {
-  return t.reduce((r, i, n) => r + i + String(e[n] ?? ""), "");
+function Lr(e, ...t) {
+  return e.reduce((r, i, n) => r + i + String(t[n] ?? ""), "");
 }
-const x = class x {
-  constructor(e = {}) {
+const C = class C {
+  constructor(t = {}) {
     c(this, "props");
     c(this, "dom", null);
     /** @internal */
@@ -973,51 +959,51 @@ const x = class x {
     c(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
     c(this, "collectingRenderReads", null);
     /** @internal */
-    c(this, "_runtime", Qe);
+    c(this, "_runtime", Je);
     /** @internal Route lineage inherited by nested routed components. */
     c(this, "_routeContext", null);
     /** JSX component for this instance's runtime-configured custom host. */
     c(this, "Host", ({
-      children: e = [],
+      children: t = [],
       ...r
-    }) => this.host(r, e));
-    if (e == null || typeof e != "object" || Array.isArray(e))
+    }) => this.host(r, t));
+    if (t == null || typeof t != "object" || Array.isArray(t))
       throw new TypeError(`${this.constructor.name} props must be an object`);
-    this.props = e;
+    this.props = t;
   }
-  static new(...e) {
-    const r = new this(...e);
-    if (!(r instanceof x))
+  static new(...t) {
+    const r = new this(...t);
+    if (!(r instanceof C))
       throw new TypeError("Component.new() requires a Component constructor");
     return r.mount();
   }
-  static registerStyles(e = Qe, r = /* @__PURE__ */ new Set()) {
+  static registerStyles(t = Je, r = /* @__PURE__ */ new Set()) {
     if (r.has(this)) return;
     r.add(this);
-    const i = this.hostName ?? null, n = Wr(this);
+    const i = this.hostName ?? null, n = Gr(this);
     for (const s of n)
-      Object.hasOwn(s, "css") && s.css && (i == null ? e.styleRegistry.registerCSS(s.css) : e.styleRegistry.registerHostCSS(
+      Object.hasOwn(s, "css") && s.css && (i == null ? t.styleRegistry.registerCSS(s.css) : t.styleRegistry.registerHostCSS(
         s.css,
-        e.resolveElementName(i)
+        t.resolveElementName(i)
       ));
     for (const s of n)
       if (Object.hasOwn(s, "dependencies"))
         for (const o of s.dependencies ?? [])
-          o.registerStyles(e, r);
+          o.registerStyles(t, r);
   }
   get diagnosticScope() {
-    var e;
-    return this.constructor.diagnosticScope ?? ((e = this._parentComponent) == null ? void 0 : e.diagnosticScope) ?? this._runtime.diagnosticScope;
+    var t;
+    return this.constructor.diagnosticScope ?? ((t = this._parentComponent) == null ? void 0 : t.diagnosticScope) ?? this._runtime.diagnosticScope;
   }
   /** Stable instance label, captured when this component is first observed. */
   get diagnosticLabel() {
-    const e = this.constructor;
-    return e.diagnosticLabel ?? e.hostName ?? e.name;
+    const t = this.constructor;
+    return t.diagnosticLabel ?? t.hostName ?? t.name;
   }
-  [Vt]() {
+  [Yt]() {
     return {
       kind: "component",
-      label: _(this),
+      label: B(this),
       scope: this.diagnosticScope,
       sources: [...this.watched.keys(), ...this.renderReadSubscriptions.keys()],
       targets: [...this._childComponents]
@@ -1030,7 +1016,7 @@ const x = class x {
     throw new Error(`${this.constructor.name} must implement render()`);
   }
   /** Render this component's configured custom host element. */
-  host(e = null, ...r) {
+  host(t = null, ...r) {
     const i = this.constructor, n = i.hostName;
     if (n == null)
       throw new Error(`${this.constructor.name} does not declare a custom host name`);
@@ -1038,8 +1024,8 @@ const x = class x {
       class: s,
       className: o,
       ...a
-    } = e ?? {}, l = o ?? s, u = this.props.island === !0 ? Yr(l, "island") : l;
-    return me(this._runtime.resolveElementName(n), {
+    } = t ?? {}, l = o ?? s, u = this.props.island === !0 ? Xr(l, "island") : l;
+    return ye(this._runtime.resolveElementName(n), {
       ...a,
       ...u == null ? {} : { className: u },
       "data-cap-component": n,
@@ -1047,54 +1033,54 @@ const x = class x {
     }, ...r);
   }
   /** @internal Assign an immutable application runtime before initialization or mounting. */
-  _setRuntime(e) {
+  _setRuntime(t) {
     var r;
-    if (!(e instanceof kt))
+    if (!(t instanceof St))
       throw new TypeError("Component runtime must be a CapillaryUiRuntime");
-    if (e === this._runtime) return this;
+    if (t === this._runtime) return this;
     if (this.initialized || this.mounted || this._rendered != null)
       throw new Error("Cannot change a component runtime after initialization");
-    return this._runtime = e, this._routeContext == null && (this._routeContext = ((r = e.router) == null ? void 0 : r.root) ?? null), this;
+    return this._runtime = t, this._routeContext == null && (this._routeContext = ((r = t.router) == null ? void 0 : r.root) ?? null), this;
   }
   /** @internal Assign contextual route lineage before initialization. */
-  _setRouteContext(e) {
+  _setRouteContext(t) {
     if (this.initialized || this.mounted || this._rendered != null)
       throw new Error("Cannot change a component route context after initialization");
-    return this._routeContext = e, this;
+    return this._routeContext = t, this;
   }
   /** @internal Route lineage inherited by component children. */
   _routeContextForChildren() {
     return this._routeContext;
   }
   /** @internal Assign the renderer-owned component ancestry. */
-  _setParentComponent(e) {
-    if (this._parentComponent != null && this._parentComponent !== e)
+  _setParentComponent(t) {
+    if (this._parentComponent != null && this._parentComponent !== t)
       throw new Error("A component instance cannot move between component owners");
-    return this._parentComponent = e, this.validateIslandAncestry(this.props), this;
+    return this._parentComponent = t, this.validateIslandAncestry(this.props), this;
   }
-  mount(e = null, r = null) {
+  mount(t = null, r = null) {
     if (this.destroyed) throw new Error("Cannot mount a destroyed component");
     this.validateIslandAncestry(this.props);
     let i = !1;
-    return this.initialized || (this.validateRequiredServices(), this.initialized = !0, m.withScope(this.diagnosticScope, () => this.initialize())), this.mounted || (this.mounted = !0, this.update(), i = !0), e != null && (Vr(e), Fe(e, this._rendered, r)), i && this.afterMount(this.dom), this;
+    return this.initialized || (this.validateRequiredServices(), this.initialized = !0, m.withScope(this.diagnosticScope, () => this.initialize())), this.mounted || (this.mounted = !0, this.update(), i = !0), t != null && (Yr(t), qe(t, this._rendered, r)), i && this.afterMount(this.dom), this;
   }
-  attachTo(e) {
-    return this.mount(e), this;
+  attachTo(t) {
+    return this.mount(t), this;
   }
-  update(e, r = e instanceof Ge ? "dependency" : "explicit") {
+  update(t, r = t instanceof Ye ? "dependency" : "explicit") {
     if (this.destroyed) return this;
     if (!this.mounted) return this.mount();
     if (this.updating)
       return this.updateRequested = !0, this;
     this.updating = !0;
     const i = m.event(this, "consumer", {
-      parent: e instanceof Ge ? e : m.currentEvent,
+      parent: t instanceof Ye ? t : m.currentEvent,
       cause: "component render",
       outcome: "started",
       consumer: { trigger: r }
-    }), n = C, s = i ? { count: 0 } : null;
+    }), n = z, s = i ? { count: 0 } : null;
     let o = 0;
-    C = s;
+    z = s;
     try {
       m.withEvent(i, () => {
         do {
@@ -1103,7 +1089,7 @@ const x = class x {
           this.collectingRenderReads = a;
           let l;
           try {
-            l = m.withScope(this.diagnosticScope, () => J(this.render()));
+            l = m.withScope(this.diagnosticScope, () => ee(this.render()));
           } finally {
             this.collectingRenderReads = null;
           }
@@ -1124,25 +1110,25 @@ const x = class x {
         consumer: { trigger: r, domWrites: s.count, renderPasses: o }
       }), a;
     } finally {
-      C = n, this.updating = !1;
+      z = n, this.updating = !1;
     }
     return this;
   }
-  setProps(e) {
+  setProps(t) {
     var r, i;
-    if (e == null || typeof e != "object" || Array.isArray(e))
+    if (t == null || typeof t != "object" || Array.isArray(t))
       throw new TypeError(`${this.constructor.name} props must be an object`);
-    return this.validateIslandAncestry(e), this.props = e, this.mounted && this.update(
+    return this.validateIslandAncestry(t), this.props = t, this.mounted && this.update(
       void 0,
       ((i = (r = m.currentEvent) == null ? void 0 : r.diagnostic) == null ? void 0 : i.node.kind) === "binding" ? "dependency" : "parent"
     ), this;
   }
-  afterMount(e) {
+  afterMount(t) {
   }
-  afterUpdate(e) {
+  afterUpdate(t) {
   }
-  watch(...e) {
-    for (const r of e) {
+  watch(...t) {
+    for (const r of t) {
       if (r == null || typeof r.subscribe != "function")
         throw new TypeError("watch requires emitter-like values");
       if (this.watched.has(r)) continue;
@@ -1155,61 +1141,61 @@ const x = class x {
     }
     return this;
   }
-  watchFutureValues(...e) {
-    return this.watch(...e);
+  watchFutureValues(...t) {
+    return this.watch(...t);
   }
   /** Read an emitter during render and rerender when that dependency changes. */
-  read(e) {
-    return this.trackRenderRead(e), e.get();
+  read(t) {
+    return this.trackRenderRead(t), t.get();
   }
   /** Read a Capillary value, fetch state, and error as one tracked render dependency. */
-  snapshot(e) {
-    return this.trackRenderRead(e), Object.freeze({
-      value: e.get(),
-      fetchState: e.getFetchState(),
-      error: e.getError()
+  snapshot(t) {
+    return this.trackRenderRead(t), Object.freeze({
+      value: t.get(),
+      fetchState: t.getFetchState(),
+      error: t.getError()
     });
   }
-  onCleanup(e) {
-    if (typeof e != "function") throw new TypeError("cleanup must be a function");
+  onCleanup(t) {
+    if (typeof t != "function") throw new TypeError("cleanup must be a function");
     if (this.destroyed)
-      return e(), () => {
+      return t(), () => {
       };
-    this.cleanupFunctions.add(e);
+    this.cleanupFunctions.add(t);
     let r = !0;
     return () => {
-      r && (r = !1, this.cleanupFunctions.delete(e), e());
+      r && (r = !1, this.cleanupFunctions.delete(t), t());
     };
   }
   /** Resolve one explicitly declared application service from this component's runtime. */
-  requireService(e) {
+  requireService(t) {
     if (!this.initialized)
       throw new Error("Components may resolve services during initialize() or later");
     const r = this.constructor;
-    if (!r.requiredServices.includes(e))
+    if (!r.requiredServices.includes(t))
       throw new Error(
-        `${r.name} must declare service "${e.name}" in requiredServices`
+        `${r.name} must declare service "${t.name}" in requiredServices`
       );
-    return this._runtime.services.require(e);
+    return this._runtime.services.require(t);
   }
   /** Read the immutable Capillary UI localization selected for this component's runtime. */
   get localization() {
     return this._runtime.localization;
   }
   /** Resolve one Capillary UI-authored message with the runtime's English fallback. */
-  capillaryUiMessage(e) {
-    return this.localization.message(e);
+  capillaryUiMessage(t) {
+    return this.localization.message(t);
   }
-  listen(e, r, i, n) {
-    if (e == null || typeof e.addEventListener != "function")
+  listen(t, r, i, n) {
+    if (t == null || typeof t.addEventListener != "function")
       throw new TypeError("listen target must be an EventTarget");
     const s = {};
     m.configure(s, {
       kind: "interaction",
-      label: `${_(this)}: ${r}`,
+      label: `${B(this)}: ${r}`,
       scope: this.diagnosticScope
     });
-    const o = (a) => ge(
+    const o = (a) => be(
       s,
       this.diagnosticScope,
       a,
@@ -1217,8 +1203,8 @@ const x = class x {
       r,
       () => i(a)
     );
-    return e.addEventListener(r, o, n), this.onCleanup(() => {
-      e.removeEventListener(r, o, n), m.dispose(s);
+    return t.addEventListener(r, o, n), this.onCleanup(() => {
+      t.removeEventListener(r, o, n), m.dispose(s);
     }), this;
   }
   /**
@@ -1229,16 +1215,16 @@ const x = class x {
    * runs through the same traced native-event coalescing as listen(), and
    * is removed on destroy if it is still attached.
    */
-  listenWhile(e, r, i, n) {
-    if (e == null || typeof e.addEventListener != "function")
+  listenWhile(t, r, i, n) {
+    if (t == null || typeof t.addEventListener != "function")
       throw new TypeError("listen target must be an EventTarget");
     const s = {};
     m.configure(s, {
       kind: "interaction",
-      label: `${_(this)}: ${r}`,
+      label: `${B(this)}: ${r}`,
       scope: this.diagnosticScope
     });
-    const o = (d) => ge(
+    const o = (d) => be(
       s,
       this.diagnosticScope,
       d,
@@ -1248,57 +1234,57 @@ const x = class x {
     );
     let a = !1;
     const l = () => {
-      a && (a = !1, e.removeEventListener(r, o, n), m.dispose(s));
+      a && (a = !1, t.removeEventListener(r, o, n), m.dispose(s));
     }, u = this.onCleanup(l);
-    return this.destroyed || (a = !0, e.addEventListener(r, o, n)), u;
+    return this.destroyed || (a = !0, t.addEventListener(r, o, n)), u;
   }
-  registerChild(e) {
-    if (!(e instanceof x))
+  registerChild(t) {
+    if (!(t instanceof C))
       throw new TypeError("registerChild requires a Component");
-    return this._childComponents.add(e), m.active && m.inspect(this), e;
+    return this._childComponents.add(t), m.active && m.inspect(this), t;
   }
   destroy() {
     if (!this.destroyed) {
       this.destroyed = !0, this.mounted = !1, m.dispose(this);
-      for (const e of [...this.cleanupFunctions]) e();
+      for (const t of [...this.cleanupFunctions]) t();
       this.cleanupFunctions.clear(), this.watched.clear();
-      for (const e of this.renderReadSubscriptions.values()) e();
+      for (const t of this.renderReadSubscriptions.values()) t();
       this.renderReadSubscriptions.clear(), this.collectingRenderReads = null, this._rendered && M(this._rendered, !0), this._rendered = null, this.dom = null, this._childComponents.clear(), this.onDestroy();
     }
   }
   validateRequiredServices() {
-    const e = this.constructor;
-    for (const r of e.requiredServices)
+    const t = this.constructor;
+    for (const r of t.requiredServices)
       if (!this._runtime.services.has(r))
-        throw new Error(`${e.name} requires unregistered service "${r.name}"`);
+        throw new Error(`${t.name} requires unregistered service "${r.name}"`);
   }
-  validateIslandAncestry(e) {
-    if (!Oe(e)) return;
+  validateIslandAncestry(t) {
+    if (!Le(t)) return;
     if (this.hasIslandDescendant())
       throw new Error("An island component cannot contain another island");
     let r = this._parentComponent;
     for (; r != null; ) {
-      if (Oe(r.props))
+      if (Le(r.props))
         throw new Error("An island component cannot be nested inside another island");
       r = r._parentComponent;
     }
   }
   hasIslandDescendant() {
-    for (const e of this._childComponents)
-      if (Oe(e.props) || e.hasIslandDescendant()) return !0;
+    for (const t of this._childComponents)
+      if (Le(t.props) || t.hasIslandDescendant()) return !0;
     return !1;
   }
   onDestroy() {
   }
-  trackRenderRead(e) {
-    if (Mt(e, "Component.read"), this.collectingRenderReads == null)
+  trackRenderRead(t) {
+    if (Dt(t, "Component.read"), this.collectingRenderReads == null)
       throw new Error("Component.read() and snapshot() may only be called during render()");
-    this.collectingRenderReads.add(e);
+    this.collectingRenderReads.add(t);
   }
-  reconcileRenderReads(e) {
+  reconcileRenderReads(t) {
     for (const [r, i] of this.renderReadSubscriptions)
-      e.has(r) || (i(), this.renderReadSubscriptions.delete(r));
-    for (const r of e) {
+      t.has(r) || (i(), this.renderReadSubscriptions.delete(r));
+    for (const r of t) {
       if (this.watched.has(r) || this.renderReadSubscriptions.has(r)) continue;
       const i = r.subscribe(({ event: n }) => {
         this.mounted && !this.destroyed && this.update(n);
@@ -1307,8 +1293,8 @@ const x = class x {
     }
   }
 };
-c(x, "dependencies", []), c(x, "requiredServices", []), /** Component `live()` bindings are opt-in; subclasses declare their allowlist. */
-c(x, "liveProps", []), c(x, "css", Ar`
+c(C, "dependencies", []), c(C, "requiredServices", []), /** Component `live()` bindings are opt-in; subclasses declare their allowlist. */
+c(C, "liveProps", []), c(C, "css", Lr`
         .cap-fill-horizontal,
         .cap-fill-vertical {
             box-sizing: border-box;
@@ -1455,71 +1441,71 @@ c(x, "liveProps", []), c(x, "css", Ar`
         label[data-cap] {
             user-select: none;
         }
-    `), c(x, "hostName", null), /** Override for a diagnostic-tool subtree; ordinary components inherit their owner/runtime. */
-c(x, "diagnosticScope", null), /** Optional stable display name for bundled application components. Built-ins use their host name. */
-c(x, "diagnosticLabel", null), /** Optional host-level data surface marker for parent composition. */
-c(x, "dataSurface", null);
-let T = x;
-function J(t) {
-  return Array.isArray(t) ? me(ee, null, t) : t == null || typeof t == "boolean" ? me(ee) : t;
+    `), c(C, "hostName", null), /** Override for a diagnostic-tool subtree; ordinary components inherit their owner/runtime. */
+c(C, "diagnosticScope", null), /** Optional stable display name for bundled application components. Built-ins use their host name. */
+c(C, "diagnosticLabel", null), /** Optional host-level data surface marker for parent composition. */
+c(C, "dataSurface", null);
+let O = C;
+function ee(e) {
+  return Array.isArray(e) ? ye(re, null, e) : e == null || typeof e == "boolean" ? ye(re) : e;
 }
-function Et(t) {
-  const e = [], r = (i) => {
+function $t(e) {
+  const t = [], r = (i) => {
     if (Array.isArray(i))
       for (const n of i) r(n);
-    else i != null && typeof i != "boolean" && e.push(i);
+    else i != null && typeof i != "boolean" && t.push(i);
   };
-  return r(t), e;
+  return r(e), t;
 }
-function te(t, e) {
-  if (typeof t == "string" || typeof t == "number")
+function ie(e, t) {
+  if (typeof e == "string" || typeof e == "number")
     return {
       kind: "text",
       key: null,
-      value: t,
-      node: document.createTextNode(String(t)),
-      owner: e
+      value: e,
+      node: document.createTextNode(String(e)),
+      owner: t
     };
-  if (Se(t)) {
-    const s = document.createComment("cap-emitter-start"), o = document.createComment("cap-emitter-end"), a = t.get();
-    if (Object.is(a, t))
+  if (Ee(e)) {
+    const s = document.createComment("cap-emitter-start"), o = document.createComment("cap-emitter-end"), a = e.get();
+    if (Object.is(a, e))
       throw new TypeError("A Capillary UI emitter child cannot render itself");
     const l = document.createDocumentFragment();
-    l.append(s, o), E(), E();
-    const u = te(J(a), e);
-    Fe(l, u, o);
+    l.append(s, o), $(), $();
+    const u = ie(ee(a), t);
+    qe(l, u, o);
     const d = {
       kind: "emitter",
       key: null,
-      source: t,
+      source: e,
       start: s,
       end: o,
       child: u,
       unsubscribe: () => {
       },
-      owner: e
+      owner: t
     };
-    return d.unsubscribe = ke(t, d, e, "reactive child", (h) => {
-      if (Object.is(h, t))
+    return d.unsubscribe = Se(e, d, t, "reactive child", (p) => {
+      if (Object.is(p, e))
         throw new TypeError("A Capillary UI emitter child cannot render itself");
-      d.child = Ie(d.child, J(h), e);
+      d.child = Ie(d.child, ee(p), t);
     }), d;
   }
-  if (t instanceof T)
-    return t._setRuntime(e._runtime), t._setRouteContext(e._routeContextForChildren()), t._setParentComponent(e), t.mount(), e.registerChild(t), {
+  if (e instanceof O)
+    return e._setRuntime(t._runtime), e._setRouteContext(t._routeContextForChildren()), e._setParentComponent(t), e.mount(), t.registerChild(e), {
       kind: "component",
-      key: Ot(t.props),
-      type: t.constructor,
-      instance: t,
+      key: Lt(e.props),
+      type: e.constructor,
+      instance: e,
       prebuilt: !0,
-      props: t.props,
+      props: e.props,
       liveProps: /* @__PURE__ */ new Map(),
-      owner: e
+      owner: t
     };
-  if (!O(t))
-    throw new TypeError(`Invalid Capillary UI child: ${st(t)}`);
-  const { type: r, key: i = null, props: n } = t;
-  if (r === ee) {
+  if (!A(e))
+    throw new TypeError(`Invalid Capillary UI child: ${nt(e)}`);
+  const { type: r, key: i = null, props: n } = e;
+  if (r === re) {
     const s = document.createComment("cap-fragment-start"), o = document.createComment("cap-fragment-end"), a = {
       kind: "fragment",
       key: i,
@@ -1527,13 +1513,13 @@ function te(t, e) {
       start: s,
       end: o,
       children: [],
-      owner: e
+      owner: t
     }, l = document.createDocumentFragment();
-    return l.append(s, o), E(), E(), a.children = ye(
+    return l.append(s, o), $(), $(), a.children = ge(
       l,
       [],
       n.children,
-      e,
+      t,
       o,
       s
     ), a;
@@ -1550,18 +1536,18 @@ function te(t, e) {
       nativeBindings: /* @__PURE__ */ new Map(),
       ref: null,
       children: [],
-      owner: e
+      owner: t
     };
-    return zt(o, n), o.children = ye(s, [], n.children, e), o;
+    return Ot(o, n), o.children = ge(s, [], n.children, t), o;
   }
-  if (Lt(r)) {
+  if (Mt(r)) {
     const s = n;
-    Ct(r, s);
-    const o = tt(s), a = m.withScope(
-      r.diagnosticScope ?? e.diagnosticScope,
+    zt(r, s);
+    const o = et(s), a = m.withScope(
+      r.diagnosticScope ?? t.diagnosticScope,
       () => new r(o)
     );
-    a._setRuntime(e._runtime), a._setRouteContext(e._routeContextForChildren()), a._setParentComponent(e);
+    a._setRuntime(t._runtime), a._setRouteContext(t._routeContextForChildren()), a._setParentComponent(t);
     const l = {
       kind: "component",
       key: i,
@@ -1570,19 +1556,19 @@ function te(t, e) {
       prebuilt: !1,
       props: o,
       liveProps: /* @__PURE__ */ new Map(),
-      owner: e
+      owner: t
     };
-    return xt(l, s), a.mount(), e.registerChild(a), l;
+    return Ct(l, s), a.mount(), t.registerChild(a), l;
   }
   if (typeof r == "function") {
-    const s = r, o = n, a = tt(o), l = s === Reflect.get(e, "Host") ? null : {};
+    const s = r, o = n, a = et(o), l = s === Reflect.get(t, "Host") ? null : {};
     l && m.configure(l, {
       kind: "component",
       label: String(Reflect.get(s, "diagnosticLabel") ?? s.name ?? "Function component"),
-      scope: e.diagnosticScope,
-      sources: [e]
+      scope: t.diagnosticScope,
+      sources: [t]
     });
-    const u = Tt(l, () => te(J(s(a)), e)), d = {
+    const u = Tt(l, () => ie(ee(s(a)), t)), d = {
       kind: "function",
       key: i,
       type: s,
@@ -1591,200 +1577,200 @@ function te(t, e) {
       liveProps: /* @__PURE__ */ new Map(),
       child: u,
       diagnosticSubject: l,
-      owner: e
+      owner: t
     };
-    return jr(d), d;
+    return Mr(d), d;
   }
-  throw new TypeError(`Unsupported vnode type: ${st(r)}`);
+  throw new TypeError(`Unsupported vnode type: ${nt(r)}`);
 }
-function Ie(t, e, r) {
-  if (t == null) return te(e, r);
-  if (jt(t, e)) return $t(t, e, r);
-  const i = te(e, r), n = At(t), s = (n == null ? void 0 : n.parentNode) ?? null;
-  return s && Fe(s, i, n), M(t, !0), i;
+function Ie(e, t, r) {
+  if (e == null) return ie(t, r);
+  if (jt(e, t)) return xt(e, t, r);
+  const i = ie(t, r), n = At(e), s = (n == null ? void 0 : n.parentNode) ?? null;
+  return s && qe(s, i, n), M(e, !0), i;
 }
-function $t(t, e, r) {
-  return t.kind === "text" ? (typeof e != "string" && typeof e != "number" || Object.is(t.value, e) || (t.value = e, t.node.data = String(e), E()), t) : t.kind === "emitter" ? (!Se(e) || t.source !== e, t) : t.kind === "component" ? (e instanceof T || O(e) && Or(t, e.props), t) : O(e) ? t.kind === "function" ? (Lr(t, e.props), t) : t.kind === "fragment" ? (t.children = ye(
-    t.start.parentNode,
-    t.children,
-    e.props.children,
+function xt(e, t, r) {
+  return e.kind === "text" ? (typeof t != "string" && typeof t != "number" || Object.is(e.value, t) || (e.value = t, e.node.data = String(t), $()), e) : e.kind === "emitter" ? (!Ee(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof O || A(t) && jr(e, t.props), e) : A(t) ? e.kind === "function" ? (Dr(e, t.props), e) : e.kind === "fragment" ? (e.children = ge(
+    e.start.parentNode,
+    e.children,
+    t.props.children,
     r,
-    t.end,
-    t.start
-  ), t) : (zt(t, e.props), t.children = ye(
-    t.node,
-    t.children,
-    e.props.children,
+    e.end,
+    e.start
+  ), e) : (Ot(e, t.props), e.children = ge(
+    e.node,
+    e.children,
+    t.props.children,
     r
-  ), t) : t;
+  ), e) : e;
 }
-function tt(t) {
-  return Object.fromEntries(Object.entries(t).map(([e, r]) => [
-    e,
-    q(r) ? r.emitter.get() : r
+function et(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, r]) => [
+    t,
+    U(r) ? r.emitter.get() : r
   ]));
 }
-function xt(t, e) {
-  _e(t.liveProps, e, t.instance, _(t.instance), (r, i) => {
-    t.props = { ...t.props, [r]: i }, t.instance.setProps(t.props);
-  }), t.props = Be(t.liveProps, e), t.instance.setProps(t.props);
+function Ct(e, t) {
+  _e(e.liveProps, t, e.instance, B(e.instance), (r, i) => {
+    e.props = { ...e.props, [r]: i }, e.instance.setProps(e.props);
+  }), e.props = Be(e.liveProps, t), e.instance.setProps(e.props);
 }
-function Or(t, e) {
-  Ct(t.type, e), xt(t, e);
+function jr(e, t) {
+  zt(e.type, t), Ct(e, t);
 }
-function Ct(t, e) {
-  const r = Reflect.get(t, "liveProps");
+function zt(e, t) {
+  const r = Reflect.get(e, "liveProps");
   if (r == null) return;
   if (!Array.isArray(r) || r.some((n) => typeof n != "string"))
-    throw new TypeError(`${t.name || "Component"}.liveProps must be an array`);
+    throw new TypeError(`${e.name || "Component"}.liveProps must be an array`);
   const i = new Set(r);
-  for (const [n, s] of Object.entries(e))
-    if (q(s) && !i.has(n))
+  for (const [n, s] of Object.entries(t))
+    if (U(s) && !i.has(n))
       throw new TypeError(
-        `${t.name || "Component"} prop "${n}" does not support live()`
+        `${e.name || "Component"} prop "${n}" does not support live()`
       );
 }
-function jr(t) {
-  _e(t.liveProps, t.sourceProps, t.owner, t.type.diagnosticLabel ?? t.type.name, (e, r) => {
-    t.props = { ...t.props, [e]: r }, Me(t, "dependency");
-  }), t.props = Be(t.liveProps, t.sourceProps);
-}
-function Lr(t, e) {
-  t.sourceProps = e, _e(t.liveProps, e, t.owner, t.type.diagnosticLabel ?? t.type.name, (r, i) => {
-    t.props = { ...t.props, [r]: i }, Me(t, "dependency");
-  }), t.props = Be(t.liveProps, e), Me(t);
-}
-function Me(t, e = "parent") {
-  Tt(t.diagnosticSubject, () => {
-    const r = J(t.type(t.props));
-    t.child = Ie(t.child, r, t.owner);
-  }, e);
-}
-function Tt(t, e, r = "parent") {
-  if (!t) return e();
-  const i = m.event(t, "consumer", { cause: "function component render", outcome: "started", consumer: { trigger: r } }), n = C, s = i ? { count: 0 } : null;
-  C = s;
+function Mr(e) {
+  _e(e.liveProps, e.sourceProps, e.owner, e.type.diagnosticLabel ?? e.type.name, (t, r) => {
+    e.props = { ...e.props, [t]: r }, De(e, "dependency");
+  }), e.props = Be(e.liveProps, e.sourceProps);
+}
+function Dr(e, t) {
+  e.sourceProps = t, _e(e.liveProps, t, e.owner, e.type.diagnosticLabel ?? e.type.name, (r, i) => {
+    e.props = { ...e.props, [r]: i }, De(e, "dependency");
+  }), e.props = Be(e.liveProps, t), De(e);
+}
+function De(e, t = "parent") {
+  Tt(e.diagnosticSubject, () => {
+    const r = ee(e.type(e.props));
+    e.child = Ie(e.child, r, e.owner);
+  }, t);
+}
+function Tt(e, t, r = "parent") {
+  if (!e) return t();
+  const i = m.event(e, "consumer", { cause: "function component render", outcome: "started", consumer: { trigger: r } }), n = z, s = i ? { count: 0 } : null;
+  z = s;
   try {
-    const o = i ? m.withEvent(i, e) : e();
-    return i && m.event(t, "consumer", { parent: i, cause: "function component rendered", outcome: "succeeded", consumer: { trigger: r, domWrites: s.count, renderPasses: 1 } }), o;
+    const o = i ? m.withEvent(i, t) : t();
+    return i && m.event(e, "consumer", { parent: i, cause: "function component rendered", outcome: "succeeded", consumer: { trigger: r, domWrites: s.count, renderPasses: 1 } }), o;
   } catch (o) {
-    throw i && m.event(t, "consumer", { parent: i, cause: "function component failed", outcome: "failed", error: o, consumer: { trigger: r, domWrites: s.count, renderPasses: 1 } }), o;
+    throw i && m.event(e, "consumer", { parent: i, cause: "function component failed", outcome: "failed", error: o, consumer: { trigger: r, domWrites: s.count, renderPasses: 1 } }), o;
   } finally {
-    C = n;
+    z = n;
   }
 }
-function _e(t, e, r, i, n) {
-  for (const [s, o] of t) {
-    const a = e[s];
-    q(a) && a.emitter === o.source || (o.unsubscribe(), t.delete(s));
+function _e(e, t, r, i, n) {
+  for (const [s, o] of e) {
+    const a = t[s];
+    U(a) && a.emitter === o.source || (o.unsubscribe(), e.delete(s));
   }
-  for (const [s, o] of Object.entries(e)) {
-    if (!q(o) || t.has(s)) continue;
+  for (const [s, o] of Object.entries(t)) {
+    if (!U(o) || e.has(s)) continue;
     const a = {
       source: o.emitter,
       value: o.emitter.get(),
       unsubscribe: () => {
       }
     };
-    a.unsubscribe = ke(o.emitter, a, r, `${i}.${s}`, (l) => {
-      t.get(s) === a && (a.value = l, n(s, l));
-    }), t.set(s, a);
+    a.unsubscribe = Se(o.emitter, a, r, `${i}.${s}`, (l) => {
+      e.get(s) === a && (a.value = l, n(s, l));
+    }), e.set(s, a);
   }
 }
-function Be(t, e) {
-  return Object.fromEntries(Object.entries(e).map(([r, i]) => {
+function Be(e, t) {
+  return Object.fromEntries(Object.entries(t).map(([r, i]) => {
     var n;
     return [
       r,
-      q(i) ? ((n = t.get(r)) == null ? void 0 : n.value) ?? i.emitter.get() : i
+      U(i) ? ((n = e.get(r)) == null ? void 0 : n.value) ?? i.emitter.get() : i
     ];
   }));
 }
-function ye(t, e, r, i, n = null, s = null) {
-  if (t == null) throw new Error("Cannot patch a detached fragment range");
-  const o = Et(r), a = /* @__PURE__ */ new Map(), l = [];
-  for (const y of e)
-    y.key == null ? l.push(y) : a.has(y.key) || a.set(y.key, y);
-  const u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), h = [];
-  let k = 0;
-  for (const y of o) {
-    const f = Z(y);
+function ge(e, t, r, i, n = null, s = null) {
+  if (e == null) throw new Error("Cannot patch a detached fragment range");
+  const o = $t(r), a = /* @__PURE__ */ new Map(), l = [];
+  for (const g of t)
+    g.key == null ? l.push(g) : a.has(g.key) || a.set(g.key, g);
+  const u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), p = [];
+  let b = 0;
+  for (const g of o) {
+    const f = Q(g);
     if (f != null) {
       if (u.has(f)) throw new Error(`Duplicate sibling key: ${String(f)}`);
       u.add(f);
     }
-    const z = f == null ? l[k++] : a.get(f);
-    z && jt(z, y) ? (d.add(z), h.push($t(z, y, i))) : h.push(te(y, i));
-  }
-  for (const y of e)
-    d.has(y) || M(y, !0);
-  let b = s ? s.nextSibling : t.firstChild;
-  for (const y of h)
-    for (const f of P(y))
-      f === b ? b = b.nextSibling : (t.insertBefore(f, b ?? n), E(), b = f.nextSibling);
-  return h;
-}
-function zt(t, e) {
-  const r = Object.fromEntries(Object.entries(e).filter(
-    ([s]) => s !== "children" && X(s) !== et
-  )), i = t.props, n = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)]);
+    const E = f == null ? l[b++] : a.get(f);
+    E && jt(E, g) ? (d.add(E), p.push(xt(E, g, i))) : p.push(ie(g, i));
+  }
+  for (const g of t)
+    d.has(g) || M(g, !0);
+  let w = s ? s.nextSibling : e.firstChild;
+  for (const g of p)
+    for (const f of P(g))
+      f === w ? w = w.nextSibling : (e.insertBefore(f, w ?? n), $(), w = f.nextSibling);
+  return p;
+}
+function Ot(e, t) {
+  const r = Object.fromEntries(Object.entries(t).filter(
+    ([s]) => s !== "children" && J(s) !== Qe
+  )), i = e.props, n = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)]);
   for (const s of ["value", "checked"])
     if (Object.hasOwn(r, s) && Object.hasOwn(r, `bind:${s}`))
       throw new Error(`${s} and bind:${s} cannot be used together`);
   for (const s of n) {
     const o = i[s], a = r[s];
-    if (Fr(s))
-      Dr(t, s, a);
+    if (Ur(s))
+      Nr(e, s, a);
     else if (s === "ref")
-      o !== a && Nr(t, a);
-    else if (Br(s))
-      Pr(t, s, a);
-    else if (q(a))
-      Mr(t, s, a);
+      o !== a && Ir(e, a);
+    else if (Fr(s))
+      Kr(e, s, a);
+    else if (U(a))
+      Pr(e, s, a);
     else {
-      const l = t.liveProps.get(s);
-      l && (l.unsubscribe(), t.liveProps.delete(s));
+      const l = e.liveProps.get(s);
+      l && (l.unsubscribe(), e.liveProps.delete(s));
       const u = (l == null ? void 0 : l.value) ?? o;
-      Object.is(u, a) || B(t.node, s, u, a);
+      Object.is(u, a) || q(e.node, s, u, a);
     }
   }
-  L(t.node, et, ""), t.props = { ...r };
+  j(e.node, Qe, ""), e.props = { ...r };
 }
-function Mr(t, e, r) {
-  const i = t.liveProps.get(e);
+function Pr(e, t, r) {
+  const i = e.liveProps.get(t);
   if ((i == null ? void 0 : i.source) === r.emitter) return;
   i == null || i.unsubscribe();
   const n = r.emitter.get();
-  B(t.node, e, (i == null ? void 0 : i.value) ?? t.props[e], n);
+  q(e.node, t, (i == null ? void 0 : i.value) ?? e.props[t], n);
   const s = {
     source: r.emitter,
     value: n,
     unsubscribe: () => {
     }
   };
-  s.unsubscribe = ke(r.emitter, s, t.owner, `${t.type}.${e}`, (o) => {
+  s.unsubscribe = Se(r.emitter, s, e.owner, `${e.type}.${t}`, (o) => {
     const a = s.value;
-    s.value = o, Object.is(a, o) || B(t.node, e, a, o);
-  }), t.liveProps.set(e, s);
+    s.value = o, Object.is(a, o) || q(e.node, t, a, o);
+  }), e.liveProps.set(t, s);
 }
-function Dr(t, e, r) {
-  const i = e.slice(5), n = t.nativeBindings.get(e);
+function Nr(e, t, r) {
+  const i = t.slice(5), n = e.nativeBindings.get(t);
   if (r == null) {
-    n && (n.unsubscribe(), t.node.removeEventListener(n.eventName, n.listener), t.nativeBindings.delete(e), B(t.node, i, n.value, void 0));
+    n && (n.unsubscribe(), e.node.removeEventListener(n.eventName, n.listener), e.nativeBindings.delete(t), q(e.node, i, n.value, void 0));
     return;
   }
-  if (qr(r, e), (n == null ? void 0 : n.source) === r) return;
-  n && (n.unsubscribe(), t.node.removeEventListener(n.eventName, n.listener)), Ur(t.node, i);
-  const s = Hr(t.node, i), o = r.get();
-  B(t.node, i, n == null ? void 0 : n.value, o);
+  if (Hr(r, t), (n == null ? void 0 : n.source) === r) return;
+  n && (n.unsubscribe(), e.node.removeEventListener(n.eventName, n.listener)), Vr(e.node, i);
+  const s = Wr(e.node, i), o = r.get();
+  q(e.node, i, n == null ? void 0 : n.value, o);
   const a = (u) => {
-    ge(
-      Rt(t, s),
-      t.owner.diagnosticScope,
+    be(
+      Rt(e, s),
+      e.owner.diagnosticScope,
       u,
       a,
-      `${e} changed`,
-      () => r.set(Reflect.get(t.node, i), `${e} changed`)
+      `${t} changed`,
+      () => r.set(Reflect.get(e.node, i), `${t} changed`)
     );
   }, l = {
     source: r,
@@ -1794,490 +1780,578 @@ function Dr(t, e, r) {
     unsubscribe: () => {
     }
   };
-  l.unsubscribe = ke(r, l, t.owner, `${t.type}.${e}`, (u) => {
+  l.unsubscribe = Se(r, l, e.owner, `${e.type}.${t}`, (u) => {
     const d = l.value;
-    l.value = u, Object.is(d, u) || B(t.node, i, d, u);
-  }), t.node.addEventListener(s, a), t.nativeBindings.set(e, l);
+    l.value = u, Object.is(d, u) || q(e.node, i, d, u);
+  }), e.node.addEventListener(s, a), e.nativeBindings.set(t, l);
 }
-function Pr(t, e, r) {
-  const i = e.slice(2).toLowerCase(), n = t.listeners.get(e), s = n ? it.get(n) ?? n : null;
-  if (n && s !== r && (t.node.removeEventListener(i, n), t.listeners.delete(e)), r != null && typeof r != "function")
-    throw new TypeError(`${e} must be a function or null`);
+function Kr(e, t, r) {
+  const i = t.slice(2).toLowerCase(), n = e.listeners.get(t), s = n ? rt.get(n) ?? n : null;
+  if (n && s !== r && (e.node.removeEventListener(i, n), e.listeners.delete(t)), r != null && typeof r != "function")
+    throw new TypeError(`${t} must be a function or null`);
   if (typeof r == "function" && s !== r) {
-    const o = (a) => ge(
-      Rt(t, i),
-      t.owner.diagnosticScope,
+    const o = (a) => be(
+      Rt(e, i),
+      e.owner.diagnosticScope,
       a,
       o,
       i,
-      () => r.call(t.node, a)
+      () => r.call(e.node, a)
     );
-    it.set(o, r), t.node.addEventListener(i, o), t.listeners.set(e, o);
+    rt.set(o, r), e.node.addEventListener(i, o), e.listeners.set(t, o);
   }
 }
-const rt = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap();
-function ge(t, e, r, i, n, s) {
-  return m.withScope(e, () => {
+const tt = /* @__PURE__ */ new WeakMap(), rt = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap();
+function be(e, t, r, i, n, s) {
+  return m.withScope(t, () => {
     if (!m.active) return s();
     let o = Ae.get(r);
-    return (!o || o.listeners.has(i)) && (o = { event: m.event(t, "interaction", { cause: n, outcome: "started" }), listeners: /* @__PURE__ */ new Set() }, Ae.set(r, o), queueMicrotask(() => Ae.delete(r))), o.listeners.add(i), m.withEvent(o.event, s);
+    return (!o || o.listeners.has(i)) && (o = { event: m.event(e, "interaction", { cause: n, outcome: "started" }), listeners: /* @__PURE__ */ new Set() }, Ae.set(r, o), queueMicrotask(() => Ae.delete(r))), o.listeners.add(i), m.withEvent(o.event, s);
   });
 }
-function Rt(t, e) {
+function Rt(e, t) {
   var n;
-  let r = rt.get(t);
-  r || (r = /* @__PURE__ */ new Map(), rt.set(t, r));
-  let i = r.get(e);
+  let r = tt.get(e);
+  r || (r = /* @__PURE__ */ new Map(), tt.set(e, r));
+  let i = r.get(t);
   if (!i) {
     i = {};
-    const s = t.node.getAttribute("aria-label") ?? t.node.getAttribute("name") ?? ((n = t.node.textContent) == null ? void 0 : n.trim().slice(0, 80)) ?? "";
+    const s = e.node.getAttribute("aria-label") ?? e.node.getAttribute("name") ?? ((n = e.node.textContent) == null ? void 0 : n.trim().slice(0, 80)) ?? "";
     m.configure(i, {
       kind: "interaction",
-      label: `${_(t.owner)}: ${t.type} ${s} ${e}`.trim(),
-      scope: t.owner.diagnosticScope
-    }), r.set(e, i);
+      label: `${B(e.owner)}: ${e.type} ${s} ${t}`.trim(),
+      scope: e.owner.diagnosticScope
+    }), r.set(t, i);
   }
   return i;
 }
-function ke(t, e, r, i, n) {
-  m.configure(e, {
+function Se(e, t, r, i, n) {
+  m.configure(t, {
     kind: "binding",
-    label: `${_(r)}: ${i}`,
+    label: `${B(r)}: ${i}`,
     scope: r.diagnosticScope,
-    sources: [t]
+    sources: [e]
   });
-  const s = t.subscribe(({ value: o, event: a }) => {
-    const l = m.event(e, "consumer", {
+  const s = e.subscribe(({ value: o, event: a }) => {
+    const l = m.event(t, "consumer", {
       parent: a,
       cause: "binding update",
       value: o,
       outcome: "started",
       consumer: { trigger: "dependency" }
-    }), u = C, d = l ? { count: 0 } : null;
-    C = d;
+    }), u = z, d = l ? { count: 0 } : null;
+    z = d;
     try {
-      m.withEvent(l, () => n(o)), l && m.event(e, "consumer", {
+      m.withEvent(l, () => n(o)), l && m.event(t, "consumer", {
         parent: l,
         cause: "binding updated",
         value: o,
         outcome: "succeeded",
         consumer: { trigger: "dependency", domWrites: d.count }
       });
-    } catch (h) {
-      throw l && m.event(e, "consumer", {
+    } catch (p) {
+      throw l && m.event(t, "consumer", {
         parent: l,
         cause: "binding update failed",
         outcome: "failed",
-        error: h,
+        error: p,
         consumer: { trigger: "dependency", domWrites: d.count }
-      }), h;
+      }), p;
     } finally {
-      C = u;
+      z = u;
     }
-  }, { emitCurrent: !1, diagnosticTarget: e });
+  }, { emitCurrent: !1, diagnosticTarget: t });
   return () => {
-    s(), m.dispose(e);
+    s(), m.dispose(t);
   };
 }
-function _(t) {
-  return t.diagnosticLabel;
+function B(e) {
+  return e.diagnosticLabel;
 }
-function Nr(t, e) {
-  if (De(t.ref, null), e != null && typeof e != "function" && typeof e != "object")
+function Ir(e, t) {
+  if (Pe(e.ref, null), t != null && typeof t != "function" && typeof t != "object")
     throw new TypeError("ref must be a function, object, or null");
-  t.ref = e, De(t.ref, t.node);
+  e.ref = t, Pe(e.ref, e.node);
 }
-function B(t, e, r, i) {
-  if (e === "class" || e === "className") {
-    L(t, "class", i);
+function q(e, t, r, i) {
+  if (t === "class" || t === "className") {
+    j(e, "class", i);
     return;
   }
-  if (e === "for" || e === "htmlFor") {
-    L(t, "for", i);
+  if (t === "for" || t === "htmlFor") {
+    j(e, "for", i);
     return;
   }
-  if (e === "dataset") {
-    Kr(t, r, i);
+  if (t === "dataset") {
+    _r(e, r, i);
     return;
   }
-  if (e === "style") {
-    Ir(t, r, i);
+  if (t === "style") {
+    Br(e, r, i);
     return;
   }
-  if (e === "dangerouslySetInnerHTML")
+  if (t === "dangerouslySetInnerHTML")
     throw new Error("dangerouslySetInnerHTML is not supported");
-  const n = _r(e);
-  if (zr.has(n)) {
+  const n = qr(t);
+  if (Rr.has(n)) {
     const s = !!i;
-    n in t && Reflect.get(t, n) !== s && (Reflect.set(t, n, s), E()), L(t, X(e), s);
+    n in e && Reflect.get(e, n) !== s && (Reflect.set(e, n, s), $()), j(e, J(t), s);
     return;
   }
-  if (n === "value" && t.localName === "option") {
-    L(t, X(e), i);
+  if (n === "value" && e.localName === "option") {
+    j(e, J(t), i);
     return;
   }
-  if (Rr.has(n) && n in t) {
+  if (Ar.has(n) && n in e) {
     const s = i ?? (n === "value" ? "" : !1);
-    Object.is(Reflect.get(t, n), s) || (Reflect.set(t, n, s), E()), i == null && L(t, X(e), null);
+    Object.is(Reflect.get(e, n), s) || (Reflect.set(e, n, s), $()), i == null && j(e, J(t), null);
     return;
   }
-  L(t, X(e), i);
+  j(e, J(t), i);
 }
-function Kr(t, e, r) {
-  const i = be(e, "dataset"), n = be(r, "dataset");
+function _r(e, t, r) {
+  const i = we(t, "dataset"), n = we(r, "dataset");
   for (const s of /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)])) {
     const o = n[s];
-    t.dataset[s] !== (o == null ? void 0 : String(o)) && (o == null ? delete t.dataset[s] : t.dataset[s] = String(o), E());
+    e.dataset[s] !== (o == null ? void 0 : String(o)) && (o == null ? delete e.dataset[s] : e.dataset[s] = String(o), $());
   }
 }
-function Ir(t, e, r) {
+function Br(e, t, r) {
   if (typeof r == "string") {
-    t.style.cssText !== r && (t.style.cssText = r, E());
+    e.style.cssText !== r && (e.style.cssText = r, $());
     return;
   }
-  const i = typeof e == "string" ? {} : be(e, "style"), n = be(r, "style");
-  typeof e == "string" && t.style.cssText !== "" && (t.style.cssText = "", E());
+  const i = typeof t == "string" ? {} : we(t, "style"), n = we(r, "style");
+  typeof t == "string" && e.style.cssText !== "" && (e.style.cssText = "", $());
   for (const s of /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)])) {
     const o = n[s];
     if (s.startsWith("--")) {
-      if (t.style.getPropertyValue(s) === (o == null ? "" : String(o))) continue;
-      o == null ? t.style.removeProperty(s) : t.style.setProperty(s, String(o));
+      if (e.style.getPropertyValue(s) === (o == null ? "" : String(o))) continue;
+      o == null ? e.style.removeProperty(s) : e.style.setProperty(s, String(o));
     } else {
-      if (Reflect.get(t.style, s) === (o == null ? "" : String(o))) continue;
-      Reflect.set(t.style, s, o == null ? "" : String(o));
+      if (Reflect.get(e.style, s) === (o == null ? "" : String(o))) continue;
+      Reflect.set(e.style, s, o == null ? "" : String(o));
     }
-    E();
+    $();
   }
 }
-function be(t, e) {
-  if (t == null) return {};
-  if (typeof t != "object" || Array.isArray(t))
-    throw new TypeError(`${e} must be an object or null`);
-  return t;
+function we(e, t) {
+  if (e == null) return {};
+  if (typeof e != "object" || Array.isArray(e))
+    throw new TypeError(`${t} must be an object or null`);
+  return e;
 }
-function L(t, e, r) {
+function j(e, t, r) {
   const i = r == null || r === !1 ? null : r === !0 ? "" : String(r);
-  t.getAttribute(e) !== i && (i === null ? t.removeAttribute(e) : t.setAttribute(e, i), E());
+  e.getAttribute(t) !== i && (i === null ? e.removeAttribute(t) : e.setAttribute(t, i), $());
 }
-function _r(t) {
-  return t === "readonly" ? "readOnly" : t === "autofocus" ? "autoFocus" : t;
+function qr(e) {
+  return e === "readonly" ? "readOnly" : e === "autofocus" ? "autoFocus" : e;
 }
-function X(t) {
-  return t === "className" ? "class" : t === "htmlFor" ? "for" : t === "minLength" ? "minlength" : t === "maxLength" ? "maxlength" : t === "autoComplete" ? "autocomplete" : t === "inputMode" ? "inputmode" : /^aria[A-Z]/.test(t) || /^data[A-Z]/.test(t) ? nt(t) : t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function J(e) {
+  return e === "className" ? "class" : e === "htmlFor" ? "for" : e === "minLength" ? "minlength" : e === "maxLength" ? "maxlength" : e === "autoComplete" ? "autocomplete" : e === "inputMode" ? "inputmode" : /^aria[A-Z]/.test(e) || /^data[A-Z]/.test(e) ? it(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function nt(t) {
-  return t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function it(e) {
+  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function De(t, e) {
-  t != null && (typeof t == "function" ? t(e) : t.current = e);
+function Pe(e, t) {
+  e != null && (typeof e == "function" ? e(t) : e.current = t);
 }
-function M(t, e) {
-  if (t.kind === "emitter") {
-    if (t.unsubscribe(), M(t.child, !1), e)
-      for (const r of P(t)) le(r);
+function M(e, t) {
+  if (e.kind === "emitter") {
+    if (e.unsubscribe(), M(e.child, !1), t)
+      for (const r of P(e)) ce(r);
     return;
   }
-  if (t.kind === "component") {
-    for (const r of t.liveProps.values()) r.unsubscribe();
-    t.liveProps.clear(), t.owner._childComponents.delete(t.instance), t.instance.destroy();
+  if (e.kind === "component") {
+    for (const r of e.liveProps.values()) r.unsubscribe();
+    e.liveProps.clear(), e.owner._childComponents.delete(e.instance), e.instance.destroy();
     return;
   }
-  if (t.kind === "function") {
-    for (const r of t.liveProps.values()) r.unsubscribe();
-    t.liveProps.clear(), t.diagnosticSubject && m.dispose(t.diagnosticSubject), M(t.child, e);
+  if (e.kind === "function") {
+    for (const r of e.liveProps.values()) r.unsubscribe();
+    e.liveProps.clear(), e.diagnosticSubject && m.dispose(e.diagnosticSubject), M(e.child, t);
     return;
   }
-  if (t.kind === "element") {
-    De(t.ref, null);
-    for (const [r, i] of t.listeners)
-      t.node.removeEventListener(r.slice(2).toLowerCase(), i);
-    t.listeners.clear();
-    for (const r of t.liveProps.values()) r.unsubscribe();
-    t.liveProps.clear();
-    for (const r of t.nativeBindings.values())
-      r.unsubscribe(), t.node.removeEventListener(r.eventName, r.listener);
-    t.nativeBindings.clear();
-    for (const r of t.children) M(r, !1);
-    e && le(t.node);
+  if (e.kind === "element") {
+    Pe(e.ref, null);
+    for (const [r, i] of e.listeners)
+      e.node.removeEventListener(r.slice(2).toLowerCase(), i);
+    e.listeners.clear();
+    for (const r of e.liveProps.values()) r.unsubscribe();
+    e.liveProps.clear();
+    for (const r of e.nativeBindings.values())
+      r.unsubscribe(), e.node.removeEventListener(r.eventName, r.listener);
+    e.nativeBindings.clear();
+    for (const r of e.children) M(r, !1);
+    t && ce(e.node);
     return;
   }
-  if (t.kind === "fragment") {
-    for (const r of t.children) M(r, !1);
-    if (e)
-      for (const r of P(t)) le(r);
+  if (e.kind === "fragment") {
+    for (const r of e.children) M(r, !1);
+    if (t)
+      for (const r of P(e)) ce(r);
     return;
   }
-  e && le(t.node);
+  t && ce(e.node);
 }
-function le(t) {
-  t.parentNode && (t.remove(), E());
+function ce(e) {
+  e.parentNode && (e.remove(), $());
 }
-function Fe(t, e, r = null) {
-  if (e != null)
-    for (const i of P(e))
-      i.parentNode === t && i.nextSibling === r || (t.insertBefore(i, r), E());
+function qe(e, t, r = null) {
+  if (t != null)
+    for (const i of P(t))
+      i.parentNode === e && i.nextSibling === r || (e.insertBefore(i, r), $());
 }
-function P(t) {
-  if (t == null) return [];
-  if (t.kind === "text" || t.kind === "element") return [t.node];
-  if (t.kind === "component") return P(t.instance._rendered);
-  if (t.kind === "function") return P(t.child);
-  const e = [];
-  let r = t.start;
-  for (; r && (e.push(r), r !== t.end); )
+function P(e) {
+  if (e == null) return [];
+  if (e.kind === "text" || e.kind === "element") return [e.node];
+  if (e.kind === "component") return P(e.instance._rendered);
+  if (e.kind === "function") return P(e.child);
+  const t = [];
+  let r = e.start;
+  for (; r && (t.push(r), r !== e.end); )
     r = r.nextSibling;
-  return e;
+  return t;
 }
-function At(t) {
-  return P(t)[0] ?? null;
+function At(e) {
+  return P(e)[0] ?? null;
 }
-function Z(t) {
-  return t instanceof T ? Ot(t.props) : O(t) ? t.key : null;
+function Q(e) {
+  return e instanceof O ? Lt(e.props) : A(e) ? e.key : null;
 }
-function Ot(t) {
-  const e = t.key;
-  return typeof e == "string" || typeof e == "number" ? e : null;
+function Lt(e) {
+  const t = e.key;
+  return typeof t == "string" || typeof t == "number" ? t : null;
 }
-function jt(t, e) {
-  return t.kind === "text" ? typeof e == "string" || typeof e == "number" : t.kind === "emitter" ? Se(e) && t.source === e : t.kind === "component" ? e instanceof T ? t.instance === e : O(e) && Lt(e.type) && t.type === e.type && t.key === Z(e) : t.kind === "function" ? O(e) && t.type === e.type && t.key === Z(e) : t.kind === "fragment" ? O(e) && e.type === ee && t.key === Z(e) : O(e) && typeof e.type == "string" && t.type === e.type && t.key === Z(e);
+function jt(e, t) {
+  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? Ee(t) && e.source === t : e.kind === "component" ? t instanceof O ? e.instance === t : A(t) && Mt(t.type) && e.type === t.type && e.key === Q(t) : e.kind === "function" ? A(t) && e.type === t.type && e.key === Q(t) : e.kind === "fragment" ? A(t) && t.type === re && e.key === Q(t) : A(t) && typeof t.type == "string" && e.type === t.type && e.key === Q(t);
 }
-function O(t) {
-  return t != null && typeof t == "object" && Object.hasOwn(t, "type");
+function A(e) {
+  return e != null && typeof e == "object" && Object.hasOwn(e, "type");
 }
-function Lt(t) {
-  return typeof t == "function" && (t === T || t.prototype instanceof T);
+function Mt(e) {
+  return typeof e == "function" && (e === O || e.prototype instanceof O);
 }
-function Br(t) {
-  return /^on[A-Z]/.test(t);
+function Fr(e) {
+  return /^on[A-Z]/.test(e);
 }
-function Fr(t) {
-  return t === "bind:value" || t === "bind:checked";
+function Ur(e) {
+  return e === "bind:value" || e === "bind:checked";
 }
-function q(t) {
-  return t != null && typeof t == "object" && Tr.has(t);
+function U(e) {
+  return e != null && typeof e == "object" && Or.has(e);
 }
-function Se(t) {
-  return (typeof t != "object" || t == null) && typeof t != "function" ? !1 : typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "getFetchState") == "function" && typeof Reflect.get(t, "getError") == "function" && typeof Reflect.get(t, "subscribe") == "function";
+function Ee(e) {
+  return (typeof e != "object" || e == null) && typeof e != "function" ? !1 : typeof Reflect.get(e, "get") == "function" && typeof Reflect.get(e, "getFetchState") == "function" && typeof Reflect.get(e, "getError") == "function" && typeof Reflect.get(e, "subscribe") == "function";
 }
-function Mt(t, e) {
-  if (!Se(t)) throw new TypeError(`${e} requires a readable emitter`);
+function Dt(e, t) {
+  if (!Ee(e)) throw new TypeError(`${t} requires a readable emitter`);
 }
-function qr(t, e) {
-  if (Mt(t, e), typeof Reflect.get(t, "set") != "function")
-    throw new TypeError(`${e} requires a writable emitter`);
+function Hr(e, t) {
+  if (Dt(e, t), typeof Reflect.get(e, "set") != "function")
+    throw new TypeError(`${t} requires a writable emitter`);
 }
-function Ur(t, e) {
-  const r = t.localName;
-  if (!(e === "checked" ? r === "input" : r === "input" || r === "textarea" || r === "select")) throw new TypeError(`bind:${e} is not supported on ${r}`);
+function Vr(e, t) {
+  const r = e.localName;
+  if (!(t === "checked" ? r === "input" : r === "input" || r === "textarea" || r === "select")) throw new TypeError(`bind:${t} is not supported on ${r}`);
 }
-function Hr(t, e) {
-  return e === "value" && t.localName !== "select" ? "input" : "change";
+function Wr(e, t) {
+  return t === "value" && e.localName !== "select" ? "input" : "change";
 }
-function Vr(t) {
-  if (t == null || typeof t != "object" && typeof t != "function" || typeof Reflect.get(t, "insertBefore") != "function")
+function Yr(e) {
+  if (e == null || typeof e != "object" && typeof e != "function" || typeof Reflect.get(e, "insertBefore") != "function")
     throw new TypeError("Component parent must be a DOM ParentNode");
 }
-function st(t) {
+function nt(e) {
   try {
-    return String(t);
+    return String(e);
   } catch {
-    return Object.prototype.toString.call(t);
+    return Object.prototype.toString.call(e);
   }
 }
-function Wr(t) {
-  const e = [];
-  let r = t;
-  for (; r != null && typeof r == "function" && (e.unshift(r), r !== T); )
+function Gr(e) {
+  const t = [];
+  let r = e;
+  for (; r != null && typeof r == "function" && (t.unshift(r), r !== O); )
     r = Object.getPrototypeOf(r);
-  return e;
+  return t;
 }
-function Yr(...t) {
-  return [...new Set(t.flatMap((e) => typeof e == "string" ? e.split(/\s+/) : []).filter(Boolean))].join(" ");
+function Xr(...e) {
+  return [...new Set(e.flatMap((t) => typeof t == "string" ? t.split(/\s+/) : []).filter(Boolean))].join(" ");
 }
-function Oe(t) {
-  if (t.island === !0) return !0;
-  const e = t.className ?? t.class;
-  return typeof e == "string" && e.split(/\s+/).includes("island");
+function Le(e) {
+  if (e.island === !0) return !0;
+  const t = e.className ?? e.class;
+  return typeof t == "string" && t.split(/\s+/).includes("island");
 }
-function p(t, e, r) {
-  const i = e == null ? {} : { ...e };
-  return r !== void 0 && (i.key = r), me(t, i);
+function h(e, t, r) {
+  const i = t == null ? {} : { ...t };
+  return r !== void 0 && (i.key = r), ye(e, i);
 }
-const g = p, Gr = [
+const y = h, Zr = [
   "var(--colored-dark)",
   "var(--colored-base)",
   "var(--colored-light)"
 ];
-class Y extends Ne {
+class X extends Ne {
+  constructor() {
+    super(...arguments);
+    c(this, "labelResizeObserver", null);
+    c(this, "measuredLabelOrientations", /* @__PURE__ */ new Map());
+  }
   render() {
-    var b;
+    var f;
     const {
-      model: e,
-      label: r = "Block graph",
-      description: i = "Area is proportional to item count.",
-      emptyMessage: n = "No items are available."
-    } = this.props, s = this.snapshot(e.layout$), o = s.fetchState === S.Initial || s.fetchState === S.Loading, a = this.read(e.selectedPath$), l = s.value, u = I(l.root, a), d = l.root.children.length === 0 ? [l.root] : l.root.children, h = (b = d[0]) == null ? void 0 : b.key, k = this.Host;
-    return /* @__PURE__ */ g(
-      k,
+      model: r,
+      label: i = "Block graph",
+      description: n = "Area is proportional to item count.",
+      emptyMessage: s = "No items are available.",
+      labelOrientation: o = "auto"
+    } = this.props;
+    st(o);
+    const a = this.snapshot(r.layout$), l = a.fetchState === S.Initial || a.fetchState === S.Loading, u = this.read(r.selectedPath$), d = a.value, p = _(d.root, u), b = d.root.children.length === 0 ? [d.root] : d.root.children, w = (f = b[0]) == null ? void 0 : f.key, g = this.Host;
+    return /* @__PURE__ */ y(
+      g,
       {
         className: (this.props.className ?? this.props.class ?? "") || null,
-        "aria-label": r,
-        "aria-busy": o ? "true" : null,
+        "aria-label": i,
+        "aria-busy": l ? "true" : null,
         children: [
-          /* @__PURE__ */ g("header", { children: [
-            /* @__PURE__ */ g("cap-summary", { children: [
-              /* @__PURE__ */ p("h2", { children: r }),
-              /* @__PURE__ */ g("p", { children: [
-                i,
+          /* @__PURE__ */ y("header", { children: [
+            /* @__PURE__ */ y("cap-summary", { children: [
+              /* @__PURE__ */ h("h2", { children: i }),
+              /* @__PURE__ */ y("p", { children: [
+                n,
                 " ",
-                o ? null : `${l.root.count} items.`
+                l ? null : `${d.root.count} items.`
               ] }),
-              o ? /* @__PURE__ */ p(xe, { width: 45 }) : /* @__PURE__ */ g("output", { children: [
-                /* @__PURE__ */ p("strong", { children: "Selection:" }),
+              l ? /* @__PURE__ */ h(Ce, { width: 45 }) : /* @__PURE__ */ y("output", { children: [
+                /* @__PURE__ */ h("strong", { children: "Selection:" }),
                 " ",
-                u == null ? "None" : u.path.length === 0 ? u.label : u.path.map((y, f) => {
-                  var R;
-                  const z = u.path.slice(0, f + 1);
-                  return ((R = I(l.root, z)) == null ? void 0 : R.label) ?? y.categoryKey;
+                p == null ? "None" : p.path.length === 0 ? p.label : p.path.map((E, T) => {
+                  var W;
+                  const N = p.path.slice(0, T + 1);
+                  return ((W = _(d.root, N)) == null ? void 0 : W.label) ?? E.categoryKey;
                 }).join(" → ")
               ] })
             ] }),
-            /* @__PURE__ */ p(
-              he,
+            /* @__PURE__ */ h(
+              fe,
               {
                 label: "Clear selection",
-                disabled: o || a == null,
-                onClick: () => e.clear()
+                disabled: l || u == null,
+                onClick: () => r.clear()
               }
             )
           ] }),
-          s.fetchState === S.Error ? /* @__PURE__ */ p("p", { role: "alert", children: "The block graph could not be calculated." }) : o ? /* @__PURE__ */ g(ee, { children: [
-            /* @__PURE__ */ p("p", { role: "status", "aria-live": "polite", children: "Loading block graph…" }),
-            /* @__PURE__ */ p("cap-blockskeleton", { "aria-hidden": "true", children: [0, 1, 2].map((y) => /* @__PURE__ */ p("cap-blockskeletoncolumn", { children: [0, 1].map((f) => /* @__PURE__ */ p(xe, { width: 100 }, f)) }, y)) })
-          ] }) : l.valid ? l.root.count === 0 ? /* @__PURE__ */ p("p", { role: "status", children: n }) : /* @__PURE__ */ p(
+          a.fetchState === S.Error ? /* @__PURE__ */ h("p", { role: "alert", children: "The block graph could not be calculated." }) : l ? /* @__PURE__ */ y(re, { children: [
+            /* @__PURE__ */ h("p", { role: "status", "aria-live": "polite", children: "Loading block graph…" }),
+            /* @__PURE__ */ h("cap-blockskeleton", { "aria-hidden": "true", children: [0, 1, 2].map((E) => /* @__PURE__ */ h("cap-blockskeletoncolumn", { children: [0, 1].map((T) => /* @__PURE__ */ h(Ce, { width: 100 }, T)) }, E)) })
+          ] }) : d.valid ? d.root.count === 0 ? /* @__PURE__ */ h("p", { role: "status", children: s }) : /* @__PURE__ */ h(
             "cap-scroller",
             {
               tabIndex: 0,
-              "aria-label": `Scrollable ${r}`,
-              children: /* @__PURE__ */ p(
+              "aria-label": `Scrollable ${i}`,
+              children: /* @__PURE__ */ h(
                 "cap-blocks",
                 {
                   role: "tree",
-                  "aria-label": r,
-                  className: l.root.childOrientation,
-                  onClick: (y) => {
-                    y.target === y.currentTarget && e.clear();
+                  "aria-label": i,
+                  className: d.root.childOrientation,
+                  onClick: (E) => {
+                    E.target === E.currentTarget && r.clear();
                   },
-                  children: d.map((y) => this.renderBlock(
-                    y,
-                    a,
-                    (u == null ? void 0 : u.key) ?? h ?? null
+                  children: b.map((E) => this.renderBlock(
+                    E,
+                    u,
+                    (p == null ? void 0 : p.key) ?? w ?? null
                   ))
                 }
               )
             }
-          ) : this.renderPartitionError(l.issues)
+          ) : this.renderPartitionError(d.issues)
         ]
       }
     );
   }
-  renderBlock(e, r, i) {
-    const n = Xr(e.path, r), s = e.colors, o = ct(s ?? Gr);
-    return /* @__PURE__ */ g(
+  afterMount() {
+    this.reconcileLabelOrientation();
+  }
+  afterUpdate() {
+    this.reconcileLabelOrientation();
+  }
+  onDestroy() {
+    var r;
+    (r = this.labelResizeObserver) == null || r.disconnect(), this.labelResizeObserver = null, this.measuredLabelOrientations.clear();
+  }
+  renderBlock(r, i, n) {
+    const s = Jr(r.path, i), o = r.colors, a = ut(o ?? Zr);
+    return /* @__PURE__ */ y(
       "article",
       {
         role: "treeitem",
         className: "colored",
-        tabIndex: n || r == null && e.key === i ? 0 : -1,
-        "aria-level": Math.max(1, e.depth + 1),
-        "aria-selected": n ? "true" : "false",
-        "aria-label": `${e.criterionLabel ?? "Items"}: ${e.label}, ${e.count} ${e.count === 1 ? "item" : "items"}`,
-        "data-block-key": e.key,
-        onClick: (a) => {
-          a.target.closest('[role="treeitem"]') === a.currentTarget && this.props.model.select(e.path);
+        tabIndex: s || i == null && r.key === n ? 0 : -1,
+        "aria-level": Math.max(1, r.depth + 1),
+        "aria-selected": s ? "true" : "false",
+        "aria-label": `${r.criterionLabel ?? "Items"}: ${r.label}, ${r.count} ${r.count === 1 ? "item" : "items"}`,
+        "data-block-key": r.key,
+        onClick: (l) => {
+          l.target.closest('[role="treeitem"]') === l.currentTarget && this.props.model.select(r.path);
         },
-        onKeyDown: (a) => this.blockKeyDown(a, e),
+        onKeyDown: (l) => this.blockKeyDown(l, r),
         style: {
-          flexGrow: e.count,
-          ...o,
-          ...s == null ? {} : {
-            borderColor: s[0]
+          flexGrow: r.count,
+          ...a,
+          ...o == null ? {} : {
+            borderColor: o[0]
           }
         },
         children: [
-          /* @__PURE__ */ g("cap-blocklabel", { children: [
-            /* @__PURE__ */ g("cap-blockname", { children: [
-              /* @__PURE__ */ g("small", { children: [
-                e.criterionLabel ?? "Items",
-                ":"
-              ] }),
-              /* @__PURE__ */ p("strong", { children: e.label })
+          /* @__PURE__ */ h("cap-blocklabel", { children: /* @__PURE__ */ y("cap-blockname", { children: [
+            /* @__PURE__ */ y("small", { children: [
+              r.criterionLabel ?? "Items",
+              ":"
             ] }),
-            /* @__PURE__ */ p("data", { value: String(e.count), children: e.count })
-          ] }),
-          e.children.length === 0 ? null : /* @__PURE__ */ p(
+            /* @__PURE__ */ h("strong", { children: r.label }),
+            /* @__PURE__ */ y("data", { value: String(r.count), children: [
+              "(",
+              r.count,
+              ")"
+            ] })
+          ] }) }),
+          r.children.length === 0 ? null : /* @__PURE__ */ h(
             "cap-blockgroup",
             {
               role: "group",
-              className: e.childOrientation,
-              children: e.children.map((a) => this.renderBlock(
-                a,
-                r,
-                i
+              className: r.childOrientation,
+              children: r.children.map((l) => this.renderBlock(
+                l,
+                i,
+                n
               ))
             }
           )
         ]
       },
-      e.key
+      r.key
     );
   }
-  renderPartitionError(e) {
-    const r = e[0], i = r == null ? "The selected criteria do not form a complete partition." : r.kind === "unmatched" ? `${r.criterionLabel} has an item with no category.` : `${r.criterionLabel} has an item matching multiple categories.`;
-    return /* @__PURE__ */ g("div", { role: "alert", children: [
-      /* @__PURE__ */ p("strong", { children: "Invalid block partition" }),
-      /* @__PURE__ */ g("p", { children: [
-        i,
+  renderPartitionError(r) {
+    const i = r[0], n = i == null ? "The selected criteria do not form a complete partition." : i.kind === "unmatched" ? `${i.criterionLabel} has an item with no category.` : `${i.criterionLabel} has an item matching multiple categories.`;
+    return /* @__PURE__ */ y("div", { role: "alert", children: [
+      /* @__PURE__ */ h("strong", { children: "Invalid block partition" }),
+      /* @__PURE__ */ y("p", { children: [
+        n,
         " ",
-        e.length,
+        r.length,
         " partition issue",
-        e.length === 1 ? "" : "s",
+        r.length === 1 ? "" : "s",
         " detected."
       ] })
     ] });
   }
-  blockKeyDown(e, r) {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault(), this.props.model.select(r.path, "block selected by keyboard");
+  reconcileLabelOrientation() {
+    var s;
+    if ((s = this.labelResizeObserver) == null || s.disconnect(), this.labelResizeObserver = null, !(this.dom instanceof Element)) return;
+    const r = this.props.labelOrientation ?? "auto";
+    st(r);
+    const i = [...this.dom.querySelectorAll('[role="treeitem"]')], n = new Set(i.map((o) => o.dataset.blockKey).filter(
+      (o) => o != null
+    ));
+    for (const o of this.measuredLabelOrientations.keys())
+      n.has(o) || this.measuredLabelOrientations.delete(o);
+    if (r !== "auto") {
+      for (const o of i) this.setLabelOrientation(o, r);
       return;
     }
-    if (e.key === "Escape") {
-      e.preventDefault(), this.props.model.clear("block selection cleared by keyboard");
+    for (const o of i)
+      this.setLabelOrientation(
+        o,
+        this.measuredLabelOrientations.get(o.dataset.blockKey ?? "") ?? "horizontal"
+      );
+    if (typeof globalThis.ResizeObserver == "function") {
+      this.labelResizeObserver = new ResizeObserver((o) => {
+        for (const a of o) {
+          const l = a.target;
+          if (!(l instanceof HTMLElement)) continue;
+          const u = l.dataset.blockKey;
+          if (u == null) continue;
+          const d = this.resolveAutoLabelOrientation(l, a.contentRect);
+          this.measuredLabelOrientations.set(u, d), this.setLabelOrientation(l, d);
+        }
+      });
+      for (const o of i) this.labelResizeObserver.observe(o);
+    }
+  }
+  setLabelOrientation(r, i) {
+    var n;
+    (n = r.querySelector("cap-blocklabel")) == null || n.setAttribute("data-label-orientation", i);
+  }
+  resolveAutoLabelOrientation(r, i) {
+    this.setLabelOrientation(r, "horizontal");
+    const n = this.measureHorizontalLabelWidth(r);
+    return n > 0 && i.width >= n ? "horizontal" : i.height > i.width ? "vertical" : "horizontal";
+  }
+  measureHorizontalLabelWidth(r) {
+    var l;
+    const i = r.querySelector("cap-blocklabel"), n = (l = r.ownerDocument) == null ? void 0 : l.body;
+    if (i == null || n == null) return 0;
+    const s = i.cloneNode(!0);
+    s.style.cssText = [
+      "position:fixed",
+      "visibility:hidden",
+      "pointer-events:none",
+      "inset:auto",
+      "display:flex",
+      "width:max-content",
+      "max-width:none",
+      "height:auto",
+      "overflow:visible",
+      "white-space:nowrap",
+      "writing-mode:horizontal-tb",
+      "transform:none"
+    ].join(";");
+    for (const u of s.querySelectorAll("cap-blockname, small, strong"))
+      u.style.overflow = "visible", u.style.minWidth = "auto";
+    const o = s.querySelector("cap-blockname");
+    o != null && (o.style.flex = "0 0 auto"), n.append(s);
+    const a = s.getBoundingClientRect().width;
+    return s.remove(), a;
+  }
+  blockKeyDown(r, i) {
+    if (r.key === "Enter" || r.key === " ") {
+      r.preventDefault(), this.props.model.select(i.path, "block selected by keyboard");
       return;
     }
-    const i = this.props.model.layout$.get().root, n = Dt(i.children.length === 0 ? [i] : i.children), s = n.findIndex(({ key: a }) => a === r.key);
-    let o;
-    if (e.key === "ArrowDown") o = n[s + 1];
-    else if (e.key === "ArrowUp") o = n[s - 1];
-    else if (e.key === "Home") o = n[0];
-    else if (e.key === "End") o = n.at(-1);
-    else if (e.key === "ArrowRight") o = r.children[0] ?? n[s + 1];
-    else if (e.key === "ArrowLeft")
-      o = r.path.length <= 1 ? n[s - 1] : I(i, r.path.slice(0, -1)) ?? void 0;
+    if (r.key === "Escape") {
+      r.preventDefault(), this.props.model.clear("block selection cleared by keyboard");
+      return;
+    }
+    const n = this.props.model.layout$.get().root, s = Pt(n.children.length === 0 ? [n] : n.children), o = s.findIndex(({ key: l }) => l === i.key);
+    let a;
+    if (r.key === "ArrowDown") a = s[o + 1];
+    else if (r.key === "ArrowUp") a = s[o - 1];
+    else if (r.key === "Home") a = s[0];
+    else if (r.key === "End") a = s.at(-1);
+    else if (r.key === "ArrowRight") a = i.children[0] ?? s[o + 1];
+    else if (r.key === "ArrowLeft")
+      a = i.path.length <= 1 ? s[o - 1] : _(n, i.path.slice(0, -1)) ?? void 0;
     else return;
-    o != null && (e.preventDefault(), this.focusBlock(o.key));
+    a != null && (r.preventDefault(), this.focusBlock(a.key));
   }
-  focusBlock(e) {
+  focusBlock(r) {
     if (this.dom instanceof Element) {
-      for (const r of this.dom.querySelectorAll('[role="treeitem"]'))
-        if (r.dataset.blockKey === e) {
-          r.focus();
+      for (const i of this.dom.querySelectorAll('[role="treeitem"]'))
+        if (i.dataset.blockKey === r) {
+          i.focus();
           return;
         }
     }
   }
 }
-c(Y, "liveProps", []), c(Y, "hostName", "block-graph"), c(Y, "dataSurface", "data"), c(Y, "dependencies", [he, xe]), c(Y, "css", re`
+c(X, "liveProps", []), c(X, "hostName", "block-graph"), c(X, "dataSurface", "data"), c(X, "dependencies", [fe, Ce]), c(X, "css", ne`
         & {
             display: flex;
             min-width: 0;
@@ -2381,8 +2455,8 @@ c(Y, "liveProps", []), c(Y, "hostName", "block-graph"), c(Y, "dataSurface", "dat
         & [role="treeitem"] > cap-blocklabel {
             position: absolute;
             z-index: 1;
-            inset-block-start: 0;
-            inset-inline-start: 0;
+            top: 0;
+            left: 0;
             box-sizing: border-box;
             display: flex;
             flex-flow: row nowrap;
@@ -2396,6 +2470,26 @@ c(Y, "liveProps", []), c(Y, "hostName", "block-graph"), c(Y, "dataSurface", "dat
             cursor: pointer;
         }
 
+        & [role="treeitem"] > cap-blocklabel[data-label-orientation="vertical"] {
+            z-index: 4;
+            top: 0;
+            left: 0;
+            right: auto;
+            bottom: auto;
+            width: 1.6em;
+            height: max-content;
+            writing-mode: vertical-rl;
+            transform: none;
+            justify-content: flex-start;
+            align-items: flex-end;
+            padding: 0.2rem;
+        }
+
+        & [role="treeitem"] > cap-blocklabel[data-label-orientation="horizontal"] {
+            writing-mode: horizontal-tb;
+            transform: none;
+        }
+
         & [role="treeitem"][aria-selected="true"] {
             z-index: 3;
             outline: 3px solid var(--viz-selection-color, var(--colored-contrast, Highlight));
@@ -2429,19 +2523,22 @@ c(Y, "liveProps", []), c(Y, "hostName", "block-graph"), c(Y, "dataSurface", "dat
         }
 
         & cap-blockname > strong {
-            flex: 1 1 auto;
+            flex: 0 1 auto;
             min-width: 0;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
 
-        & cap-blocklabel > data {
+        & cap-blockname > data {
             flex: 0 0 auto;
-            align-self: center;
             font-weight: 750;
         }
 
+        & [role="treeitem"] > cap-blocklabel[data-label-orientation="vertical"] > cap-blockname {
+            transform: rotate(180deg);
+        }
+
         & cap-blockgroup {
             position: relative;
             z-index: 1;
@@ -2468,16 +2565,20 @@ c(Y, "liveProps", []), c(Y, "hostName", "block-graph"), c(Y, "dataSurface", "dat
             }
         }
     `);
-function Dt(t) {
-  return t.flatMap((e) => [e, ...Dt(e.children)]);
+function st(e) {
+  if (e !== "auto" && e !== "horizontal" && e !== "vertical")
+    throw new TypeError(`Unknown block label orientation: ${e}`);
 }
-function Xr(t, e) {
-  return e != null && t.length === e.length && t.every((r, i) => {
+function Pt(e) {
+  return e.flatMap((t) => [t, ...Pt(t.children)]);
+}
+function Jr(e, t) {
+  return t != null && e.length === t.length && e.every((r, i) => {
     var n, s;
-    return r.criterionKey === ((n = e[i]) == null ? void 0 : n.criterionKey) && r.categoryKey === ((s = e[i]) == null ? void 0 : s.categoryKey);
+    return r.criterionKey === ((n = t[i]) == null ? void 0 : n.criterionKey) && r.categoryKey === ((s = t[i]) == null ? void 0 : s.categoryKey);
   });
 }
-class we extends Wt {
+class ve extends Gt {
   constructor(r) {
     super(r);
     c(this, "contentId");
@@ -2489,10 +2590,10 @@ class we extends Wt {
       throw new Error(
         "CollapsibleOptionGroup trailing header content must use a direct OptionGroupHeaderEnd child"
       );
-    const { content: r, regions: i } = Yt(
+    const { content: r, regions: i } = Xt(
       "CollapsibleOptionGroup",
       this.props.children,
-      { headerEnd: Gt }
+      { headerEnd: Zt }
     );
     return this.renderOptionGroup(r, i.headerEnd ?? null);
   }
@@ -2508,8 +2609,8 @@ class we extends Wt {
       busy: u = !1,
       error: d = null
     } = this.props;
-    return /* @__PURE__ */ g(n, { className: this.props.className ?? this.props.class ?? null, children: [
-      /* @__PURE__ */ g(
+    return /* @__PURE__ */ y(n, { className: this.props.className ?? this.props.class ?? null, children: [
+      /* @__PURE__ */ y(
         "fieldset",
         {
           id: this.groupId,
@@ -2520,8 +2621,8 @@ class we extends Wt {
           "aria-invalid": d == null ? null : "true",
           "aria-describedby": d == null ? null : this.errorId,
           children: [
-            /* @__PURE__ */ g("legend", { children: [
-              /* @__PURE__ */ p(
+            /* @__PURE__ */ y("legend", { children: [
+              /* @__PURE__ */ h(
                 "button",
                 {
                   type: "button",
@@ -2532,10 +2633,10 @@ class we extends Wt {
                   children: this.collapsed ? "▸" : "▾"
                 }
               ),
-              s != null ? /* @__PURE__ */ p("span", { children: s }) : null,
+              s != null ? /* @__PURE__ */ h("span", { children: s }) : null,
               i
             ] }),
-            /* @__PURE__ */ p("div", { id: this.contentId, hidden: this.collapsed, children: r })
+            /* @__PURE__ */ h("div", { id: this.contentId, hidden: this.collapsed, children: r })
           ]
         }
       ),
@@ -2543,7 +2644,7 @@ class we extends Wt {
     ] });
   }
 }
-c(we, "hostName", "collapsible-option-group"), c(we, "css", re`
+c(ve, "hostName", "collapsible-option-group"), c(ve, "css", ne`
         & > fieldset > legend > button.cap-collapse-toggle {
             display: inline-flex;
             align-items: center;
@@ -2578,50 +2679,50 @@ c(we, "hostName", "collapsible-option-group"), c(we, "css", re`
             display: none;
         }
     `);
-const Zr = [
+const Qr = [
   ["☐", "hidden"],
   ["✓", "visible"]
 ];
-class ce extends Xt {
+class ue extends Jt {
   render() {
     const {
-      criteria: e,
+      criteria: t,
       label: r = "Show or hide categories",
       description: i = ""
     } = this.props, n = this.snapshot(this.props.items$), s = Array.isArray(n.value) ? n.value : [];
     return this.renderGroupBox(
       r,
-      /* @__PURE__ */ g("cap-categoryhidecontent", { children: [
-        /* @__PURE__ */ p("p", { children: i }),
-        n.fetchState === S.Error ? /* @__PURE__ */ p("p", { role: "alert", children: "Category counts are unavailable." }) : null,
-        /* @__PURE__ */ p("cap-criteriongroups", { children: e.map((o) => {
+      /* @__PURE__ */ y("cap-categoryhidecontent", { children: [
+        /* @__PURE__ */ h("p", { children: i }),
+        n.fetchState === S.Error ? /* @__PURE__ */ h("p", { role: "alert", children: "Category counts are unavailable." }) : null,
+        /* @__PURE__ */ h("cap-criteriongroups", { children: t.map((o) => {
           const a = this.snapshot(o.categories$), l = Array.isArray(a.value) ? a.value : [];
-          return /* @__PURE__ */ g(
-            we,
+          return /* @__PURE__ */ y(
+            ve,
             {
               label: o.label,
               children: [
-                a.fetchState === S.Error ? /* @__PURE__ */ g("p", { role: "alert", children: [
+                a.fetchState === S.Error ? /* @__PURE__ */ y("p", { role: "alert", children: [
                   o.label,
                   " categories are unavailable."
                 ] }) : null,
-                a.fetchState !== S.Ready ? /* @__PURE__ */ g("p", { role: "status", "aria-live": "polite", children: [
+                a.fetchState !== S.Ready ? /* @__PURE__ */ y("p", { role: "status", "aria-live": "polite", children: [
                   "Loading ",
                   o.label,
                   "…"
                 ] }) : null,
-                /* @__PURE__ */ p("cap-categories", { children: l.map((u) => {
-                  const d = Jr(s, u.predicate);
-                  return /* @__PURE__ */ g(
+                /* @__PURE__ */ h("cap-categories", { children: l.map((u) => {
+                  const d = ei(s, u.predicate);
+                  return /* @__PURE__ */ y(
                     "cap-categoryoption",
                     {
-                      style: { ...ct(u.colors) },
+                      style: { ...ut(u.colors) },
                       children: [
-                        /* @__PURE__ */ p("cap-categoryswatch", { "aria-hidden": "true" }),
-                        /* @__PURE__ */ p(
-                          fe,
+                        /* @__PURE__ */ h("cap-categoryswatch", { "aria-hidden": "true" }),
+                        /* @__PURE__ */ h(
+                          me,
                           {
-                            symbols: Zr,
+                            symbols: Qr,
                             label: `${u.label} (${d})`,
                             valueEmitter: o.visibility(u.key)
                           }
@@ -2640,7 +2741,7 @@ class ce extends Xt {
     );
   }
 }
-c(ce, "liveProps", []), c(ce, "hostName", "category-hide-panel"), c(ce, "dependencies", [fe, we]), c(ce, "css", re`
+c(ue, "liveProps", []), c(ue, "hostName", "category-hide-panel"), c(ue, "dependencies", [me, ve]), c(ue, "css", ne`
         & {
             flex: 0 0 auto;
             min-width: 0;
@@ -2717,80 +2818,80 @@ c(ce, "liveProps", []), c(ce, "hostName", "category-hide-panel"), c(ce, "depende
             white-space: nowrap;
         }
     `);
-function Jr(t, e) {
+function ei(e, t) {
   let r = 0;
-  for (const i of t)
-    e(i) && (r += 1);
+  for (const i of e)
+    t(i) && (r += 1);
   return r;
 }
-const Pt = 864e5, Qr = /^(\d{4})-(\d{2})-(\d{2})$/;
-function $(t) {
-  const e = Qr.exec(t);
-  if (e == null) throw new TypeError(`Invalid civil date "${t}"; expected YYYY-MM-DD`);
-  const r = Number(e[1]), i = Number(e[2]), n = Number(e[3]), s = Date.UTC(r, i - 1, n), o = new Date(s);
+const Nt = 864e5, ti = /^(\d{4})-(\d{2})-(\d{2})$/;
+function x(e) {
+  const t = ti.exec(e);
+  if (t == null) throw new TypeError(`Invalid civil date "${e}"; expected YYYY-MM-DD`);
+  const r = Number(t[1]), i = Number(t[2]), n = Number(t[3]), s = Date.UTC(r, i - 1, n), o = new Date(s);
   if (o.getUTCFullYear() !== r || o.getUTCMonth() !== i - 1 || o.getUTCDate() !== n)
-    throw new TypeError(`Invalid civil date "${t}"`);
-  return Math.floor(s / Pt);
+    throw new TypeError(`Invalid civil date "${e}"`);
+  return Math.floor(s / Nt);
 }
-function U(t) {
-  if (!Number.isInteger(t)) throw new TypeError("Civil day must be an integer");
-  return new Date(t * Pt).toISOString().slice(0, 10);
+function H(e) {
+  if (!Number.isInteger(e)) throw new TypeError("Civil day must be an integer");
+  return new Date(e * Nt).toISOString().slice(0, 10);
 }
-function ei(t, e) {
-  if (!Number.isInteger(e)) throw new TypeError("Civil date offset must be an integer");
-  return U($(t) + e);
+function ri(e, t) {
+  if (!Number.isInteger(t)) throw new TypeError("Civil date offset must be an integer");
+  return H(x(e) + t);
 }
-function ti(t = /* @__PURE__ */ new Date()) {
-  if (!(t instanceof Date) || Number.isNaN(t.getTime()))
+function ii(e = /* @__PURE__ */ new Date()) {
+  if (!(e instanceof Date) || Number.isNaN(e.getTime()))
     throw new TypeError("todayCivilDate requires a valid Date");
-  return `${String(t.getUTCFullYear()).padStart(4, "0")}-${String(
-    t.getUTCMonth() + 1
-  ).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
-}
-function ri(t, e) {
-  return $(t) - $(e);
-}
-function ii(t, e = {}) {
-  var He, Ve, We, Ye;
-  ci(t);
-  const r = ot(e.width ?? 960, "Chart width"), i = ot(e.height ?? 420, "Chart height"), n = Math.min(72, r * 0.18), s = 24, o = Math.max(1, r - n - 24), a = Math.max(1, i - s - 58), l = t.flatMap((w) => Object.keys(w.values)), u = e.today ?? ti(), d = ((He = e.range) == null ? void 0 : He.minX) ?? ui(l) ?? u, h = ((Ve = e.range) == null ? void 0 : Ve.maxX) ?? u, k = $(d), b = $(h);
-  if (k > b) throw new RangeError("Line graph minX must not be after maxX");
-  const y = ai(t, k, b), f = e.stacked ?? !1, z = t.map((w) => ({
-    shape: w,
-    values: y.map((V) => Kt(w, V))
+  return `${String(e.getUTCFullYear()).padStart(4, "0")}-${String(
+    e.getUTCMonth() + 1
+  ).padStart(2, "0")}-${String(e.getUTCDate()).padStart(2, "0")}`;
+}
+function ni(e, t) {
+  return x(e) - x(t);
+}
+function si(e, t = {}) {
+  var Ue, He, Ve, We;
+  di(e);
+  const r = ot(t.width ?? 960, "Chart width"), i = ot(t.height ?? 420, "Chart height"), n = Math.min(72, r * 0.18), s = 24, o = Math.max(1, r - n - 24), a = Math.max(1, i - s - 58), l = e.flatMap((v) => Object.keys(v.values)), u = t.today ?? ii(), d = ((Ue = t.range) == null ? void 0 : Ue.minX) ?? pi(l) ?? u, p = ((He = t.range) == null ? void 0 : He.maxX) ?? u, b = x(d), w = x(p);
+  if (b > w) throw new RangeError("Line graph minX must not be after maxX");
+  const g = ci(e, b, w), f = t.stacked ?? !1, E = e.map((v) => ({
+    shape: v,
+    values: g.map((Y) => It(v, Y))
   }));
-  let R = ((We = e.range) == null ? void 0 : We.minY) ?? 0, ne = R;
-  const qe = Array.from({ length: y.length }, () => 0), It = z.map(({ shape: w, values: V }) => {
-    const W = V.map((se, K) => {
-      const oe = f ? qe[K] : 0, ae = oe + se;
-      return f && (qe[K] = ae), R = Math.min(R, oe, ae), ne = Math.max(ne, oe, ae), { value: se, baseValue: oe, displayValue: ae };
+  let T = ((Ve = t.range) == null ? void 0 : Ve.minY) ?? 0, N = T;
+  const W = Array.from({ length: g.length }, () => 0), _t = E.map(({ shape: v, values: Y }) => {
+    const G = Y.map((oe, I) => {
+      const ae = f ? W[I] : 0, le = ae + oe;
+      return f && (W[I] = le), T = Math.min(T, ae, le), N = Math.max(N, ae, le), { value: oe, baseValue: ae, displayValue: le };
     });
-    return { shape: w, entries: W };
-  }), _t = Math.max(1, ne - R), N = ne + _t * 0.05, Ee = ((Ye = e.range) == null ? void 0 : Ye.minY) ?? R, $e = Math.max(1, N - Ee), Ue = Math.max(1, b - k), Bt = It.map(({ shape: w, entries: V }) => ({
-    key: w.key,
-    label: w.label,
-    color: w.color,
-    ...w.colorKey === void 0 ? {} : { colorKey: w.colorKey },
-    shape: w,
-    points: Object.freeze(V.map((W, se) => {
-      const K = y[se];
+    return { shape: v, entries: G };
+  }), Bt = Math.max(1, N - T), K = N + Bt * 0.05, $e = ((We = t.range) == null ? void 0 : We.minY) ?? T, xe = Math.max(1, K - $e), Fe = Math.max(1, w - b), qt = _t.map(({ shape: v, entries: Y }) => ({
+    key: v.key,
+    label: v.label,
+    color: v.color,
+    ...v.colorKey === void 0 ? {} : { colorKey: v.colorKey },
+    shape: v,
+    points: Object.freeze(Y.map((G, oe) => {
+      const I = g[oe];
       return Object.freeze({
-        date: U(K),
-        day: K,
-        ...W,
-        x: n + (K - k) / Ue * o,
-        y: s + (N - W.displayValue) / $e * a,
-        baseY: s + (N - W.baseValue) / $e * a
+        date: H(I),
+        day: I,
+        ...G,
+        x: n + (I - b) / Fe * o,
+        y: s + (K - G.displayValue) / xe * a,
+        baseY: s + (K - G.baseValue) / xe * a
       });
     }))
   }));
   return Object.freeze({
     minDate: d,
-    maxDate: h,
-    minDay: k,
-    maxDay: b,
-    minY: Ee,
-    maxY: N,
+    maxDate: p,
+    minDay: b,
+    maxDay: w,
+    minY: $e,
+    maxY: K,
     width: r,
     height: i,
     plotLeft: n,
@@ -2798,110 +2899,110 @@ function ii(t, e = {}) {
     plotWidth: o,
     plotHeight: a,
     stacked: f,
-    series: Object.freeze(Bt),
-    dateMarks: Object.freeze(li(k, b, e.maxDateMarks ?? 8).map((w) => ({
-      date: U(w),
-      day: w,
-      x: n + (w - k) / Ue * o
+    series: Object.freeze(qt),
+    dateMarks: Object.freeze(ui(b, w, t.maxDateMarks ?? 8).map((v) => ({
+      date: H(v),
+      day: v,
+      x: n + (v - b) / Fe * o
     }))),
-    valueTicks: Object.freeze(oi(Ee, N).map((w) => ({
-      value: w,
-      y: s + (N - w) / $e * a
+    valueTicks: Object.freeze(li($e, K).map((v) => ({
+      value: v,
+      y: s + (K - v) / xe * a
     })))
   });
 }
-function ni(t, e) {
-  return Kt(t, $(e));
+function oi(e, t) {
+  return It(e, x(t));
 }
-function Nt(t, e) {
-  const r = t[0];
+function Kt(e, t) {
+  const r = e[0];
   if (r == null) return "";
-  let i = `M ${v(r.x)} ${v(r.y)}`;
-  for (let n = 1; n < t.length; n += 1) {
-    const s = t[n - 1], o = t[n];
-    if (e) {
+  let i = `M ${k(r.x)} ${k(r.y)}`;
+  for (let n = 1; n < e.length; n += 1) {
+    const s = e[n - 1], o = e[n];
+    if (t) {
       const a = (s.x + o.x) / 2;
-      i += ` C ${v(a)} ${v(s.y)}, ${v(a)} ${v(o.y)}, ${v(o.x)} ${v(o.y)}`;
+      i += ` C ${k(a)} ${k(s.y)}, ${k(a)} ${k(o.y)}, ${k(o.x)} ${k(o.y)}`;
     } else
-      i += ` H ${v(o.x)} V ${v(o.y)}`;
+      i += ` H ${k(o.x)} V ${k(o.y)}`;
   }
   return i;
 }
-function si(t, e) {
-  if (t.length === 0) return "";
-  const r = Nt(t, e), i = [...t].reverse();
+function ai(e, t) {
+  if (e.length === 0) return "";
+  const r = Kt(e, t), i = [...e].reverse();
   let n = "";
   for (let s = 0; s < i.length; s += 1) {
     const o = i[s];
-    if (s === 0) n += ` L ${v(o.x)} ${v(o.baseY)}`;
-    else if (e) {
+    if (s === 0) n += ` L ${k(o.x)} ${k(o.baseY)}`;
+    else if (t) {
       const a = i[s - 1], l = (a.x + o.x) / 2;
-      n += ` C ${v(l)} ${v(a.baseY)}, ${v(l)} ${v(o.baseY)}, ${v(o.x)} ${v(o.baseY)}`;
+      n += ` C ${k(l)} ${k(a.baseY)}, ${k(l)} ${k(o.baseY)}, ${k(o.x)} ${k(o.baseY)}`;
     } else
-      n += ` H ${v(o.x)} V ${v(o.baseY)}`;
+      n += ` H ${k(o.x)} V ${k(o.baseY)}`;
   }
   return `${r}${n} Z`;
 }
-function oi(t, e, r = 6) {
-  if (!Number.isFinite(t) || !Number.isFinite(e) || t > e)
+function li(e, t, r = 6) {
+  if (!Number.isFinite(e) || !Number.isFinite(t) || e > t)
     throw new RangeError("Tick range must contain finite ascending values");
   if (!Number.isInteger(r) || r < 2) throw new RangeError("Tick target must be at least two");
-  const n = Math.max(1, e - t) / (r - 1), s = 10 ** Math.floor(Math.log10(n)), o = n / s, a = o <= 1 ? 1 : o <= 2 ? 2 : o <= 5 ? 5 : 10, l = Math.max(1, a * s), u = Math.ceil(t / l) * l, d = [];
-  for (let h = u; h <= e + l / 1e3; h += l)
-    d.push(Number(h.toFixed(10)));
-  return d.length === 0 && d.push(Math.ceil(t)), d;
-}
-function ai(t, e, r) {
-  const i = /* @__PURE__ */ new Set([e, r]);
-  for (const n of t)
+  const n = Math.max(1, t - e) / (r - 1), s = 10 ** Math.floor(Math.log10(n)), o = n / s, a = o <= 1 ? 1 : o <= 2 ? 2 : o <= 5 ? 5 : 10, l = Math.max(1, a * s), u = Math.ceil(e / l) * l, d = [];
+  for (let p = u; p <= t + l / 1e3; p += l)
+    d.push(Number(p.toFixed(10)));
+  return d.length === 0 && d.push(Math.ceil(e)), d;
+}
+function ci(e, t, r) {
+  const i = /* @__PURE__ */ new Set([t, r]);
+  for (const n of e)
     for (const s of Object.keys(n.values)) {
-      const o = $(s);
-      o >= e && o <= r && i.add(o);
+      const o = x(s);
+      o >= t && o <= r && i.add(o);
     }
   return [...i].sort((n, s) => n - s);
 }
-function Kt(t, e) {
-  const r = t.values[U(e)];
+function It(e, t) {
+  const r = e.values[H(t)];
   if (r !== void 0) return r;
-  if (t.carryForward !== !0) return 0;
+  if (e.carryForward !== !0) return 0;
   let i = Number.NEGATIVE_INFINITY, n = 0;
-  for (const [s, o] of Object.entries(t.values)) {
-    const a = $(s);
-    a <= e && a > i && (i = a, n = o);
+  for (const [s, o] of Object.entries(e.values)) {
+    const a = x(s);
+    a <= t && a > i && (i = a, n = o);
   }
   return n;
 }
-function li(t, e, r) {
+function ui(e, t, r) {
   if (!Number.isInteger(r) || r < 2)
     throw new RangeError("Maximum date marks must be at least two");
-  const i = Math.max(0, e - t), n = i <= 62 ? 7 : i <= 730 ? 30 : 365, s = Math.max(n, Math.ceil(Math.max(1, i) / (r - 1))), o = [t];
-  for (let a = t + s; a < e; a += s) o.push(a);
-  return e !== t && o.push(e), o;
-}
-function ci(t) {
-  if (!Array.isArray(t)) throw new TypeError("History shapes must be an array");
-  const e = /* @__PURE__ */ new Set();
-  for (const r of t) {
+  const i = Math.max(0, t - e), n = i <= 62 ? 7 : i <= 730 ? 30 : 365, s = Math.max(n, Math.ceil(Math.max(1, i) / (r - 1))), o = [e];
+  for (let a = e + s; a < t; a += s) o.push(a);
+  return t !== e && o.push(t), o;
+}
+function di(e) {
+  if (!Array.isArray(e)) throw new TypeError("History shapes must be an array");
+  const t = /* @__PURE__ */ new Set();
+  for (const r of e) {
     if (r == null || typeof r != "object") throw new TypeError("History shape must be an object");
-    if (typeof r.key != "string" || r.key.trim() === "" || e.has(r.key))
+    if (typeof r.key != "string" || r.key.trim() === "" || t.has(r.key))
       throw new Error("History shape keys must be non-empty and unique");
-    if (e.add(r.key), typeof r.label != "string" || r.label.trim() === "")
+    if (t.add(r.key), typeof r.label != "string" || r.label.trim() === "")
       throw new TypeError("History shape label must be a non-empty string");
     if (typeof r.color != "string" || r.color.trim() === "")
       throw new TypeError("History shape color must be a non-empty CSS value");
     for (const [i, n] of Object.entries(r.values))
-      if ($(i), !Number.isFinite(n)) throw new TypeError("History shape values must be finite");
+      if (x(i), !Number.isFinite(n)) throw new TypeError("History shape values must be finite");
   }
 }
-function ui(t) {
-  return t.length === 0 ? void 0 : t.reduce((e, r) => $(e) <= $(r) ? e : r);
+function pi(e) {
+  return e.length === 0 ? void 0 : e.reduce((t, r) => x(t) <= x(r) ? t : r);
 }
-function ot(t, e) {
-  if (!Number.isFinite(t) || t <= 0) throw new RangeError(`${e} must be positive`);
-  return t;
+function ot(e, t) {
+  if (!Number.isFinite(e) || e <= 0) throw new RangeError(`${t} must be positive`);
+  return e;
 }
-function v(t) {
-  return Number(t.toFixed(3)).toString();
+function k(e) {
+  return Number(e.toFixed(3)).toString();
 }
 class je extends Ne {
   constructor(r) {
@@ -2926,7 +3027,7 @@ class je extends Ne {
     let u = null;
     if (this.currentModel = null, l === S.Ready)
       try {
-        this.currentModel = ii(r.value, {
+        this.currentModel = si(r.value, {
           stacked: i.value,
           range: s.value,
           width: Math.max(480, this.observedWidth),
@@ -2935,17 +3036,17 @@ class je extends Ne {
       } catch (f) {
         u = f;
       }
-    const d = this.currentModel, h = d == null ? null : o ?? d.maxDate, k = this.props.formatDate ?? ((f) => f), b = this.props.formatValue ?? ((f) => String(f)), y = this.Host;
-    return /* @__PURE__ */ g(
-      y,
+    const d = this.currentModel, p = d == null ? null : o ?? d.maxDate, b = this.props.formatDate ?? ((f) => f), w = this.props.formatValue ?? ((f) => String(f)), g = this.Host;
+    return /* @__PURE__ */ y(
+      g,
       {
         className: (this.props.className ?? this.props.class ?? "") || null,
         "aria-label": a,
         "aria-busy": l !== S.Ready ? "true" : null,
         children: [
-          /* @__PURE__ */ g("header", { children: [
-            /* @__PURE__ */ p("h2", { children: a }),
-            /* @__PURE__ */ g("p", { children: [
+          /* @__PURE__ */ y("header", { children: [
+            /* @__PURE__ */ h("h2", { children: a }),
+            /* @__PURE__ */ y("p", { children: [
               i.value ? "Stacked area" : "Individual line",
               " chart;",
               " ",
@@ -2953,7 +3054,7 @@ class je extends Ne {
               " rendering."
             ] })
           ] }),
-          l === S.Error || u != null ? /* @__PURE__ */ p("p", { role: "alert", children: "The history chart could not be calculated." }) : l !== S.Ready ? /* @__PURE__ */ p("p", { role: "status", "aria-live": "polite", children: "Loading history chart…" }) : r.value.length === 0 ? /* @__PURE__ */ p("p", { role: "status", children: this.props.emptyMessage ?? "No history values are available." }) : /* @__PURE__ */ p(
+          l === S.Error || u != null ? /* @__PURE__ */ h("p", { role: "alert", children: "The history chart could not be calculated." }) : l !== S.Ready ? /* @__PURE__ */ h("p", { role: "status", "aria-live": "polite", children: "Loading history chart…" }) : r.value.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: this.props.emptyMessage ?? "No history values are available." }) : /* @__PURE__ */ h(
             "cap-chart",
             {
               tabIndex: 0,
@@ -2964,18 +3065,18 @@ class je extends Ne {
               ref: (f) => this.chartHost = f
             }
           ),
-          d == null || h == null ? null : /* @__PURE__ */ g("cap-readout", { children: [
-            /* @__PURE__ */ p("p", { "aria-live": "polite", children: /* @__PURE__ */ p("strong", { children: k(h) }) }),
-            /* @__PURE__ */ p("ul", { children: d.series.map(({ shape: f }) => /* @__PURE__ */ g("li", { children: [
-              /* @__PURE__ */ p(
+          d == null || p == null ? null : /* @__PURE__ */ y("cap-readout", { children: [
+            /* @__PURE__ */ h("p", { "aria-live": "polite", children: /* @__PURE__ */ h("strong", { children: b(p) }) }),
+            /* @__PURE__ */ h("ul", { children: d.series.map(({ shape: f }) => /* @__PURE__ */ y("li", { children: [
+              /* @__PURE__ */ h(
                 "cap-swatch",
                 {
                   style: { "--colored-base": f.color },
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ p("span", { children: f.label }),
-              /* @__PURE__ */ p("strong", { children: b(ni(f, h)) })
+              /* @__PURE__ */ h("span", { children: f.label }),
+              /* @__PURE__ */ h("strong", { children: w(oi(f, p)) })
             ] }, f.key)) })
           ] })
         ]
@@ -3002,7 +3103,7 @@ class je extends Ne {
     }), this.resizeObserver.observe(this.chartHost));
   }
   source(r, i) {
-    if (di(r)) return r;
+    if (hi(r)) return r;
     const n = new D(r, { owner: this, purpose: i });
     return this.ownedSources.push(n), n;
   }
@@ -3012,12 +3113,12 @@ class je extends Ne {
     const s = n.getBoundingClientRect();
     if (s.width <= 0) return;
     const o = (r.clientX - s.left) / s.width * i.width, a = Math.max(0, Math.min(1, (o - i.plotLeft) / i.plotWidth)), l = Math.round(i.minDay + a * (i.maxDay - i.minDay));
-    this.cursorDate$.set(U(l), "line graph pointer moved");
+    this.cursorDate$.set(H(l), "line graph pointer moved");
   }
   cursorKeyDown(r) {
     const i = this.currentModel;
     if (i == null) return;
-    let n = $(this.cursorDate$.get() ?? i.maxDate);
+    let n = x(this.cursorDate$.get() ?? i.maxDate);
     if (r.key === "ArrowLeft") n -= r.shiftKey ? 7 : 1;
     else if (r.key === "ArrowRight") n += r.shiftKey ? 7 : 1;
     else if (r.key === "Home") n = i.minDay;
@@ -3027,35 +3128,35 @@ class je extends Ne {
       return;
     } else return;
     r.preventDefault();
-    const s = U(Math.max(i.minDay, Math.min(i.maxDay, n)));
+    const s = H(Math.max(i.minDay, Math.min(i.maxDay, n)));
     this.cursorDate$.set(s, "line graph cursor moved by keyboard");
   }
   drawChart() {
     const r = this.chartHost, i = this.currentModel;
     if (r == null || i == null) return;
-    const n = this.smooth$.get(), s = A("svg");
+    const n = this.smooth$.get(), s = R("svg");
     s.setAttribute("viewBox", `0 0 ${i.width} ${i.height}`), s.setAttribute("role", "img"), s.setAttribute("aria-label", this.props.label ?? "History chart");
     for (const a of i.valueTicks) {
-      const l = A("line");
-      l.classList.add("gridline"), G(l, {
+      const l = R("line");
+      l.classList.add("gridline"), Z(l, {
         x1: i.plotLeft,
         x2: i.plotLeft + i.plotWidth,
         y1: a.y,
         y2: a.y
       }), s.append(l);
-      const u = A("text");
-      u.classList.add("axismark"), G(u, { x: i.plotLeft - 8, y: a.y + 4, "text-anchor": "end" }), u.textContent = String(a.value), s.append(u);
+      const u = R("text");
+      u.classList.add("axismark"), Z(u, { x: i.plotLeft - 8, y: a.y + 4, "text-anchor": "end" }), u.textContent = String(a.value), s.append(u);
     }
     for (const a of i.dateMarks) {
-      const l = A("line");
-      l.classList.add("gridline"), G(l, {
+      const l = R("line");
+      l.classList.add("gridline"), Z(l, {
         x1: a.x,
         x2: a.x,
         y1: i.plotTop,
         y2: i.plotTop + i.plotHeight
       }), s.append(l);
-      const u = A("text");
-      u.classList.add("axismark"), G(u, {
+      const u = R("text");
+      u.classList.add("axismark"), Z(u, {
         x: a.x,
         y: i.plotTop + i.plotHeight + 22,
         "text-anchor": "middle"
@@ -3063,16 +3164,16 @@ class je extends Ne {
     }
     for (const a of i.series) {
       if (i.stacked) {
-        const u = A("path");
-        u.classList.add("seriesarea"), u.setAttribute("fill", a.color), u.setAttribute("d", si(a.points, n)), s.append(u);
+        const u = R("path");
+        u.classList.add("seriesarea"), u.setAttribute("fill", a.color), u.setAttribute("d", ai(a.points, n)), s.append(u);
       }
-      const l = A("path");
-      l.classList.add("seriesline"), l.setAttribute("stroke", a.color), l.setAttribute("d", Nt(a.points, n)), s.append(l);
+      const l = R("path");
+      l.classList.add("seriesline"), l.setAttribute("stroke", a.color), l.setAttribute("d", Kt(a.points, n)), s.append(l);
     }
     const o = this.cursorDate$.get();
     if (o != null) {
-      const a = $(o), l = i.plotLeft + (a - i.minDay) / Math.max(1, i.maxDay - i.minDay) * i.plotWidth, u = A("line");
-      u.classList.add("cursor"), G(u, {
+      const a = x(o), l = i.plotLeft + (a - i.minDay) / Math.max(1, i.maxDay - i.minDay) * i.plotWidth, u = R("line");
+      u.classList.add("cursor"), Z(u, {
         x1: l,
         x2: l,
         y1: i.plotTop,
@@ -3082,7 +3183,7 @@ class je extends Ne {
     r.replaceChildren(s);
   }
 }
-c(je, "liveProps", []), c(je, "hostName", "line-graph"), c(je, "css", re`
+c(je, "liveProps", []), c(je, "hostName", "line-graph"), c(je, "css", ne`
         & {
             display: flex;
             min-width: 0;
@@ -3183,19 +3284,19 @@ c(je, "liveProps", []), c(je, "hostName", "line-graph"), c(je, "css", re`
             }
         }
     `);
-function di(t) {
-  return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
+function hi(e) {
+  return e != null && (typeof e == "object" || typeof e == "function") && typeof Reflect.get(e, "get") == "function" && typeof Reflect.get(e, "subscribe") == "function";
 }
-const pi = "http://www.w3.org/2000/svg";
-function A(t) {
-  return document.createElementNS(pi, t);
+const fi = "http://www.w3.org/2000/svg";
+function R(e) {
+  return document.createElementNS(fi, e);
 }
-function G(t, e) {
-  for (const [r, i] of Object.entries(e))
-    t.setAttribute(r, String(i));
+function Z(e, t) {
+  for (const [r, i] of Object.entries(t))
+    e.setAttribute(r, String(i));
 }
-class hi {
-  constructor(e, r = {}) {
+class mi {
+  constructor(t, r = {}) {
     c(this, "criteria");
     c(this, "presets");
     c(this, "order$");
@@ -3207,25 +3308,25 @@ class hi {
     c(this, "activeSplitsEmitter");
     c(this, "activeEmitters", /* @__PURE__ */ new Map());
     c(this, "disposed", !1);
-    if (!Array.isArray(e) || e.some((o) => !(o instanceof H)))
+    if (!Array.isArray(t) || t.some((o) => !(o instanceof V)))
       throw new TypeError("Split criteria must contain GroupingCriterion instances");
     const i = new Map(
-      e.map((o) => [o.key, o])
+      t.map((o) => [o.key, o])
     );
-    if (i.size !== e.length) throw new Error("Split criteria keys must be unique");
-    this.criteria = Object.freeze([...e]), this.byKey = i, this.presets = mi(r.presets ?? [], i);
+    if (i.size !== t.length) throw new Error("Split criteria keys must be unique");
+    this.criteria = Object.freeze([...t]), this.byKey = i, this.presets = gi(r.presets ?? [], i);
     const n = this.criteria.map(({ key: o }) => o), s = r.active ?? n;
-    Q(s, i, "Active split keys"), this.state$ = new D(ue(n, new Set(s)), {
+    te(s, i, "Active split keys"), this.state$ = new D(de(n, new Set(s)), {
       owner: this,
       purpose: "split selection state",
-      equals: yi
-    }), this.orderEmitter = new j(
+      equals: bi
+    }), this.orderEmitter = new L(
       [this.state$],
       ([o]) => Object.freeze(
         o.order.map((a) => at(i, a))
       ),
       { owner: this, purpose: "ordered visualization criteria" }
-    ), this.order$ = this.orderEmitter, this.activeSplitsEmitter = new j(
+    ), this.order$ = this.orderEmitter, this.activeSplitsEmitter = new L(
       [this.state$],
       ([o]) => Object.freeze(o.order.filter((a) => o.active.has(a)).map((a) => at(i, a))),
       { owner: this, purpose: "active ordered visualization splits" }
@@ -3234,83 +3335,83 @@ class hi {
       purpose: "active visualization split preset"
     });
   }
-  activeState(e) {
+  activeState(t) {
     this.assertActive();
-    const r = this.requireKey(e);
+    const r = this.requireKey(t);
     let i = this.activeEmitters.get(r);
-    return i == null && (i = new fi(this, r), this.activeEmitters.set(r, i)), i;
+    return i == null && (i = new yi(this, r), this.activeEmitters.set(r, i)), i;
   }
-  isActive(e) {
-    return this.state$.get().active.has(this.requireKey(e));
+  isActive(t) {
+    return this.state$.get().active.has(this.requireKey(t));
   }
-  toggle(e, r) {
+  toggle(t, r) {
     this.assertActive();
-    const i = this.requireKey(e), n = this.state$.get(), s = new Set(n.active);
+    const i = this.requireKey(t), n = this.state$.get(), s = new Set(n.active);
     return s.has(i) ? s.delete(i) : s.add(i), this.activePreset$.set(null, "split selection customized"), this.state$.set(
-      ue(n.order, s),
+      de(n.order, s),
       r ?? `${i} split toggled`
     );
   }
-  move(e, r, i) {
+  move(t, r, i) {
     this.assertActive();
-    const n = this.requireKey(e);
+    const n = this.requireKey(t);
     if (!Number.isInteger(r)) throw new TypeError("Split target index must be an integer");
     const s = this.state$.get(), o = s.order.indexOf(n), a = Math.max(0, Math.min(r, s.order.length - 1));
     if (o === a) return !1;
     const l = [...s.order];
     return l.splice(o, 1), l.splice(a, 0, n), this.activePreset$.set(null, "split order customized"), this.state$.set(
-      ue(l, s.active),
+      de(l, s.active),
       i ?? `${n} split moved`
     );
   }
-  moveBy(e, r, i) {
+  moveBy(t, r, i) {
     if (!Number.isInteger(r)) throw new TypeError("Split move offset must be an integer");
-    const n = this.requireKey(e);
+    const n = this.requireKey(t);
     return this.move(
       n,
       this.state$.get().order.indexOf(n) + r,
       i
     );
   }
-  setSplits(e, r, i) {
-    this.assertActive(), Q(e, this.byKey, "Active split keys");
-    const n = new Set(e), s = r ?? this.state$.get().order.filter((a) => !n.has(a));
-    Q(s, this.byKey, "Inactive split keys");
-    const o = [...e, ...s];
+  setSplits(t, r, i) {
+    this.assertActive(), te(t, this.byKey, "Active split keys");
+    const n = new Set(t), s = r ?? this.state$.get().order.filter((a) => !n.has(a));
+    te(s, this.byKey, "Inactive split keys");
+    const o = [...t, ...s];
     if (new Set(o).size !== this.criteria.length || o.length !== this.criteria.length)
       throw new Error("Active and inactive split keys must cover every criterion exactly once");
     return this.activePreset$.set(null, "split selection replaced"), this.state$.set(
-      ue(o, n),
+      de(o, n),
       i ?? "split selection replaced"
     );
   }
-  applyPreset(e) {
+  applyPreset(t) {
     this.assertActive();
-    const r = this.presets.find(({ key: n }) => n === e);
-    if (r == null) throw new Error(`Unknown split preset "${e}"`);
+    const r = this.presets.find(({ key: n }) => n === t);
+    if (r == null) throw new Error(`Unknown split preset "${t}"`);
     const i = this.setSplits(r.active, r.inactive, `${r.key} preset applied`);
     return this.activePreset$.set(r.key, `${r.key} preset applied`), i;
   }
   dispose() {
     if (!this.disposed) {
       this.disposed = !0;
-      for (const e of this.activeEmitters.values()) e.dispose();
+      for (const t of this.activeEmitters.values()) t.dispose();
       this.activeEmitters.clear(), this.activePreset$.dispose(), this.activeSplitsEmitter.dispose(), this.orderEmitter.dispose(), this.state$.dispose();
     }
   }
-  requireKey(e) {
-    if (typeof e != "string" || !this.byKey.has(e))
-      throw new Error(`Unknown criterion key "${String(e)}"`);
-    return e;
+  requireKey(t) {
+    if (typeof t != "string" || !this.byKey.has(t))
+      throw new Error(`Unknown criterion key "${String(t)}"`);
+    return t;
   }
   assertActive() {
     if (this.disposed) throw new Error("Split selection model is disposed");
   }
 }
-function Ti(t, e = {}) {
-  return new hi(t, e);
+function Oi(e, t = {}) {
+  return new mi(e, t);
 }
-class fi extends Pe {
+class yi extends ct {
   constructor(r, i) {
     super(r.isActive(i) ? "visible" : "hidden", {
       owner: r,
@@ -3342,45 +3443,45 @@ class fi extends Pe {
     });
   }
 }
-function mi(t, e) {
-  if (!Array.isArray(t)) throw new TypeError("Split presets must be an array");
+function gi(e, t) {
+  if (!Array.isArray(e)) throw new TypeError("Split presets must be an array");
   const r = /* @__PURE__ */ new Set();
-  return Object.freeze(t.map((i) => {
+  return Object.freeze(e.map((i) => {
     if (i == null || typeof i != "object" || Array.isArray(i))
       throw new TypeError("Split preset must be an object");
     if (typeof i.key != "string" || i.key.trim() === "" || r.has(i.key))
       throw new Error("Split preset keys must be non-empty and unique");
     if (typeof i.label != "string" || i.label.trim() === "")
       throw new TypeError("Split preset label must be a non-empty string");
-    r.add(i.key), Q(i.active, e, `${i.key} active keys`);
-    const n = Object.freeze([...i.active]), s = i.inactive == null ? Object.freeze([...e.keys()].filter((o) => !n.includes(o))) : Object.freeze([...i.inactive]);
-    if (Q(s, e, `${i.key} inactive keys`), (/* @__PURE__ */ new Set([...n, ...s])).size !== e.size || n.length + s.length !== e.size)
+    r.add(i.key), te(i.active, t, `${i.key} active keys`);
+    const n = Object.freeze([...i.active]), s = i.inactive == null ? Object.freeze([...t.keys()].filter((o) => !n.includes(o))) : Object.freeze([...i.inactive]);
+    if (te(s, t, `${i.key} inactive keys`), (/* @__PURE__ */ new Set([...n, ...s])).size !== t.size || n.length + s.length !== t.size)
       throw new Error(`Split preset "${i.key}" must cover every criterion exactly once`);
     return Object.freeze({ ...i, active: n, inactive: s });
   }));
 }
-function Q(t, e, r) {
-  if (!Array.isArray(t)) throw new TypeError(`${r} must be an array`);
-  if (new Set(t).size !== t.length) throw new Error(`${r} must be unique`);
-  for (const n of t)
-    if (!e.has(n)) throw new Error(`${r} contains unknown criterion "${n}"`);
+function te(e, t, r) {
+  if (!Array.isArray(e)) throw new TypeError(`${r} must be an array`);
+  if (new Set(e).size !== e.length) throw new Error(`${r} must be unique`);
+  for (const n of e)
+    if (!t.has(n)) throw new Error(`${r} contains unknown criterion "${n}"`);
 }
-function at(t, e) {
-  const r = t.get(e);
-  if (r == null) throw new Error(`Missing criterion "${e}"`);
+function at(e, t) {
+  const r = e.get(t);
+  if (r == null) throw new Error(`Missing criterion "${t}"`);
   return r;
 }
-function ue(t, e) {
-  return Object.freeze({ order: Object.freeze([...t]), active: new Set(e) });
+function de(e, t) {
+  return Object.freeze({ order: Object.freeze([...e]), active: new Set(t) });
 }
-function yi(t, e) {
-  return t.order.length === e.order.length && t.order.every((r, i) => r === e.order[i]) && t.active.size === e.active.size && [...t.active].every((r) => e.active.has(r));
+function bi(e, t) {
+  return e.order.length === t.order.length && e.order.every((r, i) => r === t.order[i]) && e.active.size === t.active.size && [...e.active].every((r) => t.active.has(r));
 }
-const gi = [
+const wi = [
   ["☐", "hidden"],
   ["✓", "visible"]
 ];
-class de extends Ne {
+class pe extends Ne {
   constructor() {
     super(...arguments);
     c(this, "draggingKey", null);
@@ -3401,9 +3502,9 @@ class de extends Ne {
     } = this.props, o = this.read(r.order$);
     this.read(r.activeSplits$);
     const a = this.read(r.activePreset$), l = this.Host;
-    return /* @__PURE__ */ g(l, { children: [
-      r.presets.length === 0 ? null : /* @__PURE__ */ p(Ce, { header: s, children: /* @__PURE__ */ p("cap-presets", { children: r.presets.map((u) => /* @__PURE__ */ p(
-        he,
+    return /* @__PURE__ */ y(l, { children: [
+      r.presets.length === 0 ? null : /* @__PURE__ */ h(ze, { header: s, children: /* @__PURE__ */ h("cap-presets", { children: r.presets.map((u) => /* @__PURE__ */ h(
+        fe,
         {
           label: u.label,
           pressed: a === u.key,
@@ -3413,9 +3514,9 @@ class de extends Ne {
         },
         u.key
       )) }) }),
-      /* @__PURE__ */ g(Ce, { header: i, children: [
-        /* @__PURE__ */ p("p", { children: n }),
-        /* @__PURE__ */ p("ol", { children: o.map((u) => /* @__PURE__ */ g(
+      /* @__PURE__ */ y(ze, { header: i, children: [
+        /* @__PURE__ */ h("p", { children: n }),
+        /* @__PURE__ */ h("ol", { children: o.map((u) => /* @__PURE__ */ y(
           "li",
           {
             className: this.draggingKey === u.key ? "dragging" : void 0,
@@ -3423,15 +3524,15 @@ class de extends Ne {
             onPointerDown: (d) => this.startDragging(u.key, d),
             onClick: (d) => this.suppressDraggedClick(d),
             children: [
-              /* @__PURE__ */ p(
-                fe,
+              /* @__PURE__ */ h(
+                me,
                 {
-                  symbols: gi,
+                  symbols: wi,
                   label: u.label,
                   valueEmitter: r.activeState(u.key)
                 }
               ),
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ h(
                 "cap-draghandle",
                 {
                   role: "button",
@@ -3442,10 +3543,10 @@ class de extends Ne {
                     if (!d.altKey || d.key !== "ArrowUp" && d.key !== "ArrowDown")
                       return;
                     d.preventDefault();
-                    const h = d.key === "ArrowUp" ? -1 : 1;
-                    if (r.moveBy(u.key, h, "split reordered by keyboard")) {
-                      const k = r.order$.get().findIndex(({ key: b }) => b === u.key) + 1;
-                      this.announce(`${u.label} moved to position ${k}`), queueMicrotask(() => this.focusHandle(u.key));
+                    const p = d.key === "ArrowUp" ? -1 : 1;
+                    if (r.moveBy(u.key, p, "split reordered by keyboard")) {
+                      const b = r.order$.get().findIndex(({ key: w }) => w === u.key) + 1;
+                      this.announce(`${u.label} moved to position ${b}`), queueMicrotask(() => this.focusHandle(u.key));
                     }
                   }
                 }
@@ -3454,7 +3555,7 @@ class de extends Ne {
           },
           u.key
         )) }),
-        /* @__PURE__ */ p("p", { role: "status", "aria-live": "polite", "aria-atomic": "true", children: this.announcement })
+        /* @__PURE__ */ h("p", { role: "status", "aria-live": "polite", "aria-atomic": "true", children: this.announcement })
       ] })
     ] });
   }
@@ -3505,7 +3606,7 @@ class de extends Ne {
       }
   }
 }
-c(de, "liveProps", []), c(de, "hostName", "split-selection-panel"), c(de, "dependencies", [he, fe, Ce]), c(de, "css", re`
+c(pe, "liveProps", []), c(pe, "hostName", "split-selection-panel"), c(pe, "dependencies", [fe, me, ze]), c(pe, "css", ne`
         & {
             display: flex;
             flex-flow: column nowrap;
@@ -3618,32 +3719,32 @@ c(de, "liveProps", []), c(de, "hostName", "split-selection-panel"), c(de, "depen
             border: 0;
         }
     `);
-class zi {
-  constructor(e) {
+class Ri {
+  constructor(t) {
     c(this, "categories");
     c(this, "byKey");
     c(this, "deltas", /* @__PURE__ */ new Map());
-    if (!Array.isArray(e)) throw new TypeError("Series categories must be an array");
-    const r = e.map((n) => bi(n)), i = new Map(r.map((n) => [n.key, n]));
+    if (!Array.isArray(t)) throw new TypeError("Series categories must be an array");
+    const r = t.map((n) => vi(n)), i = new Map(r.map((n) => [n.key, n]));
     if (i.size !== r.length) throw new Error("Series category keys must be unique");
     this.categories = Object.freeze(r), this.byKey = i;
   }
-  addOne(e, r) {
-    return this.add(e, r, 1);
+  addOne(t, r) {
+    return this.add(t, r, 1);
   }
-  removeOne(e, r) {
-    return this.add(e, r, -1);
+  removeOne(t, r) {
+    return this.add(t, r, -1);
   }
-  add(e, r, i) {
-    if ($(e), !Number.isFinite(i)) throw new TypeError("Series delta must be finite");
+  add(t, r, i) {
+    if (x(t), !Number.isFinite(i)) throw new TypeError("Series delta must be finite");
     if (!this.byKey.has(r))
       throw new Error(`Unknown series category "${r}"`);
     const n = this.deltas.get(r) ?? /* @__PURE__ */ new Map();
-    return n.set(e, (n.get(e) ?? 0) + i), this.deltas.set(r, n), this;
+    return n.set(t, (n.get(t) ?? 0) + i), this.deltas.set(r, n), this;
   }
   build() {
-    const e = this.allDates();
-    return this.categories.map((r) => lt(r, Object.fromEntries(e.map((i) => {
+    const t = this.allDates();
+    return this.categories.map((r) => lt(r, Object.fromEntries(t.map((i) => {
       var n;
       return [
         i,
@@ -3652,74 +3753,74 @@ class zi {
     })), !1)).filter((r) => Object.values(r.values).some((i) => i !== 0));
   }
   buildCumulative() {
-    const e = this.allDates();
-    if (e.length === 0) return Object.freeze([]);
-    const r = [ei(e[0], -1), ...e];
+    const t = this.allDates();
+    if (t.length === 0) return Object.freeze([]);
+    const r = [ri(t[0], -1), ...t];
     return this.categories.map((i) => {
       var o;
       let n = 0;
       const s = { [r[0]]: 0 };
-      for (const a of e)
+      for (const a of t)
         n += ((o = this.deltas.get(i.key)) == null ? void 0 : o.get(a)) ?? 0, s[a] = n;
       return lt(i, s, !0);
     }).filter((i) => Object.values(i.values).some((n) => n !== 0));
   }
   allDates() {
-    return [...new Set([...this.deltas.values()].flatMap((e) => [...e.keys()]))].sort(ri);
+    return [...new Set([...this.deltas.values()].flatMap((t) => [...t.keys()]))].sort(ni);
   }
 }
-function bi(t) {
-  if (t == null || typeof t != "object")
+function vi(e) {
+  if (e == null || typeof e != "object")
     throw new TypeError("Series category must be an object");
-  if (typeof t.key != "string" || t.key.trim() === "")
+  if (typeof e.key != "string" || e.key.trim() === "")
     throw new TypeError("Series category key must be a non-empty string");
-  if (typeof t.label != "string" || t.label.trim() === "")
+  if (typeof e.label != "string" || e.label.trim() === "")
     throw new TypeError("Series category label must be a non-empty string");
-  const e = "color" in t ? t.color : t.colors[1];
-  if (typeof e != "string" || e.trim() === "")
+  const t = "color" in e ? e.color : e.colors[1];
+  if (typeof t != "string" || t.trim() === "")
     throw new TypeError("Series category color must be a non-empty CSS value");
-  const r = t.colorKey === void 0 ? { key: t.key, label: t.label, color: e } : { key: t.key, label: t.label, color: e, colorKey: t.colorKey };
+  const r = e.colorKey === void 0 ? { key: e.key, label: e.label, color: t } : { key: e.key, label: e.label, color: t, colorKey: e.colorKey };
   return Object.freeze(r);
 }
-function lt(t, e, r) {
+function lt(e, t, r) {
   return Object.freeze({
-    ...t,
-    values: Object.freeze(e),
+    ...e,
+    values: Object.freeze(t),
     carryForward: r
   });
 }
 export {
-  Y as BlockGraph,
-  rr as BlockSelectionModel,
-  ce as CategoryHidePanel,
-  we as CollapsibleOptionGroup,
-  H as GroupingCriterion,
+  X as BlockGraph,
+  nr as BlockSelectionModel,
+  ue as CategoryHidePanel,
+  ve as CollapsibleOptionGroup,
+  V as GroupingCriterion,
   je as LineGraph,
-  zi as SeriesBuilder,
-  hi as SplitSelectionModel,
-  de as SplitSelectionPanel,
-  ei as addCivilDays,
-  si as areaPath,
+  Ri as SeriesBuilder,
+  mi as SplitSelectionModel,
+  pe as SplitSelectionPanel,
+  ri as addCivilDays,
+  ai as areaPath,
   Re as buildBlockLayout,
-  oi as buildIntegerTicks,
-  ii as buildLineChartModel,
-  ct as categoryColorVariables,
-  xi as categoryCounts,
-  $ as civilDateToDay,
-  ri as compareCivilDates,
-  Ci as createBlockSelection,
-  Ti as createSplitSelection,
-  tr as criterionSnapshot,
-  U as dayToCivilDate,
-  Zt as deriveCategories,
-  Ei as derivedCriterion,
-  $i as filterByHidden,
-  I as findBlock,
-  Dt as flattenBlocks,
-  Nt as linePath,
-  Jt as setsEqual,
-  Si as staticCriterion,
-  ti as todayCivilDate,
-  ni as valueAtDate
+  li as buildIntegerTicks,
+  si as buildLineChartModel,
+  ut as categoryColorVariables,
+  zi as categoryCounts,
+  x as civilDateToDay,
+  ni as compareCivilDates,
+  Ti as createBlockSelection,
+  Oi as createSplitSelection,
+  ir as criterionSnapshot,
+  H as dayToCivilDate,
+  Qt as deriveCategories,
+  xi as derivedCriterion,
+  Ci as filterByHidden,
+  _ as findBlock,
+  Pt as flattenBlocks,
+  Kt as linePath,
+  er as setsEqual,
+  $i as staticCriterion,
+  ii as todayCivilDate,
+  oi as valueAtDate
 };
 //# sourceMappingURL=index.js.map