@bicharts/chart-host 0.6.120 → 0.6.121

package/dist/{chunk-V7UHNWJ6.mjs → chunk-ZBSPEYLK.mjs}

@@ -2485,6 +2485,9 @@ var DOT = 8;
 var RING = 1.5;
 var DOT_HALF = DOT / 2 + RING;
 var DOT_IN = 8;
+var COUNT_H = 14;
+var countW = (digits) => Math.max(COUNT_H, digits * 6 + 6);
+var countOf = (label) => /^\d{1,3}$/.test(label) && Number(label) >= 1 ? label : null;
 function createAnnotationLayer(container, onClick, opts) {
   let list = [];
   let report = { shown: 0, notShown: 0 };
@@ -2668,6 +2671,18 @@ function createAnnotationLayer(container, onClick, opts) {
       placed.push(g);
       return [x, y];
     };
+    const countSpot = (v, whole, digits) => {
+      const w = countW(digits), hw = w / 2 + RING, hh = COUNT_H / 2 + RING;
+      const roomy = (b) => b.r - b.l >= 2 * w && b.b - b.t >= 2 * COUNT_H;
+      if (!roomy(whole) || !roomy(v)) return null;
+      const x = clampX(v.r - Math.max(DOT_IN, w / 2 + 2), Math.ceil(hw));
+      const y = clampY(v.t + Math.max(DOT_IN, COUNT_H / 2 + 2), Math.ceil(hh));
+      const g = { l: x - hw, t: y - hh, r: x + hw, b: y + hh };
+      if (g.l < v.l || g.r > v.r || g.t < v.t || g.b > v.b) return null;
+      if (controls.some((c) => hits(g, c)) || placed.some((p) => hits(g, p)) || textsNow().some((t) => hits(g, t.b))) return null;
+      placed.push(g);
+      return [x, y];
+    };
     const offX = -origin.left - (container.clientLeft || 0) + (container.scrollLeft || 0);
     const offY = -origin.top - (container.clientTop || 0) + (container.scrollTop || 0);
     let shown = 0;
@@ -2707,7 +2722,9 @@ function createAnnotationLayer(container, onClick, opts) {
         }
       }
       const dot = wantsDot(bestMark ?? hits2.values().next().value ?? null);
-      const pt = !best ? null : dot ? dotSpot(best, bestWhole) : clear(best, (a.label ?? "\u2022").length, bestMark, bestWhole ?? best);
+      const count = dot && best ? countOf(text(a.label)) : null;
+      const countPt = count ? countSpot(best, bestWhole, count.length) : null;
+      const pt = !best ? null : countPt ?? (dot ? dotSpot(best, bestWhole) : clear(best, (a.label ?? "\u2022").length, bestMark, bestWhole ?? best));
       if (laidOut && !pt) continue;
       shown++;
       const badge = doc.createElement("div");
