@bicharts/chart-host 0.6.83 → 0.6.84

package/dist/adapters.mjs

@@ -1,21 +1,24 @@
 /*! @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 {
   censusHitBands,
+  ensureCrossfilterHitTargets,
+  hitBandFlag
+} from "./chunk-7HKVV5T5.mjs";
+import {
+  clickWasDrag,
   collectD3GlyphCenters,
   createMarkResolver,
-  ensureCrossfilterHitTargets,
-  hitBandFlag,
   isInsideControl,
   markKeyOf,
   rowIdxsFromMark,
   selectionRuleOf
-} from "./chunk-MGAO2DR7.mjs";
+} from "./chunk-IURROJT7.mjs";
 import {
   AXIS_FILTER_CLASS,
   LEGEND_MARK_CLASS,
   MARK_CLASS,
   ROW_IDX_ATTR
-} from "./chunk-7JWL6LYE.mjs";
+} from "./chunk-MR6TL7QZ.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/adapters/types.ts
@@ -41,6 +44,9 @@ function createD3Adapter() {
       if (isInsideControl(e?.target, scene.container)) return { kind: "control" };
       const x = event.clientX ?? e?.clientX;
       const y = event.clientY ?? e?.clientY;
+      if (clickWasDrag(scene.container, { clientX: x, clientY: y, detail: e?.detail })) {
+        return { kind: "ignored", reason: "a drag, not a click" };
+      }
       const resolver = createMarkResolver({
         root: scene.container,
         doc: scene.doc,

package/dist/card.mjs

@@ -1,8 +1,8 @@
 /*! @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 {
   computeSelectionCard
-} from "./chunk-4KCSAHL5.mjs";
-import "./chunk-2XWE6YFO.mjs";
+} from "./chunk-GG4U66E4.mjs";
+import "./chunk-2ZUUIZWL.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/selectionCardChrome.ts

package/dist/{chunk-CJNONH6V.mjs → chunk-2HKO6GEK.mjs}

@@ -1,22 +1,33 @@
 /*! @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-QIRLWJBI.mjs";
 import {
   Fn,
   J3,
   X,
   Xn,
   Yn
-} from "./chunk-2XWE6YFO.mjs";
+} from "./chunk-2ZUUIZWL.mjs";
 import {
   censusHitBands,
+  ensureCrossfilterHitTargets
+} from "./chunk-7HKVV5T5.mjs";
+import {
+  clearPress,
+  clickWasDrag,
   createMarkResolver,
-  ensureCrossfilterHitTargets,
   isInsideControl,
   markKeyOf,
   nextClickedMarks,
   nextSelection,
   planSelectionPaint,
-  selectionRuleOf
-} from "./chunk-MGAO2DR7.mjs";
+  sameRowSet,
+  selectionRuleOf,
+  trackPress,
+  validRowSet
+} from "./chunk-IURROJT7.mjs";
 import {
   NA_ISO3,
   NA_LAT_MAX,
@@ -63,7 +74,7 @@ import {
   XFILTER_REFRESH_EVENT,
   chartOwnsTimeline,
   periodTickSuppressesFeedback
-} from "./chunk-7JWL6LYE.mjs";
+} from "./chunk-MR6TL7QZ.mjs";
 
 // src/labelContrast.ts
 function parseRGBA(c) {
@@ -560,6 +571,11 @@ function resolveOptions(p) {
     geoPointDest: p.geoPointDest,
     // A host FACT about the data it serialised (contract 1.9.0), passed through untouched.
     dateCellsAreUtcDays: p.dateCellsAreUtcDays,
+    // Host FACTS about whether every row arrived (contract 1.15.0), passed through untouched: an
+    // absent flag means the host does not know, and must stay absent rather than become true.
+    dataComplete: p.dataComplete,
+    rowsWithheld: p.rowsWithheld,
+    rowsFilteredOut: p.rowsFilteredOut,
     // NO LONGER A PASS-THROUGH. A host without a Max Map Points setting used to leave this
     // undefined, and every map chart then fell back to whatever number its own code carried -
     // 1000 in every archetype written so far - while the offer gate used the server's. One
@@ -592,6 +608,9 @@ function resolveOptions(p) {
     // Control gestures (1.10.0). Passed straight through like onSelect: the host owns what a gesture MEANS,
     // and a host that supplies nothing leaves every control behaving exactly as before.
     onControlChange: p.onControlChange,
+    // The host lasso setting (1.16.0): the host's own facts and choices - what the server sent, what the reader
+    // chose - passed through untouched. lasso.ts reads it as untrusted, so there is nothing to clamp here.
+    lasso: p.lasso,
     // ---- live-restyle knobs: `raw || undefined` / `.toString() || undefined` ----
     colorScaleLow: p.colorScaleLow || void 0,
     colorScaleHigh: p.colorScaleHigh || void 0,
@@ -2282,7 +2301,7 @@ function createAnnotationLayer(container, onClick) {
     const MO = win?.MutationObserver;
     if (on && !observer && MO) {
       observer = new MO((records) => {
-        if (records.some((r) => !r.target.closest?.(`.${ANNOTATION_LAYER_CLASS}`))) redrawSoon();
+        if (records.some((r) => !r.target.closest?.(`.${ANNOTATION_LAYER_CLASS}, .${LASSO_OUTLINE_CLASS}`))) redrawSoon();
       });
       observer.observe(container, { subtree: true, attributes: true, attributeFilter: ["transform", "d", "cx", "cy", "x", "y", "points"] });
     } else if (!on && observer) {
@@ -2738,6 +2757,7 @@ function createChartHost(container, config) {
     xfAt = Date.now();
     if (d.clear) notify([], d.source || "chart");
     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);
   };
   const resolver = createMarkResolver({
     root: container,
@@ -2745,24 +2765,39 @@ function createChartHost(container, config) {
     log: () => {
     }
   });
+  const clearFromGesture = () => {
+    if (current && current.length) {
+      const slot = container[CONTAINER_SLOT_XF_CLEAR];
+      if (selectionFromChart && typeof slot === "function") {
+        try {
+          slot();
+        } catch {
+        }
+      }
+      if (current && current.length) notify([], "user");
+    }
+  };
+  let lasso = null;
+  const disposeLasso = () => {
+    const l = lasso;
+    lasso = null;
+    try {
+      l?.destroy();
+    } catch {
+    }
+  };
   const clickSel = `.${MARK_CLASS}[${ROW_IDX_ATTR}], .${LEGEND_MARK_CLASS}[${ROW_IDX_ATTR}], .${AXIS_FILTER_CLASS}[${ROW_IDX_ATTR}]`;
   const onClick = (e) => {
+    const wasDrag = clickWasDrag(container, e);
+    clearPress(container);
+    if (wasDrag) return;
     if (Date.now() - xfAt < XF_ECHO_MS) return;
     if (isInsideControl(e?.target, container)) return;
     let el = resolver.findMark(e?.target, clickSel, e);
     if (!el) el = resolver.penetrateOverlayAt(e?.clientX, e?.clientY, clickSel);
     if (!el) el = resolver.resolveByGeometry(e?.clientX, e?.clientY, clickSel);
     if (!el) {
-      if (current && current.length) {
-        const slot = container[CONTAINER_SLOT_XF_CLEAR];
-        if (selectionFromChart && typeof slot === "function") {
-          try {
-            slot();
-          } catch {
-          }
-        }
-        if (current && current.length) notify([], "user");
-      }
+      clearFromGesture();
       return;
     }
     const rows = parseRowIdxs(el.getAttribute(ROW_IDX_ATTR));
@@ -2781,6 +2816,7 @@ function createChartHost(container, config) {
     notify(next, "user", toggledOff ? null : tick);
   };
   container.addEventListener(XFILTER_REFRESH_EVENT, onXf);
+  const untrackPress = trackPress(container);
   container.addEventListener("click", onClick);
   container.classList?.add(HOST_CONTAINER_CLASS);
   ensureAffordanceStyles();
@@ -2881,6 +2917,16 @@ function createChartHost(container, config) {
       drawAnnotations();
     } catch {
     }
+    try {
+      lasso = installLasso({
+        container,
+        options: () => resolved,
+        rows: data.rows ? data.rows.length : 0,
+        select: (rows) => notify(rows, "user", null, true),
+        clearSelection: clearFromGesture
+      });
+    } catch {
+    }
   };
   const renderFailure = (err) => {
     const message = String(err?.message ?? err ?? "");
@@ -2897,6 +2943,7 @@ function createChartHost(container, config) {
       if (destroyed) return;
       const seq2 = ++renderSeq;
       stopAnim();
+      disposeLasso();
       container.innerHTML = "";
       if (!renderFn) {
         if (!config.code) throw new Error("createChartHost: provide code or renderFn");
@@ -3008,10 +3055,13 @@ function createChartHost(container, config) {
           }
         }
         setClickedMarks(null);
+        lasso?.clear({ publish: false, source: "host" });
         notify([], "host");
       },
       highlight(rowIdxs) {
-        notify(Array.isArray(rowIdxs) ? rowIdxs.slice() : [], "host");
+        const rows = Array.isArray(rowIdxs) ? rowIdxs.slice() : [];
+        if (lasso && lasso.rows().length && !sameRowSet(rows, lasso.rows())) lasso.clear({ publish: false, source: "host" });
+        notify(rows, "host");
       },
       get current() {
         return current;
@@ -3027,6 +3077,9 @@ function createChartHost(container, config) {
       stopAnim();
       container.removeEventListener(XFILTER_REFRESH_EVENT, onXf);
       container.removeEventListener("click", onClick);
+      untrackPress();
+      clearPress(container);
+      disposeLasso();
       subs.clear();
       annotationLayer.destroy();
       unpinScrolledAxis(container);