@bicharts/chart-host 0.6.113 → 0.6.116

package/dist/{chunk-TE54AFRN.mjs → chunk-GZSYTDFN.mjs}

@@ -4,11 +4,11 @@ import {
   claimParkedLasso,
   installLasso,
   lassoEffect
-} from "./chunk-IL5M7K6Z.mjs";
+} from "./chunk-TUZCM7SX.mjs";
 import {
   censusHitBands,
   ensureCrossfilterHitTargets
-} from "./chunk-AEO5SFEQ.mjs";
+} from "./chunk-EFKGSDFF.mjs";
 import {
   clearPress,
   clearSelectionGlyphs,
@@ -24,26 +24,34 @@ import {
   selectionRuleOf,
   trackPress,
   validRowSet
-} from "./chunk-KGVNZR23.mjs";
+} from "./chunk-RLOIA7QK.mjs";
 import {
   clipWindowOf,
   fitRenderedChart,
   rememberScroll,
+  restoreInnerScroll,
   takeScroll,
   unpinScrolledAxis
-} from "./chunk-7XT5OJ6M.mjs";
+} from "./chunk-63IUMWY2.mjs";
 import {
   geoFromCache
-} from "./chunk-5YSZABCS.mjs";
+} from "./chunk-LXTW6YII.mjs";
 import {
   Fn,
+  Lr,
+  Nt,
   Q,
-  Rt,
   Yn,
-  _r,
   tt,
   xt
-} from "./chunk-FIG5DIW7.mjs";
+} from "./chunk-K2TH7D5V.mjs";
+import {
+  SAME_SHADE_DELTA_E,
+  censusColourSpread,
+  deltaE2000,
+  hexToLab,
+  labToHex
+} from "./chunk-JTZTTJJK.mjs";
 import {
   ACTIVE_TICK_CLASS,
   ANIM_LOOP_DELAY_DEFAULT,
@@ -88,7 +96,7 @@ import {
   XFILTER_REFRESH_EVENT,
   chartOwnsTimeline,
   periodTickSuppressesFeedback
-} from "./chunk-KY4FI2HA.mjs";
+} from "./chunk-QG5TENI3.mjs";
 
 // src/labelContrast.ts
 function parseRGBA(c) {
@@ -249,237 +257,11 @@ function clamp01(v) {
   if (typeof v !== "number" || !isFinite(v)) return 1;
   return Math.max(0, Math.min(1, v));
 }
-function hexToRGB(hex2) {
-  const p = toRGBA(hex2);
+function hexToRGB(hex) {
+  const p = toRGBA(hex);
   return [p[0], p[1], p[2]];
 }
 
-// src/deltaE.ts
-function linearise(c) {
-  const v = c / 255;
-  return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-}
-var Xn = 0.95047;
-var Yn2 = 1;
-var Zn = 1.08883;
-var EPS = 216 / 24389;
-var KAPPA = 24389 / 27;
-function f(t) {
-  return t > EPS ? Math.cbrt(t) : (KAPPA * t + 16) / 116;
-}
-function rgbToLab(r, g, b) {
-  const R = linearise(r), G = linearise(g), B = linearise(b);
-  const X = 0.4124564 * R + 0.3575761 * G + 0.1804375 * B;
-  const Y = 0.2126729 * R + 0.7151522 * G + 0.072175 * B;
-  const Z = 0.0193339 * R + 0.119192 * G + 0.9503041 * B;
-  const fx = f(X / Xn), fy = f(Y / Yn2), fz = f(Z / Zn);
-  return { L: 116 * fy - 16, a: 500 * (fx - fy), b: 200 * (fy - fz) };
-}
-function hexToLab(hex2) {
-  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex2.trim());
-  if (!m) return null;
-  const h = m[1].length === 3 ? m[1][0] + m[1][0] + m[1][1] + m[1][1] + m[1][2] + m[1][2] : m[1];
-  return rgbToLab(parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16));
-}
-var RAD = Math.PI / 180;
-var DEG = 180 / Math.PI;
-var NEUTRAL_CHROMA = 1e-4;
-function deltaE2000(c1, c2) {
-  const C1 = Math.hypot(c1.a, c1.b), C2 = Math.hypot(c2.a, c2.b);
-  const Cbar = (C1 + C2) / 2;
-  const C7 = Math.pow(Cbar, 7);
-  const G = 0.5 * (1 - Math.sqrt(C7 / (C7 + Math.pow(25, 7))));
-  const a1p = (1 + G) * c1.a, a2p = (1 + G) * c2.a;
-  const C1p = Math.hypot(a1p, c1.b), C2p = Math.hypot(a2p, c2.b);
-  const neutral = C1p < NEUTRAL_CHROMA || C2p < NEUTRAL_CHROMA;
-  const h1p = C1p < NEUTRAL_CHROMA ? 0 : (Math.atan2(c1.b, a1p) * DEG + 360) % 360;
-  const h2p = C2p < NEUTRAL_CHROMA ? 0 : (Math.atan2(c2.b, a2p) * DEG + 360) % 360;
-  const dLp = c2.L - c1.L;
-  const dCp = C2p - C1p;
-  let dhp;
-  if (neutral) dhp = 0;
-  else if (Math.abs(h2p - h1p) <= 180) dhp = h2p - h1p;
-  else if (h2p - h1p > 180) dhp = h2p - h1p - 360;
-  else dhp = h2p - h1p + 360;
-  const dHp = 2 * Math.sqrt(C1p * C2p) * Math.sin(dhp / 2 * RAD);
-  const Lbarp = (c1.L + c2.L) / 2;
-  const Cbarp = (C1p + C2p) / 2;
-  let hbarp;
-  if (neutral) hbarp = h1p + h2p;
-  else if (Math.abs(h1p - h2p) <= 180) hbarp = (h1p + h2p) / 2;
-  else if (h1p + h2p < 360) hbarp = (h1p + h2p + 360) / 2;
-  else hbarp = (h1p + h2p - 360) / 2;
-  const T = 1 - 0.17 * Math.cos((hbarp - 30) * RAD) + 0.24 * Math.cos(2 * hbarp * RAD) + 0.32 * Math.cos((3 * hbarp + 6) * RAD) - 0.2 * Math.cos((4 * hbarp - 63) * RAD);
-  const dTheta = 30 * Math.exp(-Math.pow((hbarp - 275) / 25, 2));
-  const Cbarp7 = Math.pow(Cbarp, 7);
-  const RC = 2 * Math.sqrt(Cbarp7 / (Cbarp7 + Math.pow(25, 7)));
-  const RT = -RC * Math.sin(2 * dTheta * RAD);
-  const Lm50 = Math.pow(Lbarp - 50, 2);
-  const SL = 1 + 0.015 * Lm50 / Math.sqrt(20 + Lm50);
-  const SC = 1 + 0.045 * Cbarp;
-  const SH = 1 + 0.015 * Cbarp * T;
-  const tL = dLp / SL, tC = dCp / SC, tH = dHp / SH;
-  return Math.sqrt(tL * tL + tC * tC + tH * tH + RT * tC * tH);
-}
-function labToHex(lab) {
-  const finv = (t) => {
-    const t3 = t * t * t;
-    return t3 > EPS ? t3 : (116 * t - 16) / KAPPA;
-  };
-  const fy = (lab.L + 16) / 116, fx = fy + lab.a / 500, fz = fy - lab.b / 200;
-  const X = Xn * finv(fx);
-  const Y = Yn2 * (lab.L > KAPPA * EPS ? fy * fy * fy : lab.L / KAPPA);
-  const Z = Zn * finv(fz);
-  const lin = [
-    3.2404542 * X - 1.5371385 * Y - 0.4985314 * Z,
-    -0.969266 * X + 1.8760108 * Y + 0.041556 * Z,
-    0.0556434 * X - 0.2040259 * Y + 1.0572252 * Z
-  ];
-  return "#" + lin.map((v) => {
-    const c = Math.max(0, Math.min(1, v));
-    const g = c <= 31308e-7 ? 12.92 * c : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
-    return Math.round(g * 255).toString(16).padStart(2, "0");
-  }).join("");
-}
-function deltaEHex(a, b) {
-  const la = hexToLab(a), lb = hexToLab(b);
-  return la && lb ? deltaE2000(la, lb) : NaN;
-}
-
-// src/colourSpread.ts
-var SAME_SHADE_DELTA_E = 5;
-var MIN_RAMP_FILLS = 4;
-var RAMP_SLACK_MAX = 0.15;
-var MIN_MARKS = 24;
-var ELEMENT_CAP = 5e3;
-var MAX_CELLS = 48;
-var CELL_STEP = 32;
-var EMPTY = { marks: 0, distinctFills: 0, crowdShare: 0, spanDeltaE: 0 };
-function styleOf(el, doc) {
-  try {
-    const view = doc?.defaultView;
-    return view?.getComputedStyle ? view.getComputedStyle(el) : null;
-  } catch {
-    return null;
-  }
-}
-function fillOf(el, cs) {
-  const a = el.getAttribute?.("fill");
-  if (a !== null && a !== void 0 && String(a).trim() !== "") return String(a).trim();
-  const c = cs?.fill;
-  return c === null || c === void 0 ? "" : String(c).trim();
-}
-function toRgb(raw) {
-  const s = raw.trim().toLowerCase();
-  if (!s || s === "none" || s === "transparent") return null;
-  const hex2 = /^#([0-9a-f]{3}|[0-9a-f]{6})$/.exec(s);
-  if (hex2) {
-    const h = hex2[1];
-    const full = h.length === 3 ? h[0] + h[0] + h[1] + h[1] + h[2] + h[2] : h;
-    return [
-      parseInt(full.slice(0, 2), 16),
-      parseInt(full.slice(2, 4), 16),
-      parseInt(full.slice(4, 6), 16)
-    ];
-  }
-  const m = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)\s*(?:[,/]\s*([\d.]+)\s*)?\)$/.exec(s);
-  if (!m) return null;
-  if (m[4] !== void 0 && parseFloat(m[4]) === 0) return null;
-  return [Math.round(parseFloat(m[1])), Math.round(parseFloat(m[2])), Math.round(parseFloat(m[3]))];
-}
-function cellKey(rgb) {
-  return [
-    Math.round(rgb[0] / CELL_STEP),
-    Math.round(rgb[1] / CELL_STEP),
-    Math.round(rgb[2] / CELL_STEP)
-  ].join(",");
-}
-function hex(rgb) {
-  return "#" + rgb.map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
-}
-function censusColourSpread(container, doc) {
-  if (!container || typeof container.querySelectorAll !== "function") return EMPTY;
-  try {
-    const els = Array.from(
-      container.querySelectorAll(`.${MARK_CLASS}, [${ROW_IDX_ATTR}]`)
-    );
-    if (els.length === 0 || els.length > ELEMENT_CAP) return EMPTY;
-    const ownerDoc = doc ?? container.ownerDocument;
-    const painted = [];
-    for (const el of els) {
-      const rgb = toRgb(fillOf(el, styleOf(el, ownerDoc)));
-      if (rgb) painted.push({ rgb, tag: String(el.tagName || "").toLowerCase() });
-    }
-    const byTag = /* @__PURE__ */ new Map();
-    for (const p of painted) {
-      const g = byTag.get(p.tag) ?? { fills: /* @__PURE__ */ new Set(), n: 0 };
-      g.fills.add(p.rgb.join(","));
-      g.n++;
-      byTag.set(p.tag, g);
-    }
-    const overlays = new Set([...byTag].filter(([, g]) => g.fills.size === 1 && g.n >= MIN_MARKS).map(([t]) => t));
-    const restFills = new Set([...byTag].filter(([t]) => !overlays.has(t)).flatMap(([, g]) => [...g.fills]));
-    const counted = restFills.size > 1 ? painted.filter((p) => !overlays.has(p.tag)) : painted;
-    const distinct = /* @__PURE__ */ new Set();
-    const cells = /* @__PURE__ */ new Map();
-    let marks = 0;
-    for (const { rgb } of counted) {
-      marks++;
-      distinct.add(rgb.join(","));
-      const k = cellKey(rgb);
-      const cur = cells.get(k);
-      if (cur) cur.n++;
-      else cells.set(k, { rgb, n: 1 });
-    }
-    if (marks < MIN_MARKS || distinct.size < MIN_RAMP_FILLS) return EMPTY;
-    const top = [...cells.values()].sort((a, b) => b.n - a.n).slice(0, MAX_CELLS);
-    const cs = top.map((c) => hexToLab(hex(c.rgb))).filter((l) => l !== null);
-    if (cs.length < MIN_RAMP_FILLS) return EMPTY;
-    const d = cs.map(() => new Array(cs.length).fill(0));
-    let span = 0, lo = 0, hi = 1;
-    for (let i = 0; i < cs.length; i++) {
-      for (let j = i + 1; j < cs.length; j++) {
-        const v = deltaE2000(cs[i], cs[j]);
-        d[i][j] = v;
-        d[j][i] = v;
-        if (v > span) {
-          span = v;
-          lo = i;
-          hi = j;
-        }
-      }
-    }
-    if (span <= 0) return EMPTY;
-    let slack = 0, interior = 0;
-    for (let i = 0; i < cs.length; i++) {
-      if (i === lo || i === hi) continue;
-      slack += (d[lo][i] + d[i][hi]) / span - 1;
-      interior++;
-    }
-    if (interior < 2 || slack / interior > RAMP_SLACK_MAX) return EMPTY;
-    let crowd = 0;
-    for (let i = 0; i < cs.length; i++) {
-      let n = 0;
-      for (let j = 0; j < cs.length; j++) {
-        if (i === j || d[i][j] <= SAME_SHADE_DELTA_E) n += top[j].n;
-      }
-      if (n > crowd) crowd = n;
-    }
-    return {
-      marks,
-      distinctFills: distinct.size,
-      crowdShare: Math.round(crowd / marks * 100),
-      spanDeltaE: Math.round(span)
-    };
-  } catch {
-    return EMPTY;
-  }
-}
-function colourSpreadFlag(c) {
-  if (c.marks === 0) return "";
-  return "ramp:d3:crowd" + Math.min(80, Math.floor(c.crowdShare / 20) * 20);
-}
-
 // src/autoRamp.ts
 var AUTO_RAMP_CLASSES = 7;
 var AUTO_RAMP_DRAWN_OPACITY = 0.5;
