@bicharts/chart-host 0.6.83 → 0.6.85

package/dist/index.mjs

@@ -5,37 +5,39 @@ import {
   formatSourceDateFor,
   isExcelDateFormat,
   normaliseAggregation
-} from "./chunk-4KCSAHL5.mjs";
+} from "./chunk-GG4U66E4.mjs";
+import {
+  captureSvgSnapshot,
+  chartSvgOf,
+  htmlNaturalSize,
+  htmlToSvgDataUrl,
+  rasterizeSvgToPngDataUrl,
+  svgNaturalSize,
+  svgToDataUrl,
+  tableHostOf
+} from "./chunk-ZGQURBRJ.mjs";
 import {
   ANNOTATION_CLASS,
   ANNOTATION_LAYER_CLASS,
   AUTO_RAMP_CLASSES,
   AUTO_RAMP_DRAWN_OPACITY,
   AUTO_RAMP_MIN_STEP_DELTA_E,
-  AXIS_PIN_BAND_PAD_PX,
-  AXIS_PIN_MAX_BAND_FRACTION,
-  AXIS_PIN_MIN_LABELS,
-  AXIS_PIN_TRACK_REACH_PX,
   BACKING_MAJORITY,
   CLIP_TOLERANCE_PX,
   D3_PLUGIN_PACKAGES,
   DARK_TEXT,
-  FIT_CONTENT_SELECTOR,
   GLYPH_SAMPLE_N,
   LABEL_CONTRAST_CAP,
   LABEL_CONTRAST_DONE_ATTR,
   LABEL_PILL_CLASS,
   LIGHT_TEXT,
-  MAX_FRAME_GROW_FACTOR,
   MIN_CONTRAST,
   MIN_RAMP_FILLS,
   PAGE_MATCH_TOLERANCE,
-  PHANTOM_FRACTION,
   PILL_MIN_ALPHA,
   PILL_MIN_COVERAGE,
   PILL_OPAQUE_ALPHA,
   SAME_SHADE_DELTA_E,
-  SCROLL_SLACK_PX,
   STRADDLE_COLS,
   STRADDLE_MIN_SHARE,
   STRADDLE_PILL_ALPHA,
@@ -47,7 +49,6 @@ import {
   assembleD3,
   autoRampCanvas,
   autoRampMinStep,
-  axisPinPlacement,
   backingHoldsGlyph,
   blankRenderFlag,
   buildRenderPayload,
@@ -61,37 +62,25 @@ import {
   colourSpreadFlag,
   compileRenderFn,
   compositeOver,
-  contentExtentOf,
   contrastRatio,
   createChartGroup,
   createChartHost,
-  ctmScaleOf,
   decideLabelColor,
   deltaEHex,
   explainRenderFailure,
-  fitReadingFor,
-  fitRenderedChart,
   geoAssetFor,
   geoFromCache,
   glyphSampleGrid,
   invalidSentinelReason,
   isBlankRender,
-  isHorizontalLabelRow,
   isInvalidSentinelError,
-  isPhantomBox,
   isPillBackdropAlpha,
-  labelBand,
   loadGeo,
-  measureContainerBoxes,
   minContrastOver,
-  needsScroll,
   newIdScope,
   noopViewStateProvider,
   pickColorOver,
   pillBacksGlyph,
-  pinScrolledAxis,
-  planAxisPin,
-  planFrameGrow,
   registerGeo,
   registerGeoAsset,
   relativeLuminance,
@@ -99,43 +88,103 @@ import {
   resolveAutoColorScale,
   resolveOptions,
   scopeChartIds,
-  scrollFitFor,
   sessionViewStateProvider,
   straddleSampleGrid,
   straddles,
   stripEsmExports,
   stripJsComments,
-  svgInkReach,
   syncMemberSelection,
   toRGBA,
   toSourceRows,
-  unpinScrolledAxis,
   valuePlacementFlag
-} from "./chunk-CJNONH6V.mjs";
+} from "./chunk-CDWNZHIN.mjs";
+import {
+  LASSO_AXES_SLOT,
+  LASSO_COUNT_CLASS,
+  LASSO_DEFAULT_ACTIONS,
+  LASSO_DRAG_PX,
+  LASSO_EVENT,
+  LASSO_KNOB_KEY,
+  LASSO_MAX_VERTICES,
+  LASSO_MODE_ATTR,
+  LASSO_NOTE_CLASS,
+  LASSO_OUTLINE_CLASS,
+  LASSO_PLOT_CLASS,
+  LASSO_RESTORE_MAX_SHAPES,
+  LASSO_RESTORE_MAX_VERTICES,
+  LASSO_ROW_CAP,
+  LASSO_SAMPLE_PX,
+  LASSO_SURFACE_CLASS,
+  clearLasso,
+  installLasso,
+  lassoActions,
+  lassoRowCap,
+  lassoVerdict,
+  pointInShape,
+  registerLassoAction
+} from "./chunk-QIRLWJBI.mjs";
 import {
   _3,
   l,
   o
-} from "./chunk-2XWE6YFO.mjs";
+} from "./chunk-2ZUUIZWL.mjs";
 import {
   MIN_HIT_BAND_PX,
-  SELECTION_GLYPH_CLASS,
   censusHitBands,
+  ensureCrossfilterHitTargets,
+  hitBandFlag
+} from "./chunk-7HKVV5T5.mjs";
+import {
+  CONTAINER_SLOT_PRESS_AT,
+  DRAG_NOT_CLICK_PX,
+  ROW_SET_MAX,
+  SELECTION_GLYPH_CLASS,
+  clearPress,
   clearSelectionGlyphs,
+  clickWasDrag,
   collectD3GlyphCenters,
   createMarkResolver,
-  ensureCrossfilterHitTargets,
-  hitBandFlag,
+  dispatchRowSet,
+  gestureWasDrag,
   isInsideControl,
   markKeyOf,
   nextClickedMarks,
   nextSelection,
   paintSelectionGlyphs,
   planSelectionPaint,
+  pressOf,
   rowIdxsFromMark,
   sameRowSet,
-  selectionRuleOf
-} from "./chunk-MGAO2DR7.mjs";
+  selectionRuleOf,
+  trackPress,
+  validRowSet
+} from "./chunk-IURROJT7.mjs";
+import {
+  AXIS_PIN_BAND_PAD_PX,
+  AXIS_PIN_MAX_BAND_FRACTION,
+  AXIS_PIN_MIN_LABELS,
+  AXIS_PIN_TRACK_REACH_PX,
+  FIT_CONTENT_SELECTOR,
+  MAX_FRAME_GROW_FACTOR,
+  PHANTOM_FRACTION,
+  SCROLL_SLACK_PX,
+  axisPinPlacement,
+  contentExtentOf,
+  ctmScaleOf,
+  fitReadingFor,
+  fitRenderedChart,
+  isHorizontalLabelRow,
+  isPhantomBox,
+  labelBand,
+  measureContainerBoxes,
+  needsScroll,
+  pinScrolledAxis,
+  planAxisPin,
+  planFrameGrow,
+  scrollFitFor,
+  svgInkReach,
+  unpinScrolledAxis
+} from "./chunk-BQFG5HWZ.mjs";
 import "./chunk-A2GMXZP7.mjs";
 import {
   ACTIVE_TICK_CLASS,
@@ -187,7 +236,7 @@ import {
   chartOwnsTimeline,
   periodTickSuppressesFeedback,
   withoutViewOnlyKeys
-} from "./chunk-7JWL6LYE.mjs";
+} from "./chunk-MR6TL7QZ.mjs";
 import "./chunk-GHODWOAL.mjs";
 
 // src/optionsVocabulary.ts
