@bicharts/chart-host 0.6.95 → 0.6.97

package/dist/{chunk-45VILLJT.mjs → chunk-M7MBTLDP.mjs}

@@ -1,7 +1,7 @@
 /*! @bicharts/chart-host — Apache-2.0. Bundled reference data: GeoNames (https://www.geonames.org/) CC BY 4.0; Natural Earth and US Census/TIGER (public domain). Full text: NOTICE in this package. */
 
 // src/contract.ts
-var HOST_CONTRACT_VERSION = "1.16.0";
+var HOST_CONTRACT_VERSION = "1.17.0";
 var GEO_POINT_PRECISIONS = ["latlon", "city", "zip3", "state", "country"];
 var MARK_CLASS = "d3-mark";
 var LEGEND_MARK_CLASS = "d3-legend-mark";

package/dist/{chunk-CJ4IG6G5.mjs → chunk-P6VCB6SF.mjs}

@@ -1,18 +1,18 @@
 /*! @bicharts/chart-host — Apache-2.0. Bundled reference data: GeoNames (https://www.geonames.org/) CC BY 4.0; Natural Earth and US Census/TIGER (public domain). Full text: NOTICE in this package. */
 import {
-  Ct,
-  Z,
-  g,
-  ri,
-  si,
-  xt
-} from "./chunk-NQFJHNMC.mjs";
+  It,
+  Nt,
+  j,
+  mi,
+  u,
+  ui
+} from "./chunk-KFU44UEN.mjs";
 
 // src/sourceDateFormat.ts
 function formatSourceDate(raw, opts = {}) {
   const d = toDate(raw);
   if (!d) return null;
-  const dayFrame = g(d);
+  const dayFrame = u(d);
   const frame = dayFrame ?? (opts.dialect === "dotnet" ? "local" : "utc");
   const p = partsIn(d, frame);
   const format = cleanFormat(opts.format, opts.dialect);
@@ -33,7 +33,7 @@ var ISO_LIKE_RE = /^\s*\d{4}-\d{2}-\d{2}(?:[T ]\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?(
 function toDate(raw) {
   if (raw instanceof Date) return isNaN(raw.getTime()) ? null : raw;
   if (typeof raw !== "string" || !ISO_LIKE_RE.test(raw)) return null;
-  const d = Z(raw.trim());
+  const d = j(raw.trim());
   return d && !isNaN(d.getTime()) ? d : null;
 }
 function partsIn(d, frame) {
@@ -225,15 +225,15 @@ function resolveAmbiguousM(tokens) {
     if (t.kind !== "mAmbiguous1" && t.kind !== "mAmbiguous2") continue;
     const two = t.kind === "mAmbiguous2";
     let minute = false;
-    for (let j = i - 1; j >= 0; j--) {
-      if (tokens[j].kind === "literal") continue;
-      minute = isHour(tokens[j]);
+    for (let j2 = i - 1; j2 >= 0; j2--) {
+      if (tokens[j2].kind === "literal") continue;
+      minute = isHour(tokens[j2]);
       break;
     }
     if (!minute) {
-      for (let j = i + 1; j < tokens.length; j++) {
-        if (tokens[j].kind === "literal") continue;
-        minute = isSecond(tokens[j]);
+      for (let j2 = i + 1; j2 < tokens.length; j2++) {
+        if (tokens[j2].kind === "literal") continue;
+        minute = isSecond(tokens[j2]);
         break;
       }
     }
@@ -435,15 +435,15 @@ function displayText(col, raw, opts) {
   return String(raw);
 }
 function isSuppressed(col) {
-  return xt(col).suppressed;
+  return It(col).suppressed;
 }
 function resolveAgg(col, requested, auto) {
   const fallback = () => {
-    const d = ri(col);
+    const d = ui(col);
     return d === "first" ? "count" : d;
   };
   if (auto) return fallback();
-  return Ct(col).indexOf(requested) >= 0 ? requested : fallback();
+  return Nt(col).indexOf(requested) >= 0 ? requested : fallback();
 }
 function toNumber(v) {
   if (v == null || v === "") return null;
@@ -546,7 +546,7 @@ function computeSelectionCard(payload, selectedRowIdxs, opts = {}) {
     }
     const value = reduce(selVals, colAgg, selRaw);
     let sharePct = null;
-    if (si(col, colAgg) && value != null) {
+    if (mi(col, colAgg) && value != null) {
       const allVals = [];
       const allRaw = [];
       for (let r = 0; r < rows.length; r++) {

package/dist/{chunk-VC3Z5CH7.mjs → chunk-PMA56BKD.mjs}

@@ -1,7 +1,7 @@
 /*! @bicharts/chart-host — Apache-2.0. Bundled reference data: GeoNames (https://www.geonames.org/) CC BY 4.0; Natural Earth and US Census/TIGER (public domain). Full text: NOTICE in this package. */
 import {
   SNAPSHOT_SVG_ATTR
-} from "./chunk-45VILLJT.mjs";
+} from "./chunk-M7MBTLDP.mjs";
 
 // src/snapshot.ts
 var DEFAULT_TIMEOUT_MS = 2e3;

package/dist/{chunk-4ICQEVZX.mjs → chunk-SFDKACWG.mjs}

@@ -1,12 +1,14 @@
 /*! @bicharts/chart-host — Apache-2.0. Bundled reference data: GeoNames (https://www.geonames.org/) CC BY 4.0; Natural Earth and US Census/TIGER (public domain). Full text: NOTICE in this package. */
 import {
   LASSO_OUTLINE_CLASS,
-  installLasso
-} from "./chunk-QHMLMF4L.mjs";
+  claimParkedLasso,
+  installLasso,
+  lassoEffect
+} from "./chunk-B6BLSIID.mjs";
 import {
   censusHitBands,
   ensureCrossfilterHitTargets
-} from "./chunk-PDVEIW42.mjs";
+} from "./chunk-ASLRGGLV.mjs";
 import {
   clearPress,
   clearSelectionGlyphs,
@@ -23,21 +25,22 @@ import {
   selectionRuleOf,
   trackPress,
   validRowSet
-} from "./chunk-VEVBXK44.mjs";
+} from "./chunk-5OCL4EFM.mjs";
 import {
   clipWindowOf,
   fitRenderedChart,
   rememberScroll,
   takeScroll,
   unpinScrolledAxis
-} from "./chunk-NNLBFIWU.mjs";
+} from "./chunk-3JBJ2SIF.mjs";
 import {
   Fn,
   J3,
-  Jn,
-  X,
-  Yn
-} from "./chunk-NQFJHNMC.mjs";
+  Q,
+  Yn,
+  or,
+  tt
+} from "./chunk-KFU44UEN.mjs";
 import {
   NA_ISO3,
   NA_LAT_MAX,
@@ -84,7 +87,7 @@ import {
   XFILTER_REFRESH_EVENT,
   chartOwnsTimeline,
   periodTickSuppressesFeedback
-} from "./chunk-45VILLJT.mjs";
+} from "./chunk-M7MBTLDP.mjs";
 
 // src/labelContrast.ts
 function parseRGBA(c) {
@@ -265,10 +268,10 @@ function f(t) {
 }
 function rgbToLab(r, g, b) {
   const R = linearise(r), G = linearise(g), B = linearise(b);
-  const X2 = 0.4124564 * R + 0.3575761 * G + 0.1804375 * 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(X2 / Xn), fy = f(Y / Yn2), fz = f(Z / Zn);
+  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) {
@@ -323,13 +326,13 @@ function labToHex(lab) {
     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 X2 = Xn * finv(fx);
+  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 * X2 - 1.5371385 * Y - 0.4985314 * Z,
-    -0.969266 * X2 + 1.8760108 * Y + 0.041556 * Z,
-    0.0556434 * X2 - 0.2040259 * Y + 1.0572252 * Z
+    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));
@@ -851,7 +854,7 @@ function resolvePointChannel(cols, rowObjs, point) {
   let labelCol;
   if (bind) {
     const dims = cols.filter((c) => !c.isMeasure).map((c) => c.name);
-    const res = Jn(dims, rowObjs, bind, point?.mapKind, cols.map((c) => c.name));
+    const res = or(dims, rowObjs, bind, point?.mapKind, cols.map((c) => c.name));
     bind = res.bind;
     rolesBackfilled = res.backfilled;
     rolesRefused = res.refused;
@@ -899,10 +902,16 @@ function buildRenderPayload(cols, rowObjs, geo, point, destination, opts) {
   cols = cols.filter((c) => c.name !== ROW_IDX_COLUMN);
   let utcDayColumns = null;
   if (opts?.utcDays) {
-    const norm = X(cols, rowObjs);
+    const norm = Q(cols, rowObjs);
     rowObjs = norm.rows;
     utcDayColumns = norm.columns;
   }
+  let utcWallClockColumns = null;
+  if (opts?.localWallClock) {
+    const wall = tt(cols, rowObjs);
+    rowObjs = wall.rows;
+    utcWallClockColumns = wall.columns;
+  }
   const o = resolvePointChannel(cols, rowObjs, point);
   const d = resolvePointChannel(cols, rowObjs, destination);
   const pLat = o.lat, pLon = o.lon, pPrec = o.prec;
@@ -993,7 +1002,8 @@ function buildRenderPayload(cols, rowObjs, geo, point, destination, opts) {
     // Survives a refusal that placed nothing — see geoPointRefused. Omitted when empty so
     // the ordinary case adds no bytes.
     ...rolesRefused.length ? { geoPointRefused: rolesRefused } : {},
-    ...utcDayColumns ? { dateCellsAreUtcDays: true, utcDayColumns } : {}
+    ...utcDayColumns ? { dateCellsAreUtcDays: true, utcDayColumns } : {},
+    ...utcWallClockColumns ? { dateCellsAreUtcWallClock: true, utcWallClockColumns } : {}
   };
 }
 
@@ -2036,6 +2046,12 @@ function compileRenderFn(code, win, doc, d3) {
 var ASYNC_RENDER_TIMEOUT_MS = 15e3;
 var isThenable = (v) => !!v && (typeof v === "object" || typeof v === "function") && typeof v.then === "function";
 var dimVarPage = /* @__PURE__ */ new WeakMap();
+var readDimVar = (el) => {
+  const s = el.style;
+  if (!s || typeof s.getPropertyValue !== "function") return null;
+  return { value: s.getPropertyValue(DIM_OPACITY_VAR) ?? "", priority: typeof s.getPropertyPriority === "function" ? s.getPropertyPriority(DIM_OPACITY_VAR) ?? "" : "" };
+};
+var sameDimVar = (a, b) => !!b && a.value === b.value && a.priority === b.priority;
 function createChartHost(container, config) {
   const doc = container.ownerDocument;
   const win = doc?.defaultView ?? globalThis;
@@ -2055,6 +2071,15 @@ function createChartHost(container, config) {
     }
   }
   let raw = { ...config.options ?? {} };
+  let lassoKey = config.code;
+  if (!lassoKey && typeof config.renderFn === "function") {
+    try {
+      lassoKey = Function.prototype.toString.call(config.renderFn);
+    } catch {
+      lassoKey = config.renderFn;
+    }
+  }
+  let lassoClaimed = false;
   if (typeof raw.setUiState !== "function") {
     const provider = config.viewState ?? sessionViewStateProvider(container);
     let bag;
@@ -2063,6 +2088,8 @@ function createChartHost(container, config) {
     } catch {
       bag = {};
     }
+    claimParkedLasso(container, lassoKey, config.viewState ? null : bag);
+    lassoClaimed = true;
     if (raw.uiState && typeof raw.uiState === "object" && Object.keys(bag).length === 0)
       Object.assign(bag, raw.uiState);
     raw.uiState = bag;
@@ -2078,12 +2105,14 @@ function createChartHost(container, config) {
     const out = resolveOptions(input);
     return out.allowTooltips == null ? { ...out, allowTooltips: true } : out;
   };
+  if (!lassoClaimed) claimParkedLasso(container, lassoKey);
   let resolved = resolveForHost(raw);
   let renderFn = config.renderFn ?? null;
   let destroyed = false;
   let warnedGeo = false;
   let warnedBlank = false;
   let warnedIds = false;
+  let warnedLassoNoFilter = false;
   const idScope = newIdScope();
   let renderSeq = 0;
   const annotationLayer = createAnnotationLayer(container, (a) => config.onAnnotationClick?.(a));
@@ -2110,7 +2139,8 @@ function createChartHost(container, config) {
     if (!page || --page.holders > 0) return;
     dimVarPage.delete(container);
     try {
-      if (container.style?.getPropertyValue?.(DIM_OPACITY_VAR) !== page.wrote) return;
+      const now = readDimVar(container);
+      if (now && !sameDimVar(now, page.wrote)) return;
       if (page.was) container.style?.setProperty(DIM_OPACITY_VAR, page.was.value, page.was.priority);
       else container.style?.removeProperty(DIM_OPACITY_VAR);
     } catch {
@@ -2120,6 +2150,7 @@ function createChartHost(container, config) {
   let activeTickEl = null;
   let selectionIsPeriod = false;
   let selectionFromChart = false;
+  let selectionPublished = true;
   const clickedMarks = () => container[CONTAINER_SLOT_CLICKED_MARKS] ?? null;
   const setClickedMarks = (c) => {
     try {
@@ -2197,16 +2228,18 @@ function createChartHost(container, config) {
       if (typeof want === "number") {
         const level = String(want);
         let page = dimVarPage.get(container);
+        const now = readDimVar(container);
+        if (!page) {
+          page = { was: now?.value ? now : null, holders: 0, wrote: null };
+          dimVarPage.set(container, page);
+        } else if (now && page.wrote && !sameDimVar(now, page.wrote)) {
+          page.was = now.value ? now : null;
+        }
         if (!dimVarSet) {
-          if (!page) {
-            const value = container.style?.getPropertyValue?.(DIM_OPACITY_VAR) ?? "";
-            page = { was: value ? { value, priority: container.style?.getPropertyPriority?.(DIM_OPACITY_VAR) ?? "" } : null, holders: 0, wrote: level };
-            dimVarPage.set(container, page);
-          }
           page.holders++;
           dimVarSet = true;
         }
-        if (page) page.wrote = level;
+        page.wrote = { value: level, priority: "" };
         container.style?.setProperty(DIM_OPACITY_VAR, level);
       } else releaseDimVar();
       const lit = container.querySelectorAll(`.${ACTIVE_TICK_CLASS}`);
@@ -2444,14 +2477,16 @@ function createChartHost(container, config) {
       }
     }
   };
-  const notify = (rowIdxs, source, tick, fromChart = false) => {
+  const notify = (rowIdxs, source, tick, fromChart = false, publish = true) => {
     if (destroyed) return;
     current = rowIdxs;
     selectionFromChart = rowIdxs.length > 0 && fromChart;
+    selectionPublished = publish;
     activeTickEl = rowIdxs.length ? tick ?? null : null;
     selectionIsPeriod = rowIdxs.length > 0 && periodTickSuppressesFeedback(!!tick, chartOwnsTimeline(container));
     paintSelection();
     paintGlyphLayer();
+    if (!publish) return;
     for (const cb of subs) {
       try {
         cb(rowIdxs, source);
@@ -2459,12 +2494,33 @@ function createChartHost(container, config) {
       }
     }
   };
+  const selectFromLasso = (rows) => {
+    if (lassoEffect(resolved.lasso) === "highlight") {
+      notify(rows, "user", null, true, false);
+      return;
+    }
+    notify(rows, "user", null, true);
+    if (warnedLassoNoFilter || !rows.length) return;
+    let reaches = true;
+    try {
+      reaches = config.selectionReachesPage ? config.selectionReachesPage() !== false : subs.size > 0;
+    } catch {
+    }
+    if (reaches) return;
+    warnedLassoNoFilter = true;
+    try {
+      (win?.console ?? console)?.warn(
+        `[@bicharts/chart-host] a lasso circled ${rows.length} ${rows.length === 1 ? "row" : "rows"}, but the page gave this chart no filter to set (no \`selects\` or bindFilter, no chart group), so the lasso only highlights inside the chart and the rest of the page does not follow. To filter the page, pass selects={useBicFilter("<key column>")} to this chart and filter the other charts by that filter; for a highlight on purpose, set lasso.effect to "highlight".`
+      );
+    } catch {
+    }
+  };
   let xfAt = 0;
   const XF_ECHO_MS = 150;
   const onXf = (e) => {
     const d = e?.detail || {};
     xfAt = Date.now();
-    if (d.clear) notify([], d.source || "chart");
+    if (d.clear) notify([], d.source || "chart", void 0, false, selectionPublished || !(current && current.length));
     else if (d.mark) notify(parseRowIdxs(d.mark.getAttribute?.(ROW_IDX_ATTR)), d.source || "chart", d.mark, true);
     else if (Array.isArray(d.rows)) notify(validRowSet(d.rows), d.source || "chart", null, true);
   };
@@ -2483,7 +2539,7 @@ function createChartHost(container, config) {
         } catch {
         }
       }
-      if (current && current.length) notify([], "user");
+      if (current && current.length) notify([], "user", void 0, false, selectionPublished);
     }
   };
   let lasso = null;
@@ -2679,7 +2735,7 @@ function createChartHost(container, config) {
         container,
         options: () => resolved,
         rows: data.rows ? data.rows.length : 0,
-        select: (rows) => notify(rows, "user", null, true),
+        select: selectFromLasso,
         clearSelection: clearFromGesture
       });
     } catch {

package/dist/{chunk-CR7DSJVG.mjs → chunk-WSNDXS3Z.mjs}

@@ -1,7 +1,7 @@
 /*! @bicharts/chart-host — Apache-2.0. Bundled reference data: GeoNames (https://www.geonames.org/) CC BY 4.0; Natural Earth and US Census/TIGER (public domain). Full text: NOTICE in this package. */
 import {
   LASSO_KNOB_KEY
-} from "./chunk-QHMLMF4L.mjs";
+} from "./chunk-B6BLSIID.mjs";
 
 // src/filterScope.ts
 function viewToken(view) {

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
   formatSourceDateFor,
   isExcelDateFormat,
   normaliseAggregation
-} from "./chunk-CJ4IG6G5.mjs";
+} from "./chunk-P6VCB6SF.mjs";
 import {
   captureSvgSnapshot,
   chartSvgOf,
@@ -15,7 +15,7 @@ import {
   svgNaturalSize,
   svgToDataUrl,
   tableHostOf
-} from "./chunk-VC3Z5CH7.mjs";
+} from "./chunk-PMA56BKD.mjs";
 import {
   ANNOTATION_CLASS,
   ANNOTATION_LAYER_CLASS,
@@ -97,11 +97,12 @@ import {
   toRGBA,
   toSourceRows,
   valuePlacementFlag
-} from "./chunk-4ICQEVZX.mjs";
+} from "./chunk-SFDKACWG.mjs";
 import {
   LASSO_AXES_SLOT,
   LASSO_COUNT_CLASS,
   LASSO_DEFAULT_ACTIONS,
+  LASSO_DEFAULT_EFFECT,
   LASSO_DRAG_PX,
   LASSO_EVENT,
   LASSO_KNOB_KEY,
@@ -118,17 +119,18 @@ import {
   clearLasso,
   installLasso,
   lassoActions,
+  lassoEffect,
   lassoRowCap,
   lassoVerdict,
   pointInShape,
   registerLassoAction
-} from "./chunk-QHMLMF4L.mjs";
+} from "./chunk-B6BLSIID.mjs";
 import {
   MIN_HIT_BAND_PX,
   censusHitBands,
   ensureCrossfilterHitTargets,
   hitBandFlag
-} from "./chunk-PDVEIW42.mjs";
+} from "./chunk-ASLRGGLV.mjs";
 import {
   CONTAINER_SLOT_PRESS_AT,
   DRAG_NOT_CLICK_PX,
@@ -153,7 +155,7 @@ import {
   selectionRuleOf,
   trackPress,
   validRowSet
-} from "./chunk-VEVBXK44.mjs";
+} from "./chunk-5OCL4EFM.mjs";
 import {
   AXIS_PIN_BAND_PAD_PX,
   AXIS_PIN_MAX_BAND_FRACTION,
@@ -182,12 +184,12 @@ import {
   svgInkReach,
   takeScroll,
   unpinScrolledAxis
-} from "./chunk-NNLBFIWU.mjs";
+} from "./chunk-3JBJ2SIF.mjs";
 import {
   _3,
   l,
   o
-} from "./chunk-NQFJHNMC.mjs";
+} from "./chunk-KFU44UEN.mjs";
 import "./chunk-A2GMXZP7.mjs";
 import {
   ACTIVE_TICK_CLASS,
@@ -241,7 +243,7 @@ import {
   chartOwnsTimeline,
   periodTickSuppressesFeedback,
   withoutViewOnlyKeys
-} from "./chunk-45VILLJT.mjs";
+} from "./chunk-M7MBTLDP.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/optionsVocabulary.ts
@@ -2195,6 +2197,7 @@ export {
   LASSO_AXES_SLOT,
   LASSO_COUNT_CLASS,
   LASSO_DEFAULT_ACTIONS,
+  LASSO_DEFAULT_EFFECT,
   LASSO_DRAG_PX,
   LASSO_EVENT,
   LASSO_KNOB_KEY,
@@ -2360,6 +2363,7 @@ export {
   isPillBackdropAlpha,
   labelBand,
   lassoActions,
+  lassoEffect,
   lassoRowCap,
   lassoVerdict,
   latePickupAction,

package/dist/legend-fit.mjs

@@ -2,13 +2,13 @@
 import {
   chartSvgOf,
   tableHostOf
-} from "./chunk-VC3Z5CH7.mjs";
+} from "./chunk-PMA56BKD.mjs";
 import {
   FIT_CONTENT_SELECTOR,
   ctmScaleOf,
   isPhantomBox
-} from "./chunk-NNLBFIWU.mjs";
-import "./chunk-45VILLJT.mjs";
+} from "./chunk-3JBJ2SIF.mjs";
+import "./chunk-M7MBTLDP.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/legendFit/legendReconcile.ts

package/dist/page.mjs

@@ -14,10 +14,10 @@ import {
   readControls,
   viewFromToken,
   viewToken
-} from "./chunk-CR7DSJVG.mjs";
-import "./chunk-QHMLMF4L.mjs";
-import "./chunk-VEVBXK44.mjs";
-import "./chunk-45VILLJT.mjs";
+} from "./chunk-WSNDXS3Z.mjs";
+import "./chunk-B6BLSIID.mjs";
+import "./chunk-5OCL4EFM.mjs";
+import "./chunk-M7MBTLDP.mjs";
 import "./chunk-GHODWOAL.mjs";
 export {
   LINKED_HOVER_CLASS,

package/dist/react.mjs

@@ -13,7 +13,7 @@ import {
   payloadRowReader,
   viewFromToken,
   viewToken
-} from "./chunk-CR7DSJVG.mjs";
+} from "./chunk-WSNDXS3Z.mjs";
 import {
   assembleD3,
   createChartGroup,
@@ -22,14 +22,14 @@ import {
   loadGeo,
   syncMemberSelection,
   toSourceRows
-} from "./chunk-4ICQEVZX.mjs";
-import "./chunk-QHMLMF4L.mjs";
-import "./chunk-PDVEIW42.mjs";
-import "./chunk-VEVBXK44.mjs";
-import "./chunk-NNLBFIWU.mjs";
-import "./chunk-NQFJHNMC.mjs";
+} from "./chunk-SFDKACWG.mjs";
+import "./chunk-B6BLSIID.mjs";
+import "./chunk-ASLRGGLV.mjs";
+import "./chunk-5OCL4EFM.mjs";
+import "./chunk-3JBJ2SIF.mjs";
+import "./chunk-KFU44UEN.mjs";
 import "./chunk-A2GMXZP7.mjs";
-import "./chunk-45VILLJT.mjs";
+import "./chunk-M7MBTLDP.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/react.tsx
@@ -113,12 +113,15 @@ function BicChart(props) {
   };
   const userSelectedRef = useRef(false);
   const optKey = useMemo(() => JSON.stringify(options ?? {}), [options]);
-  const zoomOn = zoomMemory != null;
-  const zoomRef = useRef(zoomMemory ?? null);
+  const zoomOn = !!zoomMemory;
+  const zoomRef = useRef(zoomMemory || null);
   useLayoutEffect(() => {
-    zoomRef.current = zoomMemory ?? null;
+    zoomRef.current = zoomMemory || null;
   });
+  const [lateData, setLateData] = useState(0);
   const builtWithRef = useRef(null);
+  const reachRef = useRef({ selects, group, id });
+  reachRef.current = { selects, group, id };
   const onSelectRef = useRef(onSelect);
   onSelectRef.current = onSelect;
   const onLabelContrastRef = useRef(onLabelContrast);
@@ -175,7 +178,12 @@ function BicChart(props) {
         return onInvalidSentinelRef.current ? (info) => onInvalidSentinelRef.current?.(info) : void 0;
       },
       annotations: annotationsRef.current ?? [],
-      onAnnotationClick: (a) => onAnnotationClickRef.current?.(a)
+      onAnnotationClick: (a) => onAnnotationClickRef.current?.(a),
+      // What a filtering lasso reaches: the page filter (`selects`), or the
+      // siblings of a chart that has an id in a group. This binding always
+      // subscribes to the selection (for onSelect), so the host cannot count
+      // subscribers here; an onSelect callback alone is not the page's filter.
+      selectionReachesPage: () => !!reachRef.current.selects || !!(reachRef.current.group && reachRef.current.id)
     });
     hostRef.current = host;
     builtAnnKeyRef.current = annKey;
@@ -196,7 +204,10 @@ function BicChart(props) {
       host.destroy();
       hostRef.current = null;
     };
-  }, [code, renderFn, d3, geoKind, labelContrast, layoutPass, restoreScroll, zoomOn, controls]);
+  }, [code, renderFn, d3, geoKind, labelContrast, layoutPass, restoreScroll, zoomOn, controls, lateData]);
+  useLayoutEffect(() => {
+    if (!hostRef.current && data && ref.current && (code || renderFn)) setLateData((n) => n + 1);
+  }, [data]);
   useLayoutEffect(() => {
     const host = hostRef.current;
     if (!host || !selects) return;
@@ -222,7 +233,7 @@ function BicChart(props) {
       b.detach();
       if (bindingRef.current === b) bindingRef.current = null;
     };
-  }, [selects, code, renderFn, d3, geoKind, labelContrast, layoutPass, restoreScroll, zoomOn]);
+  }, [selects, code, renderFn, d3, geoKind, labelContrast, layoutPass, restoreScroll, zoomOn, controls, lateData]);
   useEffect(() => {
     if (!hostRef.current || !options) return;
     if (builtWithRef.current?.optKey === optKey) return;

package/dist/testing.mjs

@@ -4,7 +4,7 @@ import {
   MARK_CLASS,
   MARK_SELECTED_CLASS,
   ROW_IDX_ATTR
-} from "./chunk-45VILLJT.mjs";
+} from "./chunk-M7MBTLDP.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/testing/interact.ts

package/dist/types/contract.d.ts

@@ -1,4 +1,4 @@
-export declare const HOST_CONTRACT_VERSION = "1.16.0";
+export declare const HOST_CONTRACT_VERSION = "1.17.0";
 export type GeoPointPrecision = "latlon" | "city" | "zip3" | "state" | "country";
 /** Every valid tier, ordered most precise → coarsest. Runtime form of GeoPointPrecision. */
 export declare const GEO_POINT_PRECISIONS: readonly GeoPointPrecision[];
@@ -214,12 +214,17 @@ export interface RenderOptions {
      *              so. Absent is LASSO_ROW_CAP.
      *   actions  - what the host runs on release, in order, by name. Absent is ["select"]; a name the host does
      *              not know is skipped, so a list can be sent ahead of the build that understands it.
+     *   effect   - what circling a group does to the PAGE (1.17.0). "filter", the default (absent, or anything that
+     *              is not exactly "highlight"): the marks inside are published as the selection a click makes, so a
+     *              page filter bound to the chart sets every circled key and the other charts follow. "highlight":
+     *              they light inside the chart only, and nothing is published. A host's choice, never the chart's.
      */
     lasso?: {
         enabled?: boolean;
         rowCap?: number;
         actions?: string[];
         capable?: boolean;
+        effect?: "filter" | "highlight";
     };
 }
 /** One reader gesture on a chart's own control. */

package/dist/types/host.d.ts

@@ -263,6 +263,15 @@ export interface ChartHostConfig {
     annotations?: MarkAnnotation[];
     /** A badge was clicked. The mark beneath is not selected. */
     onAnnotationClick?: (annotation: MarkAnnotation) => void;
+    /**
+     * WHETHER THIS CHART'S SELECTION REACHES ANYTHING OUTSIDE IT - a page filter bound to it, a chart group that
+     * cross-filters. Read when a filtering lasso (RenderOptions.lasso.effect "filter", the default) circles a
+     * group: false makes the host say once, in the console, that the page gave the chart no filter to set, so the
+     * lasso only highlights. Absent: the selection reaches something when anything subscribes to it
+     * (selection.onChange, which bindFilter and a group's attach both use). The React binding answers it from
+     * `selects` and the group itself. Never throws through: an answer that throws counts as reached.
+     */
+    selectionReachesPage?: () => boolean;
 }
 export interface ChartHost {
     /** Replace the notes drawn on marks (see ChartHostConfig.annotations); redraws them at once. */