@@ -498,9 +280,9 @@ function mixLab(a, b, t) {
   return { L: a.L + (b.L - a.L) * t, a: a.a + (b.a - a.a) * t, b: a.b + (b.b - a.b) * t };
 }
 function paintedOver(fg, canvas, alpha) {
-  const f2 = [1, 3, 5].map((i) => parseInt(fg.slice(i, i + 2), 16));
+  const f = [1, 3, 5].map((i) => parseInt(fg.slice(i, i + 2), 16));
   const c = [1, 3, 5].map((i) => parseInt(canvas.slice(i, i + 2), 16));
-  const mixed = f2.map((v, i) => Math.round(v * alpha + c[i] * (1 - alpha))).map((v) => v.toString(16).padStart(2, "0"));
+  const mixed = f.map((v, i) => Math.round(v * alpha + c[i] * (1 - alpha))).map((v) => v.toString(16).padStart(2, "0"));
   return hexToLab("#" + mixed.join(""));
 }
 function autoRampMinStep(low, high, canvas, classes = AUTO_RAMP_CLASSES, opacity = AUTO_RAMP_DRAWN_OPACITY) {
@@ -527,8 +309,8 @@ function resolveAutoColorScale(p) {
   if (key === memoKey) return memoValue;
   const bg = hexToLab(canvas);
   const darkCanvas = bg.L < 50;
-  const usable = (hex2) => {
-    const lab = hex2 ? hexToLab(hex2) : null;
+  const usable = (hex) => {
+    const lab = hex ? hexToLab(hex) : null;
     return !!lab && deltaE2000(lab, bg) >= MIN_ACCENT_VS_CANVAS;
   };
   const candidates = p.isHighContrast ? [normHex(p.themeAccent), normHex(p.themeFg)] : [...palette.map(normHex), normHex(p.themeAccent), normHex(p.themeFg)];
@@ -554,6 +336,252 @@ function resolveAutoColorScale(p) {
   return memoValue;
 }
 
+// src/selectionMarker.ts
+var SELECTION_MARKER_DEFAULT = "auto";
+var MAP_SELECTION_MARKER_DEFAULT = "outline";
+function readSelectionMarker(raw) {
+  const v = typeof raw === "string" ? raw.trim().toLowerCase() : "";
+  return v === "none" || v === "dot" || v === "check" || v === "outline" || v === "auto" ? v : SELECTION_MARKER_DEFAULT;
+}
+function readMapSelectionMarker(raw) {
+  const v = typeof raw === "string" ? raw.trim().toLowerCase() : "";
+  return v === "none" || v === "dot" || v === "check" || v === "outline" ? v : MAP_SELECTION_MARKER_DEFAULT;
+}
+var REGION_JOIN_COLUMN = "__geoIso__";
+function isRegionMapData(data) {
+  const cols = data?.columns;
+  if (!Array.isArray(cols)) return false;
+  return cols.some((c) => !!c && c.name === REGION_JOIN_COLUMN);
+}
+var NEUTRAL_CENTRE_RAMP_SELECTOR = '.llm-value-ramp[data-kind="diverging"]';
+function hasNeutralCentreRamp(container) {
+  try {
+    return !!container?.querySelector?.(NEUTRAL_CENTRE_RAMP_SELECTOR);
+  } catch {
+    return false;
+  }
+}
+function selectionMarkerFor(facts) {
+  if (facts.regionMap) return readMapSelectionMarker(facts.mapChoice);
+  const c = readSelectionMarker(facts.choice);
+  if (c !== "auto") return c;
+  return facts.neutralCentreRamp ? "outline" : "none";
+}
+var SELECTION_OUTLINE_CLASS = "lch-sel-outline";
+var SVG_NS = "http://www.w3.org/2000/svg";
+var AREA_TAGS = /* @__PURE__ */ new Set(["path", "rect", "polygon"]);
+var UNFILLED = /^(none|transparent|rgba\([^)]*,\s*0(\.0+)?\s*\))$/i;
+function isAreaMark(el) {
+  const tag = (el.localName || el.tagName || "").toLowerCase();
+  if (!AREA_TAGS.has(tag)) return false;
+  let fill = "", fillOpacity = "";
+  try {
+    const cs = el.ownerDocument?.defaultView?.getComputedStyle?.(el);
+    fill = (cs?.fill || "").trim();
+    fillOpacity = (cs?.fillOpacity || "").trim();
+  } catch {
+  }
+  const style = el.style;
+  if (!fill) fill = (style?.fill || el.getAttribute("fill") || "").trim();
+  if (!fillOpacity) fillOpacity = (style?.fillOpacity || el.getAttribute("fill-opacity") || "").trim();
+  if (fill && UNFILLED.test(fill)) return false;
+  if (fillOpacity !== "" && parseFloat(fillOpacity) === 0) return false;
+  return true;
+}
+function collectOutlineMarks(container, filter) {
+  const picked = [];
+  const seen = /* @__PURE__ */ new Set();
+  const add = (el) => {
+    if (seen.has(el)) return;
+    seen.add(el);
+    if (isAreaMark(el)) picked.push(el);
+  };
+  for (const m of Array.from(container.querySelectorAll(`.${MARK_CLASS}.${MARK_SELECTED_CLASS}`))) {
+    if (filter?.shown && !filter.shown(m)) continue;
+    if ((m.localName || "").toLowerCase() === "g") {
+      for (const s of Array.from(m.querySelectorAll("path, rect, polygon"))) add(s);
+    } else add(m);
+  }
+  if (picked.length < 2 || picked.length > 300) return picked;
+  const EPS = 1;
+  const rects = picked.map((m) => {
+    try {
+      return m.getBoundingClientRect();
+    } catch {
+      return null;
+    }
+  });
+  return picked.filter((_, i) => {
+    const c = rects[i];
+    if (!c) return true;
+    const cArea = c.width * c.height;
+    if (!(cArea > 0)) return true;
+    for (let j = 0; j < rects.length; j++) {
+      const r = rects[j];
+      if (j === i || !r) continue;
+      const a = r.width * r.height;
+      if (!(a > 0) || a >= cArea) continue;
+      if (r.left >= c.left - EPS && r.right <= c.right + EPS && r.top >= c.top - EPS && r.bottom <= c.bottom + EPS) return false;
+    }
+    return true;
+  });
+}
+function outlineWindowOf(mark, stop) {
+  let acc = null;
+  const narrow = (w) => {
+    if (!w) return;
+    acc = acc ? {
+      left: Math.max(acc.left, w.left),
+      top: Math.max(acc.top, w.top),
+      right: Math.min(acc.right, w.right),
+      bottom: Math.min(acc.bottom, w.bottom)
+    } : { ...w };
+  };
+  for (let el = mark; el && el !== stop; el = el.parentElement) {
+    try {
+      if ((el.localName || "").toLowerCase() === "svg") {
+        const r = el.getBoundingClientRect();
+        if (r.width > 0 && r.height > 0) narrow({ left: r.left, top: r.top, right: r.right, bottom: r.bottom });
+      } else if (el.hasAttribute?.("clip-path")) narrow(clipWindowOf(el));
+    } catch {
+    }
+  }
+  return acc;
+}
+function controlBoxesIn(root, opts = {}) {
+  const pad = opts.pad ?? 2, join = opts.join ?? 4;
+  let boxes = [];
+  try {
+    for (const el of Array.from(root?.querySelectorAll?.(`.${CONTROL_CLASS}`) ?? [])) {
+      const r = el.getBoundingClientRect();
+      if (!(r.width > 0) || !(r.height > 0)) continue;
+      boxes.push({ left: r.left - pad, top: r.top - pad, right: r.right + pad, bottom: r.bottom + pad });
+    }
+  } catch {
+    return [];
+  }
+  const near = (a, b) => a.left - join <= b.right && b.left - join <= a.right && a.top - join <= b.bottom && b.top - join <= a.bottom;
+  let merged = true;
+  while (merged) {
+    merged = false;
+    const out = [];
+    for (const b of boxes) {
+      const hit = out.find((o) => near(o, b));
+      if (hit) {
+        hit.left = Math.min(hit.left, b.left);
+        hit.top = Math.min(hit.top, b.top);
+        hit.right = Math.max(hit.right, b.right);
+        hit.bottom = Math.max(hit.bottom, b.bottom);
+        merged = true;
+      } else out.push({ ...b });
+    }
+    boxes = out;
+  }
+  return boxes;
+}
+function copyGeometry(doc, el) {
+  const tag = (el.localName || "").toLowerCase();
+  const keep = tag === "path" ? ["d"] : tag === "rect" ? ["x", "y", "width", "height", "rx", "ry"] : tag === "polygon" ? ["points"] : null;
+  if (!keep) return null;
+  const out = doc.createElementNS(SVG_NS, tag);
+  let any = false;
+  for (const a of keep) {
+    const v = el.getAttribute(a);
+    if (v != null && v !== "") {
+      out.setAttribute(a, v);
+      any = true;
+    }
+  }
+  return any ? out : null;
+}
+var num = (n) => String(Math.round(n * 1e3) / 1e3);
+var maskSeq = 0;
+function paintSelectionOutlines(overlay, marks, style) {
+  const doc = overlay.ownerDocument;
+  const base = overlay.getBoundingClientRect();
+  const width = style.width ?? 2;
+  const windowOf = style.windowOf ?? ((m) => outlineWindowOf(m));
+  const root = doc.createElementNS(SVG_NS, "svg");
+  root.setAttribute("class", SELECTION_OUTLINE_CLASS);
+  root.setAttribute("aria-hidden", "true");
+  root.setAttribute("focusable", "false");
+  root.setAttribute("style", "position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none");
+  let host = root;
+  const holes = (style.avoid ?? []).filter((b) => b.right > b.left && b.bottom > b.top);
+  if (holes.length) {
+    const id = `${SELECTION_OUTLINE_CLASS}-mask-${++maskSeq}`;
+    const defs = doc.createElementNS(SVG_NS, "defs");
+    const mask = doc.createElementNS(SVG_NS, "mask");
+    mask.setAttribute("id", id);
+    mask.setAttribute("maskUnits", "userSpaceOnUse");
+    const BIG = 1e5;
+    for (const [k, v] of [["x", -BIG], ["y", -BIG], ["width", 2 * BIG], ["height", 2 * BIG]]) mask.setAttribute(k, String(v));
+    const open = doc.createElementNS(SVG_NS, "rect");
+    for (const [k, v] of [["x", -BIG], ["y", -BIG], ["width", 2 * BIG], ["height", 2 * BIG]]) open.setAttribute(k, String(v));
+    open.setAttribute("fill", "#fff");
+    mask.appendChild(open);
+    for (const b of holes) {
+      const r = doc.createElementNS(SVG_NS, "rect");
+      r.setAttribute("class", `${SELECTION_OUTLINE_CLASS}-hole`);
+      r.setAttribute("x", num(b.left - base.left));
+      r.setAttribute("y", num(b.top - base.top));
+      r.setAttribute("width", num(b.right - b.left));
+      r.setAttribute("height", num(b.bottom - b.top));
+      r.setAttribute("fill", "#000");
+      mask.appendChild(r);
+    }
+    defs.appendChild(mask);
+    root.appendChild(defs);
+    host = doc.createElementNS(SVG_NS, "g");
+    host.setAttribute("mask", `url(#${id})`);
+    root.appendChild(host);
+  }
+  let drawn = 0;
+  const max = style.max ?? 600;
+  for (const m of marks) {
+    if (drawn >= max) break;
+    let ctm = null;
+    try {
+      ctm = m.getScreenCTM?.() ?? null;
+    } catch {
+      ctm = null;
+    }
+    if (!ctm) continue;
+    const shape = copyGeometry(doc, m);
+    if (!shape) continue;
+    let parent = host;
+    let ox = base.left, oy = base.top;
+    const w = windowOf(m);
+    if (w) {
+      if (!(w.right > w.left) || !(w.bottom > w.top)) continue;
+      const v = doc.createElementNS(SVG_NS, "svg");
+      v.setAttribute("x", num(w.left - base.left));
+      v.setAttribute("y", num(w.top - base.top));
+      v.setAttribute("width", num(w.right - w.left));
+      v.setAttribute("height", num(w.bottom - w.top));
+      v.setAttribute("overflow", "hidden");
+      host.appendChild(v);
+      parent = v;
+      ox = w.left;
+      oy = w.top;
+    }
+    const transform = `matrix(${num(ctm.a)} ${num(ctm.b)} ${num(ctm.c)} ${num(ctm.d)} ${num(ctm.e - ox)} ${num(ctm.f - oy)})`;
+    for (const [stroke, sw] of [[style.halo, width + 2], [style.color, width]]) {
+      const p = shape.cloneNode(false);
+      p.setAttribute("transform", transform);
+      p.setAttribute("fill", "none");
+      p.setAttribute("stroke", stroke);
+      p.setAttribute("stroke-width", String(sw));
+      p.setAttribute("stroke-linejoin", "round");
+      p.setAttribute("vector-effect", "non-scaling-stroke");
+      parent.appendChild(p);
+    }
+    drawn++;
+  }
+  if (drawn > 0) overlay.appendChild(root);
+  return drawn;
+}
+
 // src/exportTable.ts
 var EXPORT_FORMATS = Object.freeze(["xlsx", "csv"]);
 var XLSX_MIME = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
@@ -702,8 +730,8 @@ function excelNumberFormat(col, values = []) {
   if (!sh) return null;
   let frac = 0;
   for (const v of values) {
-    const f2 = fractionDigits(sh.percent ? Math.round(v * 100 * 1e9) / 1e9 : v);
-    if (f2 > frac) frac = f2;
+    const f = fractionDigits(sh.percent ? Math.round(v * 100 * 1e9) / 1e9 : v);
+    if (f > frac) frac = f;
   }
   return codeFromShape(sh, frac);
 }
@@ -999,7 +1027,7 @@ function bytesToBase64(bytes) {
 }
 function exportFormatsFor(hostFormats) {
   if (!Array.isArray(hostFormats)) return EXPORT_FORMATS.slice();
-  return EXPORT_FORMATS.filter((f2) => hostFormats.indexOf(f2) >= 0);
+  return EXPORT_FORMATS.filter((f) => hostFormats.indexOf(f) >= 0);
 }
 function exportTableService(save, formats = EXPORT_FORMATS) {
   const allowed = formats.slice();
@@ -1169,12 +1197,20 @@ function resolveOptions(p) {
       const n = typeof v === "number" ? v : typeof v === "string" && v.trim() !== "" ? Number(v) : NaN;
       return Number.isFinite(n) ? clamp(n, DIM_OPACITY_MIN, 1) : void 0;
     })(),
-    // A recognised glyph or none: an unknown string must never reach the painter as a live mode, and "none" is
-    // undefined rather than a value, so a host that passes nothing and one that passes "none" resolve alike.
+    // A recognised marker or nothing: an unknown string must never reach the painter as a live mode. "none" and
+    // "auto" read undefined here, as a host that passes nothing does; what tells them apart is selectionMarker.
     selectionGlyph: (() => {
       const v = (p.selectionGlyph == null ? "" : String(p.selectionGlyph)).toLowerCase();
-      return v === "dot" || v === "check" ? v : void 0;
+      return v === "dot" || v === "check" || v === "outline" ? v : void 0;
     })(),
+    // THE WHOLE CHOICE: absent, unknown and "auto" are the default ("auto"), and "none" is a reader's None. The map's
+    // choice beside it, its default "outline" when it made none.
+    selectionMarker: readSelectionMarker(p.selectionGlyph),
+    mapSelectionGlyph: (() => {
+      const v = (p.mapSelectionGlyph == null ? "" : String(p.mapSelectionGlyph)).toLowerCase();
+      return v === "none" || v === "dot" || v === "check" || v === "outline" ? v : void 0;
+    })(),
+    mapSelectionMarker: readMapSelectionMarker(p.mapSelectionGlyph),
     // A host FACT from the generate answer, true only for a literal true: silence never suppresses anything.
     suppressSelectionGlyph: p.suppressSelectionGlyph === true ? true : void 0,
     // A host FACT (1.22.0): the chart works from the keyboard. True only for a literal true, like the one above.
@@ -1319,7 +1355,7 @@ function resolvePointChannel(cols, rowObjs, point) {
   let labelCol;
   if (bind) {
     const dims = cols.filter((c) => !c.isMeasure).map((c) => c.name);
-    const res = _r(dims, rowObjs, bind, point?.mapKind, cols.map((c) => c.name));
+    const res = Lr(dims, rowObjs, bind, point?.mapKind, cols.map((c) => c.name));
     bind = res.bind;
     rolesBackfilled = res.backfilled;
     rolesRefused = res.refused;
@@ -1496,7 +1532,7 @@ function buildRenderPayload(cols, rowObjs, geo, point, destination, opts) {
 }
 function longitudeBeside(names) {
   const words = (n) => n.replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase().split(/[^a-zÀ-ɏ]+/);
-  return names.find((n) => words(n).some((w) => w === "lon" || w === "lng" || w === "long" || w === "longitude")) ?? names.find((n) => Rt(words(n)) === "lon") ?? null;
+  return names.find((n) => words(n).some((w) => w === "lon" || w === "lng" || w === "long" || w === "longitude")) ?? names.find((n) => Nt(words(n)) === "lon") ?? null;
 }
 
 // src/codeComments.ts
@@ -1634,10 +1670,97 @@ function stripJsComments(code) {
   return out;
 }
 
+// src/markFollower.ts
+var MARK_MOVE_ATTRIBUTES = Object.freeze([
+  "transform",
+  "d",
+  "x",
+  "y",
+  "cx",
+  "cy",
+  "points",
+  "width",
+  "height",
+  "visibility",
+  "opacity",
+  "style",
+  "class"
+]);
+function followMarks(container, opts) {
+  const win = opts.win ?? container.ownerDocument?.defaultView ?? null;
+  let observer = null;
+  let resize = null;
+  let size = "";
+  let queued = false;
+  let queuedResize = false;
+  const sizeOf = () => `${container.offsetWidth ?? 0}x${container.offsetHeight ?? 0}`;
+  const movesAMark = (r) => {
+    const t = r.target;
+    if (!t || opts.blind && t.closest?.(opts.blind)) return false;
+    return !!(t.classList?.contains(MARK_CLASS) || t.querySelector?.(`.${MARK_CLASS}`));
+  };
+  const queue = (resized) => {
+    if (resized) queuedResize = true;
+    if (queued) return;
+    queued = true;
+    const run = () => {
+      const r = queuedResize;
+      queued = false;
+      queuedResize = false;
+      if (observer || resize) {
+        try {
+          opts.repaint(r);
+        } catch {
+        }
+      }
+    };
+    if (win?.requestAnimationFrame) win.requestAnimationFrame(run);
+    else setTimeout(run, 16);
+  };
+  return {
+    follow(on) {
+      if (!on) {
+        if (observer) {
+          observer.disconnect();
+          observer = null;
+        }
+        if (resize) {
+          resize.disconnect();
+          resize = null;
+        }
+        return;
+      }
+      const MO = win?.MutationObserver;
+      if (!observer && MO) {
+        observer = new MO((records) => {
+          if (!queued && records.some(movesAMark)) queue(false);
+        });
+        observer.observe(container, { subtree: true, attributes: true, attributeFilter: [...MARK_MOVE_ATTRIBUTES] });
+      }
+      const RO = win?.ResizeObserver;
+      if (!resize && RO) {
+        resize = new RO(() => {
+          if (sizeOf() !== size) queue(true);
+        });
+        resize.observe(container);
+      }
+    },
+    painted() {
+      size = sizeOf();
+    },
+    takeRecords() {
+      observer?.takeRecords();
+    },
+    get following() {
+      return !!(observer || resize);
+    }
+  };
+}
+
 // src/blankRender.ts
-var EMPTY2 = { markCount: 0, legendMarkCount: 0, containerKind: "empty", declaresNoRowMarks: false };
+var EMPTY = { markCount: 0, legendMarkCount: 0, containerKind: "empty", declaresNoRowMarks: false };
 function censusMarks(container) {
-  if (!container || typeof container.querySelectorAll !== "function") return EMPTY2;
+  if (!container || typeof container.querySelectorAll !== "function") return EMPTY;
   try {
     const marks = /* @__PURE__ */ new Set();
     for (const el of Array.from(container.querySelectorAll(`.${MARK_CLASS}`))) marks.add(el);
@@ -1656,7 +1779,7 @@ function censusMarks(container) {
       declaresNoRowMarks: !!container.querySelector(`[${NO_ROW_MARKS_ATTR}]`)
     };
   } catch {
-    return EMPTY2;
+    return EMPTY;
   }
 }
 function isBlankRender(i) {
@@ -1680,8 +1803,8 @@ function censusClippedText(container) {
   try {
     const svg = container?.querySelector?.("svg");
     if (!svg) return none;
-    const f2 = svg.getBoundingClientRect();
-    if (!f2 || !(f2.width > 0) || !(f2.height > 0)) return none;
+    const f = svg.getBoundingClientRect();
+    if (!f || !(f.width > 0) || !(f.height > 0)) return none;
     const view = svg.ownerDocument?.defaultView;
     const clipped = [];
     let measured = 0;
@@ -1691,7 +1814,7 @@ function censusClippedText(container) {
       const s = view?.getComputedStyle?.(t);
       if (s && (s.display === "none" || s.visibility === "hidden" || s.opacity === "0")) continue;
       measured++;
-      const top = f2.top - r.top, left = f2.left - r.left, bottom = r.bottom - f2.bottom, right = r.right - f2.right;
+      const top = f.top - r.top, left = f.left - r.left, bottom = r.bottom - f.bottom, right = r.right - f.right;
       if (top > CLIP_TOLERANCE_PX || left > CLIP_TOLERANCE_PX || bottom > CLIP_TOLERANCE_PX || right > CLIP_TOLERANCE_PX) {
         clipped.push({
           text: String(t.textContent ?? "").slice(0, 40),
@@ -1716,13 +1839,13 @@ function clippedTextFlag(c) {
 }
 
 // src/valuePlacement.ts
-var MIN_MARKS2 = 24;
-var ELEMENT_CAP2 = 5e3;
+var MIN_MARKS = 24;
+var ELEMENT_CAP = 5e3;
 var FIT_SAMPLE = 90;
 var VALUE_AXIS_MIN_FIT = 0.8;
 var MIN_AXIS_SPAN_PX = 40;
-var EMPTY3 = { marks: 0, axis: "", column: "", fit: 0, offShare: 0, medianOffRadii: 0 };
-function num(el, name) {
+var EMPTY2 = { marks: 0, axis: "", column: "", fit: 0, offShare: 0, medianOffRadii: 0 };
+function num2(el, name) {
   const v = el.getAttribute?.(name);
   if (v === null || v === void 0 || String(v).trim() === "") return NaN;
   return parseFloat(String(v));
@@ -1754,12 +1877,12 @@ function robustLine(v, pos) {
 }
 function censusValuePlacement(container, data) {
   try {
-    if (!container || typeof container.querySelectorAll !== "function") return EMPTY3;
+    if (!container || typeof container.querySelectorAll !== "function") return EMPTY2;
     const rows = data?.rows;
     const columns = data?.columns ?? [];
-    if (!Array.isArray(rows) || !rows.length || !columns.length) return EMPTY3;
+    if (!Array.isArray(rows) || !rows.length || !columns.length) return EMPTY2;
     const els = Array.from(container.querySelectorAll(`circle[${ROW_IDX_ATTR}]`));
-    if (els.length < MIN_MARKS2 || els.length > ELEMENT_CAP2) return EMPTY3;
+    if (els.length < MIN_MARKS || els.length > ELEMENT_CAP) return EMPTY2;
     const dots = [];
     const seen = /* @__PURE__ */ new Set();
     for (const el of els) {
@@ -1767,12 +1890,12 @@ function censusValuePlacement(container, data) {
       if (!/^\d+$/.test(raw)) continue;
       const i = +raw;
       const row = rows[i];
-      const x = num(el, "cx"), y = num(el, "cy"), r = num(el, "r");
+      const x = num2(el, "cx"), y = num2(el, "cy"), r = num2(el, "r");
       if (!row || !Number.isFinite(x) || !Number.isFinite(y) || !(r > 0)) continue;
       seen.add(i);
       dots.push({ row, x, y, r });
     }
-    if (dots.length < MIN_MARKS2 || seen.size < dots.length * 0.9) return EMPTY3;
+    if (dots.length < MIN_MARKS || seen.size < dots.length * 0.9) return EMPTY2;
     let best = null;
     for (let c = 0; c < columns.length; c++) {
       if (/^__.*__$/.test(String(columns[c]?.name ?? ""))) continue;
@@ -1817,7 +1940,7 @@ function censusValuePlacement(container, data) {
         }
       }
     }
-    if (!best) return EMPTY3;
+    if (!best) return EMPTY2;
     let off = 0, measured = 0;
     const radii = [];
     dots.forEach((d, k) => {
@@ -1828,7 +1951,7 @@ function censusValuePlacement(container, data) {
       radii.push(inRadii);
       if (inRadii > 1) off++;
     });
-    if (measured < MIN_MARKS2) return EMPTY3;
+    if (measured < MIN_MARKS) return EMPTY2;
     return {
       marks: measured,
       axis: best.axis,
@@ -1838,7 +1961,7 @@ function censusValuePlacement(container, data) {
       medianOffRadii: Math.round(median(radii) * 100) / 100
     };
   } catch {
-    return EMPTY3;
+    return EMPTY2;
   }
 }
 function valuePlacementFlag(c) {
@@ -1851,7 +1974,7 @@ function valuePlacementFlag(c) {
 // src/labelContrastDom.ts
 var LABEL_CONTRAST_DONE_ATTR = "data-lch-contrast";
 var LABEL_CONTRAST_CAP = 2e3;
-var EMPTY4 = {
+var EMPTY3 = {
   rects: 0,
   scanned: 0,
   fixed: 0,
@@ -1929,11 +2052,11 @@ function extendPillOver(pill, tr) {
     const inv = m.inverse();
     const toUser = (x2, y2) => ({ x: inv.a * x2 + inv.c * y2 + inv.e, y: inv.b * x2 + inv.d * y2 + inv.f });
     const a = toUser(tr.left, tr.top), b = toUser(tr.right, tr.bottom);
-    const num2 = (k) => {
+    const num3 = (k) => {
       const v = parseFloat(pill.getAttribute(k) || "");
       return isFinite(v) ? v : NaN;
     };
-    const x = num2("x"), y = num2("y"), w = num2("width"), h = num2("height");
+    const x = num3("x"), y = num3("y"), w = num3("width"), h = num3("height");
     if (![x, y, w, h].every((v) => isFinite(v)) || !(w > 0) || !(h > 0)) return false;
     const pad = 1 / m.a;
     const x0 = Math.min(x, Math.min(a.x, b.x) - pad), x1 = Math.max(x + w, Math.max(a.x, b.x) + pad);
@@ -2002,7 +2125,7 @@ function addPill(tx, fill) {
   }
 }
 function applyLabelContrast(container, opts = {}) {
-  const report = { ...EMPTY4 };
+  const report = { ...EMPTY3 };
   if (!container) {
     report.skipped = "no-container";
     return report;
@@ -2340,10 +2463,10 @@ function seenRight(el, right, stop) {
   }
   return right;
 }
-var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_NS2 = "http://www.w3.org/2000/svg";
 function overflowWindowOf(el) {
   const win = el.ownerDocument.defaultView;
-  if (!win || el.namespaceURI === SVG_NS) return null;
+  if (!win || el.namespaceURI === SVG_NS2) return null;
   try {
     const o = win.getComputedStyle(el);
     const clips = (v) => !!v && v !== "visible";
@@ -2426,17 +2549,22 @@ function createAnnotationLayer(container, onClick, opts) {
     const names = (data.columns || []).map((c) => typeof c === "string" ? c : c?.name);
     const marks = Array.from(container.querySelectorAll(`.${MARK_CLASS}[${ROW_IDX_ATTR}]`)).filter((m) => !m.closest(`.${ANNOTATION_LAYER_CLASS}`));
     const marksByRow = /* @__PURE__ */ new Map();
-    for (const m of marks) for (const r of parseIdxs(m.getAttribute(ROW_IDX_ATTR))) {
-      const at = marksByRow.get(r);
-      if (at) at.push(m);
-      else marksByRow.set(r, [m]);
+    const rowsOf = /* @__PURE__ */ new Map();
+    for (const m of marks) {
+      const own = new Set(parseIdxs(m.getAttribute(ROW_IDX_ATTR)));
+      rowsOf.set(m, own);
+      for (const r of own) {
+        const at = marksByRow.get(r);
+        if (at) at.push(m);
+        else marksByRow.set(r, [m]);
+      }
     }
     const origin = container.getBoundingClientRect();
     const open = origin.width > 0 && origin.height > 0 ? box(origin) : FREE;
     const clipOf = /* @__PURE__ */ new Map();
     const windowOf = (el) => {
       if (!clipOf.has(el)) {
-        if (el.namespaceURI === SVG_NS) {
+        if (el.namespaceURI === SVG_NS2) {
           const w = clipWindowOf(el);
           clipOf.set(el, w && box(w));
         } else clipOf.set(el, overflowWindowOf(el));
@@ -2451,7 +2579,7 @@ function createAnnotationLayer(container, onClick, opts) {
     const viewOf = (m) => {
       let v = inView;
       for (let el = m.parentElement; v && el && el !== container; el = el.parentElement) {
-        if (el.namespaceURI === SVG_NS && el.localName === "svg") {
+        if (el.namespaceURI === SVG_NS2 && el.localName === "svg") {
           const s = el.getBoundingClientRect();
           if (s.width > 0 && s.height > 0) v = cut(v, box(s));
         }
@@ -2546,16 +2674,31 @@ function createAnnotationLayer(container, onClick, opts) {
     for (const a of list) {
       const pairs = (a.where ? Object.entries(a.where) : a.column != null ? [[a.column, a.value]] : []).map(([c, v]) => [names.indexOf(c), text(v)]);
       const want = pairs.map((p) => p[1]).join(" / ");
-      const hits2 = /* @__PURE__ */ new Set();
+      const hits2 = /* @__PURE__ */ new Set(), keyRows = /* @__PURE__ */ new Set();
       if (pairs.length && pairs.every((p) => p[0] >= 0)) (data.rows || []).forEach((row, r) => {
-        if (pairs.every(([ci, v]) => text(row?.[ci]) === v)) for (const m of marksByRow.get(r) ?? []) hits2.add(m);
+        if (!pairs.every(([ci, v]) => text(row?.[ci]) === v)) return;
+        keyRows.add(r);
+        for (const m of marksByRow.get(r) ?? []) hits2.add(m);
       });
       if (!hits2.size) continue;
-      let best = null, bestWhole = null, bestMark = null, laidOut = false;
+      const rank = (m) => {
+        const own = rowsOf.get(m);
+        let out = 0;
+        for (const r of own) if (!keyRows.has(r)) out++;
+        const level = parseInt(m.getAttribute("aria-level") || "", 10);
+        return [out, out === 0 && own.size === keyRows.size ? 0 : 1, own.size, Number.isFinite(level) ? -level : 0];
+      };
+      const before = (p, q) => p[0] - q[0] || p[1] - q[1] || p[2] - q[2] || p[3] - q[3];
+      const drawn = [];
       for (const m of hits2) {
         const b = m.getBoundingClientRect();
-        if (!(b.width > 0 && b.height > 0)) continue;
-        laidOut = true;
+        if (b.width > 0 && b.height > 0) drawn.push({ m, b, k: rank(m) });
+      }
+      const laidOut = drawn.length > 0;
+      const most = drawn.reduce((k, d) => !k || before(d.k, k) < 0 ? d.k : k, null);
+      let best = null, bestWhole = null, bestMark = null;
+      for (const { m, b, k } of drawn) {
+        if (before(k, most) !== 0) continue;
         const v = cut(box(b), viewOf(m));
         if (v && (!best || area(v) > area(best))) {
           best = v;
@@ -2815,16 +2958,17 @@ function installKeyboard(env) {
   const { container } = env;
   let rovingKey = null;
   let destroyed = false;
-  const marksNow = () => {
-    if (env.inert()) return [];
-    return Array.from(container.querySelectorAll(env.markSelector)).filter((m) => !m.closest(env.skipSelector) && (m.getAttribute("data-row-idx") ?? "") !== "");
-  };
+  const ownRole = /* @__PURE__ */ new WeakSet();
+  const marksNow = () => Array.from(container.querySelectorAll(env.markSelector)).filter((m) => !m.closest(env.skipSelector) && (m.getAttribute("data-row-idx") ?? "") !== "");
   const wired = (el) => el.hasAttribute(WIRED_ATTR);
   const wire = (el, tabindex, role) => {
     if (el.hasAttribute("tabindex") && !wired(el)) return false;
     el.setAttribute(WIRED_ATTR, "");
     el.setAttribute("tabindex", tabindex);
-    if (!el.hasAttribute("role")) el.setAttribute("role", role);
+    if (!el.hasAttribute("role") || ownRole.has(el)) {
+      el.setAttribute("role", role);
+      ownRole.add(el);
+    }
     return true;
   };
   const setRoving = (list, to) => {
@@ -2835,22 +2979,17 @@ function installKeyboard(env) {
     if (destroyed) return;
     try {
       container.classList?.add(KEYBOARD_CLASS);
+      const inert = env.inert();
       const list = marksNow();
       for (const m of list) {
-        if (!wire(m, "-1", "button")) continue;
-        m.setAttribute("aria-pressed", env.isSelected(m) ? "true" : "false");
+        if (!wire(m, "-1", inert ? "img" : "button")) continue;
+        if (inert) m.removeAttribute("aria-pressed");
+        else m.setAttribute("aria-pressed", env.isSelected(m) ? "true" : "false");
         if (!m.hasAttribute("aria-label") && !m.querySelector(":scope > title")) {
           const name = env.labelOf(m);
           if (name) m.setAttribute("aria-label", name);
         }
       }
-      if (!list.length) {
-        for (const m of Array.from(container.querySelectorAll(`[${WIRED_ATTR}]`)))
-          if (m.matches(env.markSelector)) {
-            m.removeAttribute("tabindex");
-            m.removeAttribute(WIRED_ATTR);
-          }
-      }
       const own = list.filter(wired);
       if (own.length) {
         const keep = own.find((m) => env.keyOf(m) === rovingKey) ?? own.find((m) => env.isSelected(m)) ?? own[0];
@@ -2879,7 +3018,7 @@ function installKeyboard(env) {
         e.preventDefault();
         const ME = container.ownerDocument.defaultView?.MouseEvent ?? MouseEvent;
         press.dispatchEvent(new ME("click", { bubbles: true, cancelable: true }));
-      } else if (k === "Escape" && env.escapeClears !== false) env.clear();
+      } else if (k === "Escape" && env.escapeClears !== false && !env.inert()) env.clear();
       return;
     }
     const mark = t.closest?.(env.markSelector);
@@ -2921,9 +3060,10 @@ function installKeyboard(env) {
         rovingKey = env.keyOf(mark);
         env.select(mark, { ctrl: !!(e.ctrlKey || e.metaKey), shift: !!e.shiftKey });
         break;
+      // An inert chart's click on empty canvas clears nothing, so neither does its Escape.
       case "Escape":
         hideTip();
-        if (env.escapeClears !== false) env.clear();
+        if (env.escapeClears !== false && !env.inert()) env.clear();
         break;
     }
   };
@@ -3399,77 +3539,13 @@ function createChartHost(container, config) {
   };
   const GLYPH_LAYER_CLASS = "bic-selection-glyphs";
   let glyphPositionWas = null;
-  let glyphObserver = null;
-  let glyphResize = null;
-  let glyphSize = "";
-  let glyphQueued = false;
-  let glyphQueuedReport = false;
+  const glyphFollower = followMarks(container, {
+    win,
+    blind: `.${GLYPH_LAYER_CLASS}, .${LASSO_OUTLINE_CLASS}`,
+    repaint: (resized) => paintGlyphLayer(resized ? "if-changed" : false)
+  });
   let glyphReported = "";
-  const sizeOfContainer = () => `${container.offsetWidth ?? 0}x${container.offsetHeight ?? 0}`;
-  const glyphBlind = `.${GLYPH_LAYER_CLASS}, .${LASSO_OUTLINE_CLASS}`;
-  const movesAMark = (r) => {
-    const t = r.target;
-    if (!t || t.closest?.(glyphBlind)) return false;
-    return !!(t.classList?.contains(MARK_CLASS) || t.querySelector?.(`.${MARK_CLASS}`));
-  };
-  const queueGlyphs = (reportIfChanged) => {
-    if (reportIfChanged) glyphQueuedReport = true;
-    if (glyphQueued) return;
-    glyphQueued = true;
-    const run = () => {
-      const r = glyphQueuedReport;
-      glyphQueued = false;
-      glyphQueuedReport = false;
-      if (glyphObserver || glyphResize) paintGlyphLayer(r ? "if-changed" : false);
-    };
-    if (win?.requestAnimationFrame) win.requestAnimationFrame(run);
-    else setTimeout(run, 16);
-  };
-  const followGlyphs = (on) => {
-    if (!on) {
-      if (glyphObserver) {
-        glyphObserver.disconnect();
-        glyphObserver = null;
-      }
-      if (glyphResize) {
-        glyphResize.disconnect();
-        glyphResize = null;
-      }
-      return;
-    }
-    const MO = win?.MutationObserver;
-    if (!glyphObserver && MO) {
-      glyphObserver = new MO((records) => {
-        if (!glyphQueued && records.some(movesAMark)) queueGlyphs(false);
-      });
-      glyphObserver.observe(container, {
-        subtree: true,
-        attributes: true,
-        attributeFilter: [
-          "transform",
-          "d",
-          "x",
-          "y",
-          "cx",
-          "cy",
-          "points",
-          "width",
-          "height",
-          "visibility",
-          "opacity",
-          "style",
-          "class"
-        ]
-      });
-    }
-    const RO = win?.ResizeObserver;
-    if (!glyphResize && RO) {
-      glyphResize = new RO(() => {
-        if (sizeOfContainer() !== glyphSize) queueGlyphs(true);
-      });
-      glyphResize.observe(container);
-    }
-  };
+  const followGlyphs = (on) => glyphFollower.follow(on);
   const markShown = (m) => {
     try {
       const cv = m.checkVisibility;
@@ -3503,11 +3579,11 @@ function createChartHost(container, config) {
       }
       return windowOf.get(el) ?? null;
     };
-    const EPS2 = 0.5;
+    const EPS = 0.5;
     return (m, x, y) => {
       for (let el = m; el && el !== container; el = el.parentElement) {
         const w = read(el);
-        if (w && (x < w.left - EPS2 || x > w.right + EPS2 || y < w.top - EPS2 || y > w.bottom + EPS2)) return false;
+        if (w && (x < w.left - EPS || x > w.right + EPS || y < w.top - EPS || y > w.bottom + EPS)) return false;
       }
       return true;
     };
@@ -3518,8 +3594,13 @@ function createChartHost(container, config) {
     try {
       let layer = container.querySelector(`:scope > .${GLYPH_LAYER_CLASS}`);
       clearSelectionGlyphs(layer);
-      const mode = resolved.selectionGlyph;
-      if (mode !== "dot" && mode !== "check") {
+      const mode = selectionMarkerFor({
+        choice: resolved.selectionMarker,
+        mapChoice: resolved.mapSelectionMarker,
+        regionMap: isRegionMapData(data),
+        neutralCentreRamp: hasNeutralCentreRamp(container)
+      });
+      if (mode !== "dot" && mode !== "check" && mode !== "outline") {
         glyphReported = "";
         return;
       }
@@ -3567,20 +3648,41 @@ function createChartHost(container, config) {
       const sw = container.scrollWidth || 0, sh = container.scrollHeight || 0;
       layer.style.width = `${sw}px`;
       layer.style.height = `${sh}px`;
-      glyphSize = sizeOfContainer();
-      const centers = [];
-      collectGlyphCentersWhere(container, layer.getBoundingClientRect(), centers, { shown: markShown, at: glyphWindows() });
+      glyphFollower.painted();
       const hc = !!resolved.isHighContrast;
-      const drawn = centers.length ? paintSelectionGlyphs(layer, centers, {
-        symbol: mode === "check" ? "\u2713" : "\u25CF",
-        color: hc ? resolved.themeFg || "#111" : "#111",
-        halo: hc ? resolved.themeBg || "#fff" : "#fff"
-      }) : 0;
-      const said = `${mode}:${drawn}:${centers.length}`;
+      let drawn = 0, total = 0;
+      if (mode === "outline") {
+        const marks = collectOutlineMarks(container, { shown: markShown });
+        total = marks.length;
+        let ink = resolved.themeFg || "";
+        if (!ink) {
+          try {
+            ink = win?.getComputedStyle?.(container)?.color || "";
+          } catch {
+            ink = "";
+          }
+        }
+        drawn = total ? paintSelectionOutlines(layer, marks, {
+          color: ink || "#111",
+          halo: resolved.themeBg || (hc ? "#000" : "#fff"),
+          windowOf: (m) => outlineWindowOf(m, container),
+          avoid: controlBoxesIn(container)
+        }) : 0;
+      } else {
+        const centers = [];
+        collectGlyphCentersWhere(container, layer.getBoundingClientRect(), centers, { shown: markShown, at: glyphWindows() });
+        total = centers.length;
+        drawn = centers.length ? paintSelectionGlyphs(layer, centers, {
+          symbol: mode === "check" ? "\u2713" : "\u25CF",
+          color: hc ? resolved.themeFg || "#111" : "#111",
+          halo: hc ? resolved.themeBg || "#fff" : "#fff"
+        }) : 0;
+      }
+      const said = `${mode}:${drawn}:${total}`;
       if (report === true || report === "if-changed" && said !== glyphReported) {
         glyphReported = said;
         try {
-          config.onSelectionGlyphs?.({ mode, drawn, total: centers.length, suppressed: false });
+          config.onSelectionGlyphs?.({ mode, drawn, total, suppressed: false });
         } catch {
         }
       }
@@ -3588,7 +3690,7 @@ function createChartHost(container, config) {
     } finally {
       try {
         followGlyphs(follow);
-        glyphObserver?.takeRecords();
+        glyphFollower.takeRecords();
       } catch {
       }
     }
@@ -3716,7 +3818,15 @@ function createChartHost(container, config) {
       { ctrl: !!(e?.ctrlKey || e?.metaKey), shift: !!e?.shiftKey }
     ));
     const fromLabel = !!tick && !multi && !toggledOff && !chartOwnsTimeline(container);
-    notify(next, "user", toggledOff ? null : tick, false, true, fromLabel ? { fromLabel: true } : void 0);
+    const fromMark = !tick && !multi && !toggledOff;
+    notify(
+      next,
+      "user",
+      toggledOff ? null : tick,
+      false,
+      true,
+      fromLabel ? { fromLabel: true } : fromMark ? { fromMark: true } : void 0
+    );
   };
   container.addEventListener(XFILTER_REFRESH_EVENT, onXf);
   const untrackPress = trackPress(container);
@@ -3877,6 +3987,21 @@ function createChartHost(container, config) {
       } catch {
       }
     }
+    if (config.onCategoryColourCensus) {
+      const report = config.onCategoryColourCensus;
+      const bg = resolved.backgroundColor ?? resolved.themeBg;
+      const opts = {
+        pageBg: typeof bg === "string" && bg ? bg : void 0,
+        dimOpacity: typeof resolved.dimOpacity === "number" ? resolved.dimOpacity : void 0
+      };
+      import("./category-colours.mjs").then((m) => {
+        try {
+          report(m.censusCategoryColours(container, doc, opts));
+        } catch {
+        }
+      }).catch(() => {
+      });
+    }
     if (config.onClippedTextCensus) {
       try {
         config.onClippedTextCensus(censusClippedText(container));
@@ -3890,6 +4015,7 @@ function createChartHost(container, config) {
       }
     }
     const scrollMem = takeScroll(container);
+    if (keepScroll) restoreInnerScroll(container, scrollMem, scrollKey());
     if (fitOpts !== false) {
       try {
         const base = fitOpts === true ? {} : fitOpts;
@@ -4208,7 +4334,7 @@ function createChartHost(container, config) {
 }
 
 // src/group.ts
-var EMPTY5 = Object.freeze({ sourceId: null, rows: Object.freeze([]) });
+var EMPTY4 = Object.freeze({ sourceId: null, rows: Object.freeze([]) });
 function toSourceRows(rowMap, payloadRowIdxs) {
   if (!rowMap) return payloadRowIdxs.slice();
   return payloadRowIdxs.map((i) => rowMap[i]).filter((i) => i !== void 0);
@@ -4246,7 +4372,7 @@ function createChartGroup(columns, rows, opts = {}) {
   let geo = opts.geo ?? null;
   let point = opts.point ?? null;
   let destination = opts.destination ?? null;
-  let selection = EMPTY5;
+  let selection = EMPTY4;
   const subs = /* @__PURE__ */ new Set();
   const members = /* @__PURE__ */ new Set();
   const notify = (change) => {
@@ -4379,17 +4505,27 @@ export {
   straddles,
   minContrastOver,
   pickColorOver,
-  deltaEHex,
-  SAME_SHADE_DELTA_E,
-  MIN_RAMP_FILLS,
-  censusColourSpread,
-  colourSpreadFlag,
   AUTO_RAMP_CLASSES,
   AUTO_RAMP_DRAWN_OPACITY,
   AUTO_RAMP_MIN_STEP_DELTA_E,
   autoRampMinStep,
   autoRampCanvas,
   resolveAutoColorScale,
+  SELECTION_MARKER_DEFAULT,
+  MAP_SELECTION_MARKER_DEFAULT,
+  readSelectionMarker,
+  readMapSelectionMarker,
+  REGION_JOIN_COLUMN,
+  isRegionMapData,
+  NEUTRAL_CENTRE_RAMP_SELECTOR,
+  hasNeutralCentreRamp,
+  selectionMarkerFor,
+  SELECTION_OUTLINE_CLASS,
+  isAreaMark,
+  collectOutlineMarks,
+  outlineWindowOf,
+  controlBoxesIn,
+  paintSelectionOutlines,
   EXPORT_FORMATS,
   XLSX_MIME,
   CSV_MIME,
@@ -4409,6 +4545,8 @@ export {
   resolveOptions,
   buildRenderPayload,
   stripJsComments,
+  MARK_MOVE_ATTRIBUTES,
+  followMarks,
   censusMarks,
   isBlankRender,
   blankRenderFlag,