@iota-uz/sdk 0.20.0 → 0.22.0

package/dist/lens/TablePanel-CzLP8gG0.js

@@ -1,619 +0,0 @@
-import { jsx as n, jsxs as h, Fragment as D } from "react/jsx-runtime";
-import { useState as G, useRef as ie, useMemo as ee, useEffect as re, useLayoutEffect as ct, createContext as dt, useContext as mt } from "react";
-import { t as ht, a as He, ae as ft, u as K, n as bt, af as ut, P as pt, ag as Ve, Q as gt, ah as Ke, ai as de, aj as Xe, ak as et, al as Nt, Z as _e, am as je, L as oe, d as yt, an as vt } from "./index-R9mnOHaj.js";
-import "@iota-uz/sdk/client-host";
-const wt = 5, xt = 7, kt = 21, St = 10, tt = dt(null);
-function me(e, t) {
-  const l = mt(tt);
-  return vt(t, e ? l == null ? void 0 : l.get(e) : void 0);
-}
-function Ct(e) {
-  if (e.type === "number") return { kind: "number", minorUnits: !1 };
-  if (e.type === "time") return { kind: "date", minorUnits: !1 };
-  if (e.type === "string") return { kind: "string", minorUnits: !1 };
-}
-function A(e) {
-  if (typeof e == "number" && Number.isFinite(e)) return e;
-  if (typeof e == "string" && e.trim() !== "") {
-    const t = Number(e);
-    if (Number.isFinite(t)) return t;
-  }
-}
-function Ye(e, t) {
-  var l;
-  if (e == null) return "";
-  if (t === "number") {
-    const r = typeof e == "number" ? e : Number(e);
-    return Number.isFinite(r) ? r : Number.NEGATIVE_INFINITY;
-  }
-  if (t === "time") {
-    const r = new Date(typeof e == "string" || typeof e == "number" ? e : "").getTime();
-    return Number.isNaN(r) ? Number.NEGATIVE_INFINITY : r;
-  }
-  return t === "bool" ? e === !0 || e === 1 || e === "true" ? 1 : 0 : typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "bigint" ? String(e).toLocaleLowerCase() : ((l = JSON.stringify(e)) == null ? void 0 : l.toLocaleLowerCase()) ?? "";
-}
-function Lt(e, t) {
-  return typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), void 0, { numeric: !0, sensitivity: "base" });
-}
-function Je({ direction: e }) {
-  return /* @__PURE__ */ h(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: `lens-table-sort${e ? ` lens-table-sort-${e}` : ""}`,
-      children: [
-        e === "ascending" && /* @__PURE__ */ n(Ve, { className: "lens-table-sort-up" }),
-        e === "descending" && /* @__PURE__ */ n(Ve, {}),
-        !e && /* @__PURE__ */ n(gt, { className: "lens-table-sort-neutral" })
-      ]
-    }
-  );
-}
-function H(e, t) {
-  var l;
-  return e.align ? e.align === "right" : e.cell.kind === "bar" || e.cell.kind === "underline" || e.cell.kind === "delta" ? !0 : e.field.trim() ? ((l = t.columns.find((r) => r.name === e.field)) == null ? void 0 : l.type) === "number" : !1;
-}
-function at({ column: e, format: t, value: l }) {
-  const r = me(e.name, t ?? Ct(e)), m = K();
-  if (e.type === "bool") {
-    if (l == null || l === "") return /* @__PURE__ */ n("span", { className: "lens-table-null", children: "—" });
-    const o = l === !0 || l === 1 || l === "true";
-    return /* @__PURE__ */ n("span", { className: "lens-table-bool", "data-value": o, children: o ? m("table.boolean.yes", "Yes") : m("table.boolean.no", "No") });
-  }
-  const s = r(l);
-  return e.type === "time" && s !== "—" ? /* @__PURE__ */ n("time", { dateTime: typeof l == "string" ? l : void 0, children: s }) : /* @__PURE__ */ n(D, { children: s });
-}
-function Rt({ field: e, format: t, value: l, max: r }) {
-  const m = me(e, t), s = A(l), o = r > 0 && s !== void 0 ? Math.max(0, Math.min(1, Math.abs(s) / r)) : 0, p = s !== void 0 && s < 0;
-  return /* @__PURE__ */ h("div", { className: "lens-table-bar", children: [
-    s !== void 0 && s !== 0 && /* @__PURE__ */ n("span", { className: "lens-table-bar-track", "aria-hidden": "true", children: /* @__PURE__ */ n(
-      "span",
-      {
-        className: `lens-table-bar-fill${p ? " lens-table-bar-fill-negative" : ""}`,
-        style: { width: `${o * 50}%`, [p ? "right" : "left"]: "50%" }
-      }
-    ) }),
-    /* @__PURE__ */ n("span", { className: "lens-table-bar-value", children: m(l) })
-  ] });
-}
-function Mt({ field: e, format: t, value: l }) {
-  const r = me(e, t), m = A(l), s = m !== void 0 && m < 0, o = m === void 0;
-  return /* @__PURE__ */ h("span", { className: "lens-table-underline", children: [
-    /* @__PURE__ */ n("span", { className: "lens-table-underline-value", children: r(l) }),
-    !o && /* @__PURE__ */ n(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: `lens-table-underline-rule${s ? " lens-table-underline-rule-negative" : ""}`
-      }
-    )
-  ] });
-}
-function Ft({
-  valueFormat: e,
-  value: t,
-  secondaryFormat: l,
-  secondaryValue: r,
-  stacked: m
-}) {
-  const s = oe(e), o = oe(l), p = K(), { document: g } = He(), R = A(t), b = A(r), S = r != null && r !== "", u = !S && R !== void 0 && R !== 0, C = b !== void 0 && b < 0, M = b !== void 0 ? yt(b, g.meta.locale) : void 0, k = (S || u) && /* @__PURE__ */ n("span", { className: `lens-table-delta-pct${C ? " lens-table-delta-pct-negative" : ""}`, children: u ? p("panel.trend.new", "New") : M ?? /* @__PURE__ */ h(D, { children: [
-    b !== void 0 && b > 0 ? "+" : "",
-    o(r)
-  ] }) });
-  return m ? /* @__PURE__ */ h("span", { className: "lens-table-delta lens-table-delta-stacked", children: [
-    k,
-    /* @__PURE__ */ n("span", { className: "lens-table-delta-value", children: s(t) })
-  ] }) : /* @__PURE__ */ h("span", { className: "lens-table-delta", children: [
-    /* @__PURE__ */ n("span", { className: "lens-table-delta-value", children: s(t) }),
-    k
-  ] });
-}
-function Qe(e, t, l) {
-  if (!l) return "";
-  const r = e.columns.findIndex((s) => s.name === l);
-  if (r < 0) return "";
-  const m = t[r];
-  return typeof m == "string" ? m : "";
-}
-function nt({
-  column: e,
-  frame: t,
-  row: l,
-  panel: r,
-  location: m,
-  max: s
-}) {
-  var E;
-  const o = de(e.action), p = K(), g = t.columns.findIndex((N) => N.name === e.field), R = ((E = t.columns[g]) == null ? void 0 : E.type) ?? "string", b = g >= 0 ? l[g] : void 0, S = r.format[e.field];
-  let u;
-  if (!e.field.trim() && e.text)
-    u = /* @__PURE__ */ n("span", { className: "lens-table-cell-text", children: e.text });
-  else if (e.cell.kind === "bar")
-    u = /* @__PURE__ */ n(Rt, { field: e.field, format: S, value: b, max: s });
-  else if (e.cell.kind === "underline")
-    u = /* @__PURE__ */ n(Mt, { field: e.field, format: S, value: b });
-  else if (e.cell.kind === "delta") {
-    const N = e.cell.secondaryField, P = N ? t.columns.findIndex((q) => q.name === N) : -1;
-    u = /* @__PURE__ */ n(
-      Ft,
-      {
-        valueFormat: S,
-        value: b,
-        secondaryFormat: N ? r.format[N] : void 0,
-        secondaryValue: P >= 0 ? l[P] : void 0,
-        stacked: e.cell.layout === "stacked"
-      }
-    );
-  } else
-    u = /* @__PURE__ */ n(at, { column: { name: e.field, type: R }, format: S, value: b });
-  const C = Qe(t, l, e.cell.toneField);
-  (C === "pos" || C === "warn" || C === "neg") && (u = /* @__PURE__ */ n("span", { className: `lens-table-tone lens-table-tone-${C}`, children: u }));
-  const M = e.action && o.available ? Nt(e.action, t, l, m) : void 0;
-  if (e.clamp) {
-    const N = typeof b == "string" ? b : void 0, P = /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ n(
-        "span",
-        {
-          className: "lens-table-clamp",
-          style: { WebkitLineClamp: e.clamp },
-          title: N,
-          children: u
-        }
-      ),
-      N && /* @__PURE__ */ n("span", { className: "lens-table-clamp-full", children: N })
-    ] });
-    u = M || !N ? /* @__PURE__ */ n("span", { className: "lens-table-clamp-host", children: P }) : /* @__PURE__ */ n("button", { className: "lens-table-clamp-host", type: "button", children: P });
-  }
-  const k = e.affordance === "pill", te = e.affordance === "quiet";
-  let F;
-  M && te ? F = /* @__PURE__ */ h("a", { className: "lens-table-cell-quiet", href: M, onClick: o.onClick(M), children: [
-    /* @__PURE__ */ n("span", { className: "lens-table-cell-quiet-value", children: u }),
-    /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "lens-table-cell-quiet-arrow", children: /* @__PURE__ */ n(_e, {}) })
-  ] }) : M ? F = /* @__PURE__ */ h("a", { className: `lens-table-cell-link${k ? " lens-table-cell-pill" : ""}`, href: M, onClick: o.onClick(M), children: [
-    u,
-    /* @__PURE__ */ n("span", { className: "lens-table-cell-link-arrow", children: k ? /* @__PURE__ */ n(_e, {}) : /* @__PURE__ */ n(et, {}) })
-  ] }) : k ? F = /* @__PURE__ */ n("span", { className: "lens-table-cell-pill", children: u }) : F = u;
-  const V = Qe(t, l, e.badgeField), U = e.sampleSizeField ? t.columns.findIndex((N) => N.name === e.sampleSizeField) : -1, $ = U >= 0 ? A(l[U]) : void 0, B = (e.minSampleSize ?? 0) > 0 ? e.minSampleSize : wt;
-  if ($ !== void 0 && $ < B) {
-    const N = p(
-      "table.smallSample",
-      "Small sample: n={count}, minimum {minimum}",
-      { count: $, minimum: B }
-    );
-    F = /* @__PURE__ */ h("span", { className: "lens-table-small-sample", children: [
-      F,
-      /* @__PURE__ */ h("span", { className: "lens-table-small-sample-marker", children: [
-        p("table.smallSampleShort", "n<{minimum}", { minimum: B }),
-        /* @__PURE__ */ n(je, { inline: !0, text: N })
-      ] })
-    ] });
-  }
-  return V ? /* @__PURE__ */ h("span", { className: "lens-table-cell-badged", children: [
-    F,
-    /* @__PURE__ */ n("span", { className: "lens-table-cell-badge", title: V, children: /* @__PURE__ */ n(je, { inline: !0, text: V }) })
-  ] }) : F;
-}
-function It(e, t) {
-  if (t.length <= 1) return 0.5;
-  const l = t.indexOf(e);
-  if (l < 0) return 0.5;
-  const r = t.lastIndexOf(e);
-  return (l + r) / 2 / (t.length - 1);
-}
-function lt(e, t, l, r) {
-  if (!e.heat) return;
-  const m = t.columns.findIndex((R) => R.name === e.field), s = m >= 0 ? A(l[m]) : void 0, o = r.get(e.field);
-  if (s === void 0 || !o) return;
-  const p = It(s, o.sorted);
-  return { backgroundColor: `color-mix(in srgb, var(--lens-accent-500) ${Math.round(xt + Math.max(0, Math.min(1, p)) * kt)}%, var(--lens-bg-card))` };
-}
-function Pt(e, t) {
-  const l = e.rows.map((o, p) => ({ row: o, index: p }));
-  if (!t) return l;
-  const r = e.columns.findIndex(({ name: o }) => o === t.column), m = e.columns[r];
-  if (!m) return l;
-  const s = t.direction === "ascending" ? 1 : -1;
-  return l.sort((o, p) => {
-    const g = Lt(Ye(o.row[r], m.type), Ye(p.row[r], m.type));
-    return g === 0 ? o.index - p.index : g * s;
-  });
-}
-function Ze({ panel: e, field: t, value: l }) {
-  const r = oe(e.format[t]);
-  return /* @__PURE__ */ n(D, { children: l === void 0 ? /* @__PURE__ */ n(ce, {}) : r(l) });
-}
-function ce() {
-  const e = K();
-  return /* @__PURE__ */ h("span", { className: "lens-table-summary-void", children: [
-    /* @__PURE__ */ n("span", { "aria-hidden": "true", children: "—" }),
-    /* @__PURE__ */ n("span", { className: "lens-sr-only", children: e("table.notSummable", "Not summable") })
-  ] });
-}
-function Ot({ panel: e }) {
-  var xe, ke, Se, Ce, Le, Re, Me, Fe, Ie, Pe, Te, We, Ae, $e, Ee, qe, ze, Oe;
-  const t = ht(e.id), { document: l, navigation: r } = He(), m = ft(), s = K(), [o, p] = G(), [g, R] = G(""), [b, S] = G(() => globalThis.location.href), u = ie(null), [C, M] = G({ left: !1, right: !1 }), [k, te] = G(!1), F = ie(!1), [V, U] = G(((xe = t.page) == null ? void 0 : xe.number) ?? 1), $ = ie(l.snapshotId), B = r.panelId === e.id && r.path.length ? bt(l, r.path) : void 0, E = !!((ke = l == null ? void 0 : l.endpoints) != null && ke.panel && ((Se = e.table) != null && Se.searchable)), N = ((Ce = e.presentation) == null ? void 0 : Ce.sortable) !== !1 && (!t.page || E), P = ee(() => t.data ? Pt(t.data, !E && N ? o : void 0) : [], [t.data, E, o, N]), q = ((Le = t.page) == null ? void 0 : Le.number) ?? 1, he = (Re = t.page) == null ? void 0 : Re.size, fe = $.current === l.snapshotId ? V : 1, st = ((Me = t.page) == null ? void 0 : Me.hasNext) ?? !!(he && (((Fe = t.data) == null ? void 0 : Fe.rows.length) ?? 0) >= he);
-  re(() => {
-    const a = () => S(globalThis.location.href);
-    return globalThis.addEventListener("popstate", a), () => globalThis.removeEventListener("popstate", a);
-  }, []);
-  const X = ee(() => new URL(b), [b]), L = (Ie = e.columns) != null && Ie.length ? e.columns : void 0, _ = ee(() => {
-    const a = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-    if (!t.data) return { maxima: a, ranges: i, references: f };
-    for (const [c, y] of t.data.columns.entries()) {
-      const v = t.data.rows.map((w) => A(w[c])).filter((w) => w !== void 0), d = ut(v, e.format[y.name]);
-      d !== void 0 && f.set(y.name, d);
-    }
-    if (!L) return { maxima: a, ranges: i, references: f };
-    for (const c of L) {
-      if (c.cell.kind !== "bar" && !c.heat) continue;
-      const y = t.data.columns.findIndex((d) => d.name === c.field);
-      if (y < 0) continue;
-      const v = t.data.rows.map((d) => A(d[y])).filter((d) => d !== void 0);
-      c.cell.kind === "bar" && a.set(c.field, v.reduce((d, w) => Math.max(d, Math.abs(w)), 0)), c.heat && v.length > 0 && i.set(c.field, {
-        min: Math.min(...v),
-        max: Math.max(...v),
-        sorted: [...v].sort((d, w) => d - w)
-      });
-    }
-    return { maxima: a, ranges: i, references: f };
-  }, [L, t.data, e.format]), j = !!L && e.actions.some((a) => a.kind === "navigate_to_leaf" || a.kind === "open_drawer"), [be, it] = G({}), ue = (Pe = e.presentation) == null ? void 0 : Pe.rowGroupField, Y = L && t.data && ue ? t.data.columns.findIndex((a) => a.name === ue) : -1, rt = (a) => it((i) => ({ ...i, [a]: !i[a] })), ot = ee(() => {
-    if (Y < 0) return P.map((y) => ({ ...y, kind: "normal" }));
-    const a = [], i = [], f = /* @__PURE__ */ new Map();
-    for (const y of P) {
-      const v = y.row[Y], d = typeof v == "string" ? v : "";
-      if (!d) {
-        a.push({ ...y, kind: "normal" });
-        continue;
-      }
-      if (d.endsWith(":toggle")) {
-        i.push({ entry: y, group: d.slice(0, -7) });
-        continue;
-      }
-      const w = f.get(d);
-      w ? w.push(y) : f.set(d, [y]);
-    }
-    const c = [...a];
-    for (const { entry: y, group: v } of i) {
-      const d = !!be[v];
-      if (c.push({ ...y, kind: "toggle", group: v, expanded: d }), d) for (const w of f.get(v) ?? []) c.push({ ...w, kind: "member" });
-    }
-    return c;
-  }, [P, Y, be]), pe = Y < 0 ? ((Te = t.data) == null ? void 0 : Te.rows.length) ?? 0 : ((We = t.data) == null ? void 0 : We.rows.reduce((a, i) => {
-    const f = i[Y];
-    return typeof f == "string" && f.endsWith(":toggle") ? a : a + 1;
-  }, 0)) ?? 0, ge = (((Ae = t.summary) == null ? void 0 : Ae.filteredRows) ?? pe) > St;
-  re(() => {
-    var a;
-    if ($.current !== l.snapshotId) {
-      $.current = l.snapshotId, U(1), R(""), F.current = !1;
-      return;
-    }
-    (a = t.page) != null && a.number && U(t.page.number);
-  }, [l.snapshotId, ($e = t.page) == null ? void 0 : $e.number]), re(() => {
-    var i;
-    if (!((i = e.table) != null && i.searchable)) return;
-    if (!F.current) {
-      F.current = !0;
-      return;
-    }
-    const a = globalThis.setTimeout(() => {
-      m.search(e.id, g);
-    }, l.theme.debounceMs ?? 500);
-    return () => globalThis.clearTimeout(a);
-  }, [l.theme.debounceMs, m, e.id, (Ee = e.table) == null ? void 0 : Ee.searchable, g]);
-  const Ne = (a) => {
-    U(a), m.loadPage(e.id, a);
-  }, ye = (a) => {
-    const i = (o == null ? void 0 : o.column) === a ? { column: a, direction: o.direction === "ascending" ? "descending" : "ascending" } : { column: a, direction: "ascending" };
-    p(i), E && m.sort(e.id, { field: a, direction: i.direction === "ascending" ? "asc" : "desc" });
-  }, ve = (a) => N && (o == null ? void 0 : o.column) === a ? o.direction : void 0, ae = L ? L.length + (j ? 1 : 0) : (((qe = t.data) == null ? void 0 : qe.columns.length) ?? 0) + 1;
-  ct(() => {
-    const a = u.current;
-    if (!a) return;
-    let i;
-    const f = () => {
-      var Be, De;
-      const d = a.querySelector("thead th:first-child"), w = (d == null ? void 0 : d.offsetWidth) ?? 0, ne = Number.parseFloat(((Be = a.parentElement) == null ? void 0 : Be.style.getPropertyValue("--lens-table-sticky-width")) ?? "");
-      (De = a.parentElement) == null || De.style.setProperty("--lens-table-sticky-width", `${w}px`);
-      const z = a.querySelector("table"), J = (z == null ? void 0 : z.scrollWidth) || a.scrollWidth, T = Math.max(0, J - (k ? w : 0)) > a.clientWidth + 1;
-      te((I) => I === T ? I : T);
-      const O = Array.from(a.querySelectorAll("thead th:not(.lens-table-scroll-spacer):not(.lens-table-action-heading)")), Q = Math.max(0, J - a.clientWidth), W = O.at(-1), x = Math.max(0, ((W == null ? void 0 : W.offsetLeft) ?? 0) + ((W == null ? void 0 : W.offsetWidth) ?? 0) - a.clientWidth), Z = O.slice(1).map((I) => Math.max(0, I.offsetLeft - w)).find((I) => I >= x - 1 && I <= Q + 1) ?? Math.min(x, Q);
-      a.scrollLeft > Z && (a.scrollLeft = Z);
-      const Ge = a.scrollLeft > 1, Ue = a.scrollLeft < Z - 1;
-      M((I) => I.left === Ge && I.right === Ue ? I : { left: Ge, right: Ue }), (!Number.isFinite(ne) || Math.abs(ne - w) > 0.5) && (i !== void 0 && globalThis.cancelAnimationFrame(i), i = globalThis.requestAnimationFrame(f));
-    };
-    f(), a.addEventListener("scroll", f, { passive: !0 });
-    const c = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(f);
-    c == null || c.observe(a);
-    const y = a.querySelector("table"), v = a.querySelector("thead th:first-child");
-    return y && (c == null || c.observe(y)), v && (c == null || c.observe(v)), () => {
-      var d;
-      a.removeEventListener("scroll", f), c == null || c.disconnect(), i !== void 0 && globalThis.cancelAnimationFrame(i), (d = a.parentElement) == null || d.style.removeProperty("--lens-table-sticky-width");
-    };
-  }, [ae, t.data, k]);
-  const we = (a) => {
-    var Q, W;
-    const i = u.current;
-    if (!i) return;
-    const f = ((Q = i.querySelector("table")) == null ? void 0 : Q.scrollWidth) || i.scrollWidth, c = Array.from(i.querySelectorAll("thead th:not(.lens-table-scroll-spacer):not(.lens-table-action-heading)")), y = ((W = c[0]) == null ? void 0 : W.offsetWidth) ?? 0, v = Math.max(0, f - i.clientWidth), d = c.at(-1), w = Math.max(0, ((d == null ? void 0 : d.offsetLeft) ?? 0) + ((d == null ? void 0 : d.offsetWidth) ?? 0) - i.clientWidth), z = c.slice(1).map((x) => Math.max(0, x.offsetLeft - y)).find((x) => x >= w - 1 && x <= v + 1) ?? Math.min(w, v), J = c.slice(1).map((x) => Math.max(0, Math.min(z, x.offsetLeft - y))).filter((x, se, Z) => x > 0 && (se === 0 || x !== Z[se - 1])), le = i.scrollLeft + a * Math.max(120, Math.round(i.clientWidth * 0.8)), T = a > 0 ? J.filter((x) => x > i.scrollLeft + 1) : J.filter((x) => x < i.scrollLeft - 1), O = T.length === 0 ? a > 0 ? z : 0 : a > 0 ? T.find((x) => x >= le) ?? T[T.length - 1] : [...T].reverse().find((x) => x <= le) ?? T[0];
-    O !== void 0 && (i.scrollLeft = O, M({ left: O > 1, right: O < z - 1 }), i.focus({ preventScroll: !0 }));
-  };
-  return /* @__PURE__ */ n(pt, { panel: e, frame: t, allowEmptyContent: !!t.page, children: t.data && /* @__PURE__ */ n(tt.Provider, { value: _.references, children: /* @__PURE__ */ h("div", { className: "lens-table-view", children: [
-    ((ze = e.table) == null ? void 0 : ze.searchable) && /* @__PURE__ */ h("label", { className: "lens-table-search", children: [
-      /* @__PURE__ */ n("span", { className: "lens-sr-only", children: s("table.search", "Search table") }),
-      /* @__PURE__ */ n(
-        "input",
-        {
-          "aria-label": s("table.search", "Search table"),
-          onChange: (a) => R(a.target.value),
-          placeholder: s("table.searchPlaceholder", "Search all rows…"),
-          type: "search",
-          value: g
-        }
-      )
-    ] }),
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: "lens-table-scroll-frame",
-        "data-overflow-left": C.left,
-        "data-overflow-right": C.right,
-        children: [
-          /* @__PURE__ */ n(
-            "div",
-            {
-              "aria-label": s("table.scrollRegion", "Scrollable table"),
-              className: "lens-table-scroll",
-              ref: u,
-              role: "region",
-              tabIndex: C.left || C.right ? 0 : void 0,
-              children: /* @__PURE__ */ h("table", { className: `lens-table${ae >= 4 ? " lens-table-wide" : ""}`, children: [
-                /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ h("tr", { children: [
-                  L ? /* @__PURE__ */ h(D, { children: [
-                    L.map((a, i) => {
-                      const f = N && !!a.field.trim();
-                      return /* @__PURE__ */ n(
-                        "th",
-                        {
-                          "aria-sort": f ? (o == null ? void 0 : o.column) === a.field ? o.direction : "none" : void 0,
-                          className: H(a, t.data) ? "lens-table-col-right" : void 0,
-                          scope: "col",
-                          style: a.widthPx ? { minWidth: `${a.widthPx}px` } : void 0,
-                          children: f ? /* @__PURE__ */ h("button", { type: "button", onClick: () => ye(a.field), children: [
-                            /* @__PURE__ */ n("span", { children: a.label }),
-                            /* @__PURE__ */ n(Je, { direction: ve(a.field) })
-                          ] }) : /* @__PURE__ */ n("span", { className: "lens-table-heading-static", children: a.label })
-                        },
-                        a.field || `column-${i}`
-                      );
-                    }),
-                    j && /* @__PURE__ */ n("th", { className: "lens-table-action-heading", scope: "col", children: /* @__PURE__ */ n("span", { className: "lens-sr-only", children: s("table.actions", "Actions") }) })
-                  ] }) : /* @__PURE__ */ h(D, { children: [
-                    t.data.columns.map((a) => /* @__PURE__ */ n(
-                      "th",
-                      {
-                        "aria-sort": N ? (o == null ? void 0 : o.column) === a.name ? o.direction : "none" : void 0,
-                        className: a.type === "number" || a.type === "time" ? "lens-table-col-right" : void 0,
-                        scope: "col",
-                        children: N ? /* @__PURE__ */ h("button", { type: "button", onClick: () => ye(a.name), children: [
-                          /* @__PURE__ */ n("span", { children: a.name }),
-                          /* @__PURE__ */ n(Je, { direction: ve(a.name) })
-                        ] }) : /* @__PURE__ */ n("span", { className: "lens-table-heading-static", children: a.name })
-                      },
-                      a.name
-                    )),
-                    /* @__PURE__ */ n("th", { className: "lens-table-action-heading", scope: "col", children: /* @__PURE__ */ n("span", { className: "lens-sr-only", children: s("table.actions", "Actions") }) })
-                  ] }),
-                  k && /* @__PURE__ */ n("th", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-                ] }) }),
-                /* @__PURE__ */ n("tbody", { children: P.length === 0 ? /* @__PURE__ */ h("tr", { children: [
-                  /* @__PURE__ */ n("td", { className: "lens-table-empty", colSpan: ae, children: s("table.emptyPage", "No records on this page") }),
-                  k && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-                ] }) : ot.map((a) => L ? a.kind === "toggle" ? /* @__PURE__ */ n(
-                  Tt,
-                  {
-                    columns: L,
-                    frame: t.data,
-                    row: a.row,
-                    panel: e,
-                    location: X,
-                    columnMaxima: _.maxima,
-                    columnRanges: _.ranges,
-                    expanded: a.expanded,
-                    onToggle: () => rt(a.group),
-                    trailingSpacer: k
-                  },
-                  `toggle-${a.group}`
-                ) : /* @__PURE__ */ h("tr", { className: a.kind === "member" ? "lens-table-group-member" : void 0, children: [
-                  L.map((i, f) => /* @__PURE__ */ n(
-                    "td",
-                    {
-                      className: `lens-table-cell${H(i, t.data) ? " lens-table-col-right" : ""}`,
-                      style: {
-                        ...i.widthPx ? { minWidth: `${i.widthPx}px` } : {},
-                        ...lt(i, t.data, a.row, _.ranges)
-                      },
-                      children: /* @__PURE__ */ n(
-                        nt,
-                        {
-                          column: i,
-                          frame: t.data,
-                          row: a.row,
-                          panel: e,
-                          location: X,
-                          max: _.maxima.get(i.field) ?? 0
-                        }
-                      )
-                    },
-                    i.field || `column-${f}`
-                  )),
-                  j && /* @__PURE__ */ n("td", { className: "lens-table-action-cell", children: /* @__PURE__ */ n(
-                    Wt,
-                    {
-                      frame: t.data,
-                      row: a.row,
-                      panel: e,
-                      location: X,
-                      level: B,
-                      label: s("table.openRecord", "Open record")
-                    }
-                  ) }),
-                  k && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-                ] }, a.index) : /* @__PURE__ */ n(
-                  At,
-                  {
-                    frame: t.data,
-                    row: a.row,
-                    index: a.index,
-                    panel: e,
-                    location: X,
-                    level: B,
-                    openRecordLabel: s("table.openRecord", "Open record"),
-                    trailingSpacer: k
-                  },
-                  a.index
-                )) }),
-                L && t.summary && Object.keys(t.summary.values).length > 0 && /* @__PURE__ */ h("tfoot", { children: [
-                  /* @__PURE__ */ h("tr", { children: [
-                    L.map((a, i) => {
-                      var f, c;
-                      return /* @__PURE__ */ n(
-                        "td",
-                        {
-                          className: `lens-table-cell${H(a, t.data) ? " lens-table-col-right" : ""}`,
-                          children: i === 0 ? (f = t.summary) != null && f.fullValues ? s("table.filteredTotal", "Filtered total") : s("table.total", "Total") : a.total === !0 ? /* @__PURE__ */ n(Ze, { panel: e, field: a.field, value: (c = t.summary) == null ? void 0 : c.values[a.field] }) : /* @__PURE__ */ n(ce, {})
-                        },
-                        a.field || `summary-${i}`
-                      );
-                    }),
-                    j && /* @__PURE__ */ n("td", {}),
-                    k && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-                  ] }),
-                  t.summary.fullValues && /* @__PURE__ */ h("tr", { className: "lens-table-summary-all", children: [
-                    L.map((a, i) => {
-                      var f, c;
-                      return /* @__PURE__ */ n("td", { className: `lens-table-cell${H(a, t.data) ? " lens-table-col-right" : ""}`, children: i === 0 ? s("table.allRowsTotal", "All rows total") : a.total === !0 ? /* @__PURE__ */ n(Ze, { panel: e, field: a.field, value: (c = (f = t.summary) == null ? void 0 : f.fullValues) == null ? void 0 : c[a.field] }) : /* @__PURE__ */ n(ce, {}) }, a.field || `full-summary-${i}`);
-                    }),
-                    j && /* @__PURE__ */ n("td", {}),
-                    k && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-                  ] })
-                ] })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ n(
-            "button",
-            {
-              "aria-label": s("table.scrollLeft", "Scroll table left"),
-              className: "lens-table-overflow-edge lens-table-overflow-edge-left",
-              disabled: !C.left,
-              onClick: () => we(-1),
-              type: "button"
-            }
-          ),
-          /* @__PURE__ */ n(
-            "button",
-            {
-              "aria-label": s("table.scrollRight", "Scroll table right"),
-              className: "lens-table-overflow-edge lens-table-overflow-edge-right",
-              disabled: !C.right,
-              onClick: () => we(1),
-              type: "button"
-            }
-          )
-        ]
-      }
-    ),
-    (ge || t.page) && /* @__PURE__ */ h("footer", { className: "lens-table-footer", children: [
-      /* @__PURE__ */ n("span", { className: "lens-table-footer-notes", children: ge && /* @__PURE__ */ n("span", { className: "lens-table-rowcount", children: t.summary && t.summary.totalRows > t.summary.filteredRows ? s("table.filteredRowCount", "{filtered} of {total} rows", { filtered: t.summary.filteredRows, total: t.summary.totalRows }) : s("table.rowCount", "{count} rows", { count: ((Oe = t.summary) == null ? void 0 : Oe.filteredRows) ?? pe }) }) }),
-      t.page && /* @__PURE__ */ h(
-        "nav",
-        {
-          "aria-label": s("table.pages", "{name} pages", { name: e.title }),
-          className: "lens-table-pagination",
-          children: [
-            /* @__PURE__ */ n("button", { disabled: t.isLoading || q <= 1, onClick: () => Ne(q - 1), type: "button", children: s("table.previous", "Previous") }),
-            /* @__PURE__ */ n("span", { "aria-live": "polite", children: t.isLoading && fe !== q ? s("table.loadingPage", "Loading page {n}", { n: fe }) : s("table.page", "Page {n}", { n: q }) }),
-            /* @__PURE__ */ n("button", { disabled: t.isLoading || !st, onClick: () => Ne(q + 1), type: "button", children: s("table.next", "Next") })
-          ]
-        }
-      )
-    ] })
-  ] }) }) });
-}
-function Tt({
-  columns: e,
-  frame: t,
-  row: l,
-  panel: r,
-  location: m,
-  columnMaxima: s,
-  columnRanges: o,
-  expanded: p,
-  onToggle: g,
-  trailingSpacer: R
-}) {
-  return /* @__PURE__ */ h("tr", { className: "lens-table-group-toggle", children: [
-    e.map((b, S) => {
-      const u = t.columns.findIndex((k) => k.name === b.field), C = u >= 0 ? l[u] : void 0, M = typeof C == "string" ? C : "";
-      return /* @__PURE__ */ n(
-        "td",
-        {
-          className: `lens-table-cell${H(b, t) ? " lens-table-col-right" : ""}`,
-          style: {
-            ...b.widthPx ? { minWidth: `${b.widthPx}px` } : {},
-            ...lt(b, t, l, o)
-          },
-          children: S === 0 ? /* @__PURE__ */ h("button", { "aria-expanded": p, className: "lens-table-group-toggle-btn", onClick: g, type: "button", children: [
-            /* @__PURE__ */ n("span", { "aria-hidden": "true", className: `lens-table-group-chevron${p ? " lens-table-group-chevron-open" : ""}`, children: /* @__PURE__ */ n(et, {}) }),
-            /* @__PURE__ */ n("span", { children: M })
-          ] }) : /* @__PURE__ */ n(
-            nt,
-            {
-              column: b,
-              frame: t,
-              row: l,
-              panel: r,
-              location: m,
-              max: s.get(b.field) ?? 0
-            }
-          )
-        },
-        b.field || `column-${S}`
-      );
-    }),
-    R && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-  ] });
-}
-function Wt({
-  frame: e,
-  row: t,
-  panel: l,
-  location: r,
-  level: m,
-  label: s
-}) {
-  const o = Ke(l, e, t, m), p = de(o), g = p.available ? Xe(l, e, t, r, m) : void 0;
-  return g ? /* @__PURE__ */ n("a", { className: "lens-leaf-action", href: g, onClick: p.onClick(g), children: s }) : null;
-}
-function At({
-  frame: e,
-  row: t,
-  index: l,
-  panel: r,
-  location: m,
-  level: s,
-  openRecordLabel: o,
-  trailingSpacer: p
-}) {
-  const g = Ke(r, e, t, s), R = de(g), b = R.available ? Xe(r, e, t, m, s) : void 0;
-  return /* @__PURE__ */ h("tr", { children: [
-    e.columns.map((S, u) => /* @__PURE__ */ n("td", { className: `lens-table-cell-${S.type}`, children: /* @__PURE__ */ n(at, { column: S, format: r.format[S.name], value: t[u] }) }, S.name)),
-    /* @__PURE__ */ n("td", { className: "lens-table-action-cell", children: b && /* @__PURE__ */ n("a", { className: "lens-leaf-action", href: b, onClick: R.onClick(b), children: o }) }),
-    p && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
-  ] }, l);
-}
-export {
-  Ot as TablePanel,
-  It as heatRank
-};