drizzle-cube 0.1.21 → 0.1.24

package/dist/client/chunks/charts-Dx3asDBi.js

@@ -0,0 +1,2269 @@
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { useState as G } from "react";
+import { ResponsiveContainer as ze, Tooltip as ut, BarChart as ft, CartesianGrid as he, XAxis as ye, YAxis as pe, Legend as _, Bar as mt, Cell as ke, LineChart as xt, Line as ht, AreaChart as yt, Area as pt, PieChart as vt, Pie as gt, ScatterChart as bt, Scatter as Re, RadarChart as wt, PolarGrid as Nt, PolarAngleAxis as At, PolarRadiusAxis as St, Radar as Mt, RadialBarChart as kt, RadialBar as $t, Treemap as Lt } from "recharts";
+import { u as K } from "./providers-B7MVnAAt.js";
+function U({ children: e, height: t = "100%" }) {
+  try {
+    if (t === "100%")
+      return /* @__PURE__ */ i("div", { className: "w-full h-full flex-1 flex flex-col relative", style: { minHeight: "250px", overflow: "hidden" }, children: /* @__PURE__ */ i(ze, { width: "100%", height: "100%", debounce: 50, style: { marginTop: "16px" }, children: e }) });
+    const r = {
+      height: typeof t == "number" ? `${t}px` : t,
+      width: "100%",
+      minHeight: "200px"
+    };
+    return /* @__PURE__ */ i("div", { className: "w-full flex flex-col relative", style: { ...r, overflow: "hidden" }, children: /* @__PURE__ */ i(ze, { width: "100%", height: "100%", debounce: 50, style: { marginTop: "16px" }, children: e }) });
+  } catch (r) {
+    return console.error("ChartContainer ResponsiveContainer error:", r), /* @__PURE__ */ g(
+      "div",
+      {
+        className: "flex flex-col items-center justify-center w-full h-full p-4 text-center border-2 border-dashed border-yellow-300 rounded-lg bg-yellow-50",
+        style: { height: t },
+        children: [
+          /* @__PURE__ */ i("div", { className: "text-sm font-semibold text-yellow-600 mb-1", children: "Chart Container Error" }),
+          /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: r instanceof Error ? r.message : "Failed to create responsive container" })
+        ]
+      }
+    );
+  }
+}
+function V({ formatter: e, labelFormatter: t }) {
+  return /* @__PURE__ */ i(
+    ut,
+    {
+      formatter: e,
+      labelFormatter: t,
+      contentStyle: {
+        backgroundColor: "white",
+        border: "1px solid #e5e7eb",
+        borderRadius: "0.5rem",
+        fontSize: "0.875rem",
+        color: "#1f2937",
+        boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+        padding: "8px 12px"
+      }
+    }
+  );
+}
+const T = [
+  "#3b82f6",
+  // blue
+  "#10b981",
+  // green
+  "#f59e0b",
+  // yellow
+  "#ef4444",
+  // red
+  "#8b5cf6",
+  // purple
+  "#f97316",
+  // orange
+  "#06b6d4",
+  // cyan
+  "#84cc16"
+  // lime
+], se = [
+  "#440154",
+  // dark purple
+  "#414487",
+  // purple-blue
+  "#2a788e",
+  // teal
+  "#22a884",
+  // green-teal  
+  "#7ad151",
+  // green
+  "#fde725"
+  // yellow
+], De = "#10b981", Tt = "#ef4444", ve = {
+  top: 5,
+  right: 30,
+  left: 20,
+  bottom: 5
+};
+function we(e, t) {
+  return t[e] || e;
+}
+function D(e, t) {
+  if (!e) return String(e || "Unknown");
+  const r = String(e);
+  if (r.match(/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}/)) {
+    let n = r;
+    r.includes(" ") && (n = r.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !n.endsWith("Z") && !n.includes("+") && (n = n + "Z");
+    const s = new Date(n);
+    if (isNaN(s.getTime()))
+      return r;
+    const a = s.getUTCFullYear(), l = String(s.getUTCMonth() + 1).padStart(2, "0"), c = String(s.getUTCDate()).padStart(2, "0"), d = s.getUTCHours(), o = s.getUTCMinutes();
+    if (t)
+      switch (t.toLowerCase()) {
+        case "year":
+          return `${a}`;
+        case "quarter":
+          const m = Math.floor(s.getUTCMonth() / 3) + 1;
+          return `${a}-Q${m}`;
+        case "month":
+          return `${a}-${l}`;
+        case "week":
+          return `${a}-${l}-${c}`;
+        case "day":
+          return `${a}-${l}-${c}`;
+        case "hour":
+          return `${a}-${l}-${c} ${String(d).padStart(2, "0")}:00`;
+        case "minute":
+          return `${a}-${l}-${c} ${String(d).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
+      }
+    const u = s.getUTCSeconds(), f = s.getUTCMilliseconds();
+    if (c === "01" && d === 0 && o === 0 && u === 0 && f === 0) {
+      if (l === "01" || l === "04" || l === "07" || l === "10") {
+        const m = Math.floor(s.getUTCMonth() / 3) + 1;
+        return `${a}-Q${m}`;
+      }
+      return `${a}-${l}`;
+    }
+    return d === 0 && o === 0 && u === 0 && f === 0 ? `${a}-${l}-${c}` : o === 0 && u === 0 && f === 0 ? `${a}-${l}-${c} ${String(d).padStart(2, "0")}:00` : `${a}-${l}-${c} ${String(d).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
+  }
+  return r;
+}
+function O(e, t) {
+  try {
+    if (e != null && e.timeDimensions) {
+      const n = e.timeDimensions.find((s) => t === s.dimension || t.startsWith(s.dimension.replace(".", "_")) || t === `${s.dimension}_${s.granularity}`);
+      if (n != null && n.granularity)
+        return n.granularity;
+    }
+    const r = t.match(/_([a-z]+)$/);
+    if (r) {
+      const n = r[1];
+      if (["year", "quarter", "month", "week", "day", "hour", "minute", "second"].includes(n))
+        return n;
+    }
+    return;
+  } catch {
+    return;
+  }
+}
+function Ft(e, t, r, n, s = {}) {
+  if (!e || e.length === 0) return [];
+  const a = O(n, t);
+  return e.map((l) => {
+    const c = {
+      name: D(l[t], a) || l[t] || "Unknown"
+    };
+    return r.forEach((d) => {
+      const o = we(d, s);
+      c[o] = typeof l[d] == "string" ? parseFloat(l[d]) : l[d] || 0;
+    }), c;
+  });
+}
+function C(e, t, r, n, s, a = {}) {
+  var N;
+  if (!e || e.length === 0)
+    return { data: [], seriesKeys: [], hasDimensions: !1 };
+  const l = n || {}, c = [
+    ...l.dimensions || [],
+    ...((N = l.timeDimensions) == null ? void 0 : N.map((x) => x.dimension)) || []
+  ], d = l.measures || [], o = r.filter((x) => d.includes(x)), u = (s || []).filter((x) => c.includes(x));
+  if (u.length > 0) {
+    const x = {};
+    e.forEach((S) => {
+      const $ = O(n, t), h = D(S[t], $) || S[t] || "Unknown";
+      x[h] || (x[h] = { name: String(h) }), o.forEach((y) => {
+        const b = we(y, a);
+        x[h][b] = (x[h][b] || 0) + (typeof S[y] == "string" ? parseFloat(S[y]) : S[y] || 0);
+      }), u.forEach((y) => {
+        const b = S[y];
+        if (b != null) {
+          const A = String(b), w = o[0] || d.find(
+            (k) => k.includes("totalCost") || k.includes("count") || k.includes("sum")
+          ) || d[0];
+          if (w) {
+            const k = typeof S[w] == "string" ? parseFloat(S[w]) : S[w] || 0;
+            x[h][A] = (x[h][A] || 0) + k;
+          }
+        }
+      });
+    });
+    const v = Object.values(x), p = Array.from(new Set(
+      e.flatMap(
+        (S) => u.map(($) => {
+          const h = S[$];
+          return h != null ? String(h) : null;
+        }).filter(($) => $ !== null)
+      )
+    ));
+    return {
+      data: v,
+      seriesKeys: p,
+      hasDimensions: !0
+    };
+  }
+  const f = Ft(e, t, r, n, a), m = r.map((x) => we(x, a));
+  return {
+    data: f,
+    seriesKeys: m,
+    hasDimensions: !1
+  };
+}
+function Ur({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null), { labelMap: d, getFieldLabel: o } = K();
+  try {
+    const u = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showGrid: (r == null ? void 0 : r.showGrid) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0,
+      stacked: (r == null ? void 0 : r.stacked) ?? !1
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in bar chart" })
+      ] }) });
+    let f, m, N = [];
+    if (t != null && t.xAxis && (t != null && t.yAxis))
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], N = t.series || [];
+    else if (t != null && t.x && (t != null && t.y))
+      f = t.x, m = Array.isArray(t.y) ? t.y : [t.y];
+    else
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!f || !m || m.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const { data: x, seriesKeys: v } = C(
+      e,
+      f,
+      m,
+      n,
+      N,
+      d
+    ), p = u.stacked === !0, S = v.length === 1 && x.some((y) => {
+      const b = y[v[0]];
+      return typeof b == "number" && b < 0;
+    }), $ = u.showLegend, h = {
+      ...ve,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    };
+    return !x || x.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(ft, { data: x, margin: h, children: [
+      u.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ i(
+        ye,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          angle: -45,
+          textAnchor: "end",
+          height: 60
+        }
+      ),
+      /* @__PURE__ */ i(
+        pe,
+        {
+          tick: { fontSize: 12 },
+          label: { value: o(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      u.showTooltip && /* @__PURE__ */ i(V, {}),
+      $ && /* @__PURE__ */ i(
+        _,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
+          iconType: "rect",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (y) => c(String(y.dataKey || "")),
+          onMouseLeave: () => c(null)
+        }
+      ),
+      v.map((y, b) => /* @__PURE__ */ i(
+        mt,
+        {
+          dataKey: y,
+          stackId: p ? "stack" : void 0,
+          fill: S ? De : (a == null ? void 0 : a.colors) && a.colors[b % a.colors.length] || T[b % T.length],
+          fillOpacity: l ? l === y ? 1 : 0.3 : 1,
+          children: S && x.map((A, w) => {
+            const k = A[y], L = typeof k == "number" && k < 0 ? Tt : De;
+            return /* @__PURE__ */ i(
+              ke,
+              {
+                fill: L,
+                fillOpacity: l ? l === y ? 1 : 0.3 : 1
+              },
+              `cell-${w}`
+            );
+          })
+        },
+        y
+      ))
+    ] }) });
+  } catch (u) {
+    return console.error("BarChart rendering error:", u), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Bar Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: u instanceof Error ? u.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function Vr({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null), { labelMap: d, getFieldLabel: o } = K();
+  try {
+    const u = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showGrid: (r == null ? void 0 : r.showGrid) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in line chart" })
+      ] }) });
+    let f, m, N = [];
+    if (t != null && t.xAxis && (t != null && t.yAxis))
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], N = t.series || [];
+    else if (t != null && t.x && (t != null && t.y))
+      f = t.x, m = Array.isArray(t.y) ? t.y : [t.y];
+    else
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!f || !m || m.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const { data: x, seriesKeys: v } = C(
+      e,
+      f,
+      m,
+      n,
+      N,
+      d
+    ), p = u.showLegend, S = {
+      ...ve,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    };
+    return !x || x.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for line chart after transformation" })
+    ] }) }) : /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(xt, { data: x, margin: S, children: [
+      u.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ i(
+        ye,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          angle: -45,
+          textAnchor: "end",
+          height: 60
+        }
+      ),
+      /* @__PURE__ */ i(
+        pe,
+        {
+          tick: { fontSize: 12 },
+          label: { value: o(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      u.showTooltip && /* @__PURE__ */ i(V, {}),
+      p && /* @__PURE__ */ i(
+        _,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
+          iconType: "line",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: ($) => c(String($.dataKey || "")),
+          onMouseLeave: () => c(null)
+        }
+      ),
+      v.map(($, h) => /* @__PURE__ */ i(
+        ht,
+        {
+          type: "monotone",
+          dataKey: $,
+          stroke: (a == null ? void 0 : a.colors) && a.colors[h % a.colors.length] || T[h % T.length],
+          strokeWidth: 2,
+          dot: { r: 3 },
+          activeDot: { r: 5 },
+          strokeOpacity: l ? l === $ ? 1 : 0.3 : 1
+        },
+        $
+      ))
+    ] }) });
+  } catch (u) {
+    return console.error("LineChart rendering error:", u), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Line Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: u instanceof Error ? u.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function qr({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null), { labelMap: d, getFieldLabel: o } = K();
+  try {
+    const u = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showGrid: (r == null ? void 0 : r.showGrid) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0,
+      stacked: (r == null ? void 0 : r.stacked) ?? !1
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in area chart" })
+      ] }) });
+    let f, m, N = [];
+    if (t != null && t.xAxis && (t != null && t.yAxis))
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], N = t.series || [];
+    else if (t != null && t.x && (t != null && t.y))
+      f = t.x, m = Array.isArray(t.y) ? t.y : [t.y];
+    else
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!f || !m || m.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const { data: x, seriesKeys: v } = C(
+      e,
+      f,
+      m,
+      n,
+      N,
+      d
+    ), p = u.showLegend, S = {
+      ...ve,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    };
+    return !x || x.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for area chart after transformation" })
+    ] }) }) : /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(yt, { data: x, margin: S, children: [
+      u.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ i(
+        ye,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          angle: -45,
+          textAnchor: "end",
+          height: 60
+        }
+      ),
+      /* @__PURE__ */ i(
+        pe,
+        {
+          tick: { fontSize: 12 },
+          label: { value: o(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      u.showTooltip && /* @__PURE__ */ i(V, {}),
+      p && /* @__PURE__ */ i(
+        _,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "rect",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: ($) => c(String($.dataKey || "")),
+          onMouseLeave: () => c(null)
+        }
+      ),
+      v.map(($, h) => /* @__PURE__ */ i(
+        pt,
+        {
+          type: "monotone",
+          dataKey: $,
+          stackId: u.stacked ? "stack" : void 0,
+          stroke: (a == null ? void 0 : a.colors) && a.colors[h % a.colors.length] || T[h % T.length],
+          fill: (a == null ? void 0 : a.colors) && a.colors[h % a.colors.length] || T[h % T.length],
+          fillOpacity: l ? l === $ ? 0.6 : 0.1 : 0.3,
+          strokeWidth: 2,
+          strokeOpacity: l ? l === $ ? 1 : 0.3 : 1
+        },
+        $
+      ))
+    ] }) });
+  } catch (u) {
+    return console.error("AreaChart rendering error:", u), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Area Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: u instanceof Error ? u.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function Br({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null), { labelMap: d } = K();
+  try {
+    const o = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in pie chart" })
+      ] }) });
+    let u, f, m, N = [];
+    if (t != null && t.xAxis && (t != null && t.yAxis))
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], N = t.series || [];
+    else if (t != null && t.x && (t != null && t.y))
+      f = t.x, m = Array.isArray(t.y) ? t.y : [t.y];
+    else
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "chartConfig.x/y or chartConfig.xAxis/yAxis required for pie chart" })
+      ] }) });
+    if (!f || !m || m.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    if (N.length > 0) {
+      const { data: v } = C(
+        e,
+        f,
+        m,
+        n,
+        N,
+        d
+      );
+      if (u = [], v.length > 0) {
+        const p = v[0];
+        Object.keys(p).forEach((S) => {
+          S !== "name" && typeof p[S] == "number" && u.push({
+            name: String(S),
+            value: p[S]
+          });
+        });
+      }
+    } else {
+      const v = O(n, f);
+      u = e.map((p) => {
+        let S = D(p[f], v) || String(p[f]) || "Unknown";
+        return typeof p[f] == "boolean" ? S = p[f] ? "Active" : "Inactive" : (S === "true" || S === "false") && (S = S === "true" ? "Active" : "Inactive"), {
+          name: S,
+          value: typeof p[m[0]] == "string" ? parseFloat(p[m[0]]) : p[m[0]] || 0
+        };
+      });
+    }
+    const x = u.length;
+    return u = u.filter(
+      (v) => v.value != null && !isNaN(v.value) && v.value !== 0 && v.value > 0
+    ), u.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: x > 0 ? `Filtered out ${x} data points (zero or invalid values)` : "No data points to display in pie chart" })
+    ] }) }) : /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(vt, { children: [
+      /* @__PURE__ */ i(
+        gt,
+        {
+          data: u,
+          cx: "50%",
+          cy: "50%",
+          outerRadius: "70%",
+          dataKey: "value",
+          label: o.showLegend ? void 0 : ({ name: v, percent: p }) => `${v} ${(p * 100).toFixed(0)}%`,
+          children: u.map((v, p) => /* @__PURE__ */ i(
+            ke,
+            {
+              fill: (a == null ? void 0 : a.colors) && a.colors[p % a.colors.length] || T[p % T.length],
+              fillOpacity: l ? l === u[p].name ? 1 : 0.3 : 1
+            },
+            `cell-${p}`
+          ))
+        }
+      ),
+      o.showTooltip && /* @__PURE__ */ i(V, {}),
+      o.showLegend && /* @__PURE__ */ i(
+        _,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "circle",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (v) => c(String(v.value || "")),
+          onMouseLeave: () => c(null)
+        }
+      )
+    ] }) });
+  } catch (o) {
+    return console.error("PieChart rendering error:", o), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Pie Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: o instanceof Error ? o.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function _r({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null), { getFieldLabel: d } = K();
+  try {
+    const o = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showGrid: (r == null ? void 0 : r.showGrid) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in scatter chart" })
+      ] }) });
+    let u, f, m = [];
+    if (t != null && t.xAxis && (t != null && t.yAxis))
+      u = t.xAxis[0], f = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis, m = t.series || [];
+    else if (t != null && t.x && (t != null && t.y))
+      u = t.x, f = Array.isArray(t.y) ? t.y[0] : t.y;
+    else
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!u || !f)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    let N, x = {};
+    if (m.length > 0) {
+      const h = m[0];
+      e.forEach((b) => {
+        const A = String(b[h] || "Default");
+        x[A] || (x[A] = []);
+        const w = O(n, u), k = D(b[u], w) || b[u], L = typeof b[f] == "string" ? parseFloat(b[f]) : b[f] || 0;
+        x[A].push({
+          x: typeof k == "string" ? parseFloat(k) || 0 : k,
+          y: L,
+          name: `${A} (${k}, ${L})`
+        });
+      });
+      const y = Object.keys(x);
+      N = x[y[0]] || [];
+    } else {
+      const h = O(n, u);
+      N = e.map((y) => {
+        const b = D(y[u], h) || y[u], A = typeof y[f] == "string" ? parseFloat(y[f]) : y[f] || 0;
+        return {
+          x: typeof b == "string" ? parseFloat(b) || 0 : b,
+          y: A,
+          name: `(${b}, ${A})`
+        };
+      });
+    }
+    if (!N || N.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for scatter chart after transformation" })
+      ] }) });
+    const v = Object.keys(x), p = v.length > 1, S = o.showLegend && p, $ = {
+      ...ve,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    };
+    return /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(bt, { data: N, margin: $, children: [
+      o.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ i(
+        ye,
+        {
+          type: "number",
+          dataKey: "x",
+          name: d(u),
+          tick: { fontSize: 12 }
+        }
+      ),
+      /* @__PURE__ */ i(
+        pe,
+        {
+          type: "number",
+          dataKey: "y",
+          name: d(f),
+          tick: { fontSize: 12 },
+          label: { value: d(f), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      o.showTooltip && /* @__PURE__ */ i(V, {}),
+      S && /* @__PURE__ */ i(
+        _,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "circle",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (h) => c(String(h.dataKey || "")),
+          onMouseLeave: () => c(null)
+        }
+      ),
+      p ? (
+        // Multiple series
+        v.map((h, y) => /* @__PURE__ */ i(
+          Re,
+          {
+            name: h,
+            data: x[h],
+            fill: (a == null ? void 0 : a.colors) && a.colors[y % a.colors.length] || T[y % T.length],
+            fillOpacity: l ? l === h ? 1 : 0.3 : 1
+          },
+          h
+        ))
+      ) : (
+        // Single series
+        /* @__PURE__ */ i(
+          Re,
+          {
+            name: "Data",
+            data: N,
+            fill: (a == null ? void 0 : a.colors) && a.colors[0] || T[0]
+          }
+        )
+      )
+    ] }) });
+  } catch (o) {
+    return console.error("ScatterChart rendering error:", o), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Scatter Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: o instanceof Error ? o.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function Kr({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null);
+  try {
+    const d = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0,
+      showGrid: (r == null ? void 0 : r.showGrid) ?? !0
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in radar chart" })
+      ] }) });
+    let o, u = [];
+    if (t != null && t.xAxis && (t != null && t.yAxis)) {
+      const f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], N = t.series || [], { data: x, seriesKeys: v } = C(
+        e,
+        f,
+        m,
+        n,
+        N
+      );
+      o = x, u = v;
+    } else {
+      const f = e[0], m = Object.keys(f), N = m.find(
+        (v) => typeof f[v] == "string" || v.toLowerCase().includes("subject") || v.toLowerCase().includes("name") || v.toLowerCase().includes("category")
+      ) || m[0], x = m.filter(
+        (v) => typeof f[v] == "number" && v !== N
+      );
+      if (x.length === 0)
+        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+          /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ i("div", { className: "text-xs", children: "No numeric fields found for radar chart values" })
+        ] }) });
+      if (N) {
+        const v = O(n, N);
+        o = e.map((p) => {
+          const S = {
+            name: D(p[N], v) || String(p[N]) || "Unknown"
+          };
+          return x.forEach(($) => {
+            const h = $.split(".").pop() || $;
+            S[h] = typeof p[$] == "string" ? parseFloat(p[$]) : p[$] || 0;
+          }), S;
+        }), u = x.map((p) => p.split(".").pop() || p);
+      } else
+        o = e.map((v) => ({
+          name: String(v[m[0]] || "Unknown"),
+          value: typeof v[x[0]] == "string" ? parseFloat(v[x[0]]) : v[x[0]] || 0
+        })), u = ["value"];
+    }
+    return !o || o.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for radar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(wt, { data: o, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
+      d.showGrid && /* @__PURE__ */ i(Nt, {}),
+      /* @__PURE__ */ i(
+        At,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          className: "text-gray-600"
+        }
+      ),
+      /* @__PURE__ */ i(
+        St,
+        {
+          tick: { fontSize: 10 },
+          className: "text-gray-600"
+        }
+      ),
+      d.showTooltip && /* @__PURE__ */ i(V, {}),
+      d.showLegend && u.length > 1 && /* @__PURE__ */ i(
+        _,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "rect",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (f) => c(String(f.dataKey || "")),
+          onMouseLeave: () => c(null)
+        }
+      ),
+      u.map((f, m) => /* @__PURE__ */ i(
+        Mt,
+        {
+          name: f,
+          dataKey: f,
+          stroke: (a == null ? void 0 : a.colors) && a.colors[m % a.colors.length] || T[m % T.length],
+          fill: (a == null ? void 0 : a.colors) && a.colors[m % a.colors.length] || T[m % T.length],
+          fillOpacity: l ? l === f ? 0.6 : 0.1 : 0.3,
+          strokeOpacity: l ? l === f ? 1 : 0.3 : 1,
+          strokeWidth: 2
+        },
+        f
+      ))
+    ] }) });
+  } catch (d) {
+    return console.error("RadarChart rendering error:", d), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Radar Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: d instanceof Error ? d.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function Yr({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null);
+  try {
+    const d = {
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0,
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in radial bar chart" })
+      ] }) });
+    let o;
+    if (t != null && t.xAxis && (t != null && t.yAxis)) {
+      const u = t.xAxis[0], f = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis, m = O(n, u);
+      o = e.map((N, x) => ({
+        name: D(N[u], m) || String(N[u]) || "Unknown",
+        value: typeof N[f] == "string" ? parseFloat(N[f]) : N[f] || 0,
+        fill: (a == null ? void 0 : a.colors) && a.colors[x % a.colors.length] || T[x % T.length]
+      }));
+    } else {
+      const u = e[0], f = Object.keys(u), m = f.find(
+        (x) => typeof u[x] == "string" || x.toLowerCase().includes("name") || x.toLowerCase().includes("label") || x.toLowerCase().includes("category")
+      ) || f[0], N = f.find(
+        (x) => typeof u[x] == "number" && x !== m
+      ) || f[1];
+      if (!N)
+        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+          /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ i("div", { className: "text-xs", children: "No numeric field found for radial bar chart values" })
+        ] }) });
+      o = e.map((x, v) => {
+        let p = x[m];
+        return typeof p == "boolean" ? p = p ? "Active" : "Inactive" : p === "true" || p === "false" ? p = p === "true" ? "Active" : "Inactive" : p = String(p), {
+          name: p,
+          value: typeof x[N] == "string" ? parseFloat(x[N]) : x[N] || 0,
+          fill: (a == null ? void 0 : a.colors) && a.colors[v % a.colors.length] || T[v % T.length]
+        };
+      });
+    }
+    return o = o.filter((u) => u.value != null && u.value !== 0), o.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for radial bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ g(
+      kt,
+      {
+        data: o,
+        innerRadius: "10%",
+        outerRadius: "80%",
+        margin: { top: 20, right: 30, bottom: 20, left: 30 },
+        children: [
+          d.showTooltip && /* @__PURE__ */ i(V, {}),
+          d.showLegend && /* @__PURE__ */ i(
+            _,
+            {
+              wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+              iconType: "circle",
+              iconSize: 8,
+              layout: "horizontal",
+              align: "center",
+              verticalAlign: "bottom",
+              onMouseEnter: (u) => c(String(u.value || "")),
+              onMouseLeave: () => c(null)
+            }
+          ),
+          /* @__PURE__ */ i(
+            $t,
+            {
+              dataKey: "value",
+              cornerRadius: 4,
+              label: { position: "insideStart", fill: "#fff", fontSize: 12 },
+              children: o.map((u, f) => /* @__PURE__ */ i(
+                ke,
+                {
+                  fill: u.fill,
+                  fillOpacity: l ? l === u.name ? 1 : 0.3 : 1
+                },
+                `cell-${f}`
+              ))
+            }
+          )
+        ]
+      }
+    ) });
+  } catch (d) {
+    return console.error("RadialBarChart rendering error:", d), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Radial Bar Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: d instanceof Error ? d.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function oe(e, t) {
+  return e == null || t == null ? NaN : e < t ? -1 : e > t ? 1 : e >= t ? 0 : NaN;
+}
+function jt(e, t) {
+  return e == null || t == null ? NaN : t < e ? -1 : t > e ? 1 : t >= e ? 0 : NaN;
+}
+function et(e) {
+  let t, r, n;
+  e.length !== 2 ? (t = oe, r = (c, d) => oe(e(c), d), n = (c, d) => e(c) - d) : (t = e === oe || e === jt ? e : Et, r = e, n = e);
+  function s(c, d, o = 0, u = c.length) {
+    if (o < u) {
+      if (t(d, d) !== 0) return u;
+      do {
+        const f = o + u >>> 1;
+        r(c[f], d) < 0 ? o = f + 1 : u = f;
+      } while (o < u);
+    }
+    return o;
+  }
+  function a(c, d, o = 0, u = c.length) {
+    if (o < u) {
+      if (t(d, d) !== 0) return u;
+      do {
+        const f = o + u >>> 1;
+        r(c[f], d) <= 0 ? o = f + 1 : u = f;
+      } while (o < u);
+    }
+    return o;
+  }
+  function l(c, d, o = 0, u = c.length) {
+    const f = s(c, d, o, u - 1);
+    return f > o && n(c[f - 1], d) > -n(c[f], d) ? f - 1 : f;
+  }
+  return { left: s, center: l, right: a };
+}
+function Et() {
+  return 0;
+}
+function zt(e) {
+  return e === null ? NaN : +e;
+}
+const Rt = et(oe), tt = Rt.right;
+et(zt).center;
+class He extends Map {
+  constructor(t, r = It) {
+    if (super(), Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: r } }), t != null) for (const [n, s] of t) this.set(n, s);
+  }
+  get(t) {
+    return super.get(Ie(this, t));
+  }
+  has(t) {
+    return super.has(Ie(this, t));
+  }
+  set(t, r) {
+    return super.set(Dt(this, t), r);
+  }
+  delete(t) {
+    return super.delete(Ht(this, t));
+  }
+}
+function Ie({ _intern: e, _key: t }, r) {
+  const n = t(r);
+  return e.has(n) ? e.get(n) : r;
+}
+function Dt({ _intern: e, _key: t }, r) {
+  const n = t(r);
+  return e.has(n) ? e.get(n) : (e.set(n, r), r);
+}
+function Ht({ _intern: e, _key: t }, r) {
+  const n = t(r);
+  return e.has(n) && (r = e.get(n), e.delete(n)), r;
+}
+function It(e) {
+  return e !== null && typeof e == "object" ? e.valueOf() : e;
+}
+const Ot = Math.sqrt(50), Gt = Math.sqrt(10), Ut = Math.sqrt(2);
+function ce(e, t, r) {
+  const n = (t - e) / Math.max(0, r), s = Math.floor(Math.log10(n)), a = n / Math.pow(10, s), l = a >= Ot ? 10 : a >= Gt ? 5 : a >= Ut ? 2 : 1;
+  let c, d, o;
+  return s < 0 ? (o = Math.pow(10, -s) / l, c = Math.round(e * o), d = Math.round(t * o), c / o < e && ++c, d / o > t && --d, o = -o) : (o = Math.pow(10, s) * l, c = Math.round(e / o), d = Math.round(t / o), c * o < e && ++c, d * o > t && --d), d < c && 0.5 <= r && r < 2 ? ce(e, t, r * 2) : [c, d, o];
+}
+function Vt(e, t, r) {
+  if (t = +t, e = +e, r = +r, !(r > 0)) return [];
+  if (e === t) return [e];
+  const n = t < e, [s, a, l] = n ? ce(t, e, r) : ce(e, t, r);
+  if (!(a >= s)) return [];
+  const c = a - s + 1, d = new Array(c);
+  if (n)
+    if (l < 0) for (let o = 0; o < c; ++o) d[o] = (a - o) / -l;
+    else for (let o = 0; o < c; ++o) d[o] = (a - o) * l;
+  else if (l < 0) for (let o = 0; o < c; ++o) d[o] = (s + o) / -l;
+  else for (let o = 0; o < c; ++o) d[o] = (s + o) * l;
+  return d;
+}
+function Ne(e, t, r) {
+  return t = +t, e = +e, r = +r, ce(e, t, r)[2];
+}
+function qt(e, t, r) {
+  t = +t, e = +e, r = +r;
+  const n = t < e, s = n ? Ne(t, e, r) : Ne(e, t, r);
+  return (n ? -1 : 1) * (s < 0 ? 1 / -s : s);
+}
+function $e(e, t, r) {
+  e.prototype = t.prototype = r, r.constructor = e;
+}
+function rt(e, t) {
+  var r = Object.create(e.prototype);
+  for (var n in t) r[n] = t[n];
+  return r;
+}
+function ee() {
+}
+var Z = 0.7, de = 1 / Z, X = "\\s*([+-]?\\d+)\\s*", J = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", H = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", Bt = /^#([0-9a-f]{3,8})$/, _t = new RegExp(`^rgb\\(${X},${X},${X}\\)$`), Kt = new RegExp(`^rgb\\(${H},${H},${H}\\)$`), Yt = new RegExp(`^rgba\\(${X},${X},${X},${J}\\)$`), Wt = new RegExp(`^rgba\\(${H},${H},${H},${J}\\)$`), Xt = new RegExp(`^hsl\\(${J},${H},${H}\\)$`), Qt = new RegExp(`^hsla\\(${J},${H},${H},${J}\\)$`), Oe = {
+  aliceblue: 15792383,
+  antiquewhite: 16444375,
+  aqua: 65535,
+  aquamarine: 8388564,
+  azure: 15794175,
+  beige: 16119260,
+  bisque: 16770244,
+  black: 0,
+  blanchedalmond: 16772045,
+  blue: 255,
+  blueviolet: 9055202,
+  brown: 10824234,
+  burlywood: 14596231,
+  cadetblue: 6266528,
+  chartreuse: 8388352,
+  chocolate: 13789470,
+  coral: 16744272,
+  cornflowerblue: 6591981,
+  cornsilk: 16775388,
+  crimson: 14423100,
+  cyan: 65535,
+  darkblue: 139,
+  darkcyan: 35723,
+  darkgoldenrod: 12092939,
+  darkgray: 11119017,
+  darkgreen: 25600,
+  darkgrey: 11119017,
+  darkkhaki: 12433259,
+  darkmagenta: 9109643,
+  darkolivegreen: 5597999,
+  darkorange: 16747520,
+  darkorchid: 10040012,
+  darkred: 9109504,
+  darksalmon: 15308410,
+  darkseagreen: 9419919,
+  darkslateblue: 4734347,
+  darkslategray: 3100495,
+  darkslategrey: 3100495,
+  darkturquoise: 52945,
+  darkviolet: 9699539,
+  deeppink: 16716947,
+  deepskyblue: 49151,
+  dimgray: 6908265,
+  dimgrey: 6908265,
+  dodgerblue: 2003199,
+  firebrick: 11674146,
+  floralwhite: 16775920,
+  forestgreen: 2263842,
+  fuchsia: 16711935,
+  gainsboro: 14474460,
+  ghostwhite: 16316671,
+  gold: 16766720,
+  goldenrod: 14329120,
+  gray: 8421504,
+  green: 32768,
+  greenyellow: 11403055,
+  grey: 8421504,
+  honeydew: 15794160,
+  hotpink: 16738740,
+  indianred: 13458524,
+  indigo: 4915330,
+  ivory: 16777200,
+  khaki: 15787660,
+  lavender: 15132410,
+  lavenderblush: 16773365,
+  lawngreen: 8190976,
+  lemonchiffon: 16775885,
+  lightblue: 11393254,
+  lightcoral: 15761536,
+  lightcyan: 14745599,
+  lightgoldenrodyellow: 16448210,
+  lightgray: 13882323,
+  lightgreen: 9498256,
+  lightgrey: 13882323,
+  lightpink: 16758465,
+  lightsalmon: 16752762,
+  lightseagreen: 2142890,
+  lightskyblue: 8900346,
+  lightslategray: 7833753,
+  lightslategrey: 7833753,
+  lightsteelblue: 11584734,
+  lightyellow: 16777184,
+  lime: 65280,
+  limegreen: 3329330,
+  linen: 16445670,
+  magenta: 16711935,
+  maroon: 8388608,
+  mediumaquamarine: 6737322,
+  mediumblue: 205,
+  mediumorchid: 12211667,
+  mediumpurple: 9662683,
+  mediumseagreen: 3978097,
+  mediumslateblue: 8087790,
+  mediumspringgreen: 64154,
+  mediumturquoise: 4772300,
+  mediumvioletred: 13047173,
+  midnightblue: 1644912,
+  mintcream: 16121850,
+  mistyrose: 16770273,
+  moccasin: 16770229,
+  navajowhite: 16768685,
+  navy: 128,
+  oldlace: 16643558,
+  olive: 8421376,
+  olivedrab: 7048739,
+  orange: 16753920,
+  orangered: 16729344,
+  orchid: 14315734,
+  palegoldenrod: 15657130,
+  palegreen: 10025880,
+  paleturquoise: 11529966,
+  palevioletred: 14381203,
+  papayawhip: 16773077,
+  peachpuff: 16767673,
+  peru: 13468991,
+  pink: 16761035,
+  plum: 14524637,
+  powderblue: 11591910,
+  purple: 8388736,
+  rebeccapurple: 6697881,
+  red: 16711680,
+  rosybrown: 12357519,
+  royalblue: 4286945,
+  saddlebrown: 9127187,
+  salmon: 16416882,
+  sandybrown: 16032864,
+  seagreen: 3050327,
+  seashell: 16774638,
+  sienna: 10506797,
+  silver: 12632256,
+  skyblue: 8900331,
+  slateblue: 6970061,
+  slategray: 7372944,
+  slategrey: 7372944,
+  snow: 16775930,
+  springgreen: 65407,
+  steelblue: 4620980,
+  tan: 13808780,
+  teal: 32896,
+  thistle: 14204888,
+  tomato: 16737095,
+  turquoise: 4251856,
+  violet: 15631086,
+  wheat: 16113331,
+  white: 16777215,
+  whitesmoke: 16119285,
+  yellow: 16776960,
+  yellowgreen: 10145074
+};
+$e(ee, P, {
+  copy(e) {
+    return Object.assign(new this.constructor(), this, e);
+  },
+  displayable() {
+    return this.rgb().displayable();
+  },
+  hex: Ge,
+  // Deprecated! Use color.formatHex.
+  formatHex: Ge,
+  formatHex8: Zt,
+  formatHsl: Jt,
+  formatRgb: Ue,
+  toString: Ue
+});
+function Ge() {
+  return this.rgb().formatHex();
+}
+function Zt() {
+  return this.rgb().formatHex8();
+}
+function Jt() {
+  return nt(this).formatHsl();
+}
+function Ue() {
+  return this.rgb().formatRgb();
+}
+function P(e) {
+  var t, r;
+  return e = (e + "").trim().toLowerCase(), (t = Bt.exec(e)) ? (r = t[1].length, t = parseInt(t[1], 16), r === 6 ? Ve(t) : r === 3 ? new j(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : r === 8 ? ie(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : r === 4 ? ie(t >> 12 & 15 | t >> 8 & 240, t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, ((t & 15) << 4 | t & 15) / 255) : null) : (t = _t.exec(e)) ? new j(t[1], t[2], t[3], 1) : (t = Kt.exec(e)) ? new j(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Yt.exec(e)) ? ie(t[1], t[2], t[3], t[4]) : (t = Wt.exec(e)) ? ie(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = Xt.exec(e)) ? _e(t[1], t[2] / 100, t[3] / 100, 1) : (t = Qt.exec(e)) ? _e(t[1], t[2] / 100, t[3] / 100, t[4]) : Oe.hasOwnProperty(e) ? Ve(Oe[e]) : e === "transparent" ? new j(NaN, NaN, NaN, 0) : null;
+}
+function Ve(e) {
+  return new j(e >> 16 & 255, e >> 8 & 255, e & 255, 1);
+}
+function ie(e, t, r, n) {
+  return n <= 0 && (e = t = r = NaN), new j(e, t, r, n);
+}
+function Pt(e) {
+  return e instanceof ee || (e = P(e)), e ? (e = e.rgb(), new j(e.r, e.g, e.b, e.opacity)) : new j();
+}
+function Ae(e, t, r, n) {
+  return arguments.length === 1 ? Pt(e) : new j(e, t, r, n ?? 1);
+}
+function j(e, t, r, n) {
+  this.r = +e, this.g = +t, this.b = +r, this.opacity = +n;
+}
+$e(j, Ae, rt(ee, {
+  brighter(e) {
+    return e = e == null ? de : Math.pow(de, e), new j(this.r * e, this.g * e, this.b * e, this.opacity);
+  },
+  darker(e) {
+    return e = e == null ? Z : Math.pow(Z, e), new j(this.r * e, this.g * e, this.b * e, this.opacity);
+  },
+  rgb() {
+    return this;
+  },
+  clamp() {
+    return new j(B(this.r), B(this.g), B(this.b), ue(this.opacity));
+  },
+  displayable() {
+    return -0.5 <= this.r && this.r < 255.5 && -0.5 <= this.g && this.g < 255.5 && -0.5 <= this.b && this.b < 255.5 && 0 <= this.opacity && this.opacity <= 1;
+  },
+  hex: qe,
+  // Deprecated! Use color.formatHex.
+  formatHex: qe,
+  formatHex8: Ct,
+  formatRgb: Be,
+  toString: Be
+}));
+function qe() {
+  return `#${q(this.r)}${q(this.g)}${q(this.b)}`;
+}
+function Ct() {
+  return `#${q(this.r)}${q(this.g)}${q(this.b)}${q((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+}
+function Be() {
+  const e = ue(this.opacity);
+  return `${e === 1 ? "rgb(" : "rgba("}${B(this.r)}, ${B(this.g)}, ${B(this.b)}${e === 1 ? ")" : `, ${e})`}`;
+}
+function ue(e) {
+  return isNaN(e) ? 1 : Math.max(0, Math.min(1, e));
+}
+function B(e) {
+  return Math.max(0, Math.min(255, Math.round(e) || 0));
+}
+function q(e) {
+  return e = B(e), (e < 16 ? "0" : "") + e.toString(16);
+}
+function _e(e, t, r, n) {
+  return n <= 0 ? e = t = r = NaN : r <= 0 || r >= 1 ? e = t = NaN : t <= 0 && (e = NaN), new z(e, t, r, n);
+}
+function nt(e) {
+  if (e instanceof z) return new z(e.h, e.s, e.l, e.opacity);
+  if (e instanceof ee || (e = P(e)), !e) return new z();
+  if (e instanceof z) return e;
+  e = e.rgb();
+  var t = e.r / 255, r = e.g / 255, n = e.b / 255, s = Math.min(t, r, n), a = Math.max(t, r, n), l = NaN, c = a - s, d = (a + s) / 2;
+  return c ? (t === a ? l = (r - n) / c + (r < n) * 6 : r === a ? l = (n - t) / c + 2 : l = (t - r) / c + 4, c /= d < 0.5 ? a + s : 2 - a - s, l *= 60) : c = d > 0 && d < 1 ? 0 : l, new z(l, c, d, e.opacity);
+}
+function er(e, t, r, n) {
+  return arguments.length === 1 ? nt(e) : new z(e, t, r, n ?? 1);
+}
+function z(e, t, r, n) {
+  this.h = +e, this.s = +t, this.l = +r, this.opacity = +n;
+}
+$e(z, er, rt(ee, {
+  brighter(e) {
+    return e = e == null ? de : Math.pow(de, e), new z(this.h, this.s, this.l * e, this.opacity);
+  },
+  darker(e) {
+    return e = e == null ? Z : Math.pow(Z, e), new z(this.h, this.s, this.l * e, this.opacity);
+  },
+  rgb() {
+    var e = this.h % 360 + (this.h < 0) * 360, t = isNaN(e) || isNaN(this.s) ? 0 : this.s, r = this.l, n = r + (r < 0.5 ? r : 1 - r) * t, s = 2 * r - n;
+    return new j(
+      ge(e >= 240 ? e - 240 : e + 120, s, n),
+      ge(e, s, n),
+      ge(e < 120 ? e + 240 : e - 120, s, n),
+      this.opacity
+    );
+  },
+  clamp() {
+    return new z(Ke(this.h), ae(this.s), ae(this.l), ue(this.opacity));
+  },
+  displayable() {
+    return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
+  },
+  formatHsl() {
+    const e = ue(this.opacity);
+    return `${e === 1 ? "hsl(" : "hsla("}${Ke(this.h)}, ${ae(this.s) * 100}%, ${ae(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
+  }
+}));
+function Ke(e) {
+  return e = (e || 0) % 360, e < 0 ? e + 360 : e;
+}
+function ae(e) {
+  return Math.max(0, Math.min(1, e || 0));
+}
+function ge(e, t, r) {
+  return (e < 60 ? t + (r - t) * e / 60 : e < 180 ? r : e < 240 ? t + (r - t) * (240 - e) / 60 : t) * 255;
+}
+const Le = (e) => () => e;
+function tr(e, t) {
+  return function(r) {
+    return e + r * t;
+  };
+}
+function rr(e, t, r) {
+  return e = Math.pow(e, r), t = Math.pow(t, r) - e, r = 1 / r, function(n) {
+    return Math.pow(e + n * t, r);
+  };
+}
+function nr(e) {
+  return (e = +e) == 1 ? st : function(t, r) {
+    return r - t ? rr(t, r, e) : Le(isNaN(t) ? r : t);
+  };
+}
+function st(e, t) {
+  var r = t - e;
+  return r ? tr(e, r) : Le(isNaN(e) ? t : e);
+}
+const Ye = function e(t) {
+  var r = nr(t);
+  function n(s, a) {
+    var l = r((s = Ae(s)).r, (a = Ae(a)).r), c = r(s.g, a.g), d = r(s.b, a.b), o = st(s.opacity, a.opacity);
+    return function(u) {
+      return s.r = l(u), s.g = c(u), s.b = d(u), s.opacity = o(u), s + "";
+    };
+  }
+  return n.gamma = e, n;
+}(1);
+function sr(e, t) {
+  t || (t = []);
+  var r = e ? Math.min(t.length, e.length) : 0, n = t.slice(), s;
+  return function(a) {
+    for (s = 0; s < r; ++s) n[s] = e[s] * (1 - a) + t[s] * a;
+    return n;
+  };
+}
+function ir(e) {
+  return ArrayBuffer.isView(e) && !(e instanceof DataView);
+}
+function ar(e, t) {
+  var r = t ? t.length : 0, n = e ? Math.min(r, e.length) : 0, s = new Array(n), a = new Array(r), l;
+  for (l = 0; l < n; ++l) s[l] = Te(e[l], t[l]);
+  for (; l < r; ++l) a[l] = t[l];
+  return function(c) {
+    for (l = 0; l < n; ++l) a[l] = s[l](c);
+    return a;
+  };
+}
+function lr(e, t) {
+  var r = /* @__PURE__ */ new Date();
+  return e = +e, t = +t, function(n) {
+    return r.setTime(e * (1 - n) + t * n), r;
+  };
+}
+function fe(e, t) {
+  return e = +e, t = +t, function(r) {
+    return e * (1 - r) + t * r;
+  };
+}
+function or(e, t) {
+  var r = {}, n = {}, s;
+  (e === null || typeof e != "object") && (e = {}), (t === null || typeof t != "object") && (t = {});
+  for (s in t)
+    s in e ? r[s] = Te(e[s], t[s]) : n[s] = t[s];
+  return function(a) {
+    for (s in r) n[s] = r[s](a);
+    return n;
+  };
+}
+var Se = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, be = new RegExp(Se.source, "g");
+function cr(e) {
+  return function() {
+    return e;
+  };
+}
+function dr(e) {
+  return function(t) {
+    return e(t) + "";
+  };
+}
+function ur(e, t) {
+  var r = Se.lastIndex = be.lastIndex = 0, n, s, a, l = -1, c = [], d = [];
+  for (e = e + "", t = t + ""; (n = Se.exec(e)) && (s = be.exec(t)); )
+    (a = s.index) > r && (a = t.slice(r, a), c[l] ? c[l] += a : c[++l] = a), (n = n[0]) === (s = s[0]) ? c[l] ? c[l] += s : c[++l] = s : (c[++l] = null, d.push({ i: l, x: fe(n, s) })), r = be.lastIndex;
+  return r < t.length && (a = t.slice(r), c[l] ? c[l] += a : c[++l] = a), c.length < 2 ? d[0] ? dr(d[0].x) : cr(t) : (t = d.length, function(o) {
+    for (var u = 0, f; u < t; ++u) c[(f = d[u]).i] = f.x(o);
+    return c.join("");
+  });
+}
+function Te(e, t) {
+  var r = typeof t, n;
+  return t == null || r === "boolean" ? Le(t) : (r === "number" ? fe : r === "string" ? (n = P(t)) ? (t = n, Ye) : ur : t instanceof P ? Ye : t instanceof Date ? lr : ir(t) ? sr : Array.isArray(t) ? ar : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? or : fe)(e, t);
+}
+function fr(e, t) {
+  return e = +e, t = +t, function(r) {
+    return Math.round(e * (1 - r) + t * r);
+  };
+}
+function mr(e) {
+  return Math.abs(e = Math.round(e)) >= 1e21 ? e.toLocaleString("en").replace(/,/g, "") : e.toString(10);
+}
+function me(e, t) {
+  if ((r = (e = t ? e.toExponential(t - 1) : e.toExponential()).indexOf("e")) < 0) return null;
+  var r, n = e.slice(0, r);
+  return [
+    n.length > 1 ? n[0] + n.slice(2) : n,
+    +e.slice(r + 1)
+  ];
+}
+function Q(e) {
+  return e = me(Math.abs(e)), e ? e[1] : NaN;
+}
+function xr(e, t) {
+  return function(r, n) {
+    for (var s = r.length, a = [], l = 0, c = e[0], d = 0; s > 0 && c > 0 && (d + c + 1 > n && (c = Math.max(1, n - d)), a.push(r.substring(s -= c, s + c)), !((d += c + 1) > n)); )
+      c = e[l = (l + 1) % e.length];
+    return a.reverse().join(t);
+  };
+}
+function hr(e) {
+  return function(t) {
+    return t.replace(/[0-9]/g, function(r) {
+      return e[+r];
+    });
+  };
+}
+var yr = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
+function xe(e) {
+  if (!(t = yr.exec(e))) throw new Error("invalid format: " + e);
+  var t;
+  return new Fe({
+    fill: t[1],
+    align: t[2],
+    sign: t[3],
+    symbol: t[4],
+    zero: t[5],
+    width: t[6],
+    comma: t[7],
+    precision: t[8] && t[8].slice(1),
+    trim: t[9],
+    type: t[10]
+  });
+}
+xe.prototype = Fe.prototype;
+function Fe(e) {
+  this.fill = e.fill === void 0 ? " " : e.fill + "", this.align = e.align === void 0 ? ">" : e.align + "", this.sign = e.sign === void 0 ? "-" : e.sign + "", this.symbol = e.symbol === void 0 ? "" : e.symbol + "", this.zero = !!e.zero, this.width = e.width === void 0 ? void 0 : +e.width, this.comma = !!e.comma, this.precision = e.precision === void 0 ? void 0 : +e.precision, this.trim = !!e.trim, this.type = e.type === void 0 ? "" : e.type + "";
+}
+Fe.prototype.toString = function() {
+  return this.fill + this.align + this.sign + this.symbol + (this.zero ? "0" : "") + (this.width === void 0 ? "" : Math.max(1, this.width | 0)) + (this.comma ? "," : "") + (this.precision === void 0 ? "" : "." + Math.max(0, this.precision | 0)) + (this.trim ? "~" : "") + this.type;
+};
+function pr(e) {
+  e: for (var t = e.length, r = 1, n = -1, s; r < t; ++r)
+    switch (e[r]) {
+      case ".":
+        n = s = r;
+        break;
+      case "0":
+        n === 0 && (n = r), s = r;
+        break;
+      default:
+        if (!+e[r]) break e;
+        n > 0 && (n = 0);
+        break;
+    }
+  return n > 0 ? e.slice(0, n) + e.slice(s + 1) : e;
+}
+var it;
+function vr(e, t) {
+  var r = me(e, t);
+  if (!r) return e + "";
+  var n = r[0], s = r[1], a = s - (it = Math.max(-8, Math.min(8, Math.floor(s / 3))) * 3) + 1, l = n.length;
+  return a === l ? n : a > l ? n + new Array(a - l + 1).join("0") : a > 0 ? n.slice(0, a) + "." + n.slice(a) : "0." + new Array(1 - a).join("0") + me(e, Math.max(0, t + a - 1))[0];
+}
+function We(e, t) {
+  var r = me(e, t);
+  if (!r) return e + "";
+  var n = r[0], s = r[1];
+  return s < 0 ? "0." + new Array(-s).join("0") + n : n.length > s + 1 ? n.slice(0, s + 1) + "." + n.slice(s + 1) : n + new Array(s - n.length + 2).join("0");
+}
+const Xe = {
+  "%": (e, t) => (e * 100).toFixed(t),
+  b: (e) => Math.round(e).toString(2),
+  c: (e) => e + "",
+  d: mr,
+  e: (e, t) => e.toExponential(t),
+  f: (e, t) => e.toFixed(t),
+  g: (e, t) => e.toPrecision(t),
+  o: (e) => Math.round(e).toString(8),
+  p: (e, t) => We(e * 100, t),
+  r: We,
+  s: vr,
+  X: (e) => Math.round(e).toString(16).toUpperCase(),
+  x: (e) => Math.round(e).toString(16)
+};
+function Qe(e) {
+  return e;
+}
+var Ze = Array.prototype.map, Je = ["y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
+function gr(e) {
+  var t = e.grouping === void 0 || e.thousands === void 0 ? Qe : xr(Ze.call(e.grouping, Number), e.thousands + ""), r = e.currency === void 0 ? "" : e.currency[0] + "", n = e.currency === void 0 ? "" : e.currency[1] + "", s = e.decimal === void 0 ? "." : e.decimal + "", a = e.numerals === void 0 ? Qe : hr(Ze.call(e.numerals, String)), l = e.percent === void 0 ? "%" : e.percent + "", c = e.minus === void 0 ? "−" : e.minus + "", d = e.nan === void 0 ? "NaN" : e.nan + "";
+  function o(f) {
+    f = xe(f);
+    var m = f.fill, N = f.align, x = f.sign, v = f.symbol, p = f.zero, S = f.width, $ = f.comma, h = f.precision, y = f.trim, b = f.type;
+    b === "n" ? ($ = !0, b = "g") : Xe[b] || (h === void 0 && (h = 12), y = !0, b = "g"), (p || m === "0" && N === "=") && (p = !0, m = "0", N = "=");
+    var A = v === "$" ? r : v === "#" && /[boxX]/.test(b) ? "0" + b.toLowerCase() : "", w = v === "$" ? n : /[%p]/.test(b) ? l : "", k = Xe[b], L = /[defgprs%]/.test(b);
+    h = h === void 0 ? 6 : /[gprs]/.test(b) ? Math.max(1, Math.min(21, h)) : Math.max(0, Math.min(20, h));
+    function F(M) {
+      var R = A, E = w, Y, Ee, te;
+      if (b === "c")
+        E = k(M) + E, M = "";
+      else {
+        M = +M;
+        var re = M < 0 || 1 / M < 0;
+        if (M = isNaN(M) ? d : k(Math.abs(M), h), y && (M = pr(M)), re && +M == 0 && x !== "+" && (re = !1), R = (re ? x === "(" ? x : c : x === "-" || x === "(" ? "" : x) + R, E = (b === "s" ? Je[8 + it / 3] : "") + E + (re && x === "(" ? ")" : ""), L) {
+          for (Y = -1, Ee = M.length; ++Y < Ee; )
+            if (te = M.charCodeAt(Y), 48 > te || te > 57) {
+              E = (te === 46 ? s + M.slice(Y + 1) : M.slice(Y)) + E, M = M.slice(0, Y);
+              break;
+            }
+        }
+      }
+      $ && !p && (M = t(M, 1 / 0));
+      var ne = R.length + M.length + E.length, I = ne < S ? new Array(S - ne + 1).join(m) : "";
+      switch ($ && p && (M = t(I + M, I.length ? S - E.length : 1 / 0), I = ""), N) {
+        case "<":
+          M = R + M + E + I;
+          break;
+        case "=":
+          M = R + I + M + E;
+          break;
+        case "^":
+          M = I.slice(0, ne = I.length >> 1) + R + M + E + I.slice(ne);
+          break;
+        default:
+          M = I + R + M + E;
+          break;
+      }
+      return a(M);
+    }
+    return F.toString = function() {
+      return f + "";
+    }, F;
+  }
+  function u(f, m) {
+    var N = o((f = xe(f), f.type = "f", f)), x = Math.max(-8, Math.min(8, Math.floor(Q(m) / 3))) * 3, v = Math.pow(10, -x), p = Je[8 + x / 3];
+    return function(S) {
+      return N(v * S) + p;
+    };
+  }
+  return {
+    format: o,
+    formatPrefix: u
+  };
+}
+var le, at, lt;
+br({
+  thousands: ",",
+  grouping: [3],
+  currency: ["$", ""]
+});
+function br(e) {
+  return le = gr(e), at = le.format, lt = le.formatPrefix, le;
+}
+function wr(e) {
+  return Math.max(0, -Q(Math.abs(e)));
+}
+function Nr(e, t) {
+  return Math.max(0, Math.max(-8, Math.min(8, Math.floor(Q(t) / 3))) * 3 - Q(Math.abs(e)));
+}
+function Ar(e, t) {
+  return e = Math.abs(e), t = Math.abs(t) - e, Math.max(0, Q(t) - Q(e)) + 1;
+}
+function je(e, t) {
+  switch (arguments.length) {
+    case 0:
+      break;
+    case 1:
+      this.range(e);
+      break;
+    default:
+      this.range(t).domain(e);
+      break;
+  }
+  return this;
+}
+const Pe = Symbol("implicit");
+function ot() {
+  var e = new He(), t = [], r = [], n = Pe;
+  function s(a) {
+    let l = e.get(a);
+    if (l === void 0) {
+      if (n !== Pe) return n;
+      e.set(a, l = t.push(a) - 1);
+    }
+    return r[l % r.length];
+  }
+  return s.domain = function(a) {
+    if (!arguments.length) return t.slice();
+    t = [], e = new He();
+    for (const l of a)
+      e.has(l) || e.set(l, t.push(l) - 1);
+    return s;
+  }, s.range = function(a) {
+    return arguments.length ? (r = Array.from(a), s) : r.slice();
+  }, s.unknown = function(a) {
+    return arguments.length ? (n = a, s) : n;
+  }, s.copy = function() {
+    return ot(t, r).unknown(n);
+  }, je.apply(s, arguments), s;
+}
+function Sr(e) {
+  return function() {
+    return e;
+  };
+}
+function Mr(e) {
+  return +e;
+}
+var Ce = [0, 1];
+function W(e) {
+  return e;
+}
+function Me(e, t) {
+  return (t -= e = +e) ? function(r) {
+    return (r - e) / t;
+  } : Sr(isNaN(t) ? NaN : 0.5);
+}
+function kr(e, t) {
+  var r;
+  return e > t && (r = e, e = t, t = r), function(n) {
+    return Math.max(e, Math.min(t, n));
+  };
+}
+function $r(e, t, r) {
+  var n = e[0], s = e[1], a = t[0], l = t[1];
+  return s < n ? (n = Me(s, n), a = r(l, a)) : (n = Me(n, s), a = r(a, l)), function(c) {
+    return a(n(c));
+  };
+}
+function Lr(e, t, r) {
+  var n = Math.min(e.length, t.length) - 1, s = new Array(n), a = new Array(n), l = -1;
+  for (e[n] < e[0] && (e = e.slice().reverse(), t = t.slice().reverse()); ++l < n; )
+    s[l] = Me(e[l], e[l + 1]), a[l] = r(t[l], t[l + 1]);
+  return function(c) {
+    var d = tt(e, c, 1, n) - 1;
+    return a[d](s[d](c));
+  };
+}
+function Tr(e, t) {
+  return t.domain(e.domain()).range(e.range()).interpolate(e.interpolate()).clamp(e.clamp()).unknown(e.unknown());
+}
+function Fr() {
+  var e = Ce, t = Ce, r = Te, n, s, a, l = W, c, d, o;
+  function u() {
+    var m = Math.min(e.length, t.length);
+    return l !== W && (l = kr(e[0], e[m - 1])), c = m > 2 ? Lr : $r, d = o = null, f;
+  }
+  function f(m) {
+    return m == null || isNaN(m = +m) ? a : (d || (d = c(e.map(n), t, r)))(n(l(m)));
+  }
+  return f.invert = function(m) {
+    return l(s((o || (o = c(t, e.map(n), fe)))(m)));
+  }, f.domain = function(m) {
+    return arguments.length ? (e = Array.from(m, Mr), u()) : e.slice();
+  }, f.range = function(m) {
+    return arguments.length ? (t = Array.from(m), u()) : t.slice();
+  }, f.rangeRound = function(m) {
+    return t = Array.from(m), r = fr, u();
+  }, f.clamp = function(m) {
+    return arguments.length ? (l = m ? !0 : W, u()) : l !== W;
+  }, f.interpolate = function(m) {
+    return arguments.length ? (r = m, u()) : r;
+  }, f.unknown = function(m) {
+    return arguments.length ? (a = m, f) : a;
+  }, function(m, N) {
+    return n = m, s = N, u();
+  };
+}
+function jr() {
+  return Fr()(W, W);
+}
+function Er(e, t, r, n) {
+  var s = qt(e, t, r), a;
+  switch (n = xe(n ?? ",f"), n.type) {
+    case "s": {
+      var l = Math.max(Math.abs(e), Math.abs(t));
+      return n.precision == null && !isNaN(a = Nr(s, l)) && (n.precision = a), lt(n, l);
+    }
+    case "":
+    case "e":
+    case "g":
+    case "p":
+    case "r": {
+      n.precision == null && !isNaN(a = Ar(s, Math.max(Math.abs(e), Math.abs(t)))) && (n.precision = a - (n.type === "e"));
+      break;
+    }
+    case "f":
+    case "%": {
+      n.precision == null && !isNaN(a = wr(s)) && (n.precision = a - (n.type === "%") * 2);
+      break;
+    }
+  }
+  return at(n);
+}
+function ct(e) {
+  var t = e.domain;
+  return e.ticks = function(r) {
+    var n = t();
+    return Vt(n[0], n[n.length - 1], r ?? 10);
+  }, e.tickFormat = function(r, n) {
+    var s = t();
+    return Er(s[0], s[s.length - 1], r ?? 10, n);
+  }, e.nice = function(r) {
+    r == null && (r = 10);
+    var n = t(), s = 0, a = n.length - 1, l = n[s], c = n[a], d, o, u = 10;
+    for (c < l && (o = l, l = c, c = o, o = s, s = a, a = o); u-- > 0; ) {
+      if (o = Ne(l, c, r), o === d)
+        return n[s] = l, n[a] = c, t(n);
+      if (o > 0)
+        l = Math.floor(l / o) * o, c = Math.ceil(c / o) * o;
+      else if (o < 0)
+        l = Math.ceil(l * o) / o, c = Math.floor(c * o) / o;
+      else
+        break;
+      d = o;
+    }
+    return e;
+  }, e;
+}
+function zr() {
+  var e = jr();
+  return e.copy = function() {
+    return Tr(e, zr());
+  }, je.apply(e, arguments), ct(e);
+}
+function dt() {
+  var e = 0, t = 1, r = 1, n = [0.5], s = [0, 1], a;
+  function l(d) {
+    return d != null && d <= d ? s[tt(n, d, 0, r)] : a;
+  }
+  function c() {
+    var d = -1;
+    for (n = new Array(r); ++d < r; ) n[d] = ((d + 1) * t - (d - r) * e) / (r + 1);
+    return l;
+  }
+  return l.domain = function(d) {
+    return arguments.length ? ([e, t] = d, e = +e, t = +t, c()) : [e, t];
+  }, l.range = function(d) {
+    return arguments.length ? (r = (s = Array.from(d)).length - 1, c()) : s.slice();
+  }, l.invertExtent = function(d) {
+    var o = s.indexOf(d);
+    return o < 0 ? [NaN, NaN] : o < 1 ? [e, n[0]] : o >= r ? [n[r - 1], t] : [n[o - 1], n[o]];
+  }, l.unknown = function(d) {
+    return arguments.length && (a = d), l;
+  }, l.thresholds = function() {
+    return n.slice();
+  }, l.copy = function() {
+    return dt().domain([e, t]).range(s).unknown(a);
+  }, je.apply(ct(l), arguments);
+}
+function Wr({
+  data: e,
+  chartConfig: t,
+  displayConfig: r = {},
+  queryObject: n,
+  height: s = "100%",
+  colorPalette: a
+}) {
+  const [l, c] = G(null), { getFieldLabel: d } = K();
+  try {
+    const o = {
+      showTooltip: (r == null ? void 0 : r.showTooltip) ?? !0,
+      showLegend: (r == null ? void 0 : r.showLegend) ?? !0
+    };
+    if (!e || e.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No data points to display in treemap chart" })
+      ] }) });
+    let u, f = !1, m;
+    if (t != null && t.xAxis && (t != null && t.yAxis)) {
+      const h = t.xAxis[0], y = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis;
+      m = Array.isArray(t.series) ? t.series[0] : t.series;
+      const b = O(n, h);
+      if (m) {
+        const A = e.map((w) => {
+          const k = w[m];
+          return typeof k == "string" ? parseFloat(k) : k;
+        }).filter((w) => !isNaN(w));
+        if (f = A.length === e.length && A.every((w) => typeof w == "number"), console.log("TreeMap Debug:", {
+          seriesField: m,
+          data: e,
+          seriesValues: A,
+          isNumericSeries: f,
+          rawValues: e.map((w) => w[m])
+        }), f) {
+          const w = Math.min(...A), k = Math.max(...A), L = dt().domain([w, k]).range(se);
+          u = e.map((F) => {
+            const M = typeof F[m] == "string" ? parseFloat(F[m]) : F[m], R = L(M);
+            return console.log("TreeMap Color Assignment:", {
+              item: F[h],
+              seriesValue: M,
+              color: R,
+              minValue: w,
+              maxValue: k
+            }), {
+              name: D(F[h], b) || String(F[h]) || "Unknown",
+              size: typeof F[y] == "string" ? parseFloat(F[y]) : F[y] || 0,
+              fill: R,
+              series: String(F[m])
+            };
+          });
+        } else {
+          const w = [...new Set(e.map((L) => String(L[m])))], k = ot().domain(w).range((a == null ? void 0 : a.colors) || T);
+          u = e.map((L) => ({
+            name: D(L[h], b) || String(L[h]) || "Unknown",
+            size: typeof L[y] == "string" ? parseFloat(L[y]) : L[y] || 0,
+            fill: k(String(L[m])),
+            series: String(L[m])
+          }));
+        }
+      } else
+        u = e.map((A, w) => ({
+          name: D(A[h], b) || String(A[h]) || "Unknown",
+          size: typeof A[y] == "string" ? parseFloat(A[y]) : A[y] || 0,
+          fill: (a == null ? void 0 : a.colors) && a.colors[w % a.colors.length] || T[w % T.length]
+        }));
+    } else {
+      const h = e[0], y = Object.keys(h), b = y.find(
+        (w) => typeof h[w] == "string" || w.toLowerCase().includes("name") || w.toLowerCase().includes("label") || w.toLowerCase().includes("category")
+      ) || y[0], A = y.find((w) => w.toLowerCase().includes("size")) || y.find(
+        (w) => typeof h[w] == "number" && w !== b
+      ) || y[1];
+      if (!A)
+        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+          /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ i("div", { className: "text-xs", children: "No numeric field found for treemap chart size" })
+        ] }) });
+      u = e.map((w, k) => {
+        let L = w[b];
+        return typeof L == "boolean" ? L = L ? "Active" : "Inactive" : L === "true" || L === "false" ? L = L === "true" ? "Active" : "Inactive" : L = String(L), {
+          name: L,
+          size: typeof w[A] == "string" ? parseFloat(w[A]) : w[A] || 0,
+          fill: (a == null ? void 0 : a.colors) && a.colors[k % a.colors.length] || T[k % T.length]
+        };
+      });
+    }
+    if (u = u.filter((h) => h.size != null && h.size > 0), u.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+        /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+        /* @__PURE__ */ i("div", { className: "text-xs", children: "No valid data points for treemap chart after transformation" })
+      ] }) });
+    const N = (h) => {
+      var M;
+      const { x: y, y: b, width: A, height: w, index: k, name: L, size: F } = h;
+      return A < 20 || w < 20 ? null : /* @__PURE__ */ g("g", { children: [
+        /* @__PURE__ */ i(
+          "rect",
+          {
+            x: y,
+            y: b,
+            width: A,
+            height: w,
+            style: {
+              fill: ((M = u[k]) == null ? void 0 : M.fill) || (a == null ? void 0 : a.colors) && a.colors[k % a.colors.length] || T[k % T.length],
+              fillOpacity: l !== null ? l === k ? 1 : 0.6 : 0.8,
+              stroke: "#fff",
+              strokeWidth: 2,
+              cursor: "pointer"
+            },
+            onMouseEnter: () => c(k),
+            onMouseLeave: () => c(null)
+          }
+        ),
+        /* @__PURE__ */ i(
+          "foreignObject",
+          {
+            x: y,
+            y: b,
+            width: A,
+            height: w,
+            style: { pointerEvents: "none", overflow: "visible" },
+            children: /* @__PURE__ */ g(
+              "div",
+              {
+                style: {
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "4px",
+                  boxSizing: "border-box",
+                  color: "#ffffff",
+                  textShadow: "0 1px 2px rgba(0,0,0,0.8)",
+                  fontFamily: "system-ui, -apple-system, sans-serif",
+                  overflow: "hidden"
+                },
+                children: [
+                  A > 40 && w > 30 && /* @__PURE__ */ i(
+                    "div",
+                    {
+                      style: {
+                        fontSize: `${Math.max(10, Math.min(A / 8, w / 8, 16))}px`,
+                        fontWeight: "600",
+                        textAlign: "center",
+                        lineHeight: "1.2",
+                        marginBottom: A > 60 && w > 45 ? "4px" : "0",
+                        wordBreak: "break-word",
+                        hyphens: "auto"
+                      },
+                      children: L
+                    }
+                  ),
+                  A > 60 && w > 45 && /* @__PURE__ */ i(
+                    "div",
+                    {
+                      style: {
+                        fontSize: `${Math.max(8, Math.min(A / 10, w / 10, 14))}px`,
+                        textAlign: "center",
+                        opacity: 0.9
+                      },
+                      children: typeof F == "number" ? F.toLocaleString() : F
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ] });
+    }, v = u.some((h) => "series" in h) ? [...new Set(u.map((h) => h.series).filter(Boolean))] : [];
+    let p = [];
+    if (o.showLegend && m) {
+      if (console.log("TreeMap Legend Debug:", {
+        showLegend: o.showLegend,
+        seriesField: m,
+        isNumericSeries: f,
+        uniqueSeries: v,
+        data: e.slice(0, 2)
+        // First 2 items for debugging
+      }), f) {
+        const h = Math.min(...e.map((b) => {
+          const A = b[m];
+          return typeof A == "string" ? parseFloat(A) : A;
+        })), y = Math.max(...e.map((b) => {
+          const A = b[m];
+          return typeof A == "string" ? parseFloat(A) : A;
+        }));
+        console.log("Creating numeric legend:", { minValue: h, maxValue: y }), p = se.map((b, A) => {
+          const w = A / (se.length - 1);
+          return {
+            value: (h + (y - h) * w).toFixed(2),
+            type: "rect",
+            color: b
+          };
+        });
+      } else v.length > 1 && (console.log("Creating categorical legend:", v), p = v.map((h, y) => ({
+        value: h,
+        type: "rect",
+        color: T[y % T.length]
+      })));
+      console.log("Final legendPayload:", p);
+    }
+    const S = o.showLegend && p.length > 0, $ = S ? typeof s == "string" && s.includes("%") ? s : typeof s == "number" ? s + 60 : `calc(${s} + 60px)` : s;
+    return /* @__PURE__ */ g("div", { className: "w-full", style: { height: $ }, children: [
+      /* @__PURE__ */ i(U, { height: S ? "calc(100% - 50px)" : "100%", children: /* @__PURE__ */ i(
+        Lt,
+        {
+          data: u,
+          dataKey: "size",
+          aspectRatio: 4 / 3,
+          stroke: "#fff",
+          content: /* @__PURE__ */ i(N, {}),
+          children: o.showTooltip && /* @__PURE__ */ i(V, {})
+        }
+      ) }),
+      S && /* @__PURE__ */ i("div", { className: "flex justify-center items-center mt-4 pb-2", children: f ? (
+        // Gradient legend for numeric series
+        /* @__PURE__ */ g("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ i("div", { className: "text-xs font-semibold text-gray-700 mb-2", children: m ? d(m) : "" }),
+          /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ i("span", { className: "text-xs text-gray-600", children: Math.min(...e.map((h) => {
+              const y = h[m];
+              return typeof y == "string" ? parseFloat(y) : y;
+            })).toFixed(2) }),
+            /* @__PURE__ */ i(
+              "div",
+              {
+                className: "h-4 rounded",
+                style: {
+                  width: "200px",
+                  background: `linear-gradient(to right, ${se.join(", ")})`
+                }
+              }
+            ),
+            /* @__PURE__ */ i("span", { className: "text-xs text-gray-600", children: Math.max(...e.map((h) => {
+              const y = h[m];
+              return typeof y == "string" ? parseFloat(y) : y;
+            })).toFixed(2) })
+          ] })
+        ] })
+      ) : (
+        // Discrete legend for categorical series
+        /* @__PURE__ */ i("div", { className: "flex flex-wrap justify-center gap-4", children: p.map((h, y) => /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: "w-3 h-3 rounded-sm",
+              style: { backgroundColor: h.color }
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "text-xs text-gray-600", children: h.value })
+        ] }, y)) })
+      ) })
+    ] });
+  } catch (o) {
+    return console.error("TreeMapChart rendering error:", o), /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "TreeMap Chart Error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs mb-2", children: o instanceof Error ? o.message : "Unknown rendering error" }),
+      /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+function Xr({
+  data: e,
+  chartConfig: t,
+  height: r = 300
+}) {
+  const { getFieldLabel: n } = K();
+  if (!e || e.length === 0)
+    return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: r }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+      /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+      /* @__PURE__ */ i("div", { className: "text-xs", children: "No data to display in table" })
+    ] }) });
+  const s = Object.keys(e[0] || {}), a = t != null && t.xAxis && t.xAxis.length > 0 ? t.xAxis.filter((l) => s.includes(l)) : s;
+  return a.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: r }, children: /* @__PURE__ */ g("div", { className: "text-center", children: [
+    /* @__PURE__ */ i("div", { className: "text-sm font-semibold mb-1", children: "No columns available" }),
+    /* @__PURE__ */ i("div", { className: "text-xs", children: "Data structure is invalid" })
+  ] }) }) : /* @__PURE__ */ i("div", { className: "w-full overflow-auto", style: { height: r }, children: /* @__PURE__ */ g("table", { className: "min-w-full divide-y divide-gray-200", children: [
+    /* @__PURE__ */ i("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ i("tr", { children: a.map((l) => /* @__PURE__ */ i(
+      "th",
+      {
+        className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",
+        children: n(l)
+      },
+      l
+    )) }) }),
+    /* @__PURE__ */ i("tbody", { className: "bg-white divide-y divide-gray-200", children: e.map((l, c) => /* @__PURE__ */ i("tr", { className: "hover:bg-gray-50", children: a.map((d) => /* @__PURE__ */ i(
+      "td",
+      {
+        className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900",
+        children: Rr(l[d])
+      },
+      d
+    )) }, c)) })
+  ] }) });
+}
+function Rr(e) {
+  return e == null ? "" : typeof e == "number" ? e.toLocaleString() : typeof e == "boolean" ? e ? "Yes" : "No" : String(e);
+}
+function Qr(e) {
+  const t = Dr(e);
+  return {
+    portlets: e,
+    layouts: t
+  };
+}
+function Dr(e) {
+  const t = e.map((r) => ({
+    i: r.id,
+    x: r.x,
+    y: r.y,
+    w: r.w,
+    h: r.h,
+    minW: 3,
+    minH: 3
+  }));
+  return {
+    lg: t,
+    md: t.map((r) => ({ ...r, w: Math.min(r.w, 8) })),
+    sm: t.map((r) => ({ ...r, w: Math.min(r.w, 6) })),
+    xs: t.map((r) => ({ ...r, w: Math.min(r.w, 4) })),
+    xxs: t.map((r) => ({ ...r, w: 2 }))
+  };
+}
+function Zr(e, t = {}) {
+  const { formatNumbers: r = !0, precision: n = 2 } = t;
+  return r ? e.map((s) => {
+    const a = {};
+    for (const [l, c] of Object.entries(s))
+      typeof c == "number" ? a[l] = Number(c.toFixed(n)) : a[l] = c;
+    return a;
+  }) : e;
+}
+function Jr() {
+  return `portlet-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function Pr(e, t = 6, r = 4) {
+  return e.length === 0 ? { x: 0, y: 0 } : { x: 0, y: Math.max(...e.map((s) => s.y + s.h)) };
+}
+function Cr(e) {
+  try {
+    const t = JSON.parse(e);
+    return typeof t != "object" || t === null ? { valid: !1, error: "Query must be a JSON object" } : !t.measures && !t.dimensions ? { valid: !1, error: "Query must have at least measures or dimensions" } : { valid: !0, query: t };
+  } catch {
+    return { valid: !1, error: "Invalid JSON format" };
+  }
+}
+function en() {
+  return {
+    title: "Sample Chart",
+    query: JSON.stringify({
+      measures: ["count"],
+      dimensions: ["category"]
+    }, null, 2),
+    chartType: "bar",
+    chartConfig: {
+      x: "category",
+      y: ["count"]
+    },
+    displayConfig: {
+      showLegend: !0,
+      showGrid: !0,
+      showTooltip: !0
+    },
+    w: 6,
+    h: 4,
+    x: 0,
+    y: 0
+  };
+}
+export {
+  qr as A,
+  Ur as B,
+  ve as C,
+  Xr as D,
+  Vr as L,
+  Tt as N,
+  Br as P,
+  Kr as R,
+  _r as S,
+  Wr as T,
+  Yr as a,
+  Tr as b,
+  Qr as c,
+  W as d,
+  D as e,
+  Zr as f,
+  O as g,
+  zr as h,
+  je as i,
+  se as j,
+  T as k,
+  ct as l,
+  U as m,
+  Dr as n,
+  ot as o,
+  Jr as p,
+  dt as q,
+  Pr as r,
+  en as s,
+  Fr as t,
+  De as u,
+  Cr as v
+};
+//# sourceMappingURL=charts-Dx3asDBi.js.map