drizzle-cube 0.1.69 → 0.2.0

package/dist/client/chunks/chart-radarchart-BwZM1yTd.js

@@ -0,0 +1,124 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { RadarChart as S, PolarGrid as L, PolarAngleAxis as R, PolarRadiusAxis as j, Legend as C, Radar as F } from "recharts";
+import { C as T } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C as k } from "./chart-charttooltip-NrFVM1cJ.js";
+import { t as z, b as E, c as G, a as y } from "./chart-activitygridchart-BRk9BNnp.js";
+function W({
+  data: l,
+  chartConfig: a,
+  displayConfig: v = {},
+  queryObject: N,
+  height: x = "100%",
+  colorPalette: d
+}) {
+  const [h, w] = b(null);
+  try {
+    const c = {
+      showLegend: v?.showLegend ?? !0,
+      showTooltip: v?.showTooltip ?? !0,
+      showGrid: v?.showGrid ?? !0
+    };
+    if (!l || l.length === 0)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ p("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in radar chart" })
+      ] }) });
+    let m, u = [];
+    if (a?.xAxis && a?.yAxis) {
+      const s = Array.isArray(a.xAxis) ? a.xAxis[0] : a.xAxis, r = Array.isArray(a.yAxis) ? a.yAxis : [a.yAxis], i = a.series || [], { data: n, seriesKeys: t } = z(
+        l,
+        s,
+        r,
+        N,
+        i
+      );
+      m = n, u = t;
+    } else {
+      const s = l[0], r = Object.keys(s), i = r.find(
+        (t) => typeof s[t] == "string" || t.toLowerCase().includes("subject") || t.toLowerCase().includes("name") || t.toLowerCase().includes("category")
+      ) || r[0], n = r.filter(
+        (t) => typeof s[t] == "number" && t !== i
+      );
+      if (n.length === 0)
+        return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: x }, children: /* @__PURE__ */ p("div", { className: "text-center", children: [
+          /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ e("div", { className: "text-xs", children: "No numeric fields found for radar chart values" })
+        ] }) });
+      if (i) {
+        const t = E(N, i);
+        m = l.map((o) => {
+          const g = {
+            name: G(o[i], t) || String(o[i]) || "Unknown"
+          };
+          return n.forEach((f) => {
+            const A = f.split(".").pop() || f;
+            g[A] = typeof o[f] == "string" ? parseFloat(o[f]) : o[f] || 0;
+          }), g;
+        }), u = n.map((o) => o.split(".").pop() || o);
+      } else
+        m = l.map((t) => ({
+          name: String(t[r[0]] || "Unknown"),
+          value: typeof t[n[0]] == "string" ? parseFloat(t[n[0]]) : t[n[0]] || 0
+        })), u = ["value"];
+    }
+    return !m || m.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: x }, children: /* @__PURE__ */ p("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for radar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ e(T, { height: x, children: /* @__PURE__ */ p(S, { data: m, margin: { top: 20, right: 80, bottom: 20, left: 80 }, children: [
+      c.showGrid && /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(
+        R,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          className: "text-dc-text-muted"
+        }
+      ),
+      /* @__PURE__ */ e(
+        j,
+        {
+          tick: { fontSize: 10 },
+          className: "text-dc-text-muted"
+        }
+      ),
+      c.showTooltip && /* @__PURE__ */ e(k, {}),
+      c.showLegend && u.length > 1 && /* @__PURE__ */ e(
+        C,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "rect",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (s) => w(String(s.dataKey || "")),
+          onMouseLeave: () => w(null)
+        }
+      ),
+      u.map((s, r) => /* @__PURE__ */ e(
+        F,
+        {
+          name: s,
+          dataKey: s,
+          stroke: d?.colors && d.colors[r % d.colors.length] || y[r % y.length],
+          fill: d?.colors && d.colors[r % d.colors.length] || y[r % y.length],
+          fillOpacity: h ? h === s ? 0.6 : 0.1 : 0.3,
+          strokeOpacity: h ? h === s ? 1 : 0.3 : 1,
+          strokeWidth: 2
+        },
+        s
+      ))
+    ] }) });
+  } catch (c) {
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: x }, children: /* @__PURE__ */ p("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Radar Chart Error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs mb-2", children: c instanceof Error ? c.message : "Unknown rendering error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+export {
+  W as default
+};
+//# sourceMappingURL=chart-radarchart-BwZM1yTd.js.map