@@ -564,256 +613,6 @@ function histogramSource(idx, name) {
 }`;
 }
 
-// src/snapshot.ts
-var DEFAULT_TIMEOUT_MS = 2e3;
-var SVG_NS = "http://www.w3.org/2000/svg";
-var XHTML_NS = "http://www.w3.org/1999/xhtml";
-function toBase64(str) {
-  const bytes = new TextEncoder().encode(str);
-  let binary = "";
-  for (let i2 = 0; i2 < bytes.length; i2++) binary += String.fromCharCode(bytes[i2]);
-  return btoa(binary);
-}
-function viewOf(el) {
-  return el.ownerDocument && el.ownerDocument.defaultView || globalThis;
-}
-var MAX_STYLED_ELEMENTS = 4e3;
-var TEXT_FONT_PROPS = ["font-family", "font-size", "font-weight", "font-style"];
-function inlineTextFonts(original, clone) {
-  const view = viewOf(original);
-  if (!view || typeof view.getComputedStyle !== "function") return;
-  const src = original.querySelectorAll("text");
-  const dst = clone.querySelectorAll("text");
-  if (src.length !== dst.length) return;
-  const n2 = Math.min(src.length, MAX_STYLED_ELEMENTS);
-  for (let i2 = 0; i2 < n2; i2++) {
-    let cs;
-    try {
-      cs = view.getComputedStyle(src[i2]);
-    } catch {
-      continue;
-    }
-    const style = dst[i2].style;
-    if (!style) continue;
-    for (const prop of TEXT_FONT_PROPS) {
-      const v2 = cs.getPropertyValue(prop);
-      if (v2 && !style.getPropertyValue(prop)) style.setProperty(prop, v2);
-    }
-  }
-}
-function svgToDataUrl(svg) {
-  const cloned = svg.cloneNode(true);
-  const w2 = svg.clientWidth || svg.getBoundingClientRect && svg.getBoundingClientRect().width || 600;
-  const h2 = svg.clientHeight || svg.getBoundingClientRect && svg.getBoundingClientRect().height || 400;
-  cloned.setAttribute("width", String(Math.round(w2)));
-  cloned.setAttribute("height", String(Math.round(h2)));
-  if (!cloned.getAttribute("xmlns")) cloned.setAttribute("xmlns", SVG_NS);
-  try {
-    inlineTextFonts(svg, cloned);
-  } catch {
-  }
-  return "data:image/svg+xml;base64," + toBase64(new XMLSerializer().serializeToString(cloned));
-}
-function tableHostOf(root) {
-  if (!root || typeof root.querySelector !== "function") return null;
-  if (root.namespaceURI === SVG_NS) return null;
-  const firstSvg = root.querySelector("svg");
-  for (const sel of [".lch-table-frame", "table"]) {
-    const host = root.querySelector(sel);
-    if (host && (!firstSvg || host.contains(firstSvg))) return host;
-  }
-  return null;
-}
-function chartSvgOf(root) {
-  if (!root || typeof root.querySelector !== "function") return null;
-  return root.querySelector(`svg[${SNAPSHOT_SVG_ATTR}]`) ?? root.querySelector("svg");
-}
-function inlinePx(v2) {
-  const m2 = /^\s*([0-9.]+)px\s*$/.exec(v2 || "");
-  return m2 ? parseFloat(m2[1]) : 0;
-}
-function htmlNaturalSize(el) {
-  const r2 = el.getBoundingClientRect ? el.getBoundingClientRect() : null;
-  const w2 = el.clientWidth || r2 && r2.width || inlinePx(el.style && el.style.width) || 600;
-  const h2 = el.clientHeight || r2 && r2.height || inlinePx(el.style && el.style.height) || 400;
-  return { width: Math.round(w2), height: Math.round(h2) };
-}
-var HTML_STYLE_PROPS = [
-  "display",
-  "box-sizing",
-  "width",
-  "height",
-  "margin-top",
-  "margin-right",
-  "margin-bottom",
-  "margin-left",
-  "padding-top",
-  "padding-right",
-  "padding-bottom",
-  "padding-left",
-  "border-top-width",
-  "border-right-width",
-  "border-bottom-width",
-  "border-left-width",
-  "border-top-style",
-  "border-right-style",
-  "border-bottom-style",
-  "border-left-style",
-  "border-top-color",
-  "border-right-color",
-  "border-bottom-color",
-  "border-left-color",
-  "border-collapse",
-  "border-spacing",
-  "background-color",
-  "color",
-  "opacity",
-  "font-family",
-  "font-size",
-  "font-weight",
-  "font-style",
-  "line-height",
-  "letter-spacing",
-  "text-align",
-  "vertical-align",
-  "white-space",
-  "text-overflow",
-  "text-decoration-line",
-  "flex-direction",
-  "flex-wrap",
-  "flex-grow",
-  "flex-shrink",
-  "flex-basis",
-  "align-items",
-  "justify-content",
-  "position",
-  "top",
-  "right",
-  "bottom",
-  "left"
-];
-function inlineHtmlStyles(original, clone) {
-  const view = viewOf(original);
-  if (!view || typeof view.getComputedStyle !== "function") return;
-  const src = [original, ...Array.from(original.querySelectorAll("*"))];
-  const dst = [clone, ...Array.from(clone.querySelectorAll("*"))];
-  if (src.length !== dst.length) return;
-  let styled = 0;
-  for (let i2 = 0; i2 < src.length && styled < MAX_STYLED_ELEMENTS; i2++) {
-    const o3 = src[i2], c2 = dst[i2];
-    if (o3.namespaceURI !== XHTML_NS || !c2.style) continue;
-    let cs;
-    try {
-      cs = view.getComputedStyle(o3);
-    } catch {
-      continue;
-    }
-    for (const prop of HTML_STYLE_PROPS) {
-      const v2 = cs.getPropertyValue(prop);
-      if (v2) c2.style.setProperty(prop, v2);
-    }
-    c2.style.setProperty("overflow", "hidden");
-    styled++;
-  }
-  try {
-    inlineTextFonts(original, clone);
-  } catch {
-  }
-}
-function htmlToSvgDataUrl(el) {
-  const { width, height } = htmlNaturalSize(el);
-  const clone = el.cloneNode(true);
-  inlineHtmlStyles(el, clone);
-  clone.style.setProperty("width", `${width}px`);
-  clone.style.setProperty("height", `${height}px`);
-  clone.style.setProperty("margin", "0");
-  let xhtml = new XMLSerializer().serializeToString(clone);
-  if (!/^<[^>]*\sxmlns=/.test(xhtml)) xhtml = xhtml.replace(/^<([a-zA-Z0-9-]+)/, `<$1 xmlns="${XHTML_NS}"`);
-  const svg = `<svg xmlns="${SVG_NS}" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><foreignObject x="0" y="0" width="${width}" height="${height}">${xhtml}</foreignObject></svg>`;
-  return { url: "data:image/svg+xml;base64," + toBase64(svg), width, height };
-}
-function svgNaturalSize(svg) {
-  const w2 = svg.clientWidth || svg.getBoundingClientRect && svg.getBoundingClientRect().width || 600;
-  const h2 = svg.clientHeight || svg.getBoundingClientRect && svg.getBoundingClientRect().height || 400;
-  return { width: Math.round(w2), height: Math.round(h2) };
-}
-function rasterizeSvgToPngDataUrl(svgDataUrl, width, height, opts = {}) {
-  const timeoutMs = opts.timeoutMs ?? DEFAULT_TIMEOUT_MS;
-  return new Promise((resolve) => {
-    let img;
-    try {
-      img = new Image();
-    } catch (e2) {
-      opts.onWarn?.("snapshot-no-image", e2 instanceof Error ? e2.message : String(e2));
-      resolve(null);
-      return;
-    }
-    const timer = setTimeout(() => {
-      opts.onWarn?.("snapshot-raster-timeout", { width, height, timeoutMs });
-      resolve(null);
-    }, timeoutMs);
-    img.onload = () => {
-      clearTimeout(timer);
-      try {
-        const cap = opts.maxSide && opts.maxSide > 0 ? opts.maxSide : Math.max(width, height);
-        const scale = Math.min(1, cap / Math.max(width, height));
-        const cw = Math.max(1, Math.round(width * scale));
-        const ch = Math.max(1, Math.round(height * scale));
-        const canvas = document.createElement("canvas");
-        canvas.width = cw;
-        canvas.height = ch;
-        const c2d = canvas.getContext("2d");
-        if (!c2d) {
-          resolve(null);
-          return;
-        }
-        c2d.fillStyle = "white";
-        c2d.fillRect(0, 0, cw, ch);
-        c2d.drawImage(img, 0, 0, cw, ch);
-        resolve(canvas.toDataURL("image/png"));
-      } catch (e2) {
-        opts.onWarn?.("snapshot-raster-draw", e2 instanceof Error ? e2.message : String(e2));
-        resolve(null);
-      }
-    };
-    img.onerror = () => {
-      clearTimeout(timer);
-      opts.onWarn?.("snapshot-raster-decode", { width, height });
-      resolve(null);
-    };
-    img.src = svgDataUrl;
-  });
-}
-async function captureSvgSnapshot(root, opts = {}) {
-  if (!root) return null;
-  const table = root instanceof SVGSVGElement ? null : tableHostOf(root);
-  const svg = table ? null : root instanceof SVGSVGElement ? root : chartSvgOf(root);
-  if (!table && !svg) return null;
-  let svgUrl;
-  let width, height;
-  try {
-    if (table) {
-      const r2 = htmlToSvgDataUrl(table);
-      svgUrl = r2.url;
-      width = r2.width;
-      height = r2.height;
-    } else {
-      svgUrl = svgToDataUrl(svg);
-      ({ width, height } = svgNaturalSize(svg));
-    }
-  } catch (e2) {
-    opts.onWarn?.("snapshot-serialize", e2 instanceof Error ? e2.message : String(e2));
-    return null;
-  }
-  try {
-    const png = await rasterizeSvgToPngDataUrl(svgUrl, width, height, opts);
-    return png || svgUrl;
-  } catch (e2) {
-    opts.onWarn?.("snapshot-raster-unexpected", e2 instanceof Error ? e2.message : String(e2));
-    return svgUrl;
-  }
-}
-
 // src/review.ts
 function shouldReview(g2) {
   if (!g2.enabled) return false;
@@ -1132,7 +931,21 @@ function qualifyGroupHeadingFor(row, state) {
   return null;
 }
 function newQualifyRefusalGroupState() {
-  return { poorFit: false, cannotDraw: false };
+  return { poorFit: false, tooSmall: false, cannotDraw: false };
+}
+var QUALIFY_TILE_REFUSAL_CODES = Object.freeze([
+  "TILE_TOO_NARROW",
+  "TILE_TOO_SHORT",
+  "TILE_NOT_SQUARE",
+  "TILE_NOT_TALL",
+  "TILE_TOO_SMALL",
+  "EMBED_NOTHING_FITS_TILE",
+  "EMBED_BEESWARM_TILE_TOO_SMALL"
+]);
+var QUALIFY_TOO_SMALL_HEADING = "Needs a bigger tile";
+function refusalIsTileBound(row) {
+  const code = row?.reasonCode;
+  return typeof code === "string" && QUALIFY_TILE_REFUSAL_CODES.includes(code);
 }
 function refusalIsSelectable(row) {
   return !!row && row.isVeto !== true;
@@ -1140,9 +953,23 @@ function refusalIsSelectable(row) {
 function orderRefusalsForDisplay(rows) {
   if (!Array.isArray(rows)) return [];
   const named = rows.filter((r2) => !!r2 && typeof r2.name === "string" && r2.name.trim() !== "");
-  return [...named.filter(refusalIsSelectable), ...named.filter((r2) => !refusalIsSelectable(r2))];
+  const tile = named.filter(refusalIsTileBound);
+  const rest = named.filter((r2) => !refusalIsTileBound(r2));
+  return [
+    ...rest.filter(refusalIsSelectable),
+    ...tile.filter(refusalIsSelectable),
+    ...tile.filter((r2) => !refusalIsSelectable(r2)),
+    ...rest.filter((r2) => !refusalIsSelectable(r2))
+  ];
 }
 function qualifyRefusalHeadingFor(row, state) {
+  if (refusalIsTileBound(row)) {
+    if (!state.tooSmall) {
+      state.tooSmall = true;
+      return "tooSmall";
+    }
+    return null;
+  }
   if (refusalIsSelectable(row)) {
     if (!state.poorFit) {
       state.poorFit = true;
@@ -2325,6 +2152,7 @@ export {
   CONTAINER_SLOT_ANIM_STOP,
   CONTAINER_SLOT_CLICKED_MARKS,
   CONTAINER_SLOT_INITIAL_XF_MARK,
+  CONTAINER_SLOT_PRESS_AT,
   CONTAINER_SLOT_UI_STATE,
   CONTAINER_SLOT_XF_CLEAR,
   CONTROL_CLASS,
@@ -2334,6 +2162,7 @@ export {
   DEFAULT_MODEL_SUFFIX,
   DIM_OPACITY_DEFAULT,
   DIM_OPACITY_VAR,
+  DRAG_NOT_CLICK_PX,
   DUPLICATE_GENERATE_WINDOW_MS,
   FILTER_MIN_HEIGHT_PX,
   FILTER_MIN_TERM_CHARS,
@@ -2356,6 +2185,22 @@ export {
   LABEL_CONTRAST_CAP,
   LABEL_CONTRAST_DONE_ATTR,
   LABEL_PILL_CLASS,
+  LASSO_AXES_SLOT,
+  LASSO_COUNT_CLASS,
+  LASSO_DEFAULT_ACTIONS,
+  LASSO_DRAG_PX,
+  LASSO_EVENT,
+  LASSO_KNOB_KEY,
+  LASSO_MAX_VERTICES,
+  LASSO_MODE_ATTR,
+  LASSO_NOTE_CLASS,
+  LASSO_OUTLINE_CLASS,
+  LASSO_PLOT_CLASS,
+  LASSO_RESTORE_MAX_SHAPES,
+  LASSO_RESTORE_MAX_VERTICES,
+  LASSO_ROW_CAP,
+  LASSO_SAMPLE_PX,
+  LASSO_SURFACE_CLASS,
   LEGEND_MARK_CLASS,
   LEGIBLE_LIGHTNESS,
   LIFT_SELECTED_CLASS,
@@ -2391,8 +2236,11 @@ export {
   PRODUCT_FEEDBACK_MAX_CHARS,
   PRODUCT_FEEDBACK_MIN_CHARS,
   QUALIFY_REFUSAL_UNSPECIFIED,
+  QUALIFY_TILE_REFUSAL_CODES,
+  QUALIFY_TOO_SMALL_HEADING,
   RECOVERY_UNREACHABLE_MESSAGE,
   ROW_IDX_ATTR,
+  ROW_SET_MAX,
   SAME_SHADE_DELTA_E,
   SCROLL_SLACK_PX,
   SEASONAL_MARKERS_DEFAULT,
@@ -2441,7 +2289,10 @@ export {
   chartSvgOf,
   chooserFitsViewport,
   clearGeoCache,
+  clearLasso,
+  clearPress,
   clearSelectionGlyphs,
+  clickWasDrag,
   clippedTextFlag,
   codeReadsDatesInLocalTime,
   codeReadsOption,
@@ -2464,6 +2315,7 @@ export {
   decidePendingRecovery,
   defaultModelFirst,
   deltaEHex,
+  dispatchRowSet,
   encodePendingGenerate,
   ensureCrossfilterHitTargets,
   explainRenderFailure,
@@ -2478,12 +2330,14 @@ export {
   generationCancelledMessage,
   geoAssetFor,
   geoFromCache,
+  gestureWasDrag,
   glyphSampleGrid,
   hasRefusalsToShow,
   hitBandFlag,
   htmlNaturalSize,
   htmlToSvgDataUrl,
   inlineFilterGate,
+  installLasso,
   invalidSentinelReason,
   isBlankRender,
   isBlindMarker,
@@ -2498,6 +2352,9 @@ export {
   isPickableModelCode,
   isPillBackdropAlpha,
   labelBand,
+  lassoActions,
+  lassoRowCap,
+  lassoVerdict,
   latePickupAction,
   latePickupKeepsMarker,
   launchFavorStyle,
@@ -2536,7 +2393,9 @@ export {
   planFrameGrow,
   planSelectionPaint,
   planTrivialChart,
+  pointInShape,
   pollGiveUpKeepsMarker,
+  pressOf,
   productFeedbackSendable,
   qualifyAuto,
   qualifyCancel,
@@ -2562,9 +2421,11 @@ export {
   recoveryPollRunning,
   recoveryProvesNothingCharged,
   refusalIsSelectable,
+  refusalIsTileBound,
   registerCityTable,
   registerGeo,
   registerGeoAsset,
+  registerLassoAction,
   relativeLuminance,
   requiredD3Plugins,
   resolveAutoColorScale,
@@ -2594,9 +2455,11 @@ export {
   tableHostOf,
   toRGBA,
   toSourceRows,
+  trackPress,
   transportFailureShouldRecover,
   unpinScrolledAxis,
   updateRowHighWater,
+  validRowSet,
   valuePlacementFlag,
   vegaSpecReadsDatesInLocalTime,
   wireLimitCount,