@iota-uz/sdk 0.4.44 → 0.5.1

package/dist/lens/TablePanel-Dh6bXlwM.js

@@ -0,0 +1,619 @@
+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 ot, createContext as ct, useContext as dt } from "react";
+import { o as mt, a as He, ab as ht, u as X, l as ft, ac as bt, P as ut, ad as De, Q as pt, ae as Ke, af as de, ag as Xe, ah as Ze, ai as gt, aj as Ve, ak as _e, L as oe, d as Nt, al as yt } from "./index-C45DAO6w.js";
+import "@iota-uz/sdk/client-host";
+const vt = 5, wt = 7, xt = 21, kt = 10, et = ct(null);
+function me(e, t) {
+  const l = dt(et);
+  return yt(t, e ? l == null ? void 0 : l.get(e) : void 0);
+}
+function St(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 je(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 Ct(e, t) {
+  return typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), void 0, { numeric: !0, sensitivity: "base" });
+}
+function Ye({ direction: e }) {
+  return /* @__PURE__ */ h(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: `lens-table-sort${e ? ` lens-table-sort-${e}` : ""}`,
+      children: [
+        e === "ascending" && /* @__PURE__ */ n(De, { className: "lens-table-sort-up" }),
+        e === "descending" && /* @__PURE__ */ n(De, {}),
+        !e && /* @__PURE__ */ n(pt, { className: "lens-table-sort-neutral" })
+      ]
+    }
+  );
+}
+function K(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 tt({ column: e, format: t, value: l }) {
+  const r = me(e.name, t ?? St(e)), m = X();
+  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 Lt({ 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 Rt({ 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 Mt({
+  valueFormat: e,
+  value: t,
+  secondaryFormat: l,
+  secondaryValue: r,
+  stacked: m
+}) {
+  const s = oe(e), o = oe(l), p = X(), { 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 ? Nt(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 Je(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 at({
+  column: e,
+  frame: t,
+  row: l,
+  panel: r,
+  location: m,
+  max: s
+}) {
+  var E;
+  const o = de(e.action), p = X(), 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(Lt, { field: e.field, format: S, value: b, max: s });
+  else if (e.cell.kind === "underline")
+    u = /* @__PURE__ */ n(Rt, { 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(
+      Mt,
+      {
+        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(tt, { column: { name: e.field, type: R }, format: S, value: b });
+  const C = Je(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 ? gt(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(Ve, {}) })
+  ] }) : 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(Ve, {}) : /* @__PURE__ */ n(Ze, {}) })
+  ] }) : k ? F = /* @__PURE__ */ n("span", { className: "lens-table-cell-pill", children: u }) : F = u;
+  const V = Je(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 : vt;
+  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(_e, { 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(_e, { inline: !0, text: V }) })
+  ] }) : F;
+}
+function Ft(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 nt(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 = Ft(s, o.sorted);
+  return { backgroundColor: `color-mix(in srgb, var(--lens-accent-500) ${Math.round(wt + Math.max(0, Math.min(1, p)) * xt)}%, var(--lens-bg-card))` };
+}
+function It(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 = Ct(je(o.row[r], m.type), je(p.row[r], m.type));
+    return g === 0 ? o.index - p.index : g * s;
+  });
+}
+function Qe({ 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 = X();
+  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 zt({ panel: e }) {
+  var we, xe, ke, Se, Ce, Le, Re, Me, Fe, Ie, Pe, Te, We, Ae, $e, Ee, qe, ze;
+  const t = mt(e.id), { document: l, navigation: r } = He(), m = ht(), s = X(), [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(((we = t.page) == null ? void 0 : we.number) ?? 1), $ = ie(l.snapshotId), B = r.panelId === e.id && r.path.length ? ft(l, r.path) : void 0, E = !!((xe = l == null ? void 0 : l.endpoints) != null && xe.panel && ((ke = e.table) != null && ke.searchable)), N = ((Se = e.presentation) == null ? void 0 : Se.sortable) !== !1 && (!t.page || E), P = ee(() => t.data ? It(t.data, !E && N ? o : void 0) : [], [t.data, E, o, N]), q = ((Ce = t.page) == null ? void 0 : Ce.number) ?? 1, he = (Le = t.page) == null ? void 0 : Le.size, fe = $.current === l.snapshotId ? V : 1, lt = ((Re = t.page) == null ? void 0 : Re.hasNext) ?? !!(he && (((Me = t.data) == null ? void 0 : Me.rows.length) ?? 0) >= he);
+  re(() => {
+    const a = () => S(globalThis.location.href);
+    return globalThis.addEventListener("popstate", a), () => globalThis.removeEventListener("popstate", a);
+  }, []);
+  const Z = ee(() => new URL(b), [b]), L = (Fe = e.columns) != null && Fe.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 = bt(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, st] = G({}), ue = (Ie = e.presentation) == null ? void 0 : Ie.rowGroupField, Y = L && t.data && ue ? t.data.columns.findIndex((a) => a.name === ue) : -1, it = (a) => st((i) => ({ ...i, [a]: !i[a] })), rt = 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 ? ((Pe = t.data) == null ? void 0 : Pe.rows.length) ?? 0 : ((Te = t.data) == null ? void 0 : Te.rows.reduce((a, i) => {
+    const f = i[Y];
+    return typeof f == "string" && f.endsWith(":toggle") ? a : a + 1;
+  }, 0)) ?? 0;
+  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, (We = t.page) == null ? void 0 : We.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, (Ae = e.table) == null ? void 0 : Ae.searchable, g]);
+  const ge = (a) => {
+    U(a), m.loadPage(e.id, a);
+  }, Ne = (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" });
+  }, ye = (a) => N && (o == null ? void 0 : o.column) === a ? o.direction : void 0, ae = L ? L.length + (j ? 1 : 0) : ((($e = t.data) == null ? void 0 : $e.columns.length) ?? 0) + 1;
+  ot(() => {
+    const a = u.current;
+    if (!a) return;
+    let i;
+    const f = () => {
+      var Ue, Be;
+      const d = a.querySelector("thead th:first-child"), w = (d == null ? void 0 : d.offsetWidth) ?? 0, ne = Number.parseFloat(((Ue = a.parentElement) == null ? void 0 : Ue.style.getPropertyValue("--lens-table-sticky-width")) ?? "");
+      (Be = a.parentElement) == null || Be.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), H = 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 > H && (a.scrollLeft = H);
+      const Oe = a.scrollLeft > 1, Ge = a.scrollLeft < H - 1;
+      M((I) => I.left === Oe && I.right === Ge ? I : { left: Oe, right: Ge }), (!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 ve = (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, H) => x > 0 && (se === 0 || x !== H[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(ut, { panel: e, frame: t, allowEmptyContent: !!t.page, children: t.data && /* @__PURE__ */ n(et.Provider, { value: _.references, children: /* @__PURE__ */ h("div", { className: "lens-table-view", children: [
+    ((Ee = e.table) == null ? void 0 : Ee.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: K(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: () => Ne(a.field), children: [
+                            /* @__PURE__ */ n("span", { children: a.label }),
+                            /* @__PURE__ */ n(Ye, { direction: ye(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: () => Ne(a.name), children: [
+                          /* @__PURE__ */ n("span", { children: a.name }),
+                          /* @__PURE__ */ n(Ye, { direction: ye(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" })
+                ] }) : rt.map((a) => L ? a.kind === "toggle" ? /* @__PURE__ */ n(
+                  Pt,
+                  {
+                    columns: L,
+                    frame: t.data,
+                    row: a.row,
+                    panel: e,
+                    location: Z,
+                    columnMaxima: _.maxima,
+                    columnRanges: _.ranges,
+                    expanded: a.expanded,
+                    onToggle: () => it(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${K(i, t.data) ? " lens-table-col-right" : ""}`,
+                      style: {
+                        ...i.widthPx ? { minWidth: `${i.widthPx}px` } : {},
+                        ...nt(i, t.data, a.row, _.ranges)
+                      },
+                      children: /* @__PURE__ */ n(
+                        at,
+                        {
+                          column: i,
+                          frame: t.data,
+                          row: a.row,
+                          panel: e,
+                          location: Z,
+                          max: _.maxima.get(i.field) ?? 0
+                        }
+                      )
+                    },
+                    i.field || `column-${f}`
+                  )),
+                  j && /* @__PURE__ */ n("td", { className: "lens-table-action-cell", children: /* @__PURE__ */ n(
+                    Tt,
+                    {
+                      frame: t.data,
+                      row: a.row,
+                      panel: e,
+                      location: Z,
+                      level: B,
+                      label: s("table.openRecord", "Open record")
+                    }
+                  ) }),
+                  k && /* @__PURE__ */ n("td", { "aria-hidden": "true", className: "lens-table-scroll-spacer" })
+                ] }, a.index) : /* @__PURE__ */ n(
+                  Wt,
+                  {
+                    frame: t.data,
+                    row: a.row,
+                    index: a.index,
+                    panel: e,
+                    location: Z,
+                    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${K(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(Qe, { 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${K(a, t.data) ? " lens-table-col-right" : ""}`, children: i === 0 ? s("table.allRowsTotal", "All rows total") : a.total === !0 ? /* @__PURE__ */ n(Qe, { 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: () => ve(-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: () => ve(1),
+              type: "button"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ h("footer", { className: "lens-table-footer", children: [
+      /* @__PURE__ */ n("span", { className: "lens-table-footer-notes", children: (((qe = t.summary) == null ? void 0 : qe.filteredRows) ?? pe) > kt && /* @__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: ((ze = t.summary) == null ? void 0 : ze.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: () => ge(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 || !lt, onClick: () => ge(q + 1), type: "button", children: s("table.next", "Next") })
+          ]
+        }
+      )
+    ] })
+  ] }) }) });
+}
+function Pt({
+  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${K(b, t) ? " lens-table-col-right" : ""}`,
+          style: {
+            ...b.widthPx ? { minWidth: `${b.widthPx}px` } : {},
+            ...nt(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(Ze, {}) }),
+            /* @__PURE__ */ n("span", { children: M })
+          ] }) : /* @__PURE__ */ n(
+            at,
+            {
+              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 Tt({
+  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 Wt({
+  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(tt, { 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 {
+  zt as TablePanel,
+  Ft as heatRank
+};