package/dist/client/chunks/chart-radarchart-BwZM1yTd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radarchart-BwZM1yTd.js","sources":["../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { RadarChart as RechartsRadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nexport default function RadarChart({ \n  data, \n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      showGrid: displayConfig?.showGrid ?? true\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in radar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radarData: any[]\n    let seriesKeys: string[] = []\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Subject/category field\n      const yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]   // Value fields\n      const seriesFields = chartConfig.series || []\n\n      // Use shared function to transform data and handle series\n      const { data: chartData, seriesKeys: transformedSeriesKeys } = transformChartDataWithSeries(\n        data, \n        xAxisField, \n        yAxisFields, \n        queryObject,\n        seriesFields\n      )\n      \n      radarData = chartData\n      seriesKeys = transformedSeriesKeys\n    } else {\n      // Legacy format or auto-detection - try to find suitable fields\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find subject/category field\n      const subjectField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('subject') ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find numeric fields for values\n      const valueFields = keys.filter(key => \n        typeof firstRow[key] === 'number' && key !== subjectField\n      )\n\n      if (valueFields.length === 0) {\n        return (\n          <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n            <div className=\"text-center\">\n              <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n              <div className=\"text-xs\">No numeric fields found for radar chart values</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radar chart\n      if (subjectField) {\n        // Use subject field for radar categories\n        const granularity = getFieldGranularity(queryObject, subjectField)\n        radarData = data.map(item => {\n          const transformedItem: any = {\n            name: formatTimeValue(item[subjectField], granularity) || String(item[subjectField]) || 'Unknown'\n          }\n          \n          valueFields.forEach(field => {\n            const displayName = field.split('.').pop() || field\n            transformedItem[displayName] = typeof item[field] === 'string' \n              ? parseFloat(item[field]) \n              : (item[field] || 0)\n          })\n          \n          return transformedItem\n        })\n        \n        seriesKeys = valueFields.map(field => field.split('.').pop() || field)\n      } else {\n        // Fallback - use first value field only\n        radarData = data.map(item => ({\n          name: String(item[keys[0]] || 'Unknown'),\n          value: typeof item[valueFields[0]] === 'string' \n            ? parseFloat(item[valueFields[0]]) \n            : (item[valueFields[0]] || 0)\n        }))\n        seriesKeys = ['value']\n      }\n    }\n    \n    // Validate transformed data\n    if (!radarData || radarData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for radar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadarChart data={radarData} margin={{ top: 20, right: 80, bottom: 20, left: 80 }}>\n          {safeDisplayConfig.showGrid && (\n            <PolarGrid />\n          )}\n          <PolarAngleAxis\n            dataKey=\"name\"\n            tick={{ fontSize: 12 }}\n            className=\"text-dc-text-muted\"\n          />\n          <PolarRadiusAxis\n            tick={{ fontSize: 10 }}\n            className=\"text-dc-text-muted\"\n          />\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip />\n          )}\n          {(safeDisplayConfig.showLegend && seriesKeys.length > 1) && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"rect\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => (\n            <Radar\n              key={seriesKey}\n              name={seriesKey}\n              dataKey={seriesKey}\n              stroke={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n              strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              strokeWidth={2}\n            />\n          ))}\n        </RechartsRadarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadarChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Radar Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["RadarChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","safeDisplayConfig","jsx","jsxs","radarData","seriesKeys","xAxisField","yAxisFields","seriesFields","chartData","transformedSeriesKeys","transformChartDataWithSeries","firstRow","keys","subjectField","key","valueFields","granularity","getFieldGranularity","item","transformedItem","formatTimeValue","field","displayName","ChartContainer","RechartsRadarChart","PolarGrid","PolarAngleAxis","PolarRadiusAxis","ChartTooltip","Legend","o","seriesKey","index","Radar","CHART_COLORS","error"],"mappings":"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"}

package/dist/client/chunks/chart-radarchart-config-CCWOkkwO.js

@@ -0,0 +1,38 @@
+import { jsx as s } from "react/jsx-runtime";
+import { I as a, m as r } from "./icons-D-n_woAP.js";
+const t = {
+  icon: ({ className: e }) => /* @__PURE__ */ s(a, { icon: r, className: e }),
+  description: "Compare multiple metrics across categories",
+  useCase: "Best for multivariate comparisons, performance metrics, strengths/weaknesses analysis",
+  dropZones: [
+    {
+      key: "xAxis",
+      label: "Axes (Categories)",
+      description: "Dimensions for radar axes",
+      mandatory: !0,
+      acceptTypes: ["dimension"],
+      emptyText: "Drop dimensions for radar axes"
+    },
+    {
+      key: "yAxis",
+      label: "Values",
+      description: "Measures for radar values",
+      mandatory: !0,
+      acceptTypes: ["measure"],
+      emptyText: "Drop measures for values"
+    },
+    {
+      key: "series",
+      label: "Series (Multiple Shapes)",
+      description: "Dimensions to create multiple radar shapes",
+      mandatory: !1,
+      acceptTypes: ["dimension"],
+      emptyText: "Drop dimensions for multiple shapes"
+    }
+  ],
+  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"]
+};
+export {
+  t as radarChartConfig
+};
+//# sourceMappingURL=chart-radarchart-config-CCWOkkwO.js.map

package/dist/client/chunks/chart-radarchart-config-CCWOkkwO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radarchart-config-CCWOkkwO.js","sources":["../../../src/client/components/charts/RadarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport chartRadarIcon from '@iconify-icons/tabler/chart-radar'\n\n/**\n * Configuration for the radar chart type\n */\nexport const radarChartConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={chartRadarIcon} className={className} />,\n  description: 'Compare multiple metrics across categories',\n  useCase: 'Best for multivariate comparisons, performance metrics, strengths/weaknesses analysis',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Axes (Categories)',\n      description: 'Dimensions for radar axes',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for radar axes'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radar values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures for values'\n    },\n    {\n      key: 'series',\n      label: 'Series (Multiple Shapes)',\n      description: 'Dimensions to create multiple radar shapes',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for multiple shapes'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["radarChartConfig","className","jsx","Icon","chartRadarIcon"],"mappings":";;AAOO,MAAMA,IAAoC;AAAA,EAC/C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAgB,WAAAH,GAAsB;AAAA,EAC3E,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}

package/dist/client/chunks/chart-radialbarchart-CythI1zx.js

@@ -0,0 +1,109 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { RadialBarChart as g, Legend as w, RadialBar as A, Cell as L } from "recharts";
+import { C as R } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C } from "./chart-charttooltip-NrFVM1cJ.js";
+import { b as S, a as x, c as T } from "./chart-activitygridchart-BRk9BNnp.js";
+function D({
+  data: d,
+  chartConfig: i,
+  displayConfig: v = {},
+  queryObject: N,
+  height: c = "100%",
+  colorPalette: o
+}) {
+  const [p, h] = b(null);
+  try {
+    const m = {
+      showLegend: v?.showLegend ?? !0,
+      showTooltip: v?.showTooltip ?? !0
+    };
+    if (!d || d.length === 0)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: c }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in radial bar chart" })
+      ] }) });
+    let n;
+    if (i?.xAxis && i?.yAxis) {
+      const t = Array.isArray(i.xAxis) ? i.xAxis[0] : i.xAxis, a = Array.isArray(i.yAxis) ? i.yAxis[0] : i.yAxis, u = S(N, t);
+      n = d.map((l, r) => ({
+        name: T(l[t], u) || String(l[t]) || "Unknown",
+        value: typeof l[a] == "string" ? parseFloat(l[a]) : l[a] || 0,
+        fill: o?.colors && o.colors[r % o.colors.length] || x[r % x.length]
+      }));
+    } else {
+      const t = d[0], a = Object.keys(t), u = a.find(
+        (r) => typeof t[r] == "string" || r.toLowerCase().includes("name") || r.toLowerCase().includes("label") || r.toLowerCase().includes("category")
+      ) || a[0], l = a.find(
+        (r) => typeof t[r] == "number" && r !== u
+      ) || a[1];
+      if (!l)
+        return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: c }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+          /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ e("div", { className: "text-xs", children: "No numeric field found for radial bar chart values" })
+        ] }) });
+      n = d.map((r, y) => {
+        let s = r[u];
+        return typeof s == "boolean" ? s = s ? "Active" : "Inactive" : s === "true" || s === "false" ? s = s === "true" ? "Active" : "Inactive" : s = String(s), {
+          name: s,
+          value: typeof r[l] == "string" ? parseFloat(r[l]) : r[l] || 0,
+          fill: o?.colors && o.colors[y % o.colors.length] || x[y % x.length]
+        };
+      });
+    }
+    return n = n.filter((t) => t.value != null && t.value !== 0), n.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: c }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for radial bar chart after transformation" })
+    ] }) }) : /* @__PURE__ */ e(R, { height: c, children: /* @__PURE__ */ f(
+      g,
+      {
+        data: n,
+        innerRadius: "10%",
+        outerRadius: "80%",
+        margin: { top: 20, right: 30, bottom: 20, left: 30 },
+        children: [
+          m.showTooltip && /* @__PURE__ */ e(C, {}),
+          m.showLegend && /* @__PURE__ */ e(
+            w,
+            {
+              wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+              iconType: "circle",
+              iconSize: 8,
+              layout: "horizontal",
+              align: "center",
+              verticalAlign: "bottom",
+              onMouseEnter: (t) => h(String(t.value || "")),
+              onMouseLeave: () => h(null)
+            }
+          ),
+          /* @__PURE__ */ e(
+            A,
+            {
+              dataKey: "value",
+              cornerRadius: 4,
+              label: { position: "insideStart", fill: "#fff", fontSize: 12 },
+              children: n.map((t, a) => /* @__PURE__ */ e(
+                L,
+                {
+                  fill: t.fill,
+                  fillOpacity: p ? p === t.name ? 1 : 0.3 : 1
+                },
+                `cell-${a}`
+              ))
+            }
+          )
+        ]
+      }
+    ) });
+  } catch (m) {
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: c }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Radial Bar Chart Error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs mb-2", children: m instanceof Error ? m.message : "Unknown rendering error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+export {
+  D as default
+};
+//# sourceMappingURL=chart-radialbarchart-CythI1zx.js.map

