@iota-uz/sdk 0.4.43 → 0.5.0

package/dist/lens/ChartPanel-CTIp_4YE.js

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