@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.2

package/dist/bigconsole/components/widgets/WidgetRegistry.js

@@ -490,7 +490,6 @@ var e = {
 		component: null,
 		defaultConfig: {
 			url: "",
-			sandbox: "allow-scripts allow-same-origin",
 			allowFullscreen: !1
 		},
 		defaultSize: {

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js

@@ -1,11 +1,11 @@
 import e from "./CalendarView.js";
 import { memo as t } from "react";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/calendar/CalendarWidget.tsx
 var i = t(function(t) {
-	let { t: i } = n();
-	return /* @__PURE__ */ r(e, {
+	let { t: i } = r();
+	return /* @__PURE__ */ n(e, {
 		...t,
 		t: i
 	});

package/dist/bigconsole/components/widgets/chart/ChartConfig.js

@@ -1,9 +1,9 @@
 import { memo as e, useCallback as t, useMemo as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/chart/ChartConfig.tsx
 var s = e(function({ config: e, onChange: s }) {
-	let { t: c } = r(), l = n(() => [
+	let { t: c } = o(), l = n(() => [
 		{
 			value: "line",
 			label: c("bigconsole.widget.config.chart.type.line", "Line Chart")
@@ -64,47 +64,47 @@ var s = e(function({ config: e, onChange: s }) {
 			[t]: n
 		});
 	}, [e, s]), p = e.chartType === "pie" || e.chartType === "funnel";
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ a("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.chart.chartTypeLabel", "Chart Type")
-			}), /* @__PURE__ */ a("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.chartType || "line",
 				onChange: (e) => f("chartType", e.target.value),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
-				children: l.map((e) => /* @__PURE__ */ a("option", {
+				children: l.map((e) => /* @__PURE__ */ i("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			})] }),
-			!p && /* @__PURE__ */ o(i, { children: [
-				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			!p && /* @__PURE__ */ a(r, { children: [
+				/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.xAxisFieldLabel", "X-Axis Field")
-				}), /* @__PURE__ */ a("input", {
+				}), /* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.xAxisField || "",
 					onChange: (e) => f("xAxisField", e.target.value),
 					placeholder: c("bigconsole.widget.config.chart.xAxisFieldPlaceholder", "e.g., date, category"),
 					className: "\n                w-full px-3 py-2\n                text-sm text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n              "
 				})] }),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
 						children: c("bigconsole.widget.config.chart.xAxisLabelLabel", "X-Axis Label")
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "text",
 						value: e.xAxisLabel || "",
 						onChange: (e) => f("xAxisLabel", e.target.value),
 						placeholder: c("bigconsole.widget.config.chart.optionalPlaceholder", "Optional"),
 						className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
-					})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
 						children: c("bigconsole.widget.config.chart.yAxisLabelLabel", "Y-Axis Label")
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "text",
 						value: e.yAxisLabel || "",
 						onChange: (e) => f("yAxisLabel", e.target.value),
@@ -112,74 +112,74 @@ var s = e(function({ config: e, onChange: s }) {
 						className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
 					})] })]
 				}),
-				(e.chartType === "line" || e.chartType === "area") && /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				(e.chartType === "line" || e.chartType === "area") && /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.curveTypeLabel", "Curve Type")
-				}), /* @__PURE__ */ a("select", {
+				}), /* @__PURE__ */ i("select", {
 					value: e.curveType || "monotone",
 					onChange: (e) => f("curveType", e.target.value),
 					className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                ",
-					children: u.map((e) => /* @__PURE__ */ a("option", {
+					children: u.map((e) => /* @__PURE__ */ i("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})] })
 			] }),
-			p && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+			p && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.valueFieldLabel", "Value Field")
-				}), /* @__PURE__ */ a("input", {
+				}), /* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.valueField || "",
 					onChange: (e) => f("valueField", e.target.value),
 					placeholder: c("bigconsole.widget.config.chart.valueFieldPlaceholder", "e.g., value"),
 					className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
-				})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				})] }), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.labelFieldLabel", "Label Field")
-				}), /* @__PURE__ */ a("input", {
+				}), /* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.labelField || "",
 					onChange: (e) => f("labelField", e.target.value),
 					placeholder: c("bigconsole.widget.config.chart.labelFieldPlaceholder", "e.g., name"),
 					className: "\n                  w-full px-3 py-2\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                "
 				})] })]
-			}), e.chartType === "pie" && /* @__PURE__ */ o("label", {
+			}), e.chartType === "pie" && /* @__PURE__ */ a("label", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ a("input", {
+				children: [/* @__PURE__ */ i("input", {
 					type: "checkbox",
 					checked: e.showAsDonut === !0,
 					onChange: (e) => f("showAsDonut", e.target.checked),
 					className: "\n                  w-4 h-4\n                  text-action-primary-bg\n                  bg-bg-surface\n                  border-border-default\n                  rounded\n                  focus:ring-action-primary-bg\n                "
-				}), /* @__PURE__ */ a("span", {
+				}), /* @__PURE__ */ i("span", {
 					className: "text-sm text-text-primary",
 					children: c("bigconsole.widget.config.chart.showAsDonut", "Show as Donut")
 				})]
 			})] }),
-			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.chart.legendPositionLabel", "Legend Position")
-			}), /* @__PURE__ */ a("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.legendPosition || "bottom",
 				onChange: (e) => f("legendPosition", e.target.value),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
-				children: d.map((e) => /* @__PURE__ */ a("option", {
+				children: d.map((e) => /* @__PURE__ */ i("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			})] }),
-			!p && /* @__PURE__ */ o("div", { children: [
-				/* @__PURE__ */ a("label", {
+			!p && /* @__PURE__ */ a("div", { children: [
+				/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.chart.fieldsToDisplayLabel", "Fields to Display")
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ i("p", {
 					className: "text-xs text-text-secondary mb-2",
 					children: c("bigconsole.widget.config.chart.fieldsToDisplayHelp", "Select which numeric fields to show as chart series. Leave empty to show all.")
 				}),
-				/* @__PURE__ */ a("input", {
+				/* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.selectedFields?.join(", ") || "",
 					onChange: (e) => {
@@ -189,63 +189,63 @@ var s = e(function({ config: e, onChange: s }) {
 					placeholder: c("bigconsole.widget.config.chart.fieldsToDisplayPlaceholder", "e.g., revenue, orders, users (comma-separated)"),
 					className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ i("p", {
 					className: "text-xs text-text-muted mt-1",
 					children: c("bigconsole.widget.config.chart.fieldsToDisplayHint", "Enter field names separated by commas")
 				})
 			] }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ a("p", {
+					/* @__PURE__ */ i("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.showGrid !== !1,
 							onChange: (e) => f("showGrid", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.showGrid", "Show Grid")
 						})]
 					}),
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.showLegend !== !1,
 							onChange: (e) => f("showLegend", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.showLegend", "Show Legend")
 						})]
 					}),
-					!p && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("label", {
+					!p && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.showDataPoints === !0,
 							onChange: (e) => f("showDataPoints", e.target.checked),
 							className: "\n                  w-4 h-4\n                  text-action-primary-bg\n                  bg-bg-surface\n                  border-border-default\n                  rounded\n                  focus:ring-action-primary-bg\n                "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.showDataPoints", "Show Data Points")
 						})]
-					}), (e.chartType === "bar" || e.chartType === "area") && /* @__PURE__ */ o("label", {
+					}), (e.chartType === "bar" || e.chartType === "area") && /* @__PURE__ */ a("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ a("input", {
+						children: [/* @__PURE__ */ i("input", {
 							type: "checkbox",
 							checked: e.stacked === !0,
 							onChange: (e) => f("stacked", e.target.checked),
 							className: "\n                    w-4 h-4\n                    text-action-primary-bg\n                    bg-bg-surface\n                    border-border-default\n                    rounded\n                    focus:ring-action-primary-bg\n                  "
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ i("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.chart.stacked", "Stacked")
 						})]

package/dist/bigconsole/components/widgets/chart/ChartWidget.js

@@ -1,106 +1,102 @@
 import { useCrossFilterContext as e, useWidgetCrossFilter as t } from "../../../contexts/CrossFilterContext.js";
 import "../../../contexts/index.js";
 import n from "./ChartLegend.js";
-import r from "./charts/LineChart.js";
-import i from "./charts/BarChart.js";
-import a from "./charts/AreaChart.js";
-import o from "./charts/PieChart.js";
-import s from "./charts/FunnelChart.js";
-import c from "./charts/ComboChart.js";
-import l from "./charts/WaterfallChart.js";
-import u from "./charts/ScatterChart.js";
-import { memo as d, useCallback as f, useMemo as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { configuredNumericSeries as r, numericSeriesKeys as i } from "./charts/numericSeries.js";
+import a from "./charts/LineChart.js";
+import o from "./charts/BarChart.js";
+import s from "./charts/AreaChart.js";
+import c from "./charts/PieChart.js";
+import l from "./charts/FunnelChart.js";
+import u from "./charts/ComboChart.js";
+import d from "./charts/WaterfallChart.js";
+import f from "./charts/ScatterChart.js";
+import { memo as p, useCallback as m, useMemo as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/chart/ChartWidget.tsx
-var _ = [
+var y = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
 	"var(--color-chart-4)",
 	"var(--color-chart-5)"
-], v = d(function({ widget: d, data: v = [], onClick: y, onDrilldown: b }) {
-	let x = d.config, [S, C] = m([]), { handleDataClick: w, enabled: T } = t(d.id, x?.crossFilterMappings || [{
-		sourceField: x?.labelField || "name",
+], b = p(function({ widget: p, data: b = [], onClick: x, onDrilldown: S }) {
+	let C = p.config, [w, T] = g([]), { handleDataClick: E, enabled: D } = t(p.id, C?.crossFilterMappings || [{
+		sourceField: C?.labelField || "name",
 		targetFilterId: "category"
-	}]), { clearAllCrossFilters: E, hasCrossFilters: D } = e(), O = p(() => ({
-		type: x?.chartType?.toLowerCase() || "line",
-		xAxisKey: x?.xAxisField || "name",
-		xAxisLabel: x?.xAxisLabel,
-		yAxisLabel: x?.yAxisLabel,
-		showGrid: x?.showGrid,
-		showLegend: x?.showLegend,
-		legendPosition: x?.legendPosition,
-		showDots: x?.showDataPoints,
-		curveType: x?.curveType,
-		colors: x?.colors,
-		seriesNames: x?.seriesLabels,
-		stacked: x?.stacked,
-		isDonut: x?.showAsDonut,
-		innerRadius: x?.innerRadius,
-		outerRadius: x?.outerRadius,
-		referenceLines: x?.referenceLines,
-		series: x?.series,
-		dualAxis: x?.dualAxis,
-		yAxisRightLabel: x?.yAxisRightLabel,
-		logScale: x?.logScale,
-		valueField: x?.valueField,
-		labelField: x?.labelField,
-		showTotal: x?.showTotal,
-		totalLabel: x?.totalLabel,
-		xField: x?.xField,
-		yField: x?.yField,
-		sizeField: x?.sizeField,
-		colorField: x?.colorField
-	}), [x]), k = p(() => {
-		if (!v.length || O.type === "pie" || O.type === "funnel" || O.type === "scatter" || O.type === "waterfall") return [];
-		let e = x?.selectedFields;
-		return Object.keys(v[0]).filter((t) => {
-			let n = t !== O.xAxisKey && typeof v[0][t] == "number";
-			return e && e.length > 0 ? n && e.includes(t) : n;
-		}).map((e, t) => ({
-			dataKey: e,
-			name: O.seriesNames?.[e] || e,
-			color: O.colors?.[t] || _[t % _.length],
-			hidden: S.includes(e)
-		}));
-	}, [
-		v,
-		O,
-		S,
-		x?.selectedFields
-	]), A = f((e) => {
-		C((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, []), j = f((e, t) => {
-		if (T) {
-			let t = e[x?.labelField || "name"];
-			w(e, t);
-		}
-		b ? b(e) : y && d.drilldowns?.length && y(e, t);
-	}, [
-		y,
+	}]), { clearAllCrossFilters: O, hasCrossFilters: k } = e(), A = h(() => ({
+		type: C?.chartType?.toLowerCase() || "line",
+		xAxisKey: C?.xAxisField || "name",
+		xAxisLabel: C?.xAxisLabel,
+		yAxisLabel: C?.yAxisLabel,
+		showGrid: C?.showGrid,
+		showLegend: C?.showLegend,
+		legendPosition: C?.legendPosition,
+		showDots: C?.showDataPoints,
+		curveType: C?.curveType,
+		colors: C?.colors,
+		seriesNames: C?.seriesLabels,
+		stacked: C?.stacked,
+		isDonut: C?.showAsDonut,
+		innerRadius: C?.innerRadius,
+		outerRadius: C?.outerRadius,
+		referenceLines: C?.referenceLines,
+		series: C?.series,
+		selectedFields: C?.selectedFields,
+		dualAxis: C?.dualAxis,
+		yAxisRightLabel: C?.yAxisRightLabel,
+		logScale: C?.logScale,
+		valueField: C?.valueField,
+		labelField: C?.labelField,
+		showTotal: C?.showTotal,
+		totalLabel: C?.totalLabel,
+		xField: C?.xField,
+		yField: C?.yField,
+		sizeField: C?.sizeField,
+		colorField: C?.colorField
+	}), [C]), j = A.type === "combo" || A.dualAxis === !0 || A.series?.some((e) => e.axis === "right" || e.type === "bar") && A.series?.some((e) => e.type === "line") || !1, M = h(() => !b.length || A.type === "pie" || A.type === "funnel" || A.type === "scatter" || A.type === "waterfall" ? [] : (j && A.selectedFields !== void 0 ? r(b, A).map((e) => e.field) : i(b, A.xAxisKey, A.selectedFields)).map((e, t) => ({
+		dataKey: e,
+		name: A.seriesNames?.[e] || e,
+		color: A.colors?.[t] || y[t % y.length],
+		hidden: w.includes(e)
+	})), [
 		b,
-		d.drilldowns,
-		T,
+		A,
 		w,
-		x?.labelField
-	]), M = O.type === "combo" || O.dualAxis === !0 || O.series?.some((e) => e.axis === "right" || e.type === "bar") && O.series?.some((e) => e.type === "line") || !1;
-	return /* @__PURE__ */ g("div", {
+		C?.selectedFields,
+		j
+	]), N = m((e) => {
+		T((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []), P = m((e, t) => {
+		if (D) {
+			let t = e[C?.labelField || "name"];
+			E(e, t);
+		}
+		S ? S(e) : x && p.drilldowns?.length && x(e, t);
+	}, [
+		x,
+		S,
+		p.drilldowns,
+		D,
+		E,
+		C?.labelField
+	]);
+	return /* @__PURE__ */ v("div", {
 		className: "flex flex-col h-full p-4",
 		children: [
-			D && /* @__PURE__ */ h("div", {
+			k && /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2 mb-2 -mt-1",
-				children: /* @__PURE__ */ g("button", {
+				children: /* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: (e) => {
-						e.stopPropagation(), E();
+						e.stopPropagation(), O();
 					},
 					className: "\n              inline-flex items-center gap-1.5\n              px-2.5 py-1 rounded-md\n              text-xs font-medium\n              bg-action-primary-bg/10 text-action-primary-text\n              hover:bg-action-primary-bg/20\n              transition-colors\n            ",
-					children: [/* @__PURE__ */ h("svg", {
+					children: [/* @__PURE__ */ _("svg", {
 						className: "w-3.5 h-3.5",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: /* @__PURE__ */ h("path", {
+						children: /* @__PURE__ */ _("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -109,73 +105,73 @@ var _ = [
 					}), "Clear Filter"]
 				})
 			}),
-			O.legendPosition === "top" && k.length > 0 && /* @__PURE__ */ h(n, {
-				items: k,
+			A.legendPosition === "top" && M.length > 0 && /* @__PURE__ */ _(n, {
+				items: M,
 				position: "top",
-				onItemClick: A
+				onItemClick: N
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex-1 min-h-0",
 				children: (() => {
-					if (M) return /* @__PURE__ */ h(c, {
-						data: v,
-						config: O,
-						hiddenSeries: S,
-						onDataClick: j
+					if (j) return /* @__PURE__ */ _(u, {
+						data: b,
+						config: A,
+						hiddenSeries: w,
+						onDataClick: P
 					});
-					switch (O.type) {
-						case "waterfall": return /* @__PURE__ */ h(l, {
-							data: v,
-							config: O,
-							onDataClick: j
+					switch (A.type) {
+						case "waterfall": return /* @__PURE__ */ _(d, {
+							data: b,
+							config: A,
+							onDataClick: P
 						});
-						case "scatter": return /* @__PURE__ */ h(u, {
-							data: v,
-							config: O,
-							onDataClick: j
+						case "scatter": return /* @__PURE__ */ _(f, {
+							data: b,
+							config: A,
+							onDataClick: P
 						});
-						case "bar": return /* @__PURE__ */ h(i, {
-							data: v,
-							config: O,
-							hiddenSeries: S,
-							onDataClick: j
+						case "bar": return /* @__PURE__ */ _(o, {
+							data: b,
+							config: A,
+							hiddenSeries: w,
+							onDataClick: P
 						});
-						case "area": return /* @__PURE__ */ h(a, {
-							data: v,
-							config: O,
-							hiddenSeries: S,
-							onDataClick: j
+						case "area": return /* @__PURE__ */ _(s, {
+							data: b,
+							config: A,
+							hiddenSeries: w,
+							onDataClick: P
 						});
-						case "pie": return /* @__PURE__ */ h(o, {
-							data: v,
-							config: O,
-							dataKey: x?.valueField || "value",
-							nameKey: x?.labelField || "name",
-							onDataClick: j
+						case "pie": return /* @__PURE__ */ _(c, {
+							data: b,
+							config: A,
+							dataKey: C?.valueField || "value",
+							nameKey: C?.labelField || "name",
+							onDataClick: P
 						});
-						case "funnel": return /* @__PURE__ */ h(s, {
-							data: v,
-							config: O,
-							dataKey: x?.valueField || "value",
-							nameKey: x?.labelField || "name",
-							onDataClick: j
+						case "funnel": return /* @__PURE__ */ _(l, {
+							data: b,
+							config: A,
+							dataKey: C?.valueField || "value",
+							nameKey: C?.labelField || "name",
+							onDataClick: P
 						});
-						default: return /* @__PURE__ */ h(r, {
-							data: v,
-							config: O,
-							hiddenSeries: S,
-							onDataClick: j
+						default: return /* @__PURE__ */ _(a, {
+							data: b,
+							config: A,
+							hiddenSeries: w,
+							onDataClick: P
 						});
 					}
 				})()
 			}),
-			O.legendPosition === "bottom" && k.length > 0 && /* @__PURE__ */ h(n, {
-				items: k,
+			A.legendPosition === "bottom" && M.length > 0 && /* @__PURE__ */ _(n, {
+				items: M,
 				position: "bottom",
-				onItemClick: A
+				onItemClick: N
 			})
 		]
 	});
 });
 //#endregion
-export { v as default };
+export { b as default };