drizzle-cube 0.1.26 → 0.1.29

package/dist/client/chunks/{charts-JUvTF2xT.js → charts-BM1k01Jw.js}

@@ -1,34 +1,34 @@
-import { jsx as i, jsxs as b } 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 B, Bar as mt, Cell as ke, LineChart as xt, Line as ht, AreaChart as yt, Area as pt, PieChart as vt, Pie as bt, ScatterChart as gt, 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%" }) {
+import { jsx as i, jsxs as w, Fragment as $e } from "react/jsx-runtime";
+import { useState as O } from "react";
+import { ResponsiveContainer as _e, Tooltip as yt, ComposedChart as st, CartesianGrid as ye, XAxis as pe, YAxis as ve, Legend as B, Bar as pt, Cell as Le, Line as q, LineChart as vt, Area as gt, PieChart as bt, Pie as wt, ScatterChart as Nt, Scatter as He, RadarChart as At, PolarGrid as St, PolarAngleAxis as kt, PolarRadiusAxis as Mt, Radar as $t, RadialBarChart as Lt, RadialBar as Tt, Treemap as Ft } from "recharts";
+import { u as W } from "./providers-B7MVnAAt.js";
+function G({ 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 n = {
+      return /* @__PURE__ */ i("div", { className: "w-full h-full flex-1 flex flex-col relative", style: { minHeight: "250px", overflow: "hidden" }, children: /* @__PURE__ */ i(_e, { 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: { ...n, overflow: "hidden" }, children: /* @__PURE__ */ i(ze, { width: "100%", height: "100%", debounce: 50, style: { marginTop: "16px" }, children: e }) });
-  } catch (n) {
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ i("div", { className: "w-full flex flex-col relative", style: { ...r, overflow: "hidden" }, children: /* @__PURE__ */ i(_e, { width: "100%", height: "100%", debounce: 50, style: { marginTop: "16px" }, children: e }) });
+  } catch (r) {
+    return /* @__PURE__ */ w(
       "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: n instanceof Error ? n.message : "Failed to create responsive container" })
+          /* @__PURE__ */ i("div", { className: "text-xs text-gray-600", children: r instanceof Error ? r.message : "Failed to create responsive container" })
         ]
       }
     );
   }
 }
-function q({ formatter: e, labelFormatter: t }) {
+function V({ formatter: e, labelFormatter: t }) {
   return /* @__PURE__ */ i(
-    ut,
+    yt,
     {
       formatter: e,
       labelFormatter: t,
@@ -44,7 +44,7 @@ function q({ formatter: e, labelFormatter: t }) {
     }
   );
 }
-const T = [
+const L = [
   "#3b82f6",
   // blue
   "#10b981",
@@ -61,7 +61,7 @@ const T = [
   // cyan
   "#84cc16"
   // lime
-], se = [
+], ie = [
   "#440154",
   // dark purple
   "#414487",
@@ -74,25 +74,25 @@ const T = [
   // green
   "#fde725"
   // yellow
-], De = "#10b981", Tt = "#ef4444", ve = {
+], Oe = "#10b981", jt = "#ef4444", ge = {
   top: 5,
   right: 30,
   left: 20,
   bottom: 5
 };
-function we(e, t) {
+function Ne(e, t) {
   return t[e] || e;
 }
 function R(e, t) {
   if (!e) return String(e || "Unknown");
-  const n = String(e);
-  if (n.match(/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}/)) {
-    let r = n;
-    n.includes(" ") && (r = n.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !r.endsWith("Z") && !r.includes("+") && (r = r + "Z");
-    const s = new Date(r);
+  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 n;
-    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();
+      return r;
+    const a = s.getUTCFullYear(), l = String(s.getUTCMonth() + 1).padStart(2, "0"), c = String(s.getUTCDate()).padStart(2, "0"), u = s.getUTCHours(), o = s.getUTCMinutes();
     if (t)
       switch (t.toLowerCase()) {
         case "year":
@@ -107,160 +107,202 @@ function R(e, t) {
         case "day":
           return `${a}-${l}-${c}`;
         case "hour":
-          return `${a}-${l}-${c} ${String(d).padStart(2, "0")}:00`;
+          return `${a}-${l}-${c} ${String(u).padStart(2, "0")}:00`;
         case "minute":
-          return `${a}-${l}-${c} ${String(d).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
+          return `${a}-${l}-${c} ${String(u).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) {
+    const d = s.getUTCSeconds(), f = s.getUTCMilliseconds();
+    if (c === "01" && u === 0 && o === 0 && d === 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 u === 0 && o === 0 && d === 0 && f === 0 ? `${a}-${l}-${c}` : o === 0 && d === 0 && f === 0 ? `${a}-${l}-${c} ${String(u).padStart(2, "0")}:00` : `${a}-${l}-${c} ${String(u).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
   }
-  return n;
+  return r;
 }
-function O(e, t) {
+function H(e, t) {
   try {
     if (e != null && e.timeDimensions) {
-      const r = e.timeDimensions.find((s) => t === s.dimension || t.startsWith(s.dimension.replace(".", "_")) || t === `${s.dimension}_${s.granularity}`);
-      if (r != null && r.granularity)
-        return r.granularity;
+      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 n = t.match(/_([a-z]+)$/);
-    if (n) {
-      const r = n[1];
-      if (["year", "quarter", "month", "week", "day", "hour", "minute", "second"].includes(r))
-        return r;
+    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, n, r, s = {}) {
+function zt(e, t, r, n, s = {}) {
   if (!e || e.length === 0) return [];
-  const a = O(r, t);
+  const a = H(n, t);
   return e.map((l) => {
     const c = {
       name: R(l[t], a) || l[t] || "Unknown"
     };
-    return n.forEach((d) => {
-      const o = we(d, s);
-      c[o] = typeof l[d] == "string" ? parseFloat(l[d]) : l[d] || 0;
+    return r.forEach((u) => {
+      const o = Ne(u, s);
+      c[o] = typeof l[u] == "string" ? parseFloat(l[u]) : l[u] || 0;
     }), c;
   });
 }
-function C(e, t, n, r, s, a = {}) {
-  var w;
+function ee(e, t, r, n, s, a = {}) {
+  var A;
   if (!e || e.length === 0)
     return { data: [], seriesKeys: [], hasDimensions: !1 };
-  const l = r || {}, c = [
+  const l = n || {}, c = [
     ...l.dimensions || [],
-    ...((w = l.timeDimensions) == null ? void 0 : w.map((x) => x.dimension)) || []
-  ], d = l.measures || [], o = n.filter((x) => d.includes(x)), u = (s || []).filter((x) => c.includes(x));
-  if (u.length > 0) {
+    ...((A = l.timeDimensions) == null ? void 0 : A.map((x) => x.dimension)) || []
+  ], u = l.measures || [], o = r.filter((x) => u.includes(x)), d = (s || []).filter((x) => c.includes(x));
+  if (d.length > 0) {
     const x = {};
     e.forEach((S) => {
-      const k = O(r, t), h = R(S[t], k) || S[t] || "Unknown";
-      x[h] || (x[h] = { name: String(h) }), o.forEach((y) => {
-        const g = we(y, a);
-        x[h][g] = (x[h][g] || 0) + (typeof S[y] == "string" ? parseFloat(S[y]) : S[y] || 0);
-      }), u.forEach((y) => {
-        const g = S[y];
-        if (g != null) {
-          const N = String(g), A = o[0] || d.find(
-            ($) => $.includes("totalCost") || $.includes("count") || $.includes("sum")
-          ) || d[0];
-          if (A) {
-            const $ = typeof S[A] == "string" ? parseFloat(S[A]) : S[A] || 0;
-            x[h][N] = (x[h][N] || 0) + $;
+      const T = H(n, t), h = R(S[t], T) || S[t] || "Unknown";
+      x[h] || (x[h] = { name: String(h) }), o.forEach((b) => {
+        const y = Ne(b, a);
+        x[h][y] = (x[h][y] || 0) + (typeof S[b] == "string" ? parseFloat(S[b]) : S[b] || 0);
+      }), d.forEach((b) => {
+        const y = S[b];
+        if (y != null) {
+          const p = String(y), v = o[0] || u.find(
+            (k) => k.includes("totalCost") || k.includes("count") || k.includes("sum")
+          ) || u[0];
+          if (v) {
+            const k = typeof S[v] == "string" ? parseFloat(S[v]) : S[v] || 0;
+            x[h][p] = (x[h][p] || 0) + k;
           }
         }
       });
     });
-    const v = Object.values(x), p = Array.from(new Set(
+    const N = Object.values(x), g = Array.from(new Set(
       e.flatMap(
-        (S) => u.map((k) => {
-          const h = S[k];
+        (S) => d.map((T) => {
+          const h = S[T];
           return h != null ? String(h) : null;
-        }).filter((k) => k !== null)
+        }).filter((T) => T !== null)
       )
     ));
     return {
-      data: v,
-      seriesKeys: p,
+      data: N,
+      seriesKeys: g,
       hasDimensions: !0
     };
   }
-  const f = Ft(e, t, n, r, a), m = n.map((x) => we(x, a));
+  const f = zt(e, t, r, n, a), m = r.map((x) => Ne(x, a));
   return {
     data: f,
     seriesKeys: m,
     hasDimensions: !1
   };
 }
-function qn({
+function Te(e) {
+  if (!e || typeof e != "string")
+    return [];
+  const t = e.trim();
+  if (!t)
+    return [];
+  try {
+    const r = t.split(",").map((n) => n.trim()).filter((n) => n !== "").map((n) => {
+      const s = parseFloat(n);
+      if (isNaN(s))
+        throw new Error(`Invalid numeric value: ${n}`);
+      return s;
+    });
+    return r.length > 0 ? r : [];
+  } catch (r) {
+    return console.warn("Failed to parse target values:", r), [];
+  }
+}
+function Fe(e, t) {
+  if (e.length === 0 || t <= 0)
+    return [];
+  if (e.length === 1)
+    return new Array(t).fill(e[0]);
+  const r = [], n = Math.floor(t / e.length), s = t % e.length;
+  let a = 0;
+  for (let l = 0; l < e.length; l++) {
+    const c = n + (l < s ? 1 : 0);
+    for (let u = 0; u < c; u++)
+      r[a++] = e[l];
+  }
+  return r;
+}
+function Ur(e, t) {
+  return t === 0 ? e === 0 ? 0 : e > 0 ? 100 : -100 : (e - t) / t * 100;
+}
+function qr(e, t = 1) {
+  return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
+}
+function Kr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null), { labelMap: d, getFieldLabel: o } = K();
+  const [l, c] = O(null), { labelMap: u, getFieldLabel: o } = W();
   try {
-    const u = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showGrid: (n == null ? void 0 : n.showGrid) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0,
-      stacked: (n == null ? void 0 : n.stacked) ?? !1
+    const d = {
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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, w = [];
+    let f, m, A = [];
     if (t != null && t.xAxis && (t != null && t.yAxis))
-      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], w = t.series || [];
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], A = 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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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(
+    const { data: x, seriesKeys: N } = ee(
       e,
       f,
       m,
-      r,
-      w,
-      d
-    ), p = u.stacked === !0, S = v.length === 1 && x.some((y) => {
-      const g = y[v[0]];
-      return typeof g == "number" && g < 0;
-    }), k = u.showLegend, h = {
-      ...ve,
+      n,
+      A,
+      u
+    ), g = d.stacked === !0, S = N.length === 1 && x.some((v) => {
+      const k = v[N[0]];
+      return typeof k == "number" && k < 0;
+    }), T = d.showLegend, h = {
+      ...ge,
       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__ */ b("div", { className: "text-center", children: [
+    }, b = Te((r == null ? void 0 : r.target) || ""), y = Fe(b, x.length);
+    let p = x;
+    return y.length > 0 && (p = x.map((v, k) => ({
+      ...v,
+      __target: y[k] || null
+    }))), !x || x.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b(ft, { data: x, margin: h, children: [
-      u.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+    ] }) }) : /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(st, { data: p, margin: h, children: [
+      d.showGrid && /* @__PURE__ */ i(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ i(
-        ye,
+        pe,
         {
           dataKey: "name",
           tick: { fontSize: 12 },
@@ -270,14 +312,19 @@ function qn({
         }
       ),
       /* @__PURE__ */ i(
-        pe,
+        ve,
         {
           tick: { fontSize: 12 },
           label: { value: o(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
         }
       ),
-      u.showTooltip && /* @__PURE__ */ i(q, {}),
-      k && /* @__PURE__ */ i(
+      d.showTooltip && /* @__PURE__ */ i(
+        V,
+        {
+          formatter: (v, k) => k === "Target" ? [`${v}`, "Target Value"] : [v, k]
+        }
+      ),
+      T && /* @__PURE__ */ i(
         B,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
@@ -286,94 +333,126 @@ function qn({
           layout: "horizontal",
           align: "center",
           verticalAlign: "bottom",
-          onMouseEnter: (y) => c(String(y.dataKey || "")),
+          onMouseEnter: (v) => c(String(v.dataKey || "")),
           onMouseLeave: () => c(null)
         }
       ),
-      v.map((y, g) => /* @__PURE__ */ i(
-        mt,
+      N.map((v, k) => /* @__PURE__ */ i(
+        pt,
         {
-          dataKey: y,
-          stackId: p ? "stack" : void 0,
-          fill: S ? De : (a == null ? void 0 : a.colors) && a.colors[g % a.colors.length] || T[g % T.length],
-          fillOpacity: l ? l === y ? 1 : 0.3 : 1,
-          children: S && x.map((N, A) => {
-            const $ = N[y], L = typeof $ == "number" && $ < 0 ? Tt : De;
+          dataKey: v,
+          stackId: g ? "stack" : void 0,
+          fill: S ? Oe : (a == null ? void 0 : a.colors) && a.colors[k % a.colors.length] || L[k % L.length],
+          fillOpacity: l ? l === v ? 1 : 0.3 : 1,
+          children: S && x.map(($, F) => {
+            const M = $[v], E = typeof M == "number" && M < 0 ? jt : Oe;
             return /* @__PURE__ */ i(
-              ke,
+              Le,
               {
-                fill: L,
-                fillOpacity: l ? l === y ? 1 : 0.3 : 1
+                fill: E,
+                fillOpacity: l ? l === v ? 1 : 0.3 : 1
               },
-              `cell-${A}`
+              `cell-${F}`
             );
           })
         },
-        y
-      ))
+        v
+      )),
+      y.length > 0 && /* @__PURE__ */ w($e, { children: [
+        /* @__PURE__ */ i(
+          q,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            stroke: "#ffffff",
+            strokeWidth: 2,
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        ),
+        /* @__PURE__ */ i(
+          q,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            name: "Target",
+            stroke: "#8B5CF6",
+            strokeWidth: 2,
+            strokeDasharray: "2 3",
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        )
+      ] })
     ] }) });
-  } catch (u) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+  } catch (d) {
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 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 Vn({
+function Br({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null), { labelMap: d, getFieldLabel: o } = K();
+  const [l, c] = O(null), { labelMap: u, getFieldLabel: o } = W();
   try {
-    const u = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showGrid: (n == null ? void 0 : n.showGrid) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0
+    const d = {
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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, w = [];
+    let f, m, A = [];
     if (t != null && t.xAxis && (t != null && t.yAxis))
-      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], w = t.series || [];
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], A = 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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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(
+    const { data: x, seriesKeys: N } = ee(
       e,
       f,
       m,
-      r,
-      w,
-      d
-    ), p = u.showLegend, S = {
-      ...ve,
+      n,
+      A,
+      u
+    ), g = d.showLegend, S = {
+      ...ge,
       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__ */ b("div", { className: "text-center", children: [
+    }, T = Te((r == null ? void 0 : r.target) || ""), h = Fe(T, x.length);
+    let b = x;
+    return h.length > 0 && (b = x.map((y, p) => ({
+      ...y,
+      __target: h[p] || null
+    }))), !x || x.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b(xt, { data: x, margin: S, children: [
-      u.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+    ] }) }) : /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(vt, { data: b, margin: S, children: [
+      d.showGrid && /* @__PURE__ */ i(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ i(
-        ye,
+        pe,
         {
           dataKey: "name",
           tick: { fontSize: 12 },
@@ -383,14 +462,19 @@ function Vn({
         }
       ),
       /* @__PURE__ */ i(
-        pe,
+        ve,
         {
           tick: { fontSize: 12 },
           label: { value: o(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
         }
       ),
-      u.showTooltip && /* @__PURE__ */ i(q, {}),
-      p && /* @__PURE__ */ i(
+      d.showTooltip && /* @__PURE__ */ i(
+        V,
+        {
+          formatter: (y, p) => p === "Target" ? [`${y}`, "Target Value"] : [y, p]
+        }
+      ),
+      g && /* @__PURE__ */ i(
         B,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
@@ -399,87 +483,119 @@ function Vn({
           layout: "horizontal",
           align: "center",
           verticalAlign: "bottom",
-          onMouseEnter: (k) => c(String(k.dataKey || "")),
+          onMouseEnter: (y) => c(String(y.dataKey || "")),
           onMouseLeave: () => c(null)
         }
       ),
-      v.map((k, h) => /* @__PURE__ */ i(
-        ht,
+      N.map((y, p) => /* @__PURE__ */ i(
+        q,
         {
           type: "monotone",
-          dataKey: k,
-          stroke: (a == null ? void 0 : a.colors) && a.colors[h % a.colors.length] || T[h % T.length],
+          dataKey: y,
+          stroke: (a == null ? void 0 : a.colors) && a.colors[p % a.colors.length] || L[p % L.length],
           strokeWidth: 2,
           dot: { r: 3 },
           activeDot: { r: 5 },
-          strokeOpacity: l ? l === k ? 1 : 0.3 : 1
+          strokeOpacity: l ? l === y ? 1 : 0.3 : 1
         },
-        k
-      ))
+        y
+      )),
+      h.length > 0 && /* @__PURE__ */ w($e, { children: [
+        /* @__PURE__ */ i(
+          q,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            stroke: "#ffffff",
+            strokeWidth: 2,
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        ),
+        /* @__PURE__ */ i(
+          q,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            name: "Target",
+            stroke: "#8B5CF6",
+            strokeWidth: 2,
+            strokeDasharray: "2 3",
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        )
+      ] })
     ] }) });
-  } catch (u) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+  } catch (d) {
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 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 _n({
+function Wr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null), { labelMap: d, getFieldLabel: o } = K();
+  const [l, c] = O(null), { labelMap: u, getFieldLabel: o } = W();
   try {
-    const u = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showGrid: (n == null ? void 0 : n.showGrid) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0,
-      stacked: (n == null ? void 0 : n.stacked) ?? !1
+    const d = {
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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, w = [];
+    let f, m, A = [];
     if (t != null && t.xAxis && (t != null && t.yAxis))
-      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], w = t.series || [];
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], A = 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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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(
+    const { data: x, seriesKeys: N } = ee(
       e,
       f,
       m,
-      r,
-      w,
-      d
-    ), p = u.showLegend, S = {
-      ...ve,
+      n,
+      A,
+      u
+    ), g = d.showLegend, S = {
+      ...ge,
       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__ */ b("div", { className: "text-center", children: [
+    }, T = Te((r == null ? void 0 : r.target) || ""), h = Fe(T, x.length);
+    let b = x;
+    return h.length > 0 && (b = x.map((y, p) => ({
+      ...y,
+      __target: h[p] || null
+    }))), !x || x.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b(yt, { data: x, margin: S, children: [
-      u.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+    ] }) }) : /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(st, { data: b, margin: S, children: [
+      d.showGrid && /* @__PURE__ */ i(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ i(
-        ye,
+        pe,
         {
           dataKey: "name",
           tick: { fontSize: 12 },
@@ -489,14 +605,19 @@ function _n({
         }
       ),
       /* @__PURE__ */ i(
-        pe,
+        ve,
         {
           tick: { fontSize: 12 },
           label: { value: o(m[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
         }
       ),
-      u.showTooltip && /* @__PURE__ */ i(q, {}),
-      p && /* @__PURE__ */ i(
+      d.showTooltip && /* @__PURE__ */ i(
+        V,
+        {
+          formatter: (y, p) => p === "Target" ? [`${y}`, "Target Value"] : [y, p]
+        }
+      ),
+      g && /* @__PURE__ */ i(
         B,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
@@ -505,122 +626,150 @@ function _n({
           layout: "horizontal",
           align: "center",
           verticalAlign: "bottom",
-          onMouseEnter: (k) => c(String(k.dataKey || "")),
+          onMouseEnter: (y) => c(String(y.dataKey || "")),
           onMouseLeave: () => c(null)
         }
       ),
-      v.map((k, h) => /* @__PURE__ */ i(
-        pt,
+      N.map((y, p) => /* @__PURE__ */ i(
+        gt,
         {
           type: "monotone",
-          dataKey: k,
-          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 === k ? 0.6 : 0.1 : 0.3,
+          dataKey: y,
+          stackId: d.stacked ? "stack" : void 0,
+          stroke: (a == null ? void 0 : a.colors) && a.colors[p % a.colors.length] || L[p % L.length],
+          fill: (a == null ? void 0 : a.colors) && a.colors[p % a.colors.length] || L[p % L.length],
+          fillOpacity: l ? l === y ? 0.6 : 0.1 : 0.3,
           strokeWidth: 2,
-          strokeOpacity: l ? l === k ? 1 : 0.3 : 1
+          strokeOpacity: l ? l === y ? 1 : 0.3 : 1
         },
-        k
-      ))
+        y
+      )),
+      h.length > 0 && /* @__PURE__ */ w($e, { children: [
+        /* @__PURE__ */ i(
+          q,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            stroke: "#ffffff",
+            strokeWidth: 2,
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        ),
+        /* @__PURE__ */ i(
+          q,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            name: "Target",
+            stroke: "#8B5CF6",
+            strokeWidth: 2,
+            strokeDasharray: "2 3",
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        )
+      ] })
     ] }) });
-  } catch (u) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+  } catch (d) {
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 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 Bn({
+function Yr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null), { labelMap: d } = K();
+  const [l, c] = O(null), { labelMap: u } = W();
   try {
     const o = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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, w = [];
+    let d, f, m, A = [];
     if (t != null && t.xAxis && (t != null && t.yAxis))
-      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], w = t.series || [];
+      f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], A = 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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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 (w.length > 0) {
-      const { data: v } = C(
+    if (A.length > 0) {
+      const { data: N } = ee(
         e,
         f,
         m,
-        r,
-        w,
-        d
+        n,
+        A,
+        u
       );
-      if (u = [], v.length > 0) {
-        const p = v[0];
-        Object.keys(p).forEach((S) => {
-          S !== "name" && typeof p[S] == "number" && u.push({
+      if (d = [], N.length > 0) {
+        const g = N[0];
+        Object.keys(g).forEach((S) => {
+          S !== "name" && typeof g[S] == "number" && d.push({
             name: String(S),
-            value: p[S]
+            value: g[S]
           });
         });
       }
     } else {
-      const v = O(r, f);
-      u = e.map((p) => {
-        let S = R(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"), {
+      const N = H(n, f);
+      d = e.map((g) => {
+        let S = R(g[f], N) || String(g[f]) || "Unknown";
+        return typeof g[f] == "boolean" ? S = g[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
+          value: typeof g[m[0]] == "string" ? parseFloat(g[m[0]]) : g[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__ */ b("div", { className: "text-center", children: [
+    const x = d.length;
+    return d = d.filter(
+      (N) => N.value != null && !isNaN(N.value) && N.value !== 0 && N.value > 0
+    ), d.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b(vt, { children: [
+    ] }) }) : /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(bt, { children: [
       /* @__PURE__ */ i(
-        bt,
+        wt,
         {
-          data: u,
+          data: d,
           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,
+          label: o.showLegend ? void 0 : ({ name: N, percent: g }) => `${N} ${(g * 100).toFixed(0)}%`,
+          children: d.map((N, g) => /* @__PURE__ */ i(
+            Le,
             {
-              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
+              fill: (a == null ? void 0 : a.colors) && a.colors[g % a.colors.length] || L[g % L.length],
+              fillOpacity: l ? l === d[g].name ? 1 : 0.3 : 1
             },
-            `cell-${p}`
+            `cell-${g}`
           ))
         }
       ),
-      o.showTooltip && /* @__PURE__ */ i(q, {}),
+      o.showTooltip && /* @__PURE__ */ i(V, {}),
       o.showLegend && /* @__PURE__ */ i(
         B,
         {
@@ -630,112 +779,112 @@ function Bn({
           layout: "horizontal",
           align: "center",
           verticalAlign: "bottom",
-          onMouseEnter: (v) => c(String(v.value || "")),
+          onMouseEnter: (N) => c(String(N.value || "")),
           onMouseLeave: () => c(null)
         }
       )
     ] }) });
   } catch (o) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 Kn({
+function Xr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null), { getFieldLabel: d } = K();
+  const [l, c] = O(null), { getFieldLabel: u } = W();
   try {
     const o = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showGrid: (n == null ? void 0 : n.showGrid) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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 = [];
+    let d, 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 || [];
+      d = 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;
+      d = 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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b("div", { className: "text-center", children: [
+    if (!d || !f)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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 w, x = {};
+    let A, x = {};
     if (m.length > 0) {
       const h = m[0];
-      e.forEach((g) => {
-        const N = String(g[h] || "Default");
-        x[N] || (x[N] = []);
-        const A = O(r, u), $ = R(g[u], A) || g[u], L = typeof g[f] == "string" ? parseFloat(g[f]) : g[f] || 0;
-        x[N].push({
-          x: typeof $ == "string" ? parseFloat($) || 0 : $,
-          y: L,
-          name: `${N} (${$}, ${L})`
+      e.forEach((y) => {
+        const p = String(y[h] || "Default");
+        x[p] || (x[p] = []);
+        const v = H(n, d), k = R(y[d], v) || y[d], $ = typeof y[f] == "string" ? parseFloat(y[f]) : y[f] || 0;
+        x[p].push({
+          x: typeof k == "string" ? parseFloat(k) || 0 : k,
+          y: $,
+          name: `${p} (${k}, ${$})`
         });
       });
-      const y = Object.keys(x);
-      w = x[y[0]] || [];
+      const b = Object.keys(x);
+      A = x[b[0]] || [];
     } else {
-      const h = O(r, u);
-      w = e.map((y) => {
-        const g = R(y[u], h) || y[u], N = typeof y[f] == "string" ? parseFloat(y[f]) : y[f] || 0;
+      const h = H(n, d);
+      A = e.map((b) => {
+        const y = R(b[d], h) || b[d], p = typeof b[f] == "string" ? parseFloat(b[f]) : b[f] || 0;
         return {
-          x: typeof g == "string" ? parseFloat(g) || 0 : g,
-          y: N,
-          name: `(${g}, ${N})`
+          x: typeof y == "string" ? parseFloat(y) || 0 : y,
+          y: p,
+          name: `(${y}, ${p})`
         };
       });
     }
-    if (!w || w.length === 0)
-      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+    if (!A || A.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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, k = {
-      ...ve,
+    const N = Object.keys(x), g = N.length > 1, S = o.showLegend && g, T = {
+      ...ge,
       left: 40
       // Increased from 20 to 40 for Y-axis label space
     };
-    return /* @__PURE__ */ i(U, { height: s, children: /* @__PURE__ */ b(gt, { data: w, margin: k, children: [
-      o.showGrid && /* @__PURE__ */ i(he, { strokeDasharray: "3 3" }),
+    return /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(Nt, { data: A, margin: T, children: [
+      o.showGrid && /* @__PURE__ */ i(ye, { strokeDasharray: "3 3" }),
       /* @__PURE__ */ i(
-        ye,
+        pe,
         {
           type: "number",
           dataKey: "x",
-          name: d(u),
+          name: u(d),
           tick: { fontSize: 12 }
         }
       ),
       /* @__PURE__ */ i(
-        pe,
+        ve,
         {
           type: "number",
           dataKey: "y",
-          name: d(f),
+          name: u(f),
           tick: { fontSize: 12 },
-          label: { value: d(f), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+          label: { value: u(f), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
         }
       ),
-      o.showTooltip && /* @__PURE__ */ i(q, {}),
+      o.showTooltip && /* @__PURE__ */ i(V, {}),
       S && /* @__PURE__ */ i(
         B,
         {
@@ -749,14 +898,14 @@ function Kn({
           onMouseLeave: () => c(null)
         }
       ),
-      p ? (
+      g ? (
         // Multiple series
-        v.map((h, y) => /* @__PURE__ */ i(
-          Re,
+        N.map((h, b) => /* @__PURE__ */ i(
+          He,
           {
             name: h,
             data: x[h],
-            fill: (a == null ? void 0 : a.colors) && a.colors[y % a.colors.length] || T[y % T.length],
+            fill: (a == null ? void 0 : a.colors) && a.colors[b % a.colors.length] || L[b % L.length],
             fillOpacity: l ? l === h ? 1 : 0.3 : 1
           },
           h
@@ -764,88 +913,88 @@ function Kn({
       ) : (
         // Single series
         /* @__PURE__ */ i(
-          Re,
+          He,
           {
             name: "Data",
-            data: w,
-            fill: (a == null ? void 0 : a.colors) && a.colors[0] || T[0]
+            data: A,
+            fill: (a == null ? void 0 : a.colors) && a.colors[0] || L[0]
           }
         )
       )
     ] }) });
   } catch (o) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 Yn({
+function Qr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null);
+  const [l, c] = O(null);
   try {
-    const d = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0,
-      showGrid: (n == null ? void 0 : n.showGrid) ?? !0
+    const u = {
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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 = [];
+    let o, d = [];
     if (t != null && t.xAxis && (t != null && t.yAxis)) {
-      const f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], w = t.series || [], { data: x, seriesKeys: v } = C(
+      const f = t.xAxis[0], m = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], A = t.series || [], { data: x, seriesKeys: N } = ee(
         e,
         f,
         m,
-        r,
-        w
+        n,
+        A
       );
-      o = x, u = v;
+      o = x, d = N;
     } else {
-      const f = e[0], m = Object.keys(f), w = m.find(
-        (v) => typeof f[v] == "string" || v.toLowerCase().includes("subject") || v.toLowerCase().includes("name") || v.toLowerCase().includes("category")
+      const f = e[0], m = Object.keys(f), A = m.find(
+        (N) => typeof f[N] == "string" || N.toLowerCase().includes("subject") || N.toLowerCase().includes("name") || N.toLowerCase().includes("category")
       ) || m[0], x = m.filter(
-        (v) => typeof f[v] == "number" && v !== w
+        (N) => typeof f[N] == "number" && N !== A
       );
       if (x.length === 0)
-        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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 (w) {
-        const v = O(r, w);
-        o = e.map((p) => {
+      if (A) {
+        const N = H(n, A);
+        o = e.map((g) => {
           const S = {
-            name: R(p[w], v) || String(p[w]) || "Unknown"
+            name: R(g[A], N) || String(g[A]) || "Unknown"
           };
-          return x.forEach((k) => {
-            const h = k.split(".").pop() || k;
-            S[h] = typeof p[k] == "string" ? parseFloat(p[k]) : p[k] || 0;
+          return x.forEach((T) => {
+            const h = T.split(".").pop() || T;
+            S[h] = typeof g[T] == "string" ? parseFloat(g[T]) : g[T] || 0;
           }), S;
-        }), u = x.map((p) => p.split(".").pop() || p);
+        }), d = x.map((g) => g.split(".").pop() || g);
       } 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"];
+        o = e.map((N) => ({
+          name: String(N[m[0]] || "Unknown"),
+          value: typeof N[x[0]] == "string" ? parseFloat(N[x[0]]) : N[x[0]] || 0
+        })), d = ["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__ */ b("div", { className: "text-center", children: [
+    return !o || o.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b(wt, { data: o, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
-      d.showGrid && /* @__PURE__ */ i(Nt, {}),
+    ] }) }) : /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(At, { data: o, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
+      u.showGrid && /* @__PURE__ */ i(St, {}),
       /* @__PURE__ */ i(
-        At,
+        kt,
         {
           dataKey: "name",
           tick: { fontSize: 12 },
@@ -853,14 +1002,14 @@ function Yn({
         }
       ),
       /* @__PURE__ */ i(
-        St,
+        Mt,
         {
           tick: { fontSize: 10 },
           className: "text-gray-600"
         }
       ),
-      d.showTooltip && /* @__PURE__ */ i(q, {}),
-      d.showLegend && u.length > 1 && /* @__PURE__ */ i(
+      u.showTooltip && /* @__PURE__ */ i(V, {}),
+      u.showLegend && d.length > 1 && /* @__PURE__ */ i(
         B,
         {
           wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
@@ -873,13 +1022,13 @@ function Yn({
           onMouseLeave: () => c(null)
         }
       ),
-      u.map((f, m) => /* @__PURE__ */ i(
-        Mt,
+      d.map((f, m) => /* @__PURE__ */ i(
+        $t,
         {
           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],
+          stroke: (a == null ? void 0 : a.colors) && a.colors[m % a.colors.length] || L[m % L.length],
+          fill: (a == null ? void 0 : a.colors) && a.colors[m % a.colors.length] || L[m % L.length],
           fillOpacity: l ? l === f ? 0.6 : 0.1 : 0.3,
           strokeOpacity: l ? l === f ? 1 : 0.3 : 1,
           strokeWidth: 2
@@ -887,74 +1036,74 @@ function Yn({
         f
       ))
     ] }) });
-  } catch (d) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+  } catch (u) {
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 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 Wn({
+function Zr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null);
+  const [l, c] = O(null);
   try {
-    const d = {
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0,
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0
+    const u = {
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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(r, u);
-      o = e.map((w, x) => ({
-        name: R(w[u], m) || String(w[u]) || "Unknown",
-        value: typeof w[f] == "string" ? parseFloat(w[f]) : w[f] || 0,
-        fill: (a == null ? void 0 : a.colors) && a.colors[x % a.colors.length] || T[x % T.length]
+      const d = t.xAxis[0], f = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis, m = H(n, d);
+      o = e.map((A, x) => ({
+        name: R(A[d], m) || String(A[d]) || "Unknown",
+        value: typeof A[f] == "string" ? parseFloat(A[f]) : A[f] || 0,
+        fill: (a == null ? void 0 : a.colors) && a.colors[x % a.colors.length] || L[x % L.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], w = f.find(
-        (x) => typeof u[x] == "number" && x !== m
+      const d = e[0], f = Object.keys(d), m = f.find(
+        (x) => typeof d[x] == "string" || x.toLowerCase().includes("name") || x.toLowerCase().includes("label") || x.toLowerCase().includes("category")
+      ) || f[0], A = f.find(
+        (x) => typeof d[x] == "number" && x !== m
       ) || f[1];
-      if (!w)
-        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+      if (!A)
+        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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[w] == "string" ? parseFloat(x[w]) : x[w] || 0,
-          fill: (a == null ? void 0 : a.colors) && a.colors[v % a.colors.length] || T[v % T.length]
+      o = e.map((x, N) => {
+        let g = x[m];
+        return typeof g == "boolean" ? g = g ? "Active" : "Inactive" : g === "true" || g === "false" ? g = g === "true" ? "Active" : "Inactive" : g = String(g), {
+          name: g,
+          value: typeof x[A] == "string" ? parseFloat(x[A]) : x[A] || 0,
+          fill: (a == null ? void 0 : a.colors) && a.colors[N % a.colors.length] || L[N % L.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__ */ b("div", { className: "text-center", children: [
+    return o = o.filter((d) => d.value != null && d.value !== 0), o.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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__ */ b(
-      kt,
+    ] }) }) : /* @__PURE__ */ i(G, { height: s, children: /* @__PURE__ */ w(
+      Lt,
       {
         data: o,
         innerRadius: "10%",
         outerRadius: "80%",
         margin: { top: 20, right: 30, bottom: 20, left: 30 },
         children: [
-          d.showTooltip && /* @__PURE__ */ i(q, {}),
-          d.showLegend && /* @__PURE__ */ i(
+          u.showTooltip && /* @__PURE__ */ i(V, {}),
+          u.showLegend && /* @__PURE__ */ i(
             B,
             {
               wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
@@ -963,21 +1112,21 @@ function Wn({
               layout: "horizontal",
               align: "center",
               verticalAlign: "bottom",
-              onMouseEnter: (u) => c(String(u.value || "")),
+              onMouseEnter: (d) => c(String(d.value || "")),
               onMouseLeave: () => c(null)
             }
           ),
           /* @__PURE__ */ i(
-            $t,
+            Tt,
             {
               dataKey: "value",
               cornerRadius: 4,
               label: { position: "insideStart", fill: "#fff", fontSize: 12 },
-              children: o.map((u, f) => /* @__PURE__ */ i(
-                ke,
+              children: o.map((d, f) => /* @__PURE__ */ i(
+                Le,
                 {
-                  fill: u.fill,
-                  fillOpacity: l ? l === u.name ? 1 : 0.3 : 1
+                  fill: d.fill,
+                  fillOpacity: l ? l === d.name ? 1 : 0.3 : 1
                 },
                 `cell-${f}`
               ))
@@ -986,127 +1135,127 @@ function Wn({
         ]
       }
     ) });
-  } catch (d) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+  } catch (u) {
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 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 oe(e, t) {
+function ce(e, t) {
   return e == null || t == null ? NaN : e < t ? -1 : e > t ? 1 : e >= t ? 0 : NaN;
 }
-function jt(e, t) {
+function Et(e, t) {
   return e == null || t == null ? NaN : t < e ? -1 : t > e ? 1 : t >= e ? 0 : NaN;
 }
-function et(e) {
-  let t, n, r;
-  e.length !== 2 ? (t = oe, n = (c, d) => oe(e(c), d), r = (c, d) => e(c) - d) : (t = e === oe || e === jt ? e : Et, n = e, r = e);
-  function s(c, d, o = 0, u = c.length) {
-    if (o < u) {
-      if (t(d, d) !== 0) return u;
+function it(e) {
+  let t, r, n;
+  e.length !== 2 ? (t = ce, r = (c, u) => ce(e(c), u), n = (c, u) => e(c) - u) : (t = e === ce || e === Et ? e : Dt, r = e, n = e);
+  function s(c, u, o = 0, d = c.length) {
+    if (o < d) {
+      if (t(u, u) !== 0) return d;
       do {
-        const f = o + u >>> 1;
-        n(c[f], d) < 0 ? o = f + 1 : u = f;
-      } while (o < u);
+        const f = o + d >>> 1;
+        r(c[f], u) < 0 ? o = f + 1 : d = f;
+      } while (o < d);
     }
     return o;
   }
-  function a(c, d, o = 0, u = c.length) {
-    if (o < u) {
-      if (t(d, d) !== 0) return u;
+  function a(c, u, o = 0, d = c.length) {
+    if (o < d) {
+      if (t(u, u) !== 0) return d;
       do {
-        const f = o + u >>> 1;
-        n(c[f], d) <= 0 ? o = f + 1 : u = f;
-      } while (o < u);
+        const f = o + d >>> 1;
+        r(c[f], u) <= 0 ? o = f + 1 : d = f;
+      } while (o < d);
     }
     return o;
   }
-  function l(c, d, o = 0, u = c.length) {
-    const f = s(c, d, o, u - 1);
-    return f > o && r(c[f - 1], d) > -r(c[f], d) ? f - 1 : f;
+  function l(c, u, o = 0, d = c.length) {
+    const f = s(c, u, o, d - 1);
+    return f > o && n(c[f - 1], u) > -n(c[f], u) ? f - 1 : f;
   }
   return { left: s, center: l, right: a };
 }
-function Et() {
+function Dt() {
   return 0;
 }
-function zt(e) {
+function Rt(e) {
   return e === null ? NaN : +e;
 }
-const Rt = et(oe), tt = Rt.right;
-et(zt).center;
-class He extends Map {
-  constructor(t, n = It) {
-    if (super(), Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: n } }), t != null) for (const [r, s] of t) this.set(r, s);
+const It = it(ce), at = It.right;
+it(Rt).center;
+class Ge extends Map {
+  constructor(t, r = Ot) {
+    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));
+    return super.get(Ve(this, t));
   }
   has(t) {
-    return super.has(Ie(this, t));
+    return super.has(Ve(this, t));
   }
-  set(t, n) {
-    return super.set(Dt(this, t), n);
+  set(t, r) {
+    return super.set(_t(this, t), r);
   }
   delete(t) {
     return super.delete(Ht(this, t));
   }
 }
-function Ie({ _intern: e, _key: t }, n) {
-  const r = t(n);
-  return e.has(r) ? e.get(r) : n;
+function Ve({ _intern: e, _key: t }, r) {
+  const n = t(r);
+  return e.has(n) ? e.get(n) : r;
 }
-function Dt({ _intern: e, _key: t }, n) {
-  const r = t(n);
-  return e.has(r) ? e.get(r) : (e.set(r, n), n);
+function _t({ _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 }, n) {
-  const r = t(n);
-  return e.has(r) && (n = e.get(r), e.delete(r)), n;
+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) {
+function Ot(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, n) {
-  const r = (t - e) / Math.max(0, n), s = Math.floor(Math.log10(r)), a = r / 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 <= n && n < 2 ? ce(e, t, n * 2) : [c, d, o];
+const Gt = Math.sqrt(50), Vt = Math.sqrt(10), Ut = Math.sqrt(2);
+function ue(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 >= Gt ? 10 : a >= Vt ? 5 : a >= Ut ? 2 : 1;
+  let c, u, o;
+  return s < 0 ? (o = Math.pow(10, -s) / l, c = Math.round(e * o), u = Math.round(t * o), c / o < e && ++c, u / o > t && --u, o = -o) : (o = Math.pow(10, s) * l, c = Math.round(e / o), u = Math.round(t / o), c * o < e && ++c, u * o > t && --u), u < c && 0.5 <= r && r < 2 ? ue(e, t, r * 2) : [c, u, o];
 }
-function qt(e, t, n) {
-  if (t = +t, e = +e, n = +n, !(n > 0)) return [];
+function qt(e, t, r) {
+  if (t = +t, e = +e, r = +r, !(r > 0)) return [];
   if (e === t) return [e];
-  const r = t < e, [s, a, l] = r ? ce(t, e, n) : ce(e, t, n);
+  const n = t < e, [s, a, l] = n ? ue(t, e, r) : ue(e, t, r);
   if (!(a >= s)) return [];
-  const c = a - s + 1, d = new Array(c);
-  if (r)
-    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;
+  const c = a - s + 1, u = new Array(c);
+  if (n)
+    if (l < 0) for (let o = 0; o < c; ++o) u[o] = (a - o) / -l;
+    else for (let o = 0; o < c; ++o) u[o] = (a - o) * l;
+  else if (l < 0) for (let o = 0; o < c; ++o) u[o] = (s + o) / -l;
+  else for (let o = 0; o < c; ++o) u[o] = (s + o) * l;
+  return u;
 }
-function Ne(e, t, n) {
-  return t = +t, e = +e, n = +n, ce(e, t, n)[2];
+function Ae(e, t, r) {
+  return t = +t, e = +e, r = +r, ue(e, t, r)[2];
 }
-function Vt(e, t, n) {
-  t = +t, e = +e, n = +n;
-  const r = t < e, s = r ? Ne(t, e, n) : Ne(e, t, n);
-  return (r ? -1 : 1) * (s < 0 ? 1 / -s : s);
+function Kt(e, t, r) {
+  t = +t, e = +e, r = +r;
+  const n = t < e, s = n ? Ae(t, e, r) : Ae(e, t, r);
+  return (n ? -1 : 1) * (s < 0 ? 1 / -s : s);
 }
-function $e(e, t, n) {
-  e.prototype = t.prototype = n, n.constructor = e;
+function je(e, t, r) {
+  e.prototype = t.prototype = r, r.constructor = e;
 }
-function nt(e, t) {
-  var n = Object.create(e.prototype);
-  for (var r in t) n[r] = t[r];
-  return n;
+function lt(e, t) {
+  var r = Object.create(e.prototype);
+  for (var n in t) r[n] = t[n];
+  return r;
 }
-function ee() {
+function te() {
 }
-var Z = 0.7, de = 1 / Z, X = "\\s*([+-]?\\d+)\\s*", J = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", D = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", _t = /^#([0-9a-f]{3,8})$/, Bt = new RegExp(`^rgb\\(${X},${X},${X}\\)$`), Kt = new RegExp(`^rgb\\(${D},${D},${D}\\)$`), Yt = new RegExp(`^rgba\\(${X},${X},${X},${J}\\)$`), Wt = new RegExp(`^rgba\\(${D},${D},${D},${J}\\)$`), Xt = new RegExp(`^hsl\\(${J},${D},${D}\\)$`), Qt = new RegExp(`^hsla\\(${J},${D},${D},${J}\\)$`), Oe = {
+var J = 0.7, de = 1 / J, Q = "\\s*([+-]?\\d+)\\s*", P = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", I = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", Bt = /^#([0-9a-f]{3,8})$/, Wt = new RegExp(`^rgb\\(${Q},${Q},${Q}\\)$`), Yt = new RegExp(`^rgb\\(${I},${I},${I}\\)$`), Xt = new RegExp(`^rgba\\(${Q},${Q},${Q},${P}\\)$`), Qt = new RegExp(`^rgba\\(${I},${I},${I},${P}\\)$`), Zt = new RegExp(`^hsl\\(${P},${I},${I}\\)$`), Jt = new RegExp(`^hsla\\(${P},${I},${I},${P}\\)$`), Ue = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -1256,280 +1405,280 @@ var Z = 0.7, de = 1 / Z, X = "\\s*([+-]?\\d+)\\s*", J = "\\s*([+-]?(?:\\d*\\.)?\
   yellow: 16776960,
   yellowgreen: 10145074
 };
-$e(ee, P, {
+je(te, C, {
   copy(e) {
     return Object.assign(new this.constructor(), this, e);
   },
   displayable() {
     return this.rgb().displayable();
   },
-  hex: Ge,
+  hex: qe,
   // Deprecated! Use color.formatHex.
-  formatHex: Ge,
-  formatHex8: Zt,
-  formatHsl: Jt,
-  formatRgb: Ue,
-  toString: Ue
+  formatHex: qe,
+  formatHex8: Pt,
+  formatHsl: Ct,
+  formatRgb: Ke,
+  toString: Ke
 });
-function Ge() {
+function qe() {
   return this.rgb().formatHex();
 }
-function Zt() {
+function Pt() {
   return this.rgb().formatHex8();
 }
-function Jt() {
-  return rt(this).formatHsl();
+function Ct() {
+  return ot(this).formatHsl();
 }
-function Ue() {
+function Ke() {
   return this.rgb().formatRgb();
 }
-function P(e) {
-  var t, n;
-  return e = (e + "").trim().toLowerCase(), (t = _t.exec(e)) ? (n = t[1].length, t = parseInt(t[1], 16), n === 6 ? qe(t) : n === 3 ? new j(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : n === 8 ? ie(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : n === 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 = Bt.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)) ? Be(t[1], t[2] / 100, t[3] / 100, 1) : (t = Qt.exec(e)) ? Be(t[1], t[2] / 100, t[3] / 100, t[4]) : Oe.hasOwnProperty(e) ? qe(Oe[e]) : e === "transparent" ? new j(NaN, NaN, NaN, 0) : null;
+function C(e) {
+  var t, r;
+  return e = (e + "").trim().toLowerCase(), (t = Bt.exec(e)) ? (r = t[1].length, t = parseInt(t[1], 16), r === 6 ? Be(t) : r === 3 ? new j(t >> 8 & 15 | t >> 4 & 240, t >> 4 & 15 | t & 240, (t & 15) << 4 | t & 15, 1) : r === 8 ? ae(t >> 24 & 255, t >> 16 & 255, t >> 8 & 255, (t & 255) / 255) : r === 4 ? ae(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 = Wt.exec(e)) ? new j(t[1], t[2], t[3], 1) : (t = Yt.exec(e)) ? new j(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, 1) : (t = Xt.exec(e)) ? ae(t[1], t[2], t[3], t[4]) : (t = Qt.exec(e)) ? ae(t[1] * 255 / 100, t[2] * 255 / 100, t[3] * 255 / 100, t[4]) : (t = Zt.exec(e)) ? Xe(t[1], t[2] / 100, t[3] / 100, 1) : (t = Jt.exec(e)) ? Xe(t[1], t[2] / 100, t[3] / 100, t[4]) : Ue.hasOwnProperty(e) ? Be(Ue[e]) : e === "transparent" ? new j(NaN, NaN, NaN, 0) : null;
 }
-function qe(e) {
+function Be(e) {
   return new j(e >> 16 & 255, e >> 8 & 255, e & 255, 1);
 }
-function ie(e, t, n, r) {
-  return r <= 0 && (e = t = n = NaN), new j(e, t, n, r);
+function ae(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 er(e) {
+  return e instanceof te || (e = C(e)), e ? (e = e.rgb(), new j(e.r, e.g, e.b, e.opacity)) : new j();
 }
-function Ae(e, t, n, r) {
-  return arguments.length === 1 ? Pt(e) : new j(e, t, n, r ?? 1);
+function Se(e, t, r, n) {
+  return arguments.length === 1 ? er(e) : new j(e, t, r, n ?? 1);
 }
-function j(e, t, n, r) {
-  this.r = +e, this.g = +t, this.b = +n, this.opacity = +r;
+function j(e, t, r, n) {
+  this.r = +e, this.g = +t, this.b = +r, this.opacity = +n;
 }
-$e(j, Ae, nt(ee, {
+je(j, Se, lt(te, {
   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);
+    return e = e == null ? J : Math.pow(J, e), new j(this.r * e, this.g * e, this.b * e, this.opacity);
   },
   rgb() {
     return this;
   },
   clamp() {
-    return new j(_(this.r), _(this.g), _(this.b), ue(this.opacity));
+    return new j(K(this.r), K(this.g), K(this.b), fe(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: Ve,
+  hex: We,
   // Deprecated! Use color.formatHex.
-  formatHex: Ve,
-  formatHex8: Ct,
-  formatRgb: _e,
-  toString: _e
+  formatHex: We,
+  formatHex8: tr,
+  formatRgb: Ye,
+  toString: Ye
 }));
-function Ve() {
-  return `#${V(this.r)}${V(this.g)}${V(this.b)}`;
+function We() {
+  return `#${U(this.r)}${U(this.g)}${U(this.b)}`;
 }
-function Ct() {
-  return `#${V(this.r)}${V(this.g)}${V(this.b)}${V((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+function tr() {
+  return `#${U(this.r)}${U(this.g)}${U(this.b)}${U((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
 }
-function _e() {
-  const e = ue(this.opacity);
-  return `${e === 1 ? "rgb(" : "rgba("}${_(this.r)}, ${_(this.g)}, ${_(this.b)}${e === 1 ? ")" : `, ${e})`}`;
+function Ye() {
+  const e = fe(this.opacity);
+  return `${e === 1 ? "rgb(" : "rgba("}${K(this.r)}, ${K(this.g)}, ${K(this.b)}${e === 1 ? ")" : `, ${e})`}`;
 }
-function ue(e) {
+function fe(e) {
   return isNaN(e) ? 1 : Math.max(0, Math.min(1, e));
 }
-function _(e) {
+function K(e) {
   return Math.max(0, Math.min(255, Math.round(e) || 0));
 }
-function V(e) {
-  return e = _(e), (e < 16 ? "0" : "") + e.toString(16);
+function U(e) {
+  return e = K(e), (e < 16 ? "0" : "") + e.toString(16);
 }
-function Be(e, t, n, r) {
-  return r <= 0 ? e = t = n = NaN : n <= 0 || n >= 1 ? e = t = NaN : t <= 0 && (e = NaN), new z(e, t, n, r);
+function Xe(e, t, r, n) {
+  return n <= 0 ? e = t = r = NaN : r <= 0 || r >= 1 ? e = t = NaN : t <= 0 && (e = NaN), new D(e, t, r, n);
 }
-function rt(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;
+function ot(e) {
+  if (e instanceof D) return new D(e.h, e.s, e.l, e.opacity);
+  if (e instanceof te || (e = C(e)), !e) return new D();
+  if (e instanceof D) return e;
   e = e.rgb();
-  var t = e.r / 255, n = e.g / 255, r = e.b / 255, s = Math.min(t, n, r), a = Math.max(t, n, r), l = NaN, c = a - s, d = (a + s) / 2;
-  return c ? (t === a ? l = (n - r) / c + (n < r) * 6 : n === a ? l = (r - t) / c + 2 : l = (t - n) / 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);
+  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, u = (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 /= u < 0.5 ? a + s : 2 - a - s, l *= 60) : c = u > 0 && u < 1 ? 0 : l, new D(l, c, u, e.opacity);
 }
-function en(e, t, n, r) {
-  return arguments.length === 1 ? rt(e) : new z(e, t, n, r ?? 1);
+function rr(e, t, r, n) {
+  return arguments.length === 1 ? ot(e) : new D(e, t, r, n ?? 1);
 }
-function z(e, t, n, r) {
-  this.h = +e, this.s = +t, this.l = +n, this.opacity = +r;
+function D(e, t, r, n) {
+  this.h = +e, this.s = +t, this.l = +r, this.opacity = +n;
 }
-$e(z, en, nt(ee, {
+je(D, rr, lt(te, {
   brighter(e) {
-    return e = e == null ? de : Math.pow(de, e), new z(this.h, this.s, this.l * e, this.opacity);
+    return e = e == null ? de : Math.pow(de, e), new D(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);
+    return e = e == null ? J : Math.pow(J, e), new D(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, n = this.l, r = n + (n < 0.5 ? n : 1 - n) * t, s = 2 * n - r;
+    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(
-      be(e >= 240 ? e - 240 : e + 120, s, r),
-      be(e, s, r),
-      be(e < 120 ? e + 240 : e - 120, s, r),
+      be(e >= 240 ? e - 240 : e + 120, s, n),
+      be(e, s, n),
+      be(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));
+    return new D(Qe(this.h), le(this.s), le(this.l), fe(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})`}`;
+    const e = fe(this.opacity);
+    return `${e === 1 ? "hsl(" : "hsla("}${Qe(this.h)}, ${le(this.s) * 100}%, ${le(this.l) * 100}%${e === 1 ? ")" : `, ${e})`}`;
   }
 }));
-function Ke(e) {
+function Qe(e) {
   return e = (e || 0) % 360, e < 0 ? e + 360 : e;
 }
-function ae(e) {
+function le(e) {
   return Math.max(0, Math.min(1, e || 0));
 }
-function be(e, t, n) {
-  return (e < 60 ? t + (n - t) * e / 60 : e < 180 ? n : e < 240 ? t + (n - t) * (240 - e) / 60 : t) * 255;
+function be(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 tn(e, t) {
-  return function(n) {
-    return e + n * t;
+const ze = (e) => () => e;
+function nr(e, t) {
+  return function(r) {
+    return e + r * t;
   };
 }
-function nn(e, t, n) {
-  return e = Math.pow(e, n), t = Math.pow(t, n) - e, n = 1 / n, function(r) {
-    return Math.pow(e + r * t, n);
+function sr(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 rn(e) {
-  return (e = +e) == 1 ? st : function(t, n) {
-    return n - t ? nn(t, n, e) : Le(isNaN(t) ? n : t);
+function ir(e) {
+  return (e = +e) == 1 ? ct : function(t, r) {
+    return r - t ? sr(t, r, e) : ze(isNaN(t) ? r : t);
   };
 }
-function st(e, t) {
-  var n = t - e;
-  return n ? tn(e, n) : Le(isNaN(e) ? t : e);
+function ct(e, t) {
+  var r = t - e;
+  return r ? nr(e, r) : ze(isNaN(e) ? t : e);
 }
-const Ye = function e(t) {
-  var n = rn(t);
-  function r(s, a) {
-    var l = n((s = Ae(s)).r, (a = Ae(a)).r), c = n(s.g, a.g), d = n(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 + "";
+const Ze = function e(t) {
+  var r = ir(t);
+  function n(s, a) {
+    var l = r((s = Se(s)).r, (a = Se(a)).r), c = r(s.g, a.g), u = r(s.b, a.b), o = ct(s.opacity, a.opacity);
+    return function(d) {
+      return s.r = l(d), s.g = c(d), s.b = u(d), s.opacity = o(d), s + "";
     };
   }
-  return r.gamma = e, r;
+  return n.gamma = e, n;
 }(1);
-function sn(e, t) {
+function ar(e, t) {
   t || (t = []);
-  var n = e ? Math.min(t.length, e.length) : 0, r = t.slice(), s;
+  var r = e ? Math.min(t.length, e.length) : 0, n = t.slice(), s;
   return function(a) {
-    for (s = 0; s < n; ++s) r[s] = e[s] * (1 - a) + t[s] * a;
-    return r;
+    for (s = 0; s < r; ++s) n[s] = e[s] * (1 - a) + t[s] * a;
+    return n;
   };
 }
-function an(e) {
+function lr(e) {
   return ArrayBuffer.isView(e) && !(e instanceof DataView);
 }
-function ln(e, t) {
-  var n = t ? t.length : 0, r = e ? Math.min(n, e.length) : 0, s = new Array(r), a = new Array(n), l;
-  for (l = 0; l < r; ++l) s[l] = Te(e[l], t[l]);
-  for (; l < n; ++l) a[l] = t[l];
+function or(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] = Ee(e[l], t[l]);
+  for (; l < r; ++l) a[l] = t[l];
   return function(c) {
-    for (l = 0; l < r; ++l) a[l] = s[l](c);
+    for (l = 0; l < n; ++l) a[l] = s[l](c);
     return a;
   };
 }
-function on(e, t) {
-  var n = /* @__PURE__ */ new Date();
-  return e = +e, t = +t, function(r) {
-    return n.setTime(e * (1 - r) + t * r), n;
+function cr(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(n) {
-    return e * (1 - n) + t * n;
+function me(e, t) {
+  return e = +e, t = +t, function(r) {
+    return e * (1 - r) + t * r;
   };
 }
-function cn(e, t) {
-  var n = {}, r = {}, s;
+function ur(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 ? n[s] = Te(e[s], t[s]) : r[s] = t[s];
+    s in e ? r[s] = Ee(e[s], t[s]) : n[s] = t[s];
   return function(a) {
-    for (s in n) r[s] = n[s](a);
-    return r;
+    for (s in r) n[s] = r[s](a);
+    return n;
   };
 }
-var Se = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, ge = new RegExp(Se.source, "g");
-function dn(e) {
+var ke = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, we = new RegExp(ke.source, "g");
+function dr(e) {
   return function() {
     return e;
   };
 }
-function un(e) {
+function fr(e) {
   return function(t) {
     return e(t) + "";
   };
 }
-function fn(e, t) {
-  var n = Se.lastIndex = ge.lastIndex = 0, r, s, a, l = -1, c = [], d = [];
-  for (e = e + "", t = t + ""; (r = Se.exec(e)) && (s = ge.exec(t)); )
-    (a = s.index) > n && (a = t.slice(n, a), c[l] ? c[l] += a : c[++l] = a), (r = r[0]) === (s = s[0]) ? c[l] ? c[l] += s : c[++l] = s : (c[++l] = null, d.push({ i: l, x: fe(r, s) })), n = ge.lastIndex;
-  return n < t.length && (a = t.slice(n), c[l] ? c[l] += a : c[++l] = a), c.length < 2 ? d[0] ? un(d[0].x) : dn(t) : (t = d.length, function(o) {
-    for (var u = 0, f; u < t; ++u) c[(f = d[u]).i] = f.x(o);
+function mr(e, t) {
+  var r = ke.lastIndex = we.lastIndex = 0, n, s, a, l = -1, c = [], u = [];
+  for (e = e + "", t = t + ""; (n = ke.exec(e)) && (s = we.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, u.push({ i: l, x: me(n, s) })), r = we.lastIndex;
+  return r < t.length && (a = t.slice(r), c[l] ? c[l] += a : c[++l] = a), c.length < 2 ? u[0] ? fr(u[0].x) : dr(t) : (t = u.length, function(o) {
+    for (var d = 0, f; d < t; ++d) c[(f = u[d]).i] = f.x(o);
     return c.join("");
   });
 }
-function Te(e, t) {
-  var n = typeof t, r;
-  return t == null || n === "boolean" ? Le(t) : (n === "number" ? fe : n === "string" ? (r = P(t)) ? (t = r, Ye) : fn : t instanceof P ? Ye : t instanceof Date ? on : an(t) ? sn : Array.isArray(t) ? ln : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? cn : fe)(e, t);
+function Ee(e, t) {
+  var r = typeof t, n;
+  return t == null || r === "boolean" ? ze(t) : (r === "number" ? me : r === "string" ? (n = C(t)) ? (t = n, Ze) : mr : t instanceof C ? Ze : t instanceof Date ? cr : lr(t) ? ar : Array.isArray(t) ? or : typeof t.valueOf != "function" && typeof t.toString != "function" || isNaN(t) ? ur : me)(e, t);
 }
-function mn(e, t) {
-  return e = +e, t = +t, function(n) {
-    return Math.round(e * (1 - n) + t * n);
+function xr(e, t) {
+  return e = +e, t = +t, function(r) {
+    return Math.round(e * (1 - r) + t * r);
   };
 }
-function xn(e) {
+function hr(e) {
   return Math.abs(e = Math.round(e)) >= 1e21 ? e.toLocaleString("en").replace(/,/g, "") : e.toString(10);
 }
-function me(e, t) {
-  if ((n = (e = t ? e.toExponential(t - 1) : e.toExponential()).indexOf("e")) < 0) return null;
-  var n, r = e.slice(0, n);
+function xe(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 [
-    r.length > 1 ? r[0] + r.slice(2) : r,
-    +e.slice(n + 1)
+    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 Z(e) {
+  return e = xe(Math.abs(e)), e ? e[1] : NaN;
 }
-function hn(e, t) {
-  return function(n, r) {
-    for (var s = n.length, a = [], l = 0, c = e[0], d = 0; s > 0 && c > 0 && (d + c + 1 > r && (c = Math.max(1, r - d)), a.push(n.substring(s -= c, s + c)), !((d += c + 1) > r)); )
+function yr(e, t) {
+  return function(r, n) {
+    for (var s = r.length, a = [], l = 0, c = e[0], u = 0; s > 0 && c > 0 && (u + c + 1 > n && (c = Math.max(1, n - u)), a.push(r.substring(s -= c, s + c)), !((u += c + 1) > n)); )
       c = e[l = (l + 1) % e.length];
     return a.reverse().join(t);
   };
 }
-function yn(e) {
+function pr(e) {
   return function(t) {
-    return t.replace(/[0-9]/g, function(n) {
-      return e[+n];
+    return t.replace(/[0-9]/g, function(r) {
+      return e[+r];
     });
   };
 }
-var pn = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
-function xe(e) {
-  if (!(t = pn.exec(e))) throw new Error("invalid format: " + e);
+var vr = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
+function he(e) {
+  if (!(t = vr.exec(e))) throw new Error("invalid format: " + e);
   var t;
-  return new Fe({
+  return new De({
     fill: t[1],
     align: t[2],
     sign: t[3],
@@ -1542,98 +1691,98 @@ function xe(e) {
     type: t[10]
   });
 }
-xe.prototype = Fe.prototype;
-function Fe(e) {
+he.prototype = De.prototype;
+function De(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() {
+De.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 vn(e) {
-  e: for (var t = e.length, n = 1, r = -1, s; n < t; ++n)
-    switch (e[n]) {
+function gr(e) {
+  e: for (var t = e.length, r = 1, n = -1, s; r < t; ++r)
+    switch (e[r]) {
       case ".":
-        r = s = n;
+        n = s = r;
         break;
       case "0":
-        r === 0 && (r = n), s = n;
+        n === 0 && (n = r), s = r;
         break;
       default:
-        if (!+e[n]) break e;
-        r > 0 && (r = 0);
+        if (!+e[r]) break e;
+        n > 0 && (n = 0);
         break;
     }
-  return r > 0 ? e.slice(0, r) + e.slice(s + 1) : e;
-}
-var it;
-function bn(e, t) {
-  var n = me(e, t);
-  if (!n) return e + "";
-  var r = n[0], s = n[1], a = s - (it = Math.max(-8, Math.min(8, Math.floor(s / 3))) * 3) + 1, l = r.length;
-  return a === l ? r : a > l ? r + new Array(a - l + 1).join("0") : a > 0 ? r.slice(0, a) + "." + r.slice(a) : "0." + new Array(1 - a).join("0") + me(e, Math.max(0, t + a - 1))[0];
-}
-function We(e, t) {
-  var n = me(e, t);
-  if (!n) return e + "";
-  var r = n[0], s = n[1];
-  return s < 0 ? "0." + new Array(-s).join("0") + r : r.length > s + 1 ? r.slice(0, s + 1) + "." + r.slice(s + 1) : r + new Array(s - r.length + 2).join("0");
-}
-const Xe = {
+  return n > 0 ? e.slice(0, n) + e.slice(s + 1) : e;
+}
+var ut;
+function br(e, t) {
+  var r = xe(e, t);
+  if (!r) return e + "";
+  var n = r[0], s = r[1], a = s - (ut = 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") + xe(e, Math.max(0, t + a - 1))[0];
+}
+function Je(e, t) {
+  var r = xe(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 Pe = {
   "%": (e, t) => (e * 100).toFixed(t),
   b: (e) => Math.round(e).toString(2),
   c: (e) => e + "",
-  d: xn,
+  d: hr,
   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: bn,
+  p: (e, t) => Je(e * 100, t),
+  r: Je,
+  s: br,
   X: (e) => Math.round(e).toString(16).toUpperCase(),
   x: (e) => Math.round(e).toString(16)
 };
-function Qe(e) {
+function Ce(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 gn(e) {
-  var t = e.grouping === void 0 || e.thousands === void 0 ? Qe : hn(Ze.call(e.grouping, Number), e.thousands + ""), n = e.currency === void 0 ? "" : e.currency[0] + "", r = e.currency === void 0 ? "" : e.currency[1] + "", s = e.decimal === void 0 ? "." : e.decimal + "", a = e.numerals === void 0 ? Qe : yn(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 + "";
+var et = Array.prototype.map, tt = ["y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
+function wr(e) {
+  var t = e.grouping === void 0 || e.thousands === void 0 ? Ce : yr(et.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 ? Ce : pr(et.call(e.numerals, String)), l = e.percent === void 0 ? "%" : e.percent + "", c = e.minus === void 0 ? "−" : e.minus + "", u = e.nan === void 0 ? "NaN" : e.nan + "";
   function o(f) {
-    f = xe(f);
-    var m = f.fill, w = f.align, x = f.sign, v = f.symbol, p = f.zero, S = f.width, k = f.comma, h = f.precision, y = f.trim, g = f.type;
-    g === "n" ? (k = !0, g = "g") : Xe[g] || (h === void 0 && (h = 12), y = !0, g = "g"), (p || m === "0" && w === "=") && (p = !0, m = "0", w = "=");
-    var N = v === "$" ? n : v === "#" && /[boxX]/.test(g) ? "0" + g.toLowerCase() : "", A = v === "$" ? r : /[%p]/.test(g) ? l : "", $ = Xe[g], L = /[defgprs%]/.test(g);
-    h = h === void 0 ? 6 : /[gprs]/.test(g) ? Math.max(1, Math.min(21, h)) : Math.max(0, Math.min(20, h));
+    f = he(f);
+    var m = f.fill, A = f.align, x = f.sign, N = f.symbol, g = f.zero, S = f.width, T = f.comma, h = f.precision, b = f.trim, y = f.type;
+    y === "n" ? (T = !0, y = "g") : Pe[y] || (h === void 0 && (h = 12), b = !0, y = "g"), (g || m === "0" && A === "=") && (g = !0, m = "0", A = "=");
+    var p = N === "$" ? r : N === "#" && /[boxX]/.test(y) ? "0" + y.toLowerCase() : "", v = N === "$" ? n : /[%p]/.test(y) ? l : "", k = Pe[y], $ = /[defgprs%]/.test(y);
+    h = h === void 0 ? 6 : /[gprs]/.test(y) ? Math.max(1, Math.min(21, h)) : Math.max(0, Math.min(20, h));
     function F(M) {
-      var H = N, E = A, Y, Ee, te;
-      if (g === "c")
-        E = $(M) + E, M = "";
+      var E = p, z = v, Y, Ie, re;
+      if (y === "c")
+        z = k(M) + z, M = "";
       else {
         M = +M;
         var ne = M < 0 || 1 / M < 0;
-        if (M = isNaN(M) ? d : $(Math.abs(M), h), y && (M = vn(M)), ne && +M == 0 && x !== "+" && (ne = !1), H = (ne ? x === "(" ? x : c : x === "-" || x === "(" ? "" : x) + H, E = (g === "s" ? Je[8 + it / 3] : "") + E + (ne && 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);
+        if (M = isNaN(M) ? u : k(Math.abs(M), h), b && (M = gr(M)), ne && +M == 0 && x !== "+" && (ne = !1), E = (ne ? x === "(" ? x : c : x === "-" || x === "(" ? "" : x) + E, z = (y === "s" ? tt[8 + ut / 3] : "") + z + (ne && x === "(" ? ")" : ""), $) {
+          for (Y = -1, Ie = M.length; ++Y < Ie; )
+            if (re = M.charCodeAt(Y), 48 > re || re > 57) {
+              z = (re === 46 ? s + M.slice(Y + 1) : M.slice(Y)) + z, M = M.slice(0, Y);
               break;
             }
         }
       }
-      k && !p && (M = t(M, 1 / 0));
-      var re = H.length + M.length + E.length, I = re < S ? new Array(S - re + 1).join(m) : "";
-      switch (k && p && (M = t(I + M, I.length ? S - E.length : 1 / 0), I = ""), w) {
+      T && !g && (M = t(M, 1 / 0));
+      var se = E.length + M.length + z.length, _ = se < S ? new Array(S - se + 1).join(m) : "";
+      switch (T && g && (M = t(_ + M, _.length ? S - z.length : 1 / 0), _ = ""), A) {
         case "<":
-          M = H + M + E + I;
+          M = E + M + z + _;
           break;
         case "=":
-          M = H + I + M + E;
+          M = E + _ + M + z;
           break;
         case "^":
-          M = I.slice(0, re = I.length >> 1) + H + M + E + I.slice(re);
+          M = _.slice(0, se = _.length >> 1) + E + M + z + _.slice(se);
           break;
         default:
-          M = I + H + M + E;
+          M = _ + E + M + z;
           break;
       }
       return a(M);
@@ -1642,36 +1791,36 @@ function gn(e) {
       return f + "";
     }, F;
   }
-  function u(f, m) {
-    var w = 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];
+  function d(f, m) {
+    var A = o((f = he(f), f.type = "f", f)), x = Math.max(-8, Math.min(8, Math.floor(Z(m) / 3))) * 3, N = Math.pow(10, -x), g = tt[8 + x / 3];
     return function(S) {
-      return w(v * S) + p;
+      return A(N * S) + g;
     };
   }
   return {
     format: o,
-    formatPrefix: u
+    formatPrefix: d
   };
 }
-var le, at, lt;
-wn({
+var oe, dt, ft;
+Nr({
   thousands: ",",
   grouping: [3],
   currency: ["$", ""]
 });
-function wn(e) {
-  return le = gn(e), at = le.format, lt = le.formatPrefix, le;
+function Nr(e) {
+  return oe = wr(e), dt = oe.format, ft = oe.formatPrefix, oe;
 }
-function Nn(e) {
-  return Math.max(0, -Q(Math.abs(e)));
+function Ar(e) {
+  return Math.max(0, -Z(Math.abs(e)));
 }
-function An(e, t) {
-  return Math.max(0, Math.max(-8, Math.min(8, Math.floor(Q(t) / 3))) * 3 - Q(Math.abs(e)));
+function Sr(e, t) {
+  return Math.max(0, Math.max(-8, Math.min(8, Math.floor(Z(t) / 3))) * 3 - Z(Math.abs(e)));
 }
-function Sn(e, t) {
-  return e = Math.abs(e), t = Math.abs(t) - e, Math.max(0, Q(t) - Q(e)) + 1;
+function kr(e, t) {
+  return e = Math.abs(e), t = Math.abs(t) - e, Math.max(0, Z(t) - Z(e)) + 1;
 }
-function je(e, t) {
+function Re(e, t) {
   switch (arguments.length) {
     case 0:
       break;
@@ -1684,292 +1833,292 @@ function je(e, t) {
   }
   return this;
 }
-const Pe = Symbol("implicit");
-function ot() {
-  var e = new He(), t = [], n = [], r = Pe;
+const rt = Symbol("implicit");
+function mt() {
+  var e = new Ge(), t = [], r = [], n = rt;
   function s(a) {
     let l = e.get(a);
     if (l === void 0) {
-      if (r !== Pe) return r;
+      if (n !== rt) return n;
       e.set(a, l = t.push(a) - 1);
     }
-    return n[l % n.length];
+    return r[l % r.length];
   }
   return s.domain = function(a) {
     if (!arguments.length) return t.slice();
-    t = [], e = new He();
+    t = [], e = new Ge();
     for (const l of a)
       e.has(l) || e.set(l, t.push(l) - 1);
     return s;
   }, s.range = function(a) {
-    return arguments.length ? (n = Array.from(a), s) : n.slice();
+    return arguments.length ? (r = Array.from(a), s) : r.slice();
   }, s.unknown = function(a) {
-    return arguments.length ? (r = a, s) : r;
+    return arguments.length ? (n = a, s) : n;
   }, s.copy = function() {
-    return ot(t, n).unknown(r);
-  }, je.apply(s, arguments), s;
+    return mt(t, r).unknown(n);
+  }, Re.apply(s, arguments), s;
 }
-function Mn(e) {
+function Mr(e) {
   return function() {
     return e;
   };
 }
-function kn(e) {
+function $r(e) {
   return +e;
 }
-var Ce = [0, 1];
-function W(e) {
+var nt = [0, 1];
+function X(e) {
   return e;
 }
 function Me(e, t) {
-  return (t -= e = +e) ? function(n) {
-    return (n - e) / t;
-  } : Mn(isNaN(t) ? NaN : 0.5);
-}
-function $n(e, t) {
-  var n;
-  return e > t && (n = e, e = t, t = n), function(r) {
-    return Math.max(e, Math.min(t, r));
+  return (t -= e = +e) ? function(r) {
+    return (r - e) / t;
+  } : Mr(isNaN(t) ? NaN : 0.5);
+}
+function Lr(e, t) {
+  var r;
+  return e > t && (r = e, e = t, t = r), function(n) {
+    return Math.max(e, Math.min(t, n));
   };
 }
-function Ln(e, t, n) {
-  var r = e[0], s = e[1], a = t[0], l = t[1];
-  return s < r ? (r = Me(s, r), a = n(l, a)) : (r = Me(r, s), a = n(a, l)), function(c) {
-    return a(r(c));
+function Tr(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 Tn(e, t, n) {
-  var r = Math.min(e.length, t.length) - 1, s = new Array(r), a = new Array(r), l = -1;
-  for (e[r] < e[0] && (e = e.slice().reverse(), t = t.slice().reverse()); ++l < r; )
-    s[l] = Me(e[l], e[l + 1]), a[l] = n(t[l], t[l + 1]);
+function Fr(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, r) - 1;
-    return a[d](s[d](c));
+    var u = at(e, c, 1, n) - 1;
+    return a[u](s[u](c));
   };
 }
-function Fn(e, t) {
+function jr(e, t) {
   return t.domain(e.domain()).range(e.range()).interpolate(e.interpolate()).clamp(e.clamp()).unknown(e.unknown());
 }
-function jn() {
-  var e = Ce, t = Ce, n = Te, r, s, a, l = W, c, d, o;
-  function u() {
+function zr() {
+  var e = nt, t = nt, r = Ee, n, s, a, l = X, c, u, o;
+  function d() {
     var m = Math.min(e.length, t.length);
-    return l !== W && (l = $n(e[0], e[m - 1])), c = m > 2 ? Tn : Ln, d = o = null, f;
+    return l !== X && (l = Lr(e[0], e[m - 1])), c = m > 2 ? Fr : Tr, u = o = null, f;
   }
   function f(m) {
-    return m == null || isNaN(m = +m) ? a : (d || (d = c(e.map(r), t, n)))(r(l(m)));
+    return m == null || isNaN(m = +m) ? a : (u || (u = c(e.map(n), t, r)))(n(l(m)));
   }
   return f.invert = function(m) {
-    return l(s((o || (o = c(t, e.map(r), fe)))(m)));
+    return l(s((o || (o = c(t, e.map(n), me)))(m)));
   }, f.domain = function(m) {
-    return arguments.length ? (e = Array.from(m, kn), u()) : e.slice();
+    return arguments.length ? (e = Array.from(m, $r), d()) : e.slice();
   }, f.range = function(m) {
-    return arguments.length ? (t = Array.from(m), u()) : t.slice();
+    return arguments.length ? (t = Array.from(m), d()) : t.slice();
   }, f.rangeRound = function(m) {
-    return t = Array.from(m), n = mn, u();
+    return t = Array.from(m), r = xr, d();
   }, f.clamp = function(m) {
-    return arguments.length ? (l = m ? !0 : W, u()) : l !== W;
+    return arguments.length ? (l = m ? !0 : X, d()) : l !== X;
   }, f.interpolate = function(m) {
-    return arguments.length ? (n = m, u()) : n;
+    return arguments.length ? (r = m, d()) : r;
   }, f.unknown = function(m) {
     return arguments.length ? (a = m, f) : a;
-  }, function(m, w) {
-    return r = m, s = w, u();
+  }, function(m, A) {
+    return n = m, s = A, d();
   };
 }
-function En() {
-  return jn()(W, W);
+function Er() {
+  return zr()(X, X);
 }
-function zn(e, t, n, r) {
-  var s = Vt(e, t, n), a;
-  switch (r = xe(r ?? ",f"), r.type) {
+function Dr(e, t, r, n) {
+  var s = Kt(e, t, r), a;
+  switch (n = he(n ?? ",f"), n.type) {
     case "s": {
       var l = Math.max(Math.abs(e), Math.abs(t));
-      return r.precision == null && !isNaN(a = An(s, l)) && (r.precision = a), lt(r, l);
+      return n.precision == null && !isNaN(a = Sr(s, l)) && (n.precision = a), ft(n, l);
     }
     case "":
     case "e":
     case "g":
     case "p":
     case "r": {
-      r.precision == null && !isNaN(a = Sn(s, Math.max(Math.abs(e), Math.abs(t)))) && (r.precision = a - (r.type === "e"));
+      n.precision == null && !isNaN(a = kr(s, Math.max(Math.abs(e), Math.abs(t)))) && (n.precision = a - (n.type === "e"));
       break;
     }
     case "f":
     case "%": {
-      r.precision == null && !isNaN(a = Nn(s)) && (r.precision = a - (r.type === "%") * 2);
+      n.precision == null && !isNaN(a = Ar(s)) && (n.precision = a - (n.type === "%") * 2);
       break;
     }
   }
-  return at(r);
+  return dt(n);
 }
-function ct(e) {
+function xt(e) {
   var t = e.domain;
-  return e.ticks = function(n) {
-    var r = t();
-    return qt(r[0], r[r.length - 1], n ?? 10);
-  }, e.tickFormat = function(n, r) {
+  return e.ticks = function(r) {
+    var n = t();
+    return qt(n[0], n[n.length - 1], r ?? 10);
+  }, e.tickFormat = function(r, n) {
     var s = t();
-    return zn(s[0], s[s.length - 1], n ?? 10, r);
-  }, e.nice = function(n) {
-    n == null && (n = 10);
-    var r = t(), s = 0, a = r.length - 1, l = r[s], c = r[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, n), o === d)
-        return r[s] = l, r[a] = c, t(r);
+    return Dr(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], u, o, d = 10;
+    for (c < l && (o = l, l = c, c = o, o = s, s = a, a = o); d-- > 0; ) {
+      if (o = Ae(l, c, r), o === u)
+        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;
+      u = o;
     }
     return e;
   }, e;
 }
-function Rn() {
-  var e = En();
+function Rr() {
+  var e = Er();
   return e.copy = function() {
-    return Fn(e, Rn());
-  }, je.apply(e, arguments), ct(e);
+    return jr(e, Rr());
+  }, Re.apply(e, arguments), xt(e);
 }
-function dt() {
-  var e = 0, t = 1, n = 1, r = [0.5], s = [0, 1], a;
-  function l(d) {
-    return d != null && d <= d ? s[tt(r, d, 0, n)] : a;
+function ht() {
+  var e = 0, t = 1, r = 1, n = [0.5], s = [0, 1], a;
+  function l(u) {
+    return u != null && u <= u ? s[at(n, u, 0, r)] : a;
   }
   function c() {
-    var d = -1;
-    for (r = new Array(n); ++d < n; ) r[d] = ((d + 1) * t - (d - n) * e) / (n + 1);
+    var u = -1;
+    for (n = new Array(r); ++u < r; ) n[u] = ((u + 1) * t - (u - 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 ? (n = (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, r[0]] : o >= n ? [r[n - 1], t] : [r[o - 1], r[o]];
-  }, l.unknown = function(d) {
-    return arguments.length && (a = d), l;
+  return l.domain = function(u) {
+    return arguments.length ? ([e, t] = u, e = +e, t = +t, c()) : [e, t];
+  }, l.range = function(u) {
+    return arguments.length ? (r = (s = Array.from(u)).length - 1, c()) : s.slice();
+  }, l.invertExtent = function(u) {
+    var o = s.indexOf(u);
+    return o < 0 ? [NaN, NaN] : o < 1 ? [e, n[0]] : o >= r ? [n[r - 1], t] : [n[o - 1], n[o]];
+  }, l.unknown = function(u) {
+    return arguments.length && (a = u), l;
   }, l.thresholds = function() {
-    return r.slice();
+    return n.slice();
   }, l.copy = function() {
-    return dt().domain([e, t]).range(s).unknown(a);
-  }, je.apply(ct(l), arguments);
+    return ht().domain([e, t]).range(s).unknown(a);
+  }, Re.apply(xt(l), arguments);
 }
-function Xn({
+function Jr({
   data: e,
   chartConfig: t,
-  displayConfig: n = {},
-  queryObject: r,
+  displayConfig: r = {},
+  queryObject: n,
   height: s = "100%",
   colorPalette: a
 }) {
-  const [l, c] = G(null), { getFieldLabel: d } = K();
+  const [l, c] = O(null), { getFieldLabel: u } = W();
   try {
     const o = {
-      showTooltip: (n == null ? void 0 : n.showTooltip) ?? !0,
-      showLegend: (n == null ? void 0 : n.showLegend) ?? !0
+      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__ */ b("div", { className: "text-center", children: [
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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;
+    let d, 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;
+      const h = t.xAxis[0], b = Array.isArray(t.yAxis) ? t.yAxis[0] : t.yAxis;
       m = Array.isArray(t.series) ? t.series[0] : t.series;
-      const g = O(r, h);
+      const y = H(n, h);
       if (m) {
-        const N = e.map((A) => {
-          const $ = A[m];
-          return typeof $ == "string" ? parseFloat($) : $;
-        }).filter((A) => !isNaN(A));
-        if (f = N.length === e.length && N.every((A) => typeof A == "number"), f) {
-          const A = Math.min(...N), $ = Math.max(...N), L = dt().domain([A, $]).range(se);
-          u = e.map((F) => {
-            const M = typeof F[m] == "string" ? parseFloat(F[m]) : F[m], H = L(M);
+        const p = e.map((v) => {
+          const k = v[m];
+          return typeof k == "string" ? parseFloat(k) : k;
+        }).filter((v) => !isNaN(v));
+        if (f = p.length === e.length && p.every((v) => typeof v == "number"), f) {
+          const v = Math.min(...p), k = Math.max(...p), $ = ht().domain([v, k]).range(ie);
+          d = e.map((F) => {
+            const M = typeof F[m] == "string" ? parseFloat(F[m]) : F[m], E = $(M);
             return {
-              name: R(F[h], g) || String(F[h]) || "Unknown",
-              size: typeof F[y] == "string" ? parseFloat(F[y]) : F[y] || 0,
-              fill: H,
+              name: R(F[h], y) || String(F[h]) || "Unknown",
+              size: typeof F[b] == "string" ? parseFloat(F[b]) : F[b] || 0,
+              fill: E,
               series: String(F[m])
             };
           });
         } else {
-          const A = [...new Set(e.map((L) => String(L[m])))], $ = ot().domain(A).range((a == null ? void 0 : a.colors) || T);
-          u = e.map((L) => ({
-            name: R(L[h], g) || String(L[h]) || "Unknown",
-            size: typeof L[y] == "string" ? parseFloat(L[y]) : L[y] || 0,
-            fill: $(String(L[m])),
-            series: String(L[m])
+          const v = [...new Set(e.map(($) => String($[m])))], k = mt().domain(v).range((a == null ? void 0 : a.colors) || L);
+          d = e.map(($) => ({
+            name: R($[h], y) || String($[h]) || "Unknown",
+            size: typeof $[b] == "string" ? parseFloat($[b]) : $[b] || 0,
+            fill: k(String($[m])),
+            series: String($[m])
           }));
         }
       } else
-        u = e.map((N, A) => ({
-          name: R(N[h], g) || String(N[h]) || "Unknown",
-          size: typeof N[y] == "string" ? parseFloat(N[y]) : N[y] || 0,
-          fill: (a == null ? void 0 : a.colors) && a.colors[A % a.colors.length] || T[A % T.length]
+        d = e.map((p, v) => ({
+          name: R(p[h], y) || String(p[h]) || "Unknown",
+          size: typeof p[b] == "string" ? parseFloat(p[b]) : p[b] || 0,
+          fill: (a == null ? void 0 : a.colors) && a.colors[v % a.colors.length] || L[v % L.length]
         }));
     } else {
-      const h = e[0], y = Object.keys(h), g = y.find(
-        (A) => typeof h[A] == "string" || A.toLowerCase().includes("name") || A.toLowerCase().includes("label") || A.toLowerCase().includes("category")
-      ) || y[0], N = y.find((A) => A.toLowerCase().includes("size")) || y.find(
-        (A) => typeof h[A] == "number" && A !== g
-      ) || y[1];
-      if (!N)
-        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+      const h = e[0], b = Object.keys(h), y = b.find(
+        (v) => typeof h[v] == "string" || v.toLowerCase().includes("name") || v.toLowerCase().includes("label") || v.toLowerCase().includes("category")
+      ) || b[0], p = b.find((v) => v.toLowerCase().includes("size")) || b.find(
+        (v) => typeof h[v] == "number" && v !== y
+      ) || b[1];
+      if (!p)
+        return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: s }, children: /* @__PURE__ */ w("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((A, $) => {
-        let L = A[g];
-        return typeof L == "boolean" ? L = L ? "Active" : "Inactive" : L === "true" || L === "false" ? L = L === "true" ? "Active" : "Inactive" : L = String(L), {
-          name: L,
-          size: typeof A[N] == "string" ? parseFloat(A[N]) : A[N] || 0,
-          fill: (a == null ? void 0 : a.colors) && a.colors[$ % a.colors.length] || T[$ % T.length]
+      d = e.map((v, k) => {
+        let $ = v[y];
+        return typeof $ == "boolean" ? $ = $ ? "Active" : "Inactive" : $ === "true" || $ === "false" ? $ = $ === "true" ? "Active" : "Inactive" : $ = String($), {
+          name: $,
+          size: typeof v[p] == "string" ? parseFloat(v[p]) : v[p] || 0,
+          fill: (a == null ? void 0 : a.colors) && a.colors[k % a.colors.length] || L[k % L.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__ */ b("div", { className: "text-center", children: [
+    if (d = d.filter((h) => h.size != null && h.size > 0), d.length === 0)
+      return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: s }, children: /* @__PURE__ */ w("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 w = (h) => {
+    const A = (h) => {
       var M;
-      const { x: y, y: g, width: N, height: A, index: $, name: L, size: F } = h;
-      return N < 20 || A < 20 ? null : /* @__PURE__ */ b("g", { children: [
+      const { x: b, y, width: p, height: v, index: k, name: $, size: F } = h;
+      return p < 20 || v < 20 ? null : /* @__PURE__ */ w("g", { children: [
         /* @__PURE__ */ i(
           "rect",
           {
-            x: y,
-            y: g,
-            width: N,
-            height: A,
+            x: b,
+            y,
+            width: p,
+            height: v,
             style: {
-              fill: ((M = u[$]) == null ? void 0 : M.fill) || (a == null ? void 0 : a.colors) && a.colors[$ % a.colors.length] || T[$ % T.length],
-              fillOpacity: l !== null ? l === $ ? 1 : 0.6 : 0.8,
+              fill: ((M = d[k]) == null ? void 0 : M.fill) || (a == null ? void 0 : a.colors) && a.colors[k % a.colors.length] || L[k % L.length],
+              fillOpacity: l !== null ? l === k ? 1 : 0.6 : 0.8,
               stroke: "#fff",
               strokeWidth: 2,
               cursor: "pointer"
             },
-            onMouseEnter: () => c($),
+            onMouseEnter: () => c(k),
             onMouseLeave: () => c(null)
           }
         ),
         /* @__PURE__ */ i(
           "foreignObject",
           {
-            x: y,
-            y: g,
-            width: N,
-            height: A,
+            x: b,
+            y,
+            width: p,
+            height: v,
             style: { pointerEvents: "none", overflow: "visible" },
-            children: /* @__PURE__ */ b(
+            children: /* @__PURE__ */ w(
               "div",
               {
                 style: {
@@ -1987,26 +2136,26 @@ function Xn({
                   overflow: "hidden"
                 },
                 children: [
-                  N > 40 && A > 30 && /* @__PURE__ */ i(
+                  p > 40 && v > 30 && /* @__PURE__ */ i(
                     "div",
                     {
                       style: {
-                        fontSize: `${Math.max(10, Math.min(N / 8, A / 8, 16))}px`,
+                        fontSize: `${Math.max(10, Math.min(p / 8, v / 8, 16))}px`,
                         fontWeight: "600",
                         textAlign: "center",
                         lineHeight: "1.2",
-                        marginBottom: N > 60 && A > 45 ? "4px" : "0",
+                        marginBottom: p > 60 && v > 45 ? "4px" : "0",
                         wordBreak: "break-word",
                         hyphens: "auto"
                       },
-                      children: L
+                      children: $
                     }
                   ),
-                  N > 60 && A > 45 && /* @__PURE__ */ i(
+                  p > 60 && v > 45 && /* @__PURE__ */ i(
                     "div",
                     {
                       style: {
-                        fontSize: `${Math.max(8, Math.min(N / 10, A / 10, 14))}px`,
+                        fontSize: `${Math.max(8, Math.min(p / 10, v / 10, 14))}px`,
                         textAlign: "center",
                         opacity: 0.9
                       },
@@ -2019,51 +2168,51 @@ function Xn({
           }
         )
       ] });
-    }, v = u.some((h) => "series" in h) ? [...new Set(u.map((h) => h.series).filter(Boolean))] : [];
-    let p = [];
+    }, N = d.some((h) => "series" in h) ? [...new Set(d.map((h) => h.series).filter(Boolean))] : [];
+    let g = [];
     if (o.showLegend && m)
       if (f) {
-        const h = Math.min(...e.map((g) => {
-          const N = g[m];
-          return typeof N == "string" ? parseFloat(N) : N;
-        })), y = Math.max(...e.map((g) => {
-          const N = g[m];
-          return typeof N == "string" ? parseFloat(N) : N;
+        const h = Math.min(...e.map((y) => {
+          const p = y[m];
+          return typeof p == "string" ? parseFloat(p) : p;
+        })), b = Math.max(...e.map((y) => {
+          const p = y[m];
+          return typeof p == "string" ? parseFloat(p) : p;
         }));
-        p = se.map((g, N) => {
-          const A = N / (se.length - 1);
+        g = ie.map((y, p) => {
+          const v = p / (ie.length - 1);
           return {
-            value: (h + (y - h) * A).toFixed(2),
+            value: (h + (b - h) * v).toFixed(2),
             type: "rect",
-            color: g
+            color: y
           };
         });
-      } else v.length > 1 && (p = v.map((h, y) => ({
+      } else N.length > 1 && (g = N.map((h, b) => ({
         value: h,
         type: "rect",
-        color: T[y % T.length]
+        color: L[b % L.length]
       })));
-    const S = o.showLegend && p.length > 0, k = S ? typeof s == "string" && s.includes("%") ? s : typeof s == "number" ? s + 60 : `calc(${s} + 60px)` : s;
-    return /* @__PURE__ */ b("div", { className: "w-full", style: { height: k }, children: [
-      /* @__PURE__ */ i(U, { height: S ? "calc(100% - 50px)" : "100%", children: /* @__PURE__ */ i(
-        Lt,
+    const S = o.showLegend && g.length > 0, T = S ? typeof s == "string" && s.includes("%") ? s : typeof s == "number" ? s + 60 : `calc(${s} + 60px)` : s;
+    return /* @__PURE__ */ w("div", { className: "w-full", style: { height: T }, children: [
+      /* @__PURE__ */ i(G, { height: S ? "calc(100% - 50px)" : "100%", children: /* @__PURE__ */ i(
+        Ft,
         {
-          data: u,
+          data: d,
           dataKey: "size",
           aspectRatio: 4 / 3,
           stroke: "#fff",
-          content: /* @__PURE__ */ i(w, {}),
-          children: o.showTooltip && /* @__PURE__ */ i(q, {})
+          content: /* @__PURE__ */ i(A, {}),
+          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__ */ b("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__ */ b("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ w("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ i("div", { className: "text-xs font-semibold text-gray-700 mb-2", children: m ? u(m) : "" }),
+          /* @__PURE__ */ w("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;
+              const b = h[m];
+              return typeof b == "string" ? parseFloat(b) : b;
             })).toFixed(2) }),
             /* @__PURE__ */ i(
               "div",
@@ -2071,19 +2220,19 @@ function Xn({
                 className: "h-4 rounded",
                 style: {
                   width: "200px",
-                  background: `linear-gradient(to right, ${se.join(", ")})`
+                  background: `linear-gradient(to right, ${ie.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;
+              const b = h[m];
+              return typeof b == "string" ? parseFloat(b) : b;
             })).toFixed(2) })
           ] })
         ] })
       ) : (
         // Discrete legend for categorical series
-        /* @__PURE__ */ i("div", { className: "flex flex-wrap justify-center gap-4", children: p.map((h, y) => /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-wrap justify-center gap-4", children: g.map((h, b) => /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ i(
             "div",
             {
@@ -2092,95 +2241,95 @@ function Xn({
             }
           ),
           /* @__PURE__ */ i("span", { className: "text-xs text-gray-600", children: h.value })
-        ] }, y)) })
+        ] }, b)) })
       ) })
     ] });
   } catch (o) {
-    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+    return /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: s }, children: /* @__PURE__ */ w("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 Qn({
+function Pr({
   data: e,
   chartConfig: t,
-  height: n = 300
+  height: r = 300
 }) {
-  const { getFieldLabel: r } = K();
+  const { getFieldLabel: n } = W();
   if (!e || e.length === 0)
-    return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: n }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+    return /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: r }, children: /* @__PURE__ */ w("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: n }, children: /* @__PURE__ */ b("div", { className: "text-center", children: [
+  return a.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-center justify-center w-full text-gray-500", style: { height: r }, children: /* @__PURE__ */ w("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: n }, children: /* @__PURE__ */ b("table", { className: "min-w-full divide-y divide-gray-200", children: [
+  ] }) }) : /* @__PURE__ */ i("div", { className: "w-full overflow-auto", style: { height: r }, children: /* @__PURE__ */ w("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: r(l)
+        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(
+    /* @__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((u) => /* @__PURE__ */ i(
       "td",
       {
         className: "px-3 py-2 whitespace-nowrap text-sm text-gray-900",
-        children: Dn(l[d])
+        children: Ir(l[u])
       },
-      d
+      u
     )) }, c)) })
   ] }) });
 }
-function Dn(e) {
+function Ir(e) {
   return e == null ? "" : typeof e == "number" ? e.toLocaleString() : typeof e == "boolean" ? e ? "Yes" : "No" : String(e);
 }
-function Zn(e) {
-  const t = Hn(e);
+function Cr(e) {
+  const t = _r(e);
   return {
     portlets: e,
     layouts: t
   };
 }
-function Hn(e) {
-  const t = e.map((n) => ({
-    i: n.id,
-    x: n.x,
-    y: n.y,
-    w: n.w,
-    h: n.h,
+function _r(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((n) => ({ ...n, w: Math.min(n.w, 8) })),
-    sm: t.map((n) => ({ ...n, w: Math.min(n.w, 6) })),
-    xs: t.map((n) => ({ ...n, w: Math.min(n.w, 4) })),
-    xxs: t.map((n) => ({ ...n, w: 2 }))
+    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 Jn(e, t = {}) {
-  const { formatNumbers: n = !0, precision: r = 2 } = t;
-  return n ? e.map((s) => {
+function en(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(r)) : a[l] = c;
+      typeof c == "number" ? a[l] = Number(c.toFixed(n)) : a[l] = c;
     return a;
   }) : e;
 }
-function Pn() {
+function tn() {
   return `portlet-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function Cn(e, t = 6, n = 4) {
+function rn(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 er(e) {
+function nn(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 };
@@ -2188,7 +2337,7 @@ function er(e) {
     return { valid: !1, error: "Invalid JSON format" };
   }
 }
-function tr() {
+function sn() {
   return {
     title: "Sample Chart",
     query: JSON.stringify({
@@ -2212,37 +2361,44 @@ function tr() {
   };
 }
 export {
-  _n as A,
-  qn as B,
-  ve as C,
-  Qn as D,
-  Vn as L,
-  Tt as N,
-  Bn as P,
-  Yn as R,
-  Kn as S,
-  Xn as T,
-  Wn as a,
-  Fn as b,
-  Zn as c,
-  W as d,
-  R as e,
-  Jn as f,
-  O as g,
-  Rn as h,
-  je as i,
-  se as j,
-  T as k,
-  ct as l,
-  U as m,
-  Hn as n,
-  ot as o,
-  Pn as p,
-  dt as q,
-  Cn as r,
-  tr as s,
-  jn as t,
-  De as u,
-  er as v
+  Wr as A,
+  Kr as B,
+  ge as C,
+  Pr as D,
+  nn as E,
+  sn as F,
+  Oe as G,
+  Br as L,
+  jt as N,
+  Yr as P,
+  Qr as R,
+  Xr as S,
+  Jr as T,
+  Zr as a,
+  Ze as b,
+  Cr as c,
+  mr as d,
+  C as e,
+  en as f,
+  jr as g,
+  Re as h,
+  me as i,
+  X as j,
+  H as k,
+  xt as l,
+  R as m,
+  Rr as n,
+  ie as o,
+  mt as p,
+  ht as q,
+  L as r,
+  G as s,
+  zr as t,
+  Te as u,
+  qr as v,
+  Ur as w,
+  _r as x,
+  tn as y,
+  rn as z
 };
-//# sourceMappingURL=charts-JUvTF2xT.js.map
+//# sourceMappingURL=charts-BM1k01Jw.js.map