@@ -2715,6 +2732,7 @@ function createAnnotationLayer(container, onClick, opts) {
       badge.setAttribute("role", "button");
       if (dot) {
         const label = text(a.label), title = text(a.title);
+        if (countPt) badge.textContent = count;
         badge.setAttribute("title", title ? label ? `(${label}) ${title}` : title : `Note on ${want}${label ? `: ${label}` : ""}`);
         badge.setAttribute("aria-label", `Note on ${want}${label ? `: ${label}` : ""}${title ? `. ${title}` : ""}`);
       } else {
@@ -2727,7 +2745,15 @@ function createAnnotationLayer(container, onClick, opts) {
         left: `${Math.round(pt ? pt[0] + offX : 0)}px`,
         top: `${Math.round(pt ? pt[1] + offY : 0)}px`,
         transform: "translate(-50%, -50%)",
-        ...dot ? { width: `${DOT}px`, height: `${DOT}px`, boxSizing: "border-box", borderRadius: "50%" } : {
+        ...countPt ? {
+          width: `${countW(count.length)}px`,
+          height: `${COUNT_H}px`,
+          boxSizing: "border-box",
+          borderRadius: `${COUNT_H / 2}px`,
+          font: `600 9px/${COUNT_H}px system-ui, sans-serif`,
+          textAlign: "center",
+          color: theme.bg || "#ffffff"
+        } : dot ? { width: `${DOT}px`, height: `${DOT}px`, boxSizing: "border-box", borderRadius: "50%" } : {
           minWidth: "16px",
           height: "16px",
           padding: "0 4px",
@@ -3422,8 +3448,12 @@ function createChartHost(container, config) {
 .${HOST_CONTAINER_CLASS} .${MARK_CLASS}:not([${ROW_IDX_ATTR}=""]):hover { filter: brightness(1.1) drop-shadow(0 0 1.5px rgba(0,0,0,0.5)) !important; }
 .${HOST_CONTAINER_CLASS}:not(.${MARKS_INERT_CLASS}):has(.${MARK_CLASS}:not([${ROW_IDX_ATTR}=""]):hover) .${MARK_CLASS}:not(:hover):not([${ROW_IDX_ATTR}=""]) { opacity: 0.55; }
 /* A MARK THAT SELECTS NOTHING DOESN'T LOOK CLICKABLE: no pointer, over the inline cursor generated code
-   sets on its marks, and no dimming of the others on hover (the rule above). A control the chart draws keeps its own. */
-.${HOST_CONTAINER_CLASS}.${MARKS_INERT_CLASS} .${MARK_CLASS} { cursor: default !important; }
+   sets on its marks, and no dimming of the others on hover (the rule above). A control the chart draws keeps its own.
+   The same for a legend swatch and an axis filter: on an inert chart the click handler drops their clicks too, so a
+   month label drawn with a pointer promised a filter that never came. */
+.${HOST_CONTAINER_CLASS}.${MARKS_INERT_CLASS} .${MARK_CLASS},
+.${HOST_CONTAINER_CLASS}.${MARKS_INERT_CLASS} .${LEGEND_MARK_CLASS},
+.${HOST_CONTAINER_CLASS}.${MARKS_INERT_CLASS} .${AXIS_FILTER_CLASS} { cursor: default !important; }
 /* THE KEYBOARD'S FOCUS: a ring on the mark, control or badge that holds keyboard focus, in the colour the
    chart's text is drawn in, so it reads in either theme. A pointer's focus shows none. */
 .${HOST_CONTAINER_CLASS}.${KEYBOARD_CLASS} [${WIRED_ATTR}]:focus:not(:focus-visible) { outline: none; }

package/dist/index.mjs

@@ -131,7 +131,7 @@ import {
   toSourceRows,
   trackFocus,
   valuePlacementFlag
-} from "./chunk-V7UHNWJ6.mjs";
+} from "./chunk-ZBSPEYLK.mjs";
 import {
   LASSO_AXES_SLOT,
   LASSO_COUNT_CLASS,

package/dist/react.mjs

@@ -12,7 +12,7 @@ import {
   createChartHost,
   syncMemberSelection,
   toSourceRows
-} from "./chunk-V7UHNWJ6.mjs";
+} from "./chunk-ZBSPEYLK.mjs";
 import "./chunk-HW3WK7SL.mjs";
 import "./chunk-4AJYIAAJ.mjs";
 import "./chunk-HEXJGF42.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bicharts/chart-host",
-  "version": "0.6.120",
+  "version": "0.6.121",
   "description": "Run a BIC-generated D3 chart in any web host: compiles the generated render() function, applies the shared option defaults, resolves mark clicks (through tooltip overlays), owns the selection affordance, and translates row indices between cross-filtered charts. The same contract the BIC Power BI visual implements, minus Power BI. React bindings at @bicharts/chart-host/react.",
   "license": "Apache-2.0",
   "type": "module",