@iota-uz/sdk 0.4.44 → 0.5.0

package/dist/lens/CascadePanel-DqOZFdR-.js

@@ -0,0 +1,512 @@
+import { jsx as o, jsxs as w, Fragment as Y } from "react/jsx-runtime";
+import { useState as B, useRef as P, useEffect as W, useCallback as A, useLayoutEffect as q } from "react";
+import { u as j, U as K, V as X, X as Z, Y as J, Z as Q, _ as tt, o as et, $ as L, L as R, M as at, a0 as nt, I as lt, H as ot, z as st, P as rt, a1 as S, a2 as V } from "./index-C45DAO6w.js";
+import "@iota-uz/sdk/client-host";
+import { createPortal as it } from "react-dom";
+function _({ raw: t }) {
+  const a = j(), [n, i] = B(!1), u = P();
+  W(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []);
+  const c = n ? a("explore.copied", "Copied") : a("explore.copyValue", "Copy value");
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      "aria-label": c,
+      className: "lens-icon-button lens-tooltip-copy",
+      "data-copied": n ? "true" : void 0,
+      onClick: (s) => {
+        s.stopPropagation(), Z(t), i(!0), u.current && clearTimeout(u.current), u.current = setTimeout(() => i(!1), 1500);
+      },
+      title: c,
+      type: "button",
+      children: n ? /* @__PURE__ */ o(K, {}) : /* @__PURE__ */ o(X, {})
+    }
+  );
+}
+const O = 8, z = 8;
+function ct(t, a, n) {
+  const i = Math.max(z, n.width - a.width - z), u = Math.min(Math.max(t.left + t.width / 2 - a.width / 2, z), i), c = t.top - a.height - O, s = c >= z;
+  return {
+    left: Math.round(u),
+    top: Math.round(s ? c : t.bottom + O),
+    side: s ? "above" : "below"
+  };
+}
+function dt({ anchor: t, open: a, item: n, actionHint: i, onMouseEnter: u, onMouseLeave: c }) {
+  const s = tt(a, t, "lens-waterfall-tip-overlay-root"), M = P(null), [l, f] = B(), p = A(() => {
+    var N, k, e, x;
+    const m = (N = t.current) == null ? void 0 : N.getBoundingClientRect(), y = (k = M.current) == null ? void 0 : k.getBoundingClientRect();
+    if (!m || !y) return;
+    const v = (x = (e = t.current) == null ? void 0 : e.closest(".lens-waterfall-bar")) == null ? void 0 : x.querySelector("strong"), T = Math.min(m.top, (v == null ? void 0 : v.getBoundingClientRect().top) ?? m.top), I = ct(
+      { left: m.left, width: m.width, top: T, bottom: m.bottom },
+      y,
+      { width: globalThis.innerWidth || 1024 }
+    );
+    f((r) => (r == null ? void 0 : r.left) === I.left && r.top === I.top && r.side === I.side ? r : I);
+  }, [t]);
+  if (q(() => {
+    s && p();
+  }, [s, p]), W(() => {
+    a || f(void 0);
+  }, [a]), W(() => {
+    if (s)
+      return globalThis.addEventListener("resize", p), globalThis.addEventListener("scroll", p, !0), () => {
+        globalThis.removeEventListener("resize", p), globalThis.removeEventListener("scroll", p, !0);
+      };
+  }, [s, p]), !a || !s) return null;
+  const d = n.exactValue ?? n.formattedValue, b = n.exactSplit ?? n.formattedSplit;
+  return it(
+    /* @__PURE__ */ w(
+      "span",
+      {
+        className: "lens-waterfall-tip",
+        "data-side": (l == null ? void 0 : l.side) ?? "above",
+        onMouseEnter: u,
+        onMouseLeave: c,
+        ref: M,
+        role: "tooltip",
+        style: {
+          left: (l == null ? void 0 : l.left) ?? 0,
+          top: (l == null ? void 0 : l.top) ?? 0,
+          visibility: l ? "visible" : "hidden"
+        },
+        children: [
+          /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "lens-waterfall-tip-tail" }),
+          /* @__PURE__ */ o("span", { className: "lens-waterfall-tip-head", children: n.label }),
+          /* @__PURE__ */ w("span", { className: "lens-waterfall-tip-amount", children: [
+            /* @__PURE__ */ o("strong", { children: d }),
+            n.rawValue !== void 0 && /* @__PURE__ */ o(_, { raw: n.rawValue })
+          ] }),
+          b !== void 0 && /* @__PURE__ */ w(Y, { children: [
+            n.splitLabel && /* @__PURE__ */ o("span", { className: "lens-waterfall-tip-label", children: n.splitLabel }),
+            /* @__PURE__ */ w("span", { className: "lens-waterfall-tip-amount", "data-split": "true", children: [
+              /* @__PURE__ */ o("strong", { children: b }),
+              n.rawSplit !== void 0 && /* @__PURE__ */ o(_, { raw: n.rawSplit })
+            ] })
+          ] }),
+          i && /* @__PURE__ */ o("span", { className: "lens-waterfall-tip-foot", children: i })
+        ]
+      }
+    ),
+    s
+  );
+}
+function ut({ item: t, index: a, count: n, chrome: i, splitCallout: u, actionHint: c }) {
+  const [s, M] = B(!1), l = P(null), f = P(null), p = J(f), d = P(), b = () => {
+    d.current && clearTimeout(d.current), M(!0);
+  }, m = () => {
+    d.current && clearTimeout(d.current), d.current = setTimeout(() => M(!1), Q);
+  };
+  W(() => () => {
+    d.current && clearTimeout(d.current);
+  }, []);
+  const y = a * 2 >= n ? "start" : "end", v = `${t.splitLabel ? `${t.splitLabel} ` : ""}${t.formattedSplit ?? ""}`;
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      className: "lens-waterfall-column",
+      onBlur: m,
+      onFocus: b,
+      onMouseEnter: b,
+      onMouseLeave: m,
+      ...i,
+      children: [
+        /* @__PURE__ */ w("div", { className: "lens-waterfall-column-plot", children: [
+          t.underlayHeight !== void 0 && /* @__PURE__ */ o(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "lens-waterfall-underlay",
+              style: {
+                top: `${t.top + t.height}%`,
+                height: `${t.underlayHeight}%`
+              }
+            }
+          ),
+          a < n - 1 && /* @__PURE__ */ o(
+            "span",
+            {
+              className: "lens-waterfall-connector",
+              style: { top: `${t.connectorTop}%` }
+            }
+          ),
+          /* @__PURE__ */ w(
+            "div",
+            {
+              className: "lens-waterfall-bar",
+              ref: l,
+              "data-checkpoint": t.checkpoint,
+              "data-kind": t.kind,
+              "data-label-row": a % 2,
+              "data-no-movement": t.noMovement,
+              "data-terminal": !i || void 0,
+              "data-tone": t.tone,
+              style: {
+                top: `${t.top}%`,
+                height: `${t.height}%`
+              },
+              children: [
+                /* @__PURE__ */ o("strong", { children: t.formattedValue }),
+                t.splitHeight !== void 0 && /* @__PURE__ */ o(
+                  "span",
+                  {
+                    className: "lens-waterfall-bar-split",
+                    style: { height: `${t.splitHeight}%` },
+                    children: u === "hover" ? /* @__PURE__ */ o("span", { className: "lens-sr-only", children: v }) : /* @__PURE__ */ o(
+                      "span",
+                      {
+                        className: "lens-waterfall-split-callout",
+                        "data-reveal": "always",
+                        "data-side": y,
+                        children: v
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          u === "hover" && /* @__PURE__ */ o(
+            dt,
+            {
+              actionHint: i ? c : void 0,
+              anchor: l,
+              item: t,
+              onMouseEnter: b,
+              onMouseLeave: m,
+              open: s
+            }
+          )
+        ] }),
+        /* @__PURE__ */ w("span", { className: "lens-waterfall-label", children: [
+          /* @__PURE__ */ o("span", { ref: f, title: p ? t.label : void 0, children: t.label }),
+          t.annotation && /* @__PURE__ */ o("small", { className: "lens-waterfall-annotation", children: t.annotation })
+        ] })
+      ]
+    }
+  );
+}
+function ft({
+  model: t,
+  label: a,
+  interaction: n,
+  role: i = "img",
+  splitCallout: u = "hover",
+  axisUnit: c,
+  actionHint: s,
+  children: M
+}) {
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      "aria-label": a,
+      className: "lens-waterfall",
+      "data-lens-waterfall": !0,
+      role: i,
+      style: {
+        "--lens-waterfall-count": t.items.length,
+        "--lens-waterfall-zero": `${t.zero}%`
+      },
+      children: [
+        /* @__PURE__ */ w("div", { className: "lens-waterfall-chart", children: [
+          /* @__PURE__ */ w("div", { className: "lens-waterfall-axis", "aria-hidden": "true", children: [
+            c && /* @__PURE__ */ o("span", { className: "lens-waterfall-axis-unit", children: c }),
+            t.ticks.map((l) => /* @__PURE__ */ o("span", { style: { top: `${l.top}%` }, children: l.label }, l.value))
+          ] }),
+          /* @__PURE__ */ w("div", { "aria-hidden": "true", className: "lens-waterfall-rules", children: [
+            t.ticks.map((l) => /* @__PURE__ */ o(
+              "span",
+              {
+                className: "lens-waterfall-gridline",
+                style: { top: `${l.top}%` }
+              },
+              `grid-${l.value}`
+            )),
+            /* @__PURE__ */ o("div", { className: "lens-waterfall-zero" })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "lens-waterfall-plot", children: t.items.map((l, f) => /* @__PURE__ */ o(
+            ut,
+            {
+              actionHint: s,
+              chrome: n == null ? void 0 : n(l, f),
+              count: t.items.length,
+              index: f,
+              item: l,
+              splitCallout: u
+            },
+            `${l.label}-${f}`
+          )) })
+        ] }),
+        M
+      ]
+    }
+  );
+}
+const pt = 2;
+function H(t) {
+  if (typeof t == "number" && Number.isFinite(t)) return t;
+  if (typeof t == "string" && t.trim()) {
+    const a = Number(t);
+    if (Number.isFinite(a)) return a;
+  }
+  return 0;
+}
+function ht(t) {
+  return typeof t == "boolean" ? t : typeof t == "number" ? t !== 0 : typeof t == "string" && t.trim().toLowerCase() === "true";
+}
+const bt = /* @__PURE__ */ new Set([
+  "neutral",
+  "positive",
+  "negative",
+  "inflow"
+]);
+function mt(t) {
+  return typeof t == "string" && bt.has(t) ? t : void 0;
+}
+function vt(t, a) {
+  return t > 0 ? `−${a(t)}` : t < 0 ? `+${a(-t)}` : a(0);
+}
+function wt(t, a) {
+  return t > 0 ? `+${a(t)}` : t < 0 ? `−${a(-t)}` : a(0);
+}
+function gt(t, a) {
+  const n = a(Math.abs(t));
+  if (n !== void 0)
+    return t === 0 ? n : `${t > 0 ? "+" : "−"}${n}`;
+}
+function D(t, a, n, i) {
+  const u = L(t, "label") ?? "label", c = L(t, "value") ?? "value", s = L(t, "cut") ?? "cut", M = L(t, "cutLabel") ?? "cutLabel", l = L(t, "final") ?? "final", f = L(t, "annotation"), p = L(t, "tone"), d = L(t, "split"), b = L(t, "splitLabel"), m = S(a, u), y = S(a, c), v = S(a, s), T = S(a, M), I = S(a, l), N = S(a, f), k = S(a, p), e = S(a, d), x = S(a, b), r = Math.max(1, ...a.rows.map((h) => Math.max(0, H(h[y]))));
+  return a.rows.map((h, g) => {
+    const C = H(h[y]), $ = H(h[v]), F = C > 0 ? Math.min(100, C / r * 100) : 0;
+    return {
+      label: V(h[m], `Stage ${g + 1}`),
+      value: C,
+      formattedValue: n(C),
+      cut: $,
+      formattedCut: vt($, i),
+      cutLabel: V(h[T], ""),
+      final: ht(h[I]),
+      annotation: N >= 0 ? V(h[N], "") : "",
+      tone: k >= 0 ? mt(h[k]) : void 0,
+      split: e >= 0 ? H(h[e]) : 0,
+      splitLabel: x >= 0 ? V(h[x], "") : "",
+      width: F > 0 ? Math.max(pt, F) : 0,
+      rowIndex: g
+    };
+  });
+}
+function xt(t) {
+  if (!Number.isFinite(t) || t <= 0) return 1;
+  const a = 10 ** Math.floor(Math.log10(t)), n = t / a;
+  return n <= 1 ? a : n <= 2 ? 2 * a : n <= 5 ? 5 * a : 10 * a;
+}
+const Mt = [1, 1.5, 2, 2.5, 3, 4, 5, 7.5];
+function U(t, a) {
+  const n = Math.max(1, a - t), i = xt(n / 3);
+  let u, c = Number.POSITIVE_INFINITY;
+  for (let s = 10 ** Math.floor(Math.log10(n / 7)); s <= n; s *= 10)
+    for (const M of Mt) {
+      const l = M * s;
+      if (!Number.isFinite(l) || l <= 0) continue;
+      const f = a > 0 ? Math.ceil(a / l) * l : 0, p = t < 0 ? Math.floor(t / l) * l : 0, d = Math.round((f - p) / l);
+      if (d < 2 || d > 7) continue;
+      const b = f - p;
+      (b < c || b === c && l > (u ?? 0)) && (c = b, u = l);
+    }
+  return u ?? i;
+}
+function G(t, a, n = a, { formatExact: i = () => {
+}, rawValue: u = () => {
+} } = {}) {
+  var k;
+  const c = t[0];
+  if (!c) return { items: [], ticks: [], zero: 100 };
+  const s = [{
+    label: c.label,
+    from: 0,
+    to: c.value,
+    value: c.value,
+    kind: "start",
+    tone: c.tone,
+    annotation: c.annotation,
+    // An opening total is not a movement, so it has no part-of-a-movement to
+    // band off. Only the deduction/addition bars carry a split.
+    split: 0,
+    splitLabel: "",
+    rowIndex: c.rowIndex
+  }], l = Math.max(...t.map((e) => Math.abs(e.value)), 1) * 1e-6;
+  for (let e = 1; e < t.length; e += 1) {
+    const x = t[e - 1], r = t[e];
+    if (!x || !r) continue;
+    const h = x.value, g = r.value, C = g - h;
+    if (r.final && Math.abs(C) < l) {
+      s.push({
+        label: r.label,
+        from: 0,
+        to: g,
+        value: g,
+        kind: "end",
+        tone: r.tone,
+        annotation: r.annotation,
+        split: 0,
+        splitLabel: "",
+        rowIndex: r.rowIndex
+      });
+      continue;
+    }
+    s.push({
+      label: r.cutLabel || r.label,
+      from: h,
+      to: g,
+      value: C,
+      kind: C < 0 ? "decrease" : "increase",
+      tone: r.tone,
+      annotation: r.annotation,
+      split: r.split,
+      splitLabel: r.splitLabel,
+      rowIndex: r.rowIndex
+    });
+  }
+  if (t.length > 1 && ((k = s.at(-1)) == null ? void 0 : k.kind) !== "end") {
+    const e = t.at(-1);
+    e && s.push({
+      label: e.label,
+      from: 0,
+      to: e.value,
+      value: e.value,
+      kind: "end",
+      tone: e.tone,
+      annotation: e.annotation,
+      split: 0,
+      splitLabel: ""
+    });
+  }
+  let f = 0, p = 0;
+  s.forEach((e) => {
+    f = Math.min(f, e.from, e.to), p = Math.max(p, e.from, e.to);
+  });
+  const d = U(f, p), b = f < 0 ? Math.floor(f / d) * d : 0, m = Math.max(d, Math.ceil(p / d) * d), y = Math.max(1, m - b), v = (e) => Math.max(0, Math.min(100, (m - e) / y * 100)), T = v(0), I = s.map((e, x) => {
+    const r = v(Math.max(e.from, e.to)), h = v(Math.min(e.from, e.to)), g = e.kind !== "start" && e.kind !== "end" && e.value === 0, C = g ? 0 : Math.max(1.5, h - r), $ = Math.abs(e.split), F = Math.abs(e.value), E = $ > l && $ < F - l;
+    return {
+      label: e.label,
+      value: e.value,
+      formattedValue: e.kind === "start" || e.kind === "end" ? a(e.value) : wt(e.value, a),
+      exactValue: e.kind === "start" || e.kind === "end" ? i(e.value) : gt(e.value, i),
+      rawValue: u(e.value),
+      top: r,
+      height: C,
+      // Share of the bar, not of the plot: the band is painted inside the bar,
+      // so its percentage resolves against the bar's own box. Scaling by the
+      // bar's plot height too shrank every band by that height again — a 24.5%
+      // share of a bar 18% tall drew as 4.5% of it.
+      splitHeight: E ? 100 * ($ / F) : void 0,
+      formattedSplit: E ? a($) : void 0,
+      exactSplit: E ? i($) : void 0,
+      rawSplit: E ? u($) : void 0,
+      splitLabel: E ? e.splitLabel : void 0,
+      // Only a floating bar leaves a balance under it; the totals stand on zero
+      // already. A bar dipping below zero leaves nothing, hence the clamp.
+      underlayHeight: e.kind === "start" || e.kind === "end" ? void 0 : Math.max(0, T - h) || void 0,
+      connectorTop: v(e.to),
+      zero: T,
+      kind: e.kind,
+      checkpoint: e.kind === "end" && x < s.length - 1 ? !0 : void 0,
+      noMovement: g || void 0,
+      tone: e.tone,
+      annotation: e.annotation,
+      rowIndex: e.rowIndex
+    };
+  }), N = [];
+  for (let e = b; e <= m + d / 10; e += d)
+    N.push({ value: e, label: n(e), top: v(e) });
+  return { items: I, ticks: N, zero: v(0) };
+}
+function yt({ panel: t }) {
+  var N, k;
+  const a = et(t.id), n = j(), i = L(t, "value") ?? "value", u = L(t, "cut") ?? "cut", c = R(t.format[i]), s = R(t.format[u] ?? t.format[i]), M = at(t.format[i]), l = nt(t.format[i]), f = A(
+    (e) => lt(e, t.format[i]),
+    [t.format, i]
+  ), p = ot(t.format[i]), d = a.data ? D(t, a.data, c, s) : [], b = ((N = t.presentation) == null ? void 0 : N.bridgeLayout) === "waterfall" ? G(d, c, M, { formatExact: l, rawValue: f }) : { items: [], ticks: [], zero: 100 }, m = b.items.some((e) => e.checkpoint), y = st(t), v = (e) => {
+    if (!(e === void 0 || !y.action || !a.data))
+      return y.urlForRow(a.data, a.data.rows[e]);
+  }, T = (e, x) => {
+    const r = v(e);
+    if (!r) return;
+    const h = (g) => {
+      y.activate(r, g.currentTarget);
+    };
+    return {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": n("cascade.openStage", "Open {name}", { name: x }),
+      onClick: h,
+      onKeyDown: (g) => {
+        g.key !== "Enter" && g.key !== " " || (g.preventDefault(), h(g));
+      }
+    };
+  }, I = !!y.action && d.some((e) => v(e.rowIndex) !== void 0);
+  return /* @__PURE__ */ o(rt, { panel: t, frame: a, children: ((k = t.presentation) == null ? void 0 : k.bridgeLayout) === "waterfall" ? /* @__PURE__ */ o(
+    ft,
+    {
+      actionHint: n("chart.drillHint", "Select to explore"),
+      axisUnit: p,
+      interaction: (e) => T(e.rowIndex, e.label),
+      label: n("cascade.stages", "{name} stages", { name: t.title }),
+      model: b,
+      role: I ? "group" : "img",
+      children: m && /* @__PURE__ */ w("p", { className: "lens-waterfall-key", children: [
+        /* @__PURE__ */ o("span", { className: "lens-waterfall-key-item", "data-mark": "checkpoint", children: n("cascade.checkpoint", "Interim total") }),
+        /* @__PURE__ */ o("span", { className: "lens-waterfall-key-item", "data-mark": "result", children: n("cascade.result", "Closing total") })
+      ] })
+    }
+  ) : /* @__PURE__ */ o(
+    "div",
+    {
+      "aria-label": n("cascade.stages", "{name} stages", { name: t.title }),
+      className: "lens-cascade",
+      role: "list",
+      children: d.map((e, x) => {
+        const r = T(e.rowIndex, e.label);
+        return /* @__PURE__ */ w("div", { className: "lens-cascade-step", role: "listitem", children: [
+          x > 0 && e.cutLabel && /* @__PURE__ */ w("div", { className: "lens-cascade-connector", children: [
+            /* @__PURE__ */ o("span", { children: e.cutLabel }),
+            /* @__PURE__ */ o("strong", { "data-direction": e.cut > 0 ? "down" : e.cut < 0 ? "up" : "flat", children: e.formattedCut })
+          ] }),
+          /* @__PURE__ */ w(
+            "div",
+            {
+              className: `lens-cascade-stage${e.final ? " lens-cascade-stage-final" : ""}`,
+              "data-final": e.final || void 0,
+              "data-tone": e.tone,
+              ...r,
+              children: [
+                /* @__PURE__ */ w("div", { className: "lens-cascade-stage-label", children: [
+                  /* @__PURE__ */ w("span", { className: "lens-cascade-stage-title", children: [
+                    /* @__PURE__ */ o("span", { children: e.label }),
+                    e.annotation && /* @__PURE__ */ o("small", { className: "lens-cascade-stage-annotation", children: e.annotation })
+                  ] }),
+                  /* @__PURE__ */ o("strong", { "data-negative": e.value < 0 || void 0, children: e.formattedValue })
+                ] }),
+                /* @__PURE__ */ o("div", { className: "lens-cascade-track", "aria-hidden": "true", children: /* @__PURE__ */ o("span", { style: { width: `${e.width}%` } }) })
+              ]
+            }
+          )
+        ] }, `${e.label}-${x}`);
+      })
+    }
+  ) });
+}
+const Tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CascadePanel: yt,
+  buildCascadeStages: D,
+  buildWaterfallModel: G,
+  waterfallAxisStep: U
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Tt as C,
+  ft as W,
+  D as a,
+  G as b
+};

package/dist/lens/ChartDataEquivalent-BFDdHoQn.js

@@ -0,0 +1,52 @@
+import { jsx as f } from "react/jsx-runtime";
+import { r as g, f as b } from "./keys-DenV5HsJ.js";
+function y(n) {
+  return typeof n == "string" || typeof n == "number" || typeof n == "boolean" || typeof n == "bigint" ? String(n) : "";
+}
+function h(n, i, s) {
+  var o;
+  const a = n.rows[s];
+  if (!a) return;
+  const t = (c) => {
+    const e = n.columns.findIndex(({ name: u }) => u === c);
+    return e >= 0 ? y(a[e]) : "";
+  }, l = t(i.encoding.id), d = t(i.encoding.category) || t(i.encoding.label), r = t(i.encoding.series);
+  return ((o = i.radial) == null ? void 0 : o.mode) === "partition" ? g(r, l || d) : l || b(d, r);
+}
+function k(n, i, s, a) {
+  const t = n.rows[a];
+  return t ? [
+    { field: [i.encoding.category, i.encoding.label].find((r) => !!r && n.columns.some(({ name: o }) => o === r)), formatted: !1 },
+    { field: i.encoding.series, formatted: !1 },
+    { field: i.encoding.value, formatted: !0 }
+  ].filter((r) => !!r.field).flatMap(({ field: r, formatted: o }) => {
+    const c = n.columns.findIndex(({ name: u }) => u === r);
+    if (c < 0) return [];
+    const e = o || i.format[r] ? s(r, t[c]) : y(t[c]);
+    return e ? [e] : [];
+  }).join(", ") : "";
+}
+function C({ actionable: n, format: i, frame: s, label: a, onHover: t, onSelect: l, panel: d, translate: r }) {
+  return /* @__PURE__ */ f("div", { "aria-label": a, className: "lens-chart-keyboard-actions", role: "list", children: s.rows.map((o, c) => {
+    const e = h(s, d, c), u = k(s, d, i, c) || String(e ?? c + 1);
+    return /* @__PURE__ */ f("div", { role: "listitem", children: n && e !== void 0 ? /* @__PURE__ */ f(
+      "button",
+      {
+        onBlur: () => t == null ? void 0 : t(null),
+        onClick: () => l(e),
+        onFocus: () => t == null ? void 0 : t(e),
+        onKeyDown: (m) => {
+          m.key !== "Enter" && m.key !== " " || (m.preventDefault(), l(e));
+        },
+        onPointerEnter: () => t == null ? void 0 : t(e),
+        onPointerLeave: () => t == null ? void 0 : t(null),
+        type: "button",
+        children: r("chart.openMark", "Open {name}", { name: u })
+      }
+    ) : /* @__PURE__ */ f("span", { className: "lens-sr-only", children: u }) }, `${String(e)}-${c}`);
+  }) });
+}
+export {
+  C,
+  h as c
+};

package/dist/lens/ChartHost-Bl2lxIqU.js

@@ -0,0 +1,68 @@
+import { jsxs as C, jsx as v } from "react/jsx-runtime";
+import { useRef as i, useState as H, useCallback as S, useEffect as p } from "react";
+import { u as $ } from "./index-C45DAO6w.js";
+import "@iota-uz/sdk/client-host";
+function U({ input: o, panelId: E, onSelect: N, onHover: R, adapter: u, label: j, drillable: b = !1, resetZoomKey: g = 0 }) {
+  const d = i(null), t = i(), h = i(o), f = i({ onSelect: N, onHover: R }), [m, c] = H(), w = $();
+  h.current = o, f.current = { onSelect: N, onHover: R };
+  const s = S((e, a) => {
+    const r = e instanceof Error ? e : new Error(a);
+    return console.error(`[lens] chart panel ${E ?? "(unknown)"} failed to render`, r), r;
+  }, [E]);
+  return p(() => {
+    let e = !0;
+    const a = {
+      onSelect: (r, n, l) => {
+        var k, x;
+        return (x = (k = f.current).onSelect) == null ? void 0 : x.call(k, r, n, l);
+      },
+      onHover: (r) => {
+        var n, l;
+        return (l = (n = f.current).onHover) == null ? void 0 : l.call(n, r);
+      }
+    };
+    return (u ? Promise.resolve(u) : import("./index-CspKnSQn.js").then(({ getChartAdapter: r }) => r(h.current.kind))).then((r) => {
+      if (!(!e || !d.current)) {
+        c(void 0);
+        try {
+          t.current = r.mount(d.current, h.current, a);
+        } catch (n) {
+          c(s(n, "chart failed to render"));
+        }
+      }
+    }).catch((r) => {
+      e && c(s(r, "chart adapter failed to load"));
+    }), () => {
+      var r;
+      e = !1, (r = t.current) == null || r.dispose(), t.current = void 0;
+    };
+  }, [u, s]), p(() => {
+    if (t.current)
+      try {
+        t.current.update(o);
+      } catch (e) {
+        c(s(e, "chart failed to update"));
+      }
+  }, [o, s]), p(() => {
+    var e, a;
+    g > 0 && ((a = (e = t.current) == null ? void 0 : e.resetZoom) == null || a.call(e));
+  }, [g]), /* @__PURE__ */ C(
+    "div",
+    {
+      className: `lens-chart-host${b ? " lens-chart-host-drillable" : ""}`,
+      "aria-label": j,
+      role: "img",
+      "data-drillable": b || void 0,
+      children: [
+        /* @__PURE__ */ v("div", { ref: d, className: "lens-chart-canvas" }),
+        m && /* @__PURE__ */ C("div", { className: "lens-chart-load-error", role: "alert", children: [
+          /* @__PURE__ */ v("span", { className: "lens-chart-load-error-message", children: w("chart.error", "Unable to render chart.") }),
+          m.message && /* @__PURE__ */ v("span", { className: "lens-chart-load-error-detail", children: m.message })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  U as C
+};