@bicharts/chart-host 0.6.83 → 0.6.85

package/dist/chunk-7HKVV5T5.mjs

@@ -0,0 +1,198 @@
+/*! @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 {
+  AXIS_FILTER_CLASS,
+  LEGEND_MARK_CLASS,
+  MARK_CLASS,
+  ROW_IDX_ATTR
+} from "./chunk-MR6TL7QZ.mjs";
+
+// src/hitTargets.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HIT_ATTR = "data-lch-hit";
+var ELEMENT_CAP = 5e3;
+var mapsPresentationAttributes = /* @__PURE__ */ new WeakMap();
+function engineMapsPresentationAttributes(ownerDoc, view) {
+  if (!ownerDoc || typeof ownerDoc !== "object") return false;
+  const known = mapsPresentationAttributes.get(ownerDoc);
+  if (known !== void 0) return known;
+  let maps = false;
+  try {
+    const host = ownerDoc.documentElement;
+    const probe = ownerDoc.createElementNS(SVG_NS, "svg");
+    const shape = ownerDoc.createElementNS(SVG_NS, "rect");
+    shape.setAttribute("fill", "none");
+    probe.appendChild(shape);
+    host.appendChild(probe);
+    try {
+      maps = String(view.getComputedStyle(shape).fill ?? "").trim().toLowerCase() === "none";
+    } finally {
+      host.removeChild(probe);
+    }
+  } catch {
+    maps = false;
+  }
+  mapsPresentationAttributes.set(ownerDoc, maps);
+  return maps;
+}
+function ensureCrossfilterHitTargets(container, doc) {
+  const report = { tagged: 0, hitRects: 0, peFlips: 0, peStrokeOnly: 0 };
+  try {
+    if (!container || typeof container.querySelectorAll !== "function") return report;
+    const els = container.querySelectorAll(
+      `.${MARK_CLASS}, .${LEGEND_MARK_CLASS}, .${AXIS_FILTER_CLASS}`
+    );
+    report.tagged = els.length;
+    if (els.length === 0 || els.length > ELEMENT_CAP) return report;
+    const ownerDoc = doc ?? container.ownerDocument;
+    const view = ownerDoc?.defaultView;
+    const computed = (el) => {
+      try {
+        return view?.getComputedStyle ? view.getComputedStyle(el) : null;
+      } catch {
+        return null;
+      }
+    };
+    for (const el of Array.from(els)) {
+      const tag = String(el.tagName || "").toLowerCase();
+      if (tag === "g") {
+        if (!el.hasAttribute?.(ROW_IDX_ATTR)) continue;
+        if (el.querySelector?.(`rect[${HIT_ATTR}="1"]`)) continue;
+        const cls = el.getAttribute?.("class") || "";
+        const isFurniture = cls.indexOf(LEGEND_MARK_CLASS) >= 0 || cls.indexOf(AXIS_FILTER_CLASS) >= 0;
+        if (!isFurniture) {
+          let hasHittableChild = false;
+          const kids = el.querySelectorAll?.("*") ?? [];
+          for (const kid of Array.from(kids)) {
+            const ktag = String(kid.tagName || "").toLowerCase();
+            if (ktag === "g" || ktag === "tspan" || ktag === "title" || ktag === "defs") continue;
+            const cs = computed(kid);
+            if (!cs || cs.pointerEvents !== "none") {
+              hasHittableChild = true;
+              break;
+            }
+          }
+          if (hasHittableChild) continue;
+        }
+        let bb = null;
+        try {
+          bb = el.getBBox?.();
+        } catch {
+          bb = null;
+        }
+        if (!bb || !(bb.width > 0) || !(bb.height > 0)) continue;
+        const rect = ownerDoc.createElementNS(SVG_NS, "rect");
+        rect.setAttribute("x", String(bb.x));
+        rect.setAttribute("y", String(bb.y));
+        rect.setAttribute("width", String(bb.width));
+        rect.setAttribute("height", String(bb.height));
+        rect.setAttribute("fill", "transparent");
+        rect.setAttribute(HIT_ATTR, "1");
+        if (rect.style) {
+          rect.style.pointerEvents = "all";
+          rect.style.cursor = "pointer";
+        }
+        el.insertBefore(rect, el.firstChild);
+        report.hitRects++;
+      } else {
+        const cs = computed(el);
+        if (cs && cs.pointerEvents === "none") {
+          const fill = String((engineMapsPresentationAttributes(ownerDoc, view) ? cs.fill : el.getAttribute?.("fill") ?? cs.fill) ?? "").trim().toLowerCase();
+          const unfilled = fill === "none" || fill === "transparent" || fill === "rgba(0, 0, 0, 0)";
+          if (el.style) el.style.pointerEvents = unfilled ? "stroke" : "all";
+          report.peFlips++;
+          if (unfilled) report.peStrokeOnly++;
+        }
+      }
+    }
+  } catch {
+  }
+  return report;
+}
+
+// src/hitBands.ts
+var MIN_HIT_BAND_PX = 8;
+var ELEMENT_CAP2 = 5e3;
+var EMPTY = {
+  openStrokes: 0,
+  interactive: 0,
+  hairline: 0,
+  uncovered: 0,
+  widestPx: 0
+};
+var OPEN_TAGS = /* @__PURE__ */ new Set(["path", "line", "polyline"]);
+function styleOf(el, doc) {
+  try {
+    const view = doc?.defaultView;
+    return view?.getComputedStyle ? view.getComputedStyle(el) : null;
+  } catch {
+    return null;
+  }
+}
+function attrOrComputed(el, name, cs) {
+  const a = el.getAttribute?.(name);
+  if (a !== null && a !== void 0 && String(a).trim() !== "") return String(a).trim();
+  const c = cs?.[name === "stroke-width" ? "strokeWidth" : name];
+  return c === null || c === void 0 ? "" : String(c).trim();
+}
+function isUnfilled(fill) {
+  const f = fill.toLowerCase();
+  return f === "none" || f === "transparent" || f === "rgba(0, 0, 0, 0)" || f === "rgba(0,0,0,0)";
+}
+function widthPx(raw) {
+  const m = /^(-?\d+(?:\.\d+)?)\s*(px)?$/i.exec(raw);
+  if (!m) return NaN;
+  const n = parseFloat(m[1]);
+  return isFinite(n) ? n : NaN;
+}
+function censusHitBands(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_CAP2) return EMPTY;
+    const ownerDoc = doc ?? container.ownerDocument;
+    const widestByGeom = /* @__PURE__ */ new Map();
+    const rows = [];
+    for (const el of els) {
+      const tag = String(el.tagName || "").toLowerCase();
+      if (!OPEN_TAGS.has(tag)) continue;
+      const cs = styleOf(el, ownerDoc);
+      const open = isUnfilled(attrOrComputed(el, "fill", cs));
+      const w = widthPx(attrOrComputed(el, "stroke-width", cs) || "1");
+      const geom = String(el.getAttribute?.("d") ?? "") || `${tag}#${String(el.getAttribute?.(ROW_IDX_ATTR) ?? "")}`;
+      const inert = String(cs?.pointerEvents ?? el.style?.pointerEvents ?? "") === "none";
+      rows.push({ el, geom, w, open, inert });
+      if (isFinite(w)) {
+        const prev = widestByGeom.get(geom);
+        if (prev === void 0 || w > prev) widestByGeom.set(geom, w);
+      }
+    }
+    const out = { ...EMPTY };
+    for (const r of rows) {
+      if (!r.open) continue;
+      out.openStrokes++;
+      if (r.inert) continue;
+      out.interactive++;
+      if (isFinite(r.w) && r.w > out.widestPx) out.widestPx = Math.round(r.w);
+      if (!(r.w < MIN_HIT_BAND_PX)) continue;
+      out.hairline++;
+      const best = widestByGeom.get(r.geom);
+      if (best === void 0 || best < MIN_HIT_BAND_PX) out.uncovered++;
+    }
+    return out;
+  } catch {
+    return EMPTY;
+  }
+}
+function hitBandFlag(c) {
+  if (c.interactive === 0) return "";
+  return c.uncovered > 0 ? "hitband:d3:thin" : "hitband:d3:ok";
+}
+
+export {
+  ensureCrossfilterHitTargets,
+  MIN_HIT_BAND_PX,
+  censusHitBands,
+  hitBandFlag
+};