package/dist/client/chunks/chart-radialbarchart-CythI1zx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radialbarchart-CythI1zx.js","sources":["../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { RadialBarChart as RechartsRadialBarChart, RadialBar, Legend, Cell } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nexport default function RadialBarChart({ \n  data, \n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in radial bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radialData: Array<{name: string, value: number, fill?: string}>\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Value field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      radialData = data.map((item, index) => ({\n        name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n        value: typeof item[yAxisField] === 'string' \n          ? parseFloat(item[yAxisField]) \n          : (item[yAxisField] || 0),\n        fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n      }))\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for values\n      const valueField = keys.find(key => \n        typeof firstRow[key] === 'number' && key !== nameField\n      ) || keys[1]\n\n      if (!valueField) {\n        return (\n          <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n            <div className=\"text-center\">\n              <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n              <div className=\"text-xs\">No numeric field found for radial bar chart values</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radial bar chart\n      radialData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          value: typeof item[valueField] === 'string' \n            ? parseFloat(item[valueField]) \n            : (item[valueField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values\n    radialData = radialData.filter(item => item.value != null && item.value !== 0)\n    \n    if (radialData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for radial bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadialBarChart \n          data={radialData}\n          innerRadius=\"10%\"\n          outerRadius=\"80%\"\n          margin={{ top: 20, right: 30, bottom: 20, left: 30 }}\n        >\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip />\n          )}\n          {safeDisplayConfig.showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.value || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          <RadialBar \n            dataKey=\"value\" \n            cornerRadius={4}\n            label={{ position: 'insideStart', fill: '#fff', fontSize: 12 }}\n          >\n            {radialData.map((entry, index) => (\n              <Cell \n                key={`cell-${index}`} \n                fill={entry.fill}\n                fillOpacity={hoveredLegend ? (hoveredLegend === entry.name ? 1 : 0.3) : 1}\n              />\n            ))}\n          </RadialBar>\n        </RechartsRadialBarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadialBarChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Radial Bar Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["RadialBarChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","safeDisplayConfig","jsx","jsxs","radialData","xAxisField","yAxisField","granularity","getFieldGranularity","item","index","formatTimeValue","CHART_COLORS","firstRow","keys","nameField","key","valueField","name","ChartContainer","RechartsRadialBarChart","ChartTooltip","Legend","o","RadialBar","entry","Cell","error"],"mappings":"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"}

package/dist/client/chunks/chart-radialbarchart-config-DicXYrMW.js

@@ -0,0 +1,31 @@
+import { jsx as s } from "react/jsx-runtime";
+import { I as o, n as a } from "./icons-D-n_woAP.js";
+const t = {
+  icon: ({ className: e }) => /* @__PURE__ */ s(o, { icon: a, className: e }),
+  description: "Circular progress and KPI visualization",
+  useCase: "Best for showing progress toward goals, KPIs, or comparing percentages in a compact form",
+  dropZones: [
+    {
+      key: "xAxis",
+      label: "Categories",
+      description: "Dimensions for radial segments",
+      mandatory: !0,
+      acceptTypes: ["dimension"],
+      emptyText: "Drop dimensions for categories"
+    },
+    {
+      key: "yAxis",
+      label: "Values",
+      description: "Measures for radial bar lengths",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure for values"
+    }
+  ],
+  displayOptions: ["showLegend", "showTooltip", "hideHeader"]
+};
+export {
+  t as radialBarChartConfig
+};
+//# sourceMappingURL=chart-radialbarchart-config-DicXYrMW.js.map

package/dist/client/chunks/chart-radialbarchart-config-DicXYrMW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radialbarchart-config-DicXYrMW.js","sources":["../../../src/client/components/charts/RadialBarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport chartRadarIcon from '@iconify-icons/tabler/radar-2'\n\n/**\n * Configuration for the radial bar chart type\n */\nexport const radialBarChartConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={chartRadarIcon} className={className} />,\n  description: 'Circular progress and KPI visualization',\n  useCase: 'Best for showing progress toward goals, KPIs, or comparing percentages in a compact form',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for radial segments',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radial bar lengths',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for values'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["radialBarChartConfig","className","jsx","Icon","chartRadarIcon"],"mappings":";;AAOO,MAAMA,IAAwC;AAAA,EACnD,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAgB,WAAAH,GAAsB;AAAA,EAC3E,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}

package/dist/client/chunks/chart-scatterchart-config-DgYa-5vm.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { I as s, o as i } from "./icons-D-n_woAP.js";
+const a = {
+  icon: ({ className: e }) => /* @__PURE__ */ o(s, { icon: i, className: e }),
+  description: "Reveal correlations between variables",
+  useCase: "Best for identifying patterns, correlations, outliers, and relationships between two measures",
+  dropZones: [
+    {
+      key: "xAxis",
+      label: "X-Axis",
+      description: "Measure or dimension for X position",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["dimension", "timeDimension", "measure"],
+      emptyText: "Drop a field for X-axis"
+    },
+    {
+      key: "yAxis",
+      label: "Y-Axis",
+      description: "Measure for Y position",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure for Y-axis"
+    },
+    {
+      key: "series",
+      label: "Series (Color Groups)",
+      description: "Dimension to color points by category",
+      mandatory: !1,
+      maxItems: 1,
+      acceptTypes: ["dimension"],
+      emptyText: "Drop a dimension to color points"
+    }
+  ],
+  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"]
+};
+export {
+  a as scatterChartConfig
+};
+//# sourceMappingURL=chart-scatterchart-config-DgYa-5vm.js.map

package/dist/client/chunks/chart-scatterchart-config-DgYa-5vm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scatterchart-config-DgYa-5vm.js","sources":["../../../src/client/components/charts/ScatterChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport chartDots2Icon from '@iconify-icons/tabler/chart-dots-2'\n\n/**\n * Configuration for the scatter chart type\n */\nexport const scatterChartConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={chartDots2Icon} className={className} />,\n  description: 'Reveal correlations between variables',\n  useCase: 'Best for identifying patterns, correlations, outliers, and relationships between two measures',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis',\n      description: 'Measure or dimension for X position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension', 'measure'],\n      emptyText: 'Drop a field for X-axis'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis',\n      description: 'Measure for Y position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for Y-axis'\n    },\n    {\n      key: 'series',\n      label: 'Series (Color Groups)',\n      description: 'Dimension to color points by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension to color points'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["scatterChartConfig","className","jsx","Icon","chartDots2Icon"],"mappings":";;AAOO,MAAMA,IAAsC;AAAA,EACjD,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAgB,WAAAH,GAAsB;AAAA,EAC3E,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,iBAAiB,SAAS;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}

package/dist/client/chunks/chart-scatterchart-om9-qmtE.js

@@ -0,0 +1,201 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import { ScatterChart as H, CartesianGrid as K, XAxis as O, YAxis as B, Tooltip as Y, Legend as U, Scatter as M } from "recharts";
+import { C as W } from "./chart-chartcontainer-CdwzIKP1.js";
+import { u as $, b, c as S, p as j, i as z, C as J, f as R, a as k } from "./chart-activitygridchart-BRk9BNnp.js";
+function re({
+  data: N,
+  chartConfig: i,
+  displayConfig: w = {},
+  queryObject: h,
+  height: m = "100%",
+  colorPalette: p
+}) {
+  const [D, L] = _(null), { getFieldLabel: x } = $();
+  try {
+    const u = {
+      showLegend: w?.showLegend ?? !0,
+      showGrid: w?.showGrid ?? !0,
+      showTooltip: w?.showTooltip ?? !0
+    };
+    if (!N || N.length === 0)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in scatter chart" })
+      ] }) });
+    let a, o, V = [];
+    if (i?.xAxis && i?.yAxis) {
+      a = Array.isArray(i.xAxis) ? i.xAxis[0] : i.xAxis, o = Array.isArray(i.yAxis) ? i.yAxis[0] : i.yAxis;
+      const s = i.series;
+      V = s ? Array.isArray(s) ? s : [s] : [];
+    } else if (i?.x && i?.y)
+      a = i.x, o = Array.isArray(i.y) ? i.y[0] : i.y;
+    else
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ e("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!a || !o)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ e("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const F = (h?.timeDimensions || []).map((s) => s.dimension);
+    let v, c = {};
+    if (V.length > 0) {
+      const s = V[0];
+      N.forEach((t) => {
+        const n = String(t[s] || "Default");
+        c[n] || (c[n] = []);
+        const y = b(h, a), f = S(t[a], y) || t[a], d = j(t[o]), g = typeof f == "string" ? parseFloat(f) : f;
+        if (z(g) && d !== null) {
+          const T = {};
+          F.forEach((A) => {
+            if (t[A]) {
+              const X = b(h, A);
+              T[A] = S(t[A], X);
+            }
+          }), c[n].push({
+            x: g,
+            y: d,
+            name: n,
+            timeValues: T,
+            originalItem: t
+          });
+        }
+      }), v = Object.keys(c).flatMap((t) => c[t]);
+    } else {
+      const s = b(h, a);
+      v = N.map((r) => {
+        const t = S(r[a], s) || r[a], n = j(r[o]), y = typeof t == "string" ? parseFloat(t) : t, f = {};
+        return F.forEach((d) => {
+          if (r[d]) {
+            const g = b(h, d);
+            f[d] = S(r[d], g);
+          }
+        }), {
+          x: y,
+          y: n,
+          name: "Point",
+          timeValues: f,
+          originalItem: r,
+          isValid: z(y) && n !== null
+        };
+      }).filter((r) => r.isValid);
+    }
+    if (!v || v.length === 0)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for scatter chart after transformation" })
+      ] }) });
+    const E = Object.keys(c), G = E.length > 1 && E.length <= 20, I = u.showLegend && G, C = {
+      ...J,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    };
+    return /* @__PURE__ */ e(W, { height: m, children: /* @__PURE__ */ l(H, { margin: C, children: [
+      u.showGrid && /* @__PURE__ */ e(K, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          type: "number",
+          dataKey: "x",
+          name: x(a),
+          tick: { fontSize: 12 }
+        }
+      ),
+      /* @__PURE__ */ e(
+        B,
+        {
+          type: "number",
+          dataKey: "y",
+          name: x(o),
+          tick: { fontSize: 12 },
+          label: { value: x(o), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      u.showTooltip && /* @__PURE__ */ e(
+        Y,
+        {
+          cursor: { strokeDasharray: "3 3" },
+          content: ({ active: s, payload: r }) => {
+            if (!s || !r || r.length === 0) return null;
+            const t = r[0]?.payload;
+            return t ? /* @__PURE__ */ l("div", { style: {
+              backgroundColor: "white",
+              border: "1px solid #e5e7eb",
+              borderRadius: "0.5rem",
+              fontSize: "0.875rem",
+              color: "#1f2937",
+              boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              padding: "8px 12px"
+            }, children: [
+              /* @__PURE__ */ e("div", { style: { fontWeight: 600, marginBottom: "4px" }, children: t.name }),
+              t.timeValues && Object.keys(t.timeValues).length > 0 && /* @__PURE__ */ e("div", { style: { marginBottom: "4px", color: "#6b7280" }, children: Object.entries(t.timeValues).map(([n, y]) => /* @__PURE__ */ l("div", { children: [
+                x(n),
+                ": ",
+                y
+              ] }, n)) }),
+              /* @__PURE__ */ l("div", { children: [
+                x(a),
+                ": ",
+                R(t.x)
+              ] }),
+              /* @__PURE__ */ l("div", { children: [
+                x(o),
+                ": ",
+                R(t.y)
+              ] })
+            ] }) : null;
+          }
+        }
+      ),
+      I && /* @__PURE__ */ e(
+        U,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "circle",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (s) => L(String(s.dataKey || "")),
+          onMouseLeave: () => L(null)
+        }
+      ),
+      G ? (
+        // Multiple series
+        E.map((s, r) => /* @__PURE__ */ e(
+          M,
+          {
+            name: s,
+            data: c[s],
+            fill: p?.colors && p.colors[r % p.colors.length] || k[r % k.length],
+            fillOpacity: D ? D === s ? 1 : 0.3 : 1
+          },
+          s
+        ))
+      ) : (
+        // Single series
+        /* @__PURE__ */ e(
+          M,
+          {
+            name: "Data",
+            data: v,
+            fill: p?.colors && p.colors[0] || k[0]
+          }
+        )
+      )
+    ] }) });
+  } catch (u) {
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: m }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Scatter Chart Error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs mb-2", children: u instanceof Error ? u.message : "Unknown rendering error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+export {
+  re as default
+};
+//# sourceMappingURL=chart-scatterchart-om9-qmtE.js.map