@iota-uz/sdk 0.15.0 → 0.17.0

package/dist/lens/ChartPanel-CiAahY9O.js

@@ -0,0 +1,709 @@
+import { jsxs as A, jsx as i, Fragment as Ee } from "react/jsx-runtime";
+import { useState as se, useRef as Pe, useCallback as ke, useEffect as pe, useMemo as R, memo as bt, useLayoutEffect as At, Fragment as Kt } from "react";
+import { r as Rt } from "./adapter-CgoRd_uP.js";
+import { C as Tt, f as Ft } from "./keys-6_gqLhcv.js";
+import { s as Et, o as _e, c as Bt, a as Mt, b as Ht, d as _t, f as $t } from "./scales-CWTA0tSQ.js";
+import { t as Ot, u as Ke, a as pt, x as zt, y as ut, z as mt, n as Ut, A as Vt, B as Dt, C as Pt, D as qt, m as jt, E as Wt, F as Qt, G as ht, h as St, i as xt, g as It, H as Zt, I as Gt, j as Jt, J as Yt, K as Xt, P as eo, W as to, L as M, M as ft, N as oo, O as $e, Q as no, R as ro, S as so, T as ao } from "./index-R9mnOHaj.js";
+import "@iota-uz/sdk/client-host";
+import { c as io, C as co } from "./ChartDataEquivalent-DgCAb4Ov.js";
+const lo = 0.02, go = ao, uo = 4;
+function mo(e) {
+  const n = M(), t = M(e.encoding.label ? e.format[e.encoding.label] : void 0), r = M(e.encoding.value ? e.format[e.encoding.value] : void 0), l = M(e.encoding.previous ? e.format[e.encoding.previous] : void 0), c = M(e.encoding.lower ? e.format[e.encoding.lower] : void 0), f = M(e.encoding.q1 ? e.format[e.encoding.q1] : void 0), y = M(e.encoding.median ? e.format[e.encoding.median] : void 0), h = M(e.encoding.q3 ? e.format[e.encoding.q3] : void 0), p = M(e.encoding.upper ? e.format[e.encoding.upper] : void 0), v = M(e.encoding.id ? e.format[e.encoding.id] : void 0), T = M(e.encoding.series ? e.format[e.encoding.series] : void 0), u = M(e.encoding.category ? e.format[e.encoding.category] : void 0), d = M(e.encoding.cut ? e.format[e.encoding.cut] : void 0), C = M(e.encoding.cutLabel ? e.format[e.encoding.cutLabel] : void 0), ae = M(e.encoding.final ? e.format[e.encoding.final] : void 0), U = ft(e.encoding.value ? e.format[e.encoding.value] : void 0), X = ft(e.encoding.median ? e.format[e.encoding.median] : void 0), H = R(() => {
+    const E = { label: t, value: r, previous: l, lower: c, q1: f, median: y, q3: h, upper: p, id: v, series: T, category: u, cut: d, cutLabel: C, final: ae }, k = /* @__PURE__ */ new Map();
+    for (const L of oo) {
+      const ee = e.encoding[L], K = E[L];
+      ee && K && k.set(ee, K);
+    }
+    return (L, ee) => (k.get(L) ?? n)(ee);
+  }, [u, d, C, n, ae, v, t, c, y, e.encoding, l, f, h, T, p, r]), ne = R(() => {
+    const E = e.encoding.value, k = e.encoding.median;
+    return (L, ee) => E && L === E ? U(ee) : k && L === k ? X(ee) : H(L, ee);
+  }, [X, H, e.encoding.median, e.encoding.value, U]);
+  return R(() => ({ format: H, formatAxis: ne }), [H, ne]);
+}
+function Oe(e, n, t) {
+  var y, h;
+  const r = n.encoding.id ? e.columns.findIndex((p) => p.name === n.encoding.id) : -1, l = [n.encoding.category, n.encoding.label].find((p) => !!p && e.columns.some((v) => v.name === p)), c = e.columns.findIndex((p) => p.name === l), f = r >= 0 ? (y = e.rows[t]) == null ? void 0 : y[r] : (h = e.rows[t]) == null ? void 0 : h[c];
+  return String(typeof f == "string" || typeof f == "number" || typeof f == "bigint" ? f : t);
+}
+function vt(e, n, t) {
+  var y;
+  if (((y = n.radial) == null ? void 0 : y.mode) === "partition" && n.encoding.series) {
+    const h = e.columns.findIndex((p) => p.name === n.encoding.series);
+    if (h >= 0) {
+      const p = e.rows.findIndex((v, T) => {
+        const u = v[h], d = typeof u == "string" || typeof u == "number" || typeof u == "bigint" ? String(u) : "";
+        return Rt(d, Oe(e, n, T)) === t;
+      });
+      if (p >= 0) return p;
+    }
+  }
+  const r = e.rows.findIndex((h, p) => Oe(e, n, p) === t);
+  if (r >= 0) return r;
+  const l = n.encoding.category ?? n.encoding.label, c = e.columns.findIndex((h) => h.name === l), f = e.columns.findIndex((h) => h.name === n.encoding.series);
+  return c < 0 ? -1 : e.rows.findIndex((h) => Ft(
+    Ae(h[c]),
+    f >= 0 ? Ae(h[f]) : ""
+  ) === t);
+}
+function Nt(e, n) {
+  return n.semantics !== "series" || !n.encoding.series ? -1 : e.columns.findIndex((t) => t.name === n.encoding.series);
+}
+function ho(e, n, t) {
+  var c;
+  const r = Nt(e, n);
+  if (r < 0) return Oe(e, n, t);
+  const l = (c = e.rows[t]) == null ? void 0 : c[r];
+  return String(typeof l == "string" || typeof l == "number" || typeof l == "bigint" ? l : t);
+}
+function le(e) {
+  if (typeof e == "number" && Number.isFinite(e)) return e;
+  if (typeof e == "string" && e.trim() !== "") {
+    const n = Number(e);
+    if (Number.isFinite(n)) return n;
+  }
+}
+function Ae(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "bigint" ? String(e) : "";
+}
+function fo(e, n) {
+  const l = (n.kind === "pie" || n.kind === "donut" || n.kind === "radial" ? [n.encoding.label, n.encoding.category] : [n.encoding.category, n.encoding.label]).reduce((c, f) => c >= 0 || !f ? c : e.columns.findIndex((y) => y.name === f), -1);
+  return l < 0 ? 0 : new Set(e.rows.map((c) => c[l]).filter((c) => c != null).map(String)).size;
+}
+function vo(e, n) {
+  const t = e.columns.findIndex((r) => r.name === n.encoding.series);
+  return t < 0 ? 1 : new Set(e.rows.map((r) => r[t]).filter((r) => r != null).map(String)).size;
+}
+const Ct = "__lens_other__", wo = "__lens_topn_group";
+function wt(e, n) {
+  var v, T;
+  const t = e.columns.findIndex((u) => u.name === wo), r = e.columns.findIndex((u) => u.name === (n.encoding.label ?? n.encoding.category)), l = e.columns.findIndex((u) => u.name === n.encoding.id), c = e.columns.findIndex((u) => u.name === n.encoding.value);
+  if (t < 0 || r < 0 || c < 0) return { frame: e, collapsed: !1 };
+  const f = e.rows.filter((u) => typeof u[t] == "string" && String(u[t]).trim() !== "");
+  if (f.length === 0) return { frame: e, collapsed: !1 };
+  const y = e.rows.filter((u) => !f.includes(u)).map((u) => [...u]), h = new Array(e.columns.length).fill(null);
+  h[t] = (v = f[0]) == null ? void 0 : v[t], h[r] = (T = f[0]) == null ? void 0 : T[t], l >= 0 && (h[l] = Ct), h[c] = f.reduce((u, d) => u + (le(d[c]) ?? 0), 0), y.push(h);
+  const p = e.colors ? [...e.colors.filter((u, d) => !f.includes(e.rows[d])), $e()] : [...y.slice(0, -1).map(() => ""), $e()];
+  return { frame: { ...e, rows: y, colors: p }, collapsed: !0 };
+}
+function yt(e, n, t) {
+  if (n.kind !== "donut" || e.rows.length < 2) return { frame: e, collapsed: !1 };
+  const r = e.columns.findIndex((d) => d.name === (n.encoding.label ?? n.encoding.category)), l = e.columns.findIndex((d) => d.name === n.encoding.id), c = e.columns.findIndex((d) => d.name === n.encoding.value);
+  if (r < 0 || c < 0) return { frame: e, collapsed: !1 };
+  const f = e.total ?? e.rows.reduce((d, C) => d + (le(C[c]) ?? 0), 0);
+  if (!Number.isFinite(f) || f <= 0) return { frame: e, collapsed: !1 };
+  const y = e.rows.map((d, C) => ({ index: C, value: le(d[c]) ?? 0 })).filter(({ value: d }) => d / f < lo);
+  if (y.length === 0) return { frame: e, collapsed: !1 };
+  const h = new Set(y.map(({ index: d }) => d)), p = e.rows.filter((d, C) => !h.has(C)).map((d) => [...d]), v = new Array(e.columns.length).fill(null);
+  v[r] = t, l >= 0 && (v[l] = Ct), v[c] = y.reduce((d, C) => d + C.value, 0), p.push(v);
+  const T = e.rows.map((d, C) => C).filter((d) => !h.has(d)), u = e.colors ? [...e.colors.filter((d, C) => !h.has(C)), $e()] : [...T.map(() => ""), $e()];
+  return { frame: { ...e, rows: p, colors: u }, collapsed: !0 };
+}
+function To({ panel: e, adapter: n }) {
+  var Ze, Ge, Je, Ye, Xe, et, tt, ot, nt, rt, st, at, it, ct, lt, dt, gt;
+  const t = Ot(e.id), r = Ke(), { document: l, navigation: c } = pt(), { drillInto: f } = zt(), { format: y, formatAxis: h } = mo(e), [p, v] = se(), [T, u] = se(!1), [d, C] = se(0), ae = typeof window > "u" ? { regression: !1 } : ut(new URL(window.location.href), e.id), [U, X] = se(ae.regression), [H, ne] = se(ae.movingAverage), [E, k] = se(() => /* @__PURE__ */ new Set()), [L, ee] = se(() => typeof window > "u" ? /* @__PURE__ */ new Set() : mt(new URL(window.location.href), e.id)), K = L, te = c.panelId === e.id && c.path.length > 0, q = te ? Ut(l, c.path) : e.drillRoot ? l.drill.edges[e.drillRoot] : void 0, Be = q ? q.children.some(({ target: o }) => o) : !!e.drillRoot, re = !!e.drillRoot || !!q, _ = Vt(e), ie = Pe(), ce = ke((o) => {
+    if (re || !_.action || !t.data) return;
+    const a = vt(t.data, e, o);
+    return _.urlForRow(t.data, a >= 0 ? t.data.rows[a] : void 0);
+  }, [t.data, re, _, e]), de = ke((o) => {
+    var a;
+    (a = ie.current) == null || a.call(ie), ie.current = void 0, !(o === null || re) && (ie.current = _.prefetch(ce(o)));
+  }, [re, ce, _]);
+  pe(() => () => {
+    var o;
+    return (o = ie.current) == null ? void 0 : o.call(ie);
+  }, []);
+  const Z = R(() => {
+    var o;
+    return re || ((o = _.action) == null ? void 0 : o.kind) !== "open_drawer" || !t.data ? [] : t.data.rows.length === 0 || t.data.rows.length > 4 ? [] : [...new Set(t.data.rows.flatMap((a) => {
+      const m = _.urlForRow(t.data, a);
+      return m ? [m] : [];
+    }))];
+  }, [t.data, re, _]);
+  pe(() => {
+    if (Z.length !== 0)
+      return _.prefetchIdle(Z);
+  }, [Z, _]);
+  const I = Dt(), G = ((Ze = _.action) == null ? void 0 : Ze.kind) === "cross_filter" || ((Ge = _.action) == null ? void 0 : Ge.kind) === "cube_drill" ? _.action.filter : void 0, we = R(() => {
+    if (!(G != null && G.dimension)) return;
+    const o = I.values[Pt], a = Array.isArray(o) ? o : o ? [o] : [], m = `${G.dimension}:`, b = new Set(a.filter((B) => B.startsWith(m)).map((B) => B.slice(m.length)));
+    return b.size > 0 ? b : void 0;
+  }, [G == null ? void 0 : G.dimension, I.values]), Re = R(() => {
+    if (!we || !G || !t.data) return;
+    new URL(globalThis.location.href);
+    const o = t.data;
+    for (let a = 0; a < o.rows.length; a += 1) {
+      const m = qt(G.value, {
+        fields: jt(o, o.rows[a]),
+        variables: {}
+      }), b = Ae(m);
+      if (b !== "" && we.has(b)) return Oe(o, e, a);
+    }
+  }, [we, G, t.data, e]), J = e.kind, Te = t.data ? fo(t.data, e) <= 1 && vo(t.data, e) <= 1 : !1, Se = `${c.panelId === e.id ? c.path.join("|") : ""}:${c.perspectiveId ?? ""}`, xe = Pe(Se);
+  pe(() => {
+    xe.current !== Se && (xe.current = Se, v(void 0));
+  }, [Se]);
+  const ge = ke((o) => ee(new Set(o)), []);
+  pe(() => {
+    if (typeof window > "u") return;
+    const o = () => ge(mt(new URL(window.location.href), e.id));
+    return window.addEventListener("popstate", o), () => window.removeEventListener("popstate", o);
+  }, [e.id, ge]), pe(() => {
+    if (typeof window > "u") return;
+    const o = new URL(window.location.href), a = Wt(o, e.id, K);
+    a.search !== o.search && window.history.replaceState(window.history.state, "", a);
+  }, [K, e.id]), pe(() => {
+    if (typeof window > "u") return;
+    const o = () => {
+      const a = ut(new URL(window.location.href), e.id);
+      X(a.regression), ne(a.movingAverage);
+    };
+    return window.addEventListener("popstate", o), () => window.removeEventListener("popstate", o);
+  }, [e.id]), pe(() => {
+    if (typeof window > "u") return;
+    const o = new URL(window.location.href), a = Qt(o, e.id, { regression: U, movingAverage: H });
+    a.search !== o.search && window.history.replaceState(window.history.state, "", a);
+  }, [H, e.id, U]);
+  const V = R(() => {
+    var Q, Ce;
+    if (!t.data || K.size === 0) return t.data;
+    const o = t.data.rows.map((Le, be) => !K.has(ho(t.data, e, be))), a = t.data.rows.filter((Le, be) => o[be]), m = (Q = t.data.colors) == null ? void 0 : Q.filter((Le, be) => o[be]), b = t.data.columns.findIndex((Le) => Le.name === e.encoding.value), B = ((Ce = e.radial) == null ? void 0 : Ce.mode) === "partition" || b < 0 ? t.data.total : a.reduce((Le, be) => Le + (le(be[b]) ?? 0), 0);
+    return { ...t.data, rows: a, total: B, ...m ? { colors: m } : {} };
+  }, [t.data, K, e]), F = R(() => V ? (() => {
+    const o = wt(V, e);
+    return o.collapsed ? o : yt(V, e, r("chart.other", "Other"));
+  })() : { frame: V, collapsed: !1 }, [e, r, V]), Fe = F.collapsed && F.frame ? io(F.frame, e, F.frame.rows.length - 1) : void 0, O = T || !F.collapsed ? V : F.frame, s = O ? Et(O, e.encoding, e.valueAxis, (Je = e.presentation) == null ? void 0 : Je.valueSpreadThreshold) : !1, N = R(() => {
+    if (!t.data || T) return t.data;
+    const o = wt(t.data, e);
+    return o.collapsed ? o.frame : yt(t.data, e, r("chart.other", "Other")).frame;
+  }, [t.data, e, T, r]), x = R(() => {
+    var a;
+    if (!t.data || K.size === 0 || !e.encoding.value || ((a = e.radial) == null ? void 0 : a.mode) === "partition") return;
+    const o = t.data.columns.findIndex((m) => m.name === e.encoding.value);
+    if (!(o < 0))
+      return ((V == null ? void 0 : V.rows) ?? []).reduce((m, b) => m + (le(b[o]) ?? 0), 0);
+  }, [t.data, K.size, e.encoding.value, (Ye = e.radial) == null ? void 0 : Ye.mode, V]), Y = R(() => {
+    var a;
+    if (!t.data || !e.encoding.value || ((a = e.radial) == null ? void 0 : a.mode) === "partition") return;
+    const o = t.data.columns.findIndex((m) => m.name === e.encoding.value);
+    if (!(o < 0))
+      return t.data.rows.reduce((m, b) => m + (le(b[o]) ?? 0), 0);
+  }, [t.data, e.encoding.value, (Xe = e.radial) == null ? void 0 : Xe.mode]), j = K.size > 0 && ((V == null ? void 0 : V.rows.length) ?? 0) === 0, z = ((tt = ((et = t.data) == null ? void 0 : et.presentation) ?? e.presentation) == null ? void 0 : tt.keepTotalBadge) === !0, W = t.data && (t.data.rows.length > 0 || z) ? t.data.total ?? (z || te || e.kind === "pie" || e.kind === "donut" || e.kind === "radial" ? Y : void 0) ?? e.total : void 0, D = W === void 0 || j && !z ? null : K.size > 0 ? x ?? null : W, $ = ((ot = t.data) == null ? void 0 : ot.presentation) ?? e.presentation, ue = O == null ? void 0 : O.colors, me = ke((o) => {
+    const a = new Set(K);
+    a.has(o) ? a.delete(o) : a.add(o), ge(a);
+  }, [K, ge]), he = R(() => {
+    if (q)
+      return (o) => {
+        var a;
+        return !!((a = ht(q, o)) != null && a.target);
+      };
+  }, [q]), fe = R(() => St(t.data, e), [t.data, e]), ve = R(
+    () => xt(l.theme, e, t.data, !te),
+    [te, l.theme, t.data, e]
+  ), g = R(
+    () => It(l.theme, e, { colors: ue, positional: !te, labels: fe }),
+    [te, l.theme, ue, fe, e]
+  ), w = R(() => {
+    var a;
+    const o = new Set(E);
+    U || o.add(_e.trend);
+    for (const { window: m } of ((a = e.temporal) == null ? void 0 : a.movingAverages) ?? [])
+      m !== H && o.add(_e.average(m));
+    return o;
+  }, [E, H, (nt = e.temporal) == null ? void 0 : nt.movingAverages, U]), S = ke((o) => {
+    var m, b;
+    if (o === _e.trend) {
+      X((B) => !B);
+      return;
+    }
+    const a = (b = (m = e.temporal) == null ? void 0 : m.movingAverages) == null ? void 0 : b.find(({ window: B }) => _e.average(B) === o);
+    if (a) {
+      ne((B) => B === a.window ? void 0 : a.window);
+      return;
+    }
+    k((B) => {
+      const Q = new Set(B);
+      return Q.has(o) ? Q.delete(o) : Q.add(o), Q;
+    });
+  }, [(rt = e.temporal) == null ? void 0 : rt.movingAverages]), oe = (J === "line" || J === "area") && e.temporal && (e.temporal.regression || (st = e.temporal.movingAverages) != null && st.length) ? /* @__PURE__ */ A("div", { className: "lens-temporal-controls", children: [
+    e.temporal.regression && /* @__PURE__ */ i(
+      "button",
+      {
+        "aria-pressed": U,
+        className: "lens-temporal-toggle",
+        onClick: () => X((o) => !o),
+        type: "button",
+        children: r("chart.regression", "Trend")
+      }
+    ),
+    !!((at = e.temporal.movingAverages) != null && at.length) && /* @__PURE__ */ A(
+      "select",
+      {
+        "aria-label": r("chart.movingAverage", "Moving average"),
+        className: "lens-temporal-select",
+        onChange: (o) => ne(o.target.value ? Number(o.target.value) : void 0),
+        value: H ?? "",
+        children: [
+          /* @__PURE__ */ i("option", { value: "", children: r("chart.movingAverage", "Moving average") }),
+          (it = e.temporal.movingAverages) == null ? void 0 : it.map(({ window: o, label: a }) => /* @__PURE__ */ i("option", { value: o, children: a || `SMA ${o}` }, o))
+        ]
+      }
+    )
+  ] }) : void 0, P = R(() => ({
+    current: r("chart.series.current", "Current period"),
+    previous: r("chart.series.previous", "Previous"),
+    trend: r("chart.series.trend", "Trend"),
+    movingAverage: (o) => r("chart.series.movingAverage", "SMA {window}", { window: String(o) }),
+    estimate: r("chart.series.estimate", "Estimate"),
+    ytd: r("chart.series.ytd", "YTD"),
+    forecast: r("chart.series.forecast", "Forecast"),
+    forecastLower: (o) => r("chart.series.forecastLower", "{forecast} lower", { forecast: o }),
+    forecastConfidence: (o) => r("chart.series.forecastConfidence", "{forecast} confidence", { forecast: o }),
+    boxplot: [
+      r("chart.boxplot.min", "Min"),
+      r("chart.boxplot.q1", "Q1"),
+      r("chart.boxplot.median", "Median"),
+      r("chart.boxplot.q3", "Q3"),
+      r("chart.boxplot.max", "Max")
+    ],
+    noData: r("panel.empty", "No data"),
+    copyValue: r("explore.copyValue", "Copy value"),
+    copied: r("explore.copied", "Copied")
+  }), [r]), ye = R(() => {
+    var o, a;
+    return O ? {
+      kind: J,
+      frame: O,
+      encoding: e.encoding,
+      format: y,
+      formatAxis: h,
+      formatTooltip: (m, b, B) => Yt(b, B, e.format[m], l.meta.locale),
+      // The plot abbreviates because a label has to fit beside a mark; the
+      // tooltip is where a reader who stopped to point gets the whole number, and
+      // the clipboard gets the machine value behind it.
+      formatExact: (m, b) => {
+        var B;
+        return Jt(b, e.format[m], ((B = l.meta) == null ? void 0 : B.locale) ?? "en");
+      },
+      rawValue: (m, b) => Gt(b, e.format[m]),
+      categoryFormatDefined: !!(e.encoding.category && e.format[e.encoding.category]),
+      locale: (o = l.meta) == null ? void 0 : o.locale,
+      shareDecimalSeparator: e.encoding.value ? (a = e.format[e.encoding.value]) == null ? void 0 : a.decimalSeparator : void 0,
+      tooltipTotalLabel: r("panel.total", "Total"),
+      labels: P,
+      theme: l.theme,
+      // An explicit pick wins; otherwise the mark the page is currently filtered
+      // by carries the same outline, so the source panel states its own selection
+      // across a reload or a shared URL, not only in the click that made it.
+      selectedKey: p ?? Re,
+      presentation: $,
+      seriesColor: ve,
+      rowColor: g,
+      radial: e.radial,
+      temporal: e.temporal,
+      hiddenOverlays: w,
+      valueAxis: e.valueAxis,
+      valueUnit: Zt(e.encoding.value ? e.format[e.encoding.value] : void 0),
+      expandable: he
+    } : void 0;
+  }, [P, (ct = l.meta) == null ? void 0 : ct.locale, l.theme, he, y, h, Re, w, J, e.encoding, e.format, e.radial, e.temporal, e.valueAxis, $, O, g, p, ve, r]), ze = R(() => {
+    var a, m;
+    if (!e.temporal && !e.encoding.previous) return [];
+    const o = e.encoding.category ?? e.encoding.label;
+    return Bt({
+      temporal: e.temporal,
+      hasComparison: !!e.encoding.previous,
+      labels: P,
+      formatValue: (b) => y(e.encoding.value ?? "", b),
+      formatCategory: Mt({
+        format: (b) => y(o ?? "", b),
+        isTime: ((a = t.data) == null ? void 0 : a.columns.some((b) => b.name === o && b.type === "time")) === !0,
+        hasDeclaredFormat: !!(o && e.format[o]),
+        locale: (m = l.meta) == null ? void 0 : m.locale
+      }),
+      hidden: w
+    });
+  }, [P, (lt = l.meta) == null ? void 0 : lt.locale, y, (dt = t.data) == null ? void 0 : dt.columns, w, e.encoding, e.format, e.temporal]), Me = Xt(), Ue = re ? Me ? !!((q == null ? void 0 : q.children.length) ?? e.drillRoot) : Be : !!_.action, qe = J === "histogram" || J === "boxplot" || J === "heatmap", Ve = Te && !qe, De = ke((o, a, m) => {
+    const b = F.frame ? F.frame.rows.length - 1 : -1;
+    if (F.collapsed && !!(o === Fe || F.frame && vt(F.frame, e, o) === b)) {
+      u((Ce) => !Ce);
+      return;
+    }
+    if (!re) {
+      const Ce = ce(o);
+      _.activate(Ce, void 0, { newTab: m == null ? void 0 : m.newTab });
+      return;
+    }
+    if (Me) {
+      v(o), Me(o, a);
+      return;
+    }
+    const Q = ht(q, o);
+    q && !(Q != null && Q.target) || (v(o), f((Q == null ? void 0 : Q.key) ?? o, e.id));
+  }, [F.collapsed, F.frame, Fe, f, re, q, ce, Me, e, _]), je = !Ve && ($ == null ? void 0 : $.legend) === "below" && !!O, Lt = !Ve && ze.length > 0 && !!O, Ie = Ue || F.collapsed, kt = e.encoding.category ?? e.encoding.label, We = (J === "line" || J === "area") && (O == null ? void 0 : O.columns.some((o) => o.name === kt && o.type === "time")) === !0, He = ze.find((o) => o.kind === "incomplete" && o.active), Qe = G ? r("chart.filterHint", "Select to filter the page") : r("chart.drillHint", "Select to explore"), Ne = R(
+    () => ye && Ue ? { ...ye, actionHint: Qe } : ye,
+    [Qe, ye, Ue]
+  );
+  return /* @__PURE__ */ i(eo, { allowEmptyContent: !qe, panel: e, frame: t, headerActions: oe, total: D, children: /* @__PURE__ */ A("div", { className: `lens-chart-layout${je ? " lens-chart-layout-legend" : ""}`, children: [
+    /* @__PURE__ */ A("div", { className: "lens-chart-area", children: [
+      ($ == null ? void 0 : $.totalBadge) === "plot" && J !== "donut" && ((gt = e.radial) == null ? void 0 : gt.mode) !== "partition" && D !== null && /* @__PURE__ */ i(po, { panel: e, total: D }),
+      (s || He || We || we || T && F.collapsed) && /* @__PURE__ */ A("div", { className: "lens-chart-notes", children: [
+        we && /* @__PURE__ */ i("span", { className: "lens-chart-source-note", role: "note", children: r("chart.crossFilterSource", "All categories shown — the filter applies to the other panels") }),
+        s && /* @__PURE__ */ A(
+          "span",
+          {
+            className: "lens-chart-log-scale",
+            role: "note",
+            title: r("chart.logScaleHint", "Values are shown on a logarithmic scale"),
+            children: [
+              /* @__PURE__ */ i(to, { "aria-hidden": "true" }),
+              /* @__PURE__ */ i("span", { children: r("chart.logScale", "Logarithmic scale") })
+            ]
+          }
+        ),
+        He && /* @__PURE__ */ i("span", { className: "lens-chart-period-note", role: "note", children: [He.detail, He.label].filter(Boolean).join(" · ") }),
+        /* @__PURE__ */ A("span", { className: "lens-chart-notes-actions", children: [
+          T && F.collapsed && /* @__PURE__ */ i("button", { className: "lens-chart-collapse-other", onClick: () => u(!1), type: "button", children: r("chart.collapseOther", "Collapse Other") }),
+          We && /* @__PURE__ */ i("button", { className: "lens-chart-reset-zoom", onClick: () => C((o) => o + 1), type: "button", children: r("chart.resetZoom", "Reset zoom") })
+        ] })
+      ] }),
+      j ? /* @__PURE__ */ i(yo, { onShowAll: () => ge(/* @__PURE__ */ new Set()) }) : Ne && Ve ? /* @__PURE__ */ i(
+        bo,
+        {
+          actionable: Ie,
+          frame: Ne.frame,
+          onSelect: Ie ? De : void 0,
+          panel: e
+        }
+      ) : Ne && /* @__PURE__ */ A(Ee, { children: [
+        /* @__PURE__ */ i(
+          co,
+          {
+            actionable: Ie,
+            format: Ne.format,
+            frame: Ne.frame,
+            label: r("chart.data", "Chart data for {name}", { name: e.title }),
+            onHover: de,
+            onSelect: De,
+            panel: e,
+            translate: r
+          }
+        ),
+        /* @__PURE__ */ i(
+          Tt,
+          {
+            input: Ne,
+            panelId: e.id,
+            adapter: n,
+            label: r("chart.label", "{name} chart", { name: e.title }),
+            drillable: Ie,
+            onHover: Ie ? de : void 0,
+            onSelect: Ie ? De : void 0,
+            resetZoomKey: d
+          }
+        )
+      ] }),
+      Lt && /* @__PURE__ */ i(xo, { onToggle: S, overlays: ze })
+    ] }),
+    je && N && /* @__PURE__ */ i(
+      So,
+      {
+        frame: N,
+        hidden: K,
+        onSetHidden: ge,
+        onToggle: me,
+        panel: e,
+        presentation: $,
+        total: D ?? void 0
+      }
+    )
+  ] }) });
+}
+function yo({ onShowAll: e }) {
+  const n = Ke();
+  return /* @__PURE__ */ A("div", { className: "lens-chart-empty", role: "status", children: [
+    /* @__PURE__ */ i("span", { className: "lens-chart-empty-note", children: n("chart.allSeriesHidden", "All series are hidden") }),
+    /* @__PURE__ */ i("button", { className: "lens-chart-empty-action", onClick: e, type: "button", children: n("chart.showAllSeries", "Show all series") })
+  ] });
+}
+function bo({ actionable: e, frame: n, onSelect: t, panel: r }) {
+  var ne, E;
+  const l = Ke(), c = [r.encoding.category, r.encoding.label].find((k) => k !== void 0 && n.columns.some((L) => L.name === k)), f = r.encoding.value, y = n.columns.findIndex((k) => k.name === c), h = n.columns.findIndex((k) => k.name === f), p = M(f ? r.format[f] : void 0), v = h < 0 ? void 0 : n.rows.reduce((k, L) => k + (le(L[h]) ?? 0), 0), T = y < 0 || (ne = n.rows[0]) == null ? void 0 : ne[y], u = Ae(T), d = p(v), C = r.encoding.id ?? c, ae = n.columns.findIndex((k) => k.name === C), U = Ae(ae < 0 || (E = n.rows[0]) == null ? void 0 : E[ae]), X = /* @__PURE__ */ i(Ee, { children: n.rows.length === 0 ? /* @__PURE__ */ i("span", { className: "lens-chart-compact-empty", children: l("panel.empty", "No data") }) : /* @__PURE__ */ A(Ee, { children: [
+    u && /* @__PURE__ */ i("span", { className: "lens-chart-compact-label", title: u, children: u }),
+    /* @__PURE__ */ i("strong", { className: "lens-chart-compact-value", children: d })
+  ] }) }), H = n.rows.length === 0 ? l("panel.empty", "No data") : [u, d].filter(Boolean).join(" / ");
+  return e && U && n.rows.length > 0 ? /* @__PURE__ */ i(
+    "button",
+    {
+      "aria-label": `${H}. ${l("chart.openMark", "Open {name}", { name: u ?? U })}`,
+      className: "lens-chart-compact lens-chart-compact-action",
+      onClick: () => t == null ? void 0 : t(U),
+      type: "button",
+      children: X
+    }
+  ) : /* @__PURE__ */ i("div", { "aria-label": H, className: "lens-chart-compact", role: "img", children: X });
+}
+function po({ panel: e, total: n }) {
+  const t = Ke(), r = M(e.encoding.value ? e.format[e.encoding.value] : void 0);
+  return /* @__PURE__ */ A("span", { className: "lens-plot-total", children: [
+    /* @__PURE__ */ A("span", { className: "lens-panel-total-label", children: [
+      t("panel.total", "Total"),
+      ":"
+    ] }),
+    " ",
+    r(n)
+  ] });
+}
+const So = bt(function({
+  panel: n,
+  frame: t,
+  hidden: r,
+  onSetHidden: l,
+  onToggle: c,
+  total: f,
+  presentation: y
+}) {
+  var Fe, O;
+  const { document: h, navigation: p } = pt(), v = Ke(), [T, u] = se(""), d = Pe(null), [C, ae] = se({ top: !1, bottom: !1 }), [U, X] = se(0), [H, ne] = se(!1), E = Nt(t, n), k = E >= 0 ? n.encoding.series : n.encoding.label ?? n.encoding.category, L = n.encoding.value, ee = M(L ? n.format[L] : void 0), K = t.columns.findIndex((s) => s.name === k), te = t.columns.findIndex((s) => s.name === L), q = M(k ? n.format[k] : void 0), Be = p.panelId === n.id && p.path.length > 0, re = St(t, n), _ = xt(h.theme, n, t, !Be), ie = It(h.theme, n, {
+    colors: t.colors,
+    positional: !Be,
+    labels: re
+  }), ce = n.encoding.id ? t.columns.findIndex((s) => s.name === n.encoding.id) : -1, de = n.encoding.series ? t.columns.findIndex((s) => s.name === n.encoding.series) : -1, Z = ((Fe = n.radial) == null ? void 0 : Fe.mode) === "partition", I = R(() => {
+    var fe, ve;
+    const s = t.rows.map((g, w) => {
+      const S = ce >= 0 ? g[ce] : g[K];
+      return String(typeof S == "string" || typeof S == "number" || typeof S == "bigint" ? S : w);
+    }), N = t.rows.map((g, w) => {
+      if (E < 0) return s[w];
+      const S = g[E];
+      return String(typeof S == "string" || typeof S == "number" || typeof S == "bigint" ? S : w);
+    });
+    let x = t.rows.map((g, w) => w);
+    if (E >= 0 || Z) {
+      const g = /* @__PURE__ */ new Set();
+      x = [];
+      for (let w = 0; w < t.rows.length; w += 1) {
+        const S = N[w];
+        g.has(S) || (g.add(S), x.push(w));
+      }
+    }
+    const Y = x.map((g) => N[g]), j = new Map(x.map((g, w) => [g, w])), z = /* @__PURE__ */ new Map();
+    Z && s.forEach((g) => {
+      z.has(g) || z.set(g, z.size);
+    });
+    const W = new Map((((fe = n.radial) == null ? void 0 : fe.rings) ?? []).map((g) => [g.key, g.total])), D = /* @__PURE__ */ new Map();
+    for (let g = 0; g < t.rows.length; g += 1) {
+      const w = de >= 0 ? (ve = t.rows[g]) == null ? void 0 : ve[de] : void 0, S = Z && typeof w == "string" ? w : "", oe = Z ? W.get(S) ?? f : f, P = Z ? S : String(oe), ye = D.get(P) ?? { denominator: oe, indices: [] };
+      ye.indices.push(g), D.set(P, ye);
+    }
+    const $ = /* @__PURE__ */ new Map();
+    for (const { denominator: g, indices: w } of D.values()) {
+      const S = w.map((oe) => {
+        var P;
+        return te >= 0 ? le((P = t.rows[oe]) == null ? void 0 : P[te]) : void 0;
+      });
+      _t(S, g).forEach((oe, P) => $.set(w[P], oe));
+    }
+    const ue = /* @__PURE__ */ new Map();
+    Z && s.forEach((g) => ue.set(g, (ue.get(g) ?? 0) + 1));
+    const me = /* @__PURE__ */ new Map();
+    te >= 0 && t.rows.forEach((g, w) => {
+      var P;
+      const S = le(g[te]);
+      if (S === void 0) return;
+      const oe = N[w];
+      E >= 0 && L && ((P = n.format[L]) == null ? void 0 : P.kind) !== "percent" ? me.set(oe, (me.get(oe) ?? 0) + S) : me.set(oe, S);
+    });
+    const he = /* @__PURE__ */ new Map();
+    return Z && de >= 0 && x.forEach((g) => {
+      var S;
+      const w = (S = t.rows[g]) == null ? void 0 : S[de];
+      typeof w == "string" && he.set(g, w);
+    }), { allKeys: Y, categoryOrder: z, entries: x, entryKeys: N, entryPositions: j, ringByIndex: he, rowKeys: s, rowsPerKey: ue, shares: $, valueByKey: me };
+  }, [t, ce, K, n.format, (O = n.radial) == null ? void 0 : O.rings, Z, de, E, f, L, te]), G = (s, N, x) => {
+    var z;
+    if (E >= 0) return _(I.entryKeys[N], x);
+    const Y = ce >= 0 ? (z = t.rows[N]) == null ? void 0 : z[ce] : void 0, j = typeof Y == "string" && Y.trim() !== "" ? Y : void 0;
+    return ie(s, I.categoryOrder.get(I.rowKeys[N]) ?? N, j);
+  }, we = (y == null ? void 0 : y.legendValue) === "percent", Re = (s) => E >= 0 ? "value" : we ? "percent" : Z ? I.rowsPerKey.get(I.rowKeys[s]) === 1 ? "percent" : "none" : "value", J = T.trim().toLocaleLowerCase(), Te = J === "" ? I.entries : I.entries.filter((s) => {
+    var x;
+    const N = (x = t.rows[s]) == null ? void 0 : x[K];
+    return Ae(N).toLocaleLowerCase().includes(J);
+  });
+  if (At(() => {
+    const s = d.current;
+    if (!s) return;
+    const N = () => {
+      const Y = s.scrollTop + s.clientHeight, j = s.scrollHeight > s.clientHeight + 1;
+      if (ae({
+        top: j && s.scrollTop > 1,
+        bottom: j && Y < s.scrollHeight - 1
+      }), !j) {
+        X(0);
+        return;
+      }
+      const z = s.querySelectorAll(".lens-chart-legend-item");
+      let W = 0;
+      for (const D of z) D.offsetTop + D.offsetHeight > Y + 1 && (W += 1);
+      X(W);
+    };
+    N(), s.addEventListener("scroll", N, { passive: !0 });
+    const x = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(N);
+    return x == null || x.observe(s), () => {
+      s.removeEventListener("scroll", N), x == null || x.disconnect();
+    };
+  }, [H, Te.length]), K < 0) return null;
+  const Se = (s) => {
+    const N = !r.has(s) && I.allKeys.every((x) => x === s || r.has(x));
+    l(N ? /* @__PURE__ */ new Set() : new Set(I.allKeys.filter((x) => x !== s)));
+  }, xe = I.allKeys.length > 0 && I.allKeys.every((s) => r.has(s)), ge = I.allKeys.every((s) => !r.has(s)), V = I.allKeys.length > uo, F = I.entries.length >= go;
+  return /* @__PURE__ */ A("div", { className: "lens-chart-legend-shell", style: H ? { "--lens-chart-legend-max": "none" } : void 0, children: [
+    V && /* @__PURE__ */ A("div", { className: "lens-chart-legend-controls", children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          "aria-label": v("chart.legendControls", "Legend controls"),
+          className: "lens-chart-legend-tools",
+          "data-members": F ? "many" : "one",
+          role: "group",
+          children: F ? /* @__PURE__ */ A(Ee, { children: [
+            /* @__PURE__ */ i(
+              "button",
+              {
+                "aria-pressed": xe,
+                onClick: () => l(new Set(I.allKeys)),
+                type: "button",
+                children: v("chart.legendHideAll", "Hide all")
+              }
+            ),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                "aria-pressed": ge,
+                onClick: () => l(/* @__PURE__ */ new Set()),
+                type: "button",
+                children: v("chart.legendShowAll", "Show all")
+              }
+            ),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                "aria-label": v("chart.legendInvert", "Invert"),
+                className: "lens-chart-legend-invert",
+                onClick: () => l(new Set(I.allKeys.filter((s) => !r.has(s)))),
+                title: v("chart.legendInvert", "Invert"),
+                type: "button",
+                children: /* @__PURE__ */ i(no, {})
+              }
+            )
+          ] }) : /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: () => l(xe ? /* @__PURE__ */ new Set() : new Set(I.allKeys)),
+              type: "button",
+              children: xe ? v("chart.legendShowAll", "Show all") : v("chart.legendHideAll", "Hide all")
+            }
+          )
+        }
+      ),
+      F && /* @__PURE__ */ A("label", { className: "lens-chart-legend-search", children: [
+        /* @__PURE__ */ i("span", { className: "lens-sr-only", children: v("chart.legendSearch", "Search legend") }),
+        /* @__PURE__ */ i(
+          "input",
+          {
+            className: "lens-facet-search",
+            onChange: (s) => u(s.currentTarget.value),
+            placeholder: v("chart.legendSearch", "Search legend"),
+            type: "search",
+            value: T
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ A(
+      "div",
+      {
+        className: "lens-chart-legend-scroll-frame",
+        "data-overflow-bottom": C.bottom || void 0,
+        "data-overflow-top": C.top || void 0,
+        children: [
+          /* @__PURE__ */ i("ul", { "aria-label": v("chart.legendControls", "Legend controls"), className: "lens-chart-legend", "data-testid": `lens-panel-${n.id}-legend`, ref: d, role: "region", tabIndex: C.top || C.bottom ? 0 : void 0, children: Te.map((s, N) => {
+            var he, fe, ve, g, w;
+            const x = t.rows[s], Y = I.entryPositions.get(s) ?? s, j = x[K], z = j == null ? "" : q(j), W = I.entryKeys[s], D = r.has(W), $ = I.ringByIndex.get(s), ue = N > 0 ? I.ringByIndex.get(Te[N - 1]) : void 0, me = ((ve = (fe = (he = n.radial) == null ? void 0 : he.rings) == null ? void 0 : fe.find((S) => S.key === $)) == null ? void 0 : ve.label) ?? $;
+            return /* @__PURE__ */ A(Kt, { children: [
+              $ && $ !== ue && /* @__PURE__ */ i("li", { className: "lens-chart-legend-heading", children: me }),
+              /* @__PURE__ */ i("li", { className: "lens-chart-legend-item", children: /* @__PURE__ */ A(
+                "button",
+                {
+                  "aria-pressed": !D,
+                  className: `lens-chart-legend-toggle${D ? " lens-chart-legend-hidden" : ""}`,
+                  "data-testid": `lens-panel-${n.id}-legend-series-${Y}`,
+                  onClick: () => c(W),
+                  onDoubleClick: () => Se(W),
+                  title: v("chart.legendToggleHint", "Click to toggle · double-click to isolate"),
+                  type: "button",
+                  children: [
+                    /* @__PURE__ */ i(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "lens-chart-legend-mark",
+                        style: { background: G(z, s, Y) }
+                      }
+                    ),
+                    /* @__PURE__ */ i("span", { className: "lens-chart-legend-label", children: z }),
+                    Re(s) !== "none" && /* @__PURE__ */ i("span", { className: "lens-chart-legend-value", children: Re(s) === "percent" ? $t(I.shares.get(s), (g = h.meta) == null ? void 0 : g.locale, L ? (w = n.format[L]) == null ? void 0 : w.decimalSeparator : void 0) : ee(I.valueByKey.get(W)) }),
+                    /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "lens-chart-legend-visibility", children: D ? /* @__PURE__ */ i(ro, {}) : /* @__PURE__ */ i(so, {}) })
+                  ]
+                }
+              ) }, `${W}-${s}`)
+            ] }, `${W}-${s}`);
+          }) }),
+          /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "lens-chart-legend-edge lens-chart-legend-edge-top" }),
+          /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "lens-chart-legend-edge lens-chart-legend-edge-bottom" })
+        ]
+      }
+    ),
+    (U > 0 || H) && /* @__PURE__ */ i("button", { className: "lens-chart-legend-overflow", onClick: () => ne((s) => !s), type: "button", children: H ? v("chart.legendCollapse", "Show fewer") : v("chart.legendMore", "{count} more", { count: String(U) }) })
+  ] });
+}), xo = bt(function({ overlays: n, onToggle: t }) {
+  const r = Ke(), l = r("chart.legendOverlays", "Chart marks");
+  return /* @__PURE__ */ A("ul", { "aria-label": l, className: "lens-chart-legend lens-chart-overlay-legend", children: [
+    /* @__PURE__ */ i("li", { className: "lens-chart-legend-heading", children: l }),
+    n.map((c) => /* @__PURE__ */ i("li", { className: "lens-chart-legend-item", children: /* @__PURE__ */ A(
+      "button",
+      {
+        "aria-pressed": c.active,
+        className: `lens-chart-legend-toggle${c.active ? "" : " lens-chart-legend-hidden"}`,
+        onClick: () => t(c.id),
+        title: r("chart.legendToggleOverlay", "Show or hide this mark"),
+        type: "button",
+        children: [
+          /* @__PURE__ */ i(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "lens-chart-overlay-mark",
+              "data-stroke": c.stroke,
+              style: { "--lens-overlay-ink": `var(${Ht(c.tone)})` }
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "lens-chart-legend-label", children: c.label }),
+          c.detail && /* @__PURE__ */ A(Ee, { children: [
+            /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "lens-chart-legend-separator", children: "·" }),
+            /* @__PURE__ */ i("span", { className: "lens-chart-legend-value", children: c.detail })
+          ] })
+        ]
+      }
+    ) }, c.id))
+  ] });
+});
+export {
+  To as ChartPanel,
+  wt as collapseExpandableTopN,
+  yt as collapseMinorDonutSlices,
+  Ct as donutRemainderKey,
+  Oe as legendKey,
+  vt as rowIndexForKey,
+  wo as topNGroupField
+};