drizzle-cube 0.5.8 → 0.6.1

package/dist/client/chunks/chart-bar-KddciGDv.js

@@ -1,271 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { D as t, _ as n, i as r, k as i, n as a, o as ee, w as o, y as s } from "./chart-activity-grid-DmruKPab.js";
-import { a as c, c as l, l as u, o as d, s as f } from "./chart-area-DHCPM4Em.js";
-import p, { useMemo as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Bar as y, CartesianGrid as b, Cell as x, ComposedChart as S, Legend as te, Line as C, XAxis as ne, YAxis as w } from "recharts";
-//#region src/client/components/charts/BarChart.tsx
-var T = /* @__PURE__ */ e({ default: () => E }), E = p.memo(function({ data: e, chartConfig: p, displayConfig: T = {}, queryObject: E, height: D = "100%", colorPalette: O, onDataPointClick: k, drillEnabled: A }) {
-	let { t: j } = i(), [M, N] = h(null), P = n(), F = T?.stackType ?? (T?.stacked ? "normal" : "none"), I = F !== "none", L = F === "percent", R = {
-		showLegend: T?.showLegend ?? !0,
-		showGrid: T?.showGrid ?? !0,
-		showTooltip: T?.showTooltip ?? !0
-	}, re = T?.showAllXLabels ?? !0, z = T?.leftYAxisFormat, B = T?.rightYAxisFormat, { xAxisField: V, yAxisFields: H, seriesFields: U, configError: W } = m(() => {
-		let e, t = [], n = [], r = null;
-		return p?.xAxis && p?.yAxis ? (e = Array.isArray(p.xAxis) ? p.xAxis[0] : p.xAxis, t = Array.isArray(p.yAxis) ? p.yAxis : [p.yAxis], n = p.series || []) : p?.x && p?.y ? (e = p.x, t = Array.isArray(p.y) ? p.y : [p.y]) : r = "Invalid or missing chart axis configuration", !r && (!e || !t || t.length === 0) && (r = "Missing required X-axis or Y-axis fields"), {
-			xAxisField: e,
-			yAxisFields: t,
-			seriesFields: n,
-			configError: r
-		};
-	}, [p]), { data: G, seriesKeys: K } = m(() => W || !e || e.length === 0 || !V ? {
-		data: [],
-		seriesKeys: []
-	} : t(e, V, H, E, U, P), [
-		e,
-		V,
-		H,
-		E,
-		U,
-		P,
-		W
-	]), q = m(() => p?.yAxisAssignment || {}, [p?.yAxisAssignment]), J = m(() => {
-		let e = {};
-		return H.forEach((t) => {
-			let n = P(t);
-			e[n] = t;
-		}), e;
-	}, [H, P]), Y = H.some((e) => q[e] === "right"), X = H.filter((e) => (q[e] || "left") === "left"), Z = H.filter((e) => q[e] === "right"), { chartData: Q, skippedCount: $ } = m(() => {
-		if (G.length === 0 || K.length === 0) return {
-			chartData: [],
-			skippedCount: 0
-		};
-		let e = G.filter((e) => K.some((t) => o(e[t])));
-		return {
-			chartData: e,
-			skippedCount: G.length - e.length
-		};
-	}, [G, K]);
-	try {
-		if (!e || e.length === 0) return /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: j("chart.runtime.noData")
-				}), /* @__PURE__ */ _("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No data points to display in bar chart"
-				})]
-			})
-		});
-		if (W) return /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: j("chart.runtime.configError")
-				}), /* @__PURE__ */ _("div", {
-					className: "dc:text-xs",
-					children: W
-				})]
-			})
-		});
-		let t = I && !Y, n = L && !Y, i = n ? "expand" : void 0, o = K.length === 1 && Q.some((e) => {
-			let t = e[K[0]];
-			return typeof t == "number" && t < 0;
-		}), p = K.length === 1 && !o && !U.length && Q.length > 1, m = R.showLegend, h = {
-			...r,
-			left: 40,
-			right: Y ? 40 : 20
-		}, E = d(c(T?.target || ""), Q.length), F = Q;
-		return E.length > 0 && (F = Q.map((e, t) => ({
-			...e,
-			__target: E[t] || null
-		}))), !Q || Q.length === 0 ? /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: j("chart.runtime.noValidData")
-				}), /* @__PURE__ */ _("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for bar chart after transformation"
-				})]
-			})
-		}) : /* @__PURE__ */ v("div", {
-			className: "dc:relative dc:w-full",
-			style: { height: D },
-			children: [/* @__PURE__ */ _(u, {
-				height: $ > 0 ? "calc(100% - 20px)" : "100%",
-				children: /* @__PURE__ */ v(S, {
-					data: F,
-					margin: h,
-					stackOffset: i,
-					accessibilityLayer: !1,
-					children: [
-						R.showGrid && /* @__PURE__ */ _(b, {
-							strokeDasharray: "3 3",
-							style: { pointerEvents: "none" }
-						}),
-						/* @__PURE__ */ _(ne, {
-							dataKey: "name",
-							type: "category",
-							tick: /* @__PURE__ */ _(f, {}),
-							height: 60,
-							interval: re ? 0 : void 0
-						}),
-						/* @__PURE__ */ _(w, {
-							yAxisId: "left",
-							orientation: "left",
-							tick: { fontSize: 12 },
-							tickFormatter: n ? (e) => `${(e * 100).toFixed(0)}%` : z ? (e) => s(e, z) : void 0,
-							domain: n ? [0, 1] : void 0,
-							label: n ? void 0 : X.length > 0 ? {
-								value: z?.label || P(X[0]),
-								angle: -90,
-								position: "left",
-								style: {
-									textAnchor: "middle",
-									fontSize: "12px"
-								}
-							} : void 0
-						}),
-						Y && /* @__PURE__ */ _(w, {
-							yAxisId: "right",
-							orientation: "right",
-							tick: { fontSize: 12 },
-							tickFormatter: B ? (e) => s(e, B) : void 0,
-							label: Z.length > 0 ? {
-								value: B?.label || P(Z[0]),
-								angle: 90,
-								position: "right",
-								style: {
-									textAnchor: "middle",
-									fontSize: "12px"
-								}
-							} : void 0
-						}),
-						R.showTooltip && /* @__PURE__ */ _(l, { formatter: (e, t) => {
-							if (e == null) return ["No data", t];
-							if (t === "Target") return [s(e, z), "Target Value"];
-							if (n && typeof e == "number") return [`${(e * 100).toFixed(1)}%`, t];
-							let r = J[t];
-							return [s(e, (r && q[r] === "right" ? "right" : "left") == "right" ? B : z), t];
-						} }),
-						m && /* @__PURE__ */ _(te, {
-							wrapperStyle: {
-								fontSize: "12px",
-								paddingTop: "25px"
-							},
-							iconType: "rect",
-							iconSize: 8,
-							layout: "horizontal",
-							align: "center",
-							verticalAlign: "bottom",
-							onMouseEnter: (e) => N(String(e.dataKey || "")),
-							onMouseLeave: () => N(null)
-						}),
-						K.map((e, n) => {
-							let r = J[e];
-							return /* @__PURE__ */ v(y, {
-								dataKey: e,
-								yAxisId: r && q[r] === "right" ? "right" : "left",
-								stackId: t ? "stack" : void 0,
-								fill: o ? ee : O?.colors && O.colors[n % O.colors.length] || a[n % a.length],
-								fillOpacity: M ? M === e ? 1 : .3 : 1,
-								cursor: A ? "pointer" : void 0,
-								onClick: (t, n, i) => {
-									k && A && t && k({
-										dataPoint: F[n] || t,
-										clickedField: r || e,
-										xValue: t.name,
-										position: {
-											x: i.clientX,
-											y: i.clientY
-										},
-										nativeEvent: i
-									});
-								},
-								children: [o && Q.map((t, n) => {
-									let r = t[e];
-									return /* @__PURE__ */ _(x, {
-										fill: typeof r == "number" && r < 0 ? "#ef4444" : "#10b981",
-										fillOpacity: M ? M === e ? 1 : .3 : 1
-									}, `cell-${n}`);
-								}), p && Q.map((t, n) => {
-									let r = O?.colors || a;
-									return /* @__PURE__ */ _(x, {
-										fill: r[n % r.length],
-										fillOpacity: M ? M === e ? 1 : .3 : 1
-									}, `cat-${n}`);
-								})]
-							}, e);
-						}),
-						E.length > 0 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(C, {
-							type: "monotone",
-							dataKey: "__target",
-							yAxisId: "left",
-							stroke: "#ffffff",
-							strokeWidth: 2,
-							dot: !1,
-							activeDot: !1,
-							connectNulls: !1
-						}), /* @__PURE__ */ _(C, {
-							type: "monotone",
-							dataKey: "__target",
-							yAxisId: "left",
-							name: "Target",
-							stroke: "#8B5CF6",
-							strokeWidth: 2,
-							strokeDasharray: "2 3",
-							dot: !1,
-							activeDot: !1,
-							connectNulls: !1
-						})] })
-					]
-				})
-			}), $ > 0 && /* @__PURE__ */ v("div", {
-				className: "dc:text-xs text-dc-text-muted dc:text-center dc:mt-1",
-				children: [
-					$,
-					" data point",
-					$ === 1 ? "" : "s",
-					" with no values hidden"
-				]
-			})]
-		});
-	} catch (e) {
-		return /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ _("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: j("chart.runtime.chartError", { chartType: "Bar Chart" })
-					}),
-					/* @__PURE__ */ _("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : j("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ _("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: j("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { T as n, E as t };
-
-//# sourceMappingURL=chart-bar-KddciGDv.js.map

package/dist/client/chunks/chart-bar-KddciGDv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bar-KddciGDv.js","names":[],"sources":["../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, POSITIVE_COLOR, NEGATIVE_COLOR, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst BarChart = React.memo(function BarChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Determine stacking from stackType (new) or stacked (legacy)\n  const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n  const shouldStack = stackType !== 'none'\n  const isPercentStack = stackType === 'percent'\n\n  const safeDisplayConfig = {\n    showLegend: displayConfig?.showLegend ?? true,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true\n  }\n\n  const showAllXLabels = displayConfig?.showAllXLabels ?? true\n\n  // Extract axis format configs\n  const leftYAxisFormat = displayConfig?.leftYAxisFormat\n  const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n  // Validate chartConfig - support both legacy and new formats\n  // Do validation but don't early return yet (hooks must come first)\n  const { xAxisField, yAxisFields, seriesFields, configError } = useMemo(() => {\n    let xAxisField: string | undefined\n    let yAxisFields: string[] = []\n    let seriesFields: string[] = []\n    let configError: string | null = null\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n      yAxisFields = Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    } else {\n      configError = 'Invalid or missing chart axis configuration'\n    }\n\n    if (!configError && (!xAxisField || !yAxisFields || yAxisFields.length === 0)) {\n      configError = 'Missing required X-axis or Y-axis fields'\n    }\n\n    return { xAxisField, yAxisFields, seriesFields, configError }\n  }, [chartConfig])\n\n  // Transform data (will be empty arrays if config is invalid)\n  const { data: transformedData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField) {\n      return { data: [], seriesKeys: [] }\n    }\n    return transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisFields, queryObject, seriesFields, getFieldLabel, configError])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name\n  const seriesKeyToField: Record<string, string> = useMemo(() => {\n    const mapping: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, getFieldLabel])\n\n  // Determine if we need a right Y-axis\n  const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n  // Get fields for left and right axes for labels\n  const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n  const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n  // Null handling: Filter out data points where ALL measure values are null\n  // This prevents rendering empty bars and makes the chart clearer\n  const { chartData, skippedCount } = useMemo(() => {\n    if (transformedData.length === 0 || seriesKeys.length === 0) {\n      return { chartData: [], skippedCount: 0 }\n    }\n    const filtered = transformedData.filter(row => {\n      // Keep the row if at least one series has a valid numeric value\n      return seriesKeys.some(key => isValidNumericValue(row[key]))\n    })\n    const skipped = transformedData.length - filtered.length\n    return { chartData: filtered, skippedCount: skipped }\n  }, [transformedData, seriesKeys])\n\n  // Now handle early returns AFTER all hooks\n  try {\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    // Disable stacking when dual Y-axis is used (bars on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n    const stackOffset = effectiveIsPercentStack ? 'expand' as const : undefined\n\n    // Check if we should use positive/negative coloring\n    // This is enabled when we have single series data with mixed positive/negative values\n    const usePositiveNegativeColoring = seriesKeys.length === 1 && chartData.some(row => {\n      const value = row[seriesKeys[0]]\n      return typeof value === 'number' && value < 0\n    })\n\n    // Color each bar by its x-axis category when there's a single measure and no series dimension.\n    // This gives each category a distinct color without needing to abuse the series field.\n    const useColorByCategory = seriesKeys.length === 1\n      && !usePositiveNegativeColoring\n      && !seriesFields.length\n      && chartData.length > 1\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n    \n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n    \n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n    \n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height={skippedCount > 0 ? `calc(100% - 20px)` : \"100%\"}>\n          <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            type=\"category\"\n            tick={<AngledXAxisTick />}\n            height={60}\n            interval={showAllXLabels ? 0 : undefined}\n          />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\n                : leftAxisFields.length > 0\n                  ? {\n                      value: leftYAxisFormat?.label || getFieldLabel(leftAxisFields[0]),\n                      angle: -90,\n                      position: 'left',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\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            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            return (\n              <Bar\n                key={seriesKey}\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                fill={\n                  usePositiveNegativeColoring\n                    ? POSITIVE_COLOR\n                    : (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                      CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                cursor={drillEnabled ? 'pointer' : undefined}\n                onClick={(barData: any, dataIndex: number, event: React.MouseEvent) => {\n                  if (onDataPointClick && drillEnabled && barData) {\n                    onDataPointClick({\n                      dataPoint: enhancedChartData[dataIndex] || barData,\n                      clickedField: originalField || seriesKey,\n                      xValue: barData.name,\n                      position: { x: event.clientX, y: event.clientY },\n                      nativeEvent: event\n                    })\n                  }\n                }}\n              >\n                {usePositiveNegativeColoring &&\n                  chartData.map((entry, entryIndex) => {\n                    const value = entry[seriesKey]\n                    const fillColor = typeof value === 'number' && value < 0 ? NEGATIVE_COLOR : POSITIVE_COLOR\n                    return (\n                      <Cell\n                        key={`cell-${entryIndex}`}\n                        fill={fillColor}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n                {useColorByCategory &&\n                  chartData.map((_entry, entryIndex) => {\n                    const colors = colorPalette?.colors || CHART_COLORS\n                    return (\n                      <Cell\n                        key={`cat-${entryIndex}`}\n                        fill={colors[entryIndex % colors.length]}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n              </Bar>\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n          </ComposedChart>\n        </ChartContainer>\n        {skippedCount > 0 && (\n          <div className=\"dc:text-xs text-dc-text-muted dc:text-center dc:mt-1\">\n            {skippedCount} data point{skippedCount !== 1 ? 's' : ''} with no values hidden\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'BarChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Bar Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default BarChart"],"mappings":"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"}

package/dist/client/chunks/chart-box-plot-DYKfyOI8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-box-plot-DYKfyOI8.js","names":[],"sources":["../../../src/client/components/charts/BoxPlotChart.tsx"],"sourcesContent":["import React, { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst MAX_BOXES = 50\n\ninterface BoxStats {\n  label: string\n  min: number\n  q1: number\n  median: number\n  q3: number\n  max: number\n  color: string\n}\n\nfunction parseNumeric(v: unknown): number | null {\n  if (v === undefined || v === null) return null\n  const n = typeof v === 'number' ? v : parseFloat(String(v))\n  return isNaN(n) ? null : n\n}\n\nfunction buildFrom5Measures(\n  row: Record<string, unknown>,\n  minField: string,\n  q1Field: string,\n  medianField: string,\n  q3Field: string,\n  maxField: string,\n  label: string,\n  color: string\n): BoxStats | null {\n  const min = parseNumeric(row[minField])\n  const q1 = parseNumeric(row[q1Field])\n  const median = parseNumeric(row[medianField])\n  const q3 = parseNumeric(row[q3Field])\n  const max = parseNumeric(row[maxField])\n  if (min === null || q1 === null || median === null || q3 === null || max === null) return null\n  return { label, min, q1, median, q3, max, color }\n}\n\n/** Build approximate box stats assuming normality: Q1/Q3 at ±1σ, whiskers at ±2σ */\nfunction buildFrom3Measures(\n  row: Record<string, unknown>,\n  avgField: string,\n  stddevField: string,\n  medianField: string,\n  label: string,\n  color: string\n): BoxStats | null {\n  const avg = parseNumeric(row[avgField])\n  const sd = parseNumeric(row[stddevField])\n  const median = parseNumeric(row[medianField])\n  if (avg === null || sd === null || median === null) return null\n  const absSd = Math.abs(sd)\n  return {\n    label,\n    min: avg - 2 * absSd,\n    q1: avg - absSd,\n    median,\n    q3: avg + absSd,\n    max: avg + 2 * absSd,\n    color,\n  }\n}\n\nfunction BoxElement({\n  x,\n  boxWidth,\n  minY,\n  q1Y,\n  medianY,\n  q3Y,\n  maxY,\n  color,\n  label,\n}: {\n  x: number\n  boxWidth: number\n  minY: number\n  q1Y: number\n  medianY: number\n  q3Y: number\n  maxY: number\n  color: string\n  label: string\n}) {\n  const halfWidth = boxWidth / 2\n  const whiskerX = x\n  const capWidth = boxWidth * 0.4\n\n  return (\n    <g data-testid={`box-${label}`}>\n      {/* Whisker line (min to max) */}\n      <line x1={whiskerX} y1={minY} x2={whiskerX} y2={maxY} stroke={color} strokeWidth={1.5} />\n      {/* Min cap */}\n      <line\n        x1={whiskerX - capWidth / 2}\n        y1={minY}\n        x2={whiskerX + capWidth / 2}\n        y2={minY}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* Max cap */}\n      <line\n        x1={whiskerX - capWidth / 2}\n        y1={maxY}\n        x2={whiskerX + capWidth / 2}\n        y2={maxY}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* IQR Box (Q1 to Q3) */}\n      <rect\n        x={whiskerX - halfWidth}\n        y={Math.min(q1Y, q3Y)}\n        width={boxWidth}\n        height={Math.abs(q3Y - q1Y) || 2}\n        fill={color}\n        fillOpacity={0.3}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* Median line */}\n      <line\n        x1={whiskerX - halfWidth}\n        y1={medianY}\n        x2={whiskerX + halfWidth}\n        y2={medianY}\n        stroke={color}\n        strokeWidth={2.5}\n        data-testid={`median-${label}`}\n      />\n    </g>\n  )\n}\n\nfunction YAxis({\n  scale,\n  domainMin,\n  domainMax,\n  width,\n  tickCount = 5,\n  format,\n}: {\n  scale: (v: number) => number\n  domainMin: number\n  domainMax: number\n  width: number\n  tickCount?: number\n  format?: (v: number) => string\n}) {\n  const ticks = useMemo(() => {\n    const range = domainMax - domainMin\n    if (range === 0) return [domainMin]\n    const step = range / (tickCount - 1)\n    return Array.from({ length: tickCount }, (_, i) => domainMin + i * step)\n  }, [domainMin, domainMax, tickCount])\n\n  return (\n    <g data-testid=\"y-axis\">\n      {ticks.map((tick, i) => (\n        <g key={i} transform={`translate(0, ${scale(tick)})`}>\n          <line x1={0} x2={-6} stroke=\"currentColor\" strokeWidth={1} />\n          <text\n            x={-10}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={11}\n            fill=\"currentColor\"\n            className=\"text-dc-text-secondary\"\n          >\n            {format ? format(tick) : tick.toLocaleString()}\n          </text>\n          <line x1={0} x2={width} stroke=\"currentColor\" strokeOpacity={0.1} strokeWidth={1} />\n        </g>\n      ))}\n      <line y1={scale(ticks[0])} y2={scale(ticks[ticks.length - 1])} stroke=\"currentColor\" strokeWidth={1} />\n    </g>\n  )\n}\n\nconst BoxPlotChart = React.memo(function BoxPlotChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  colorPalette,\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n\n  useLayoutEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height: h } = entry.contentRect\n        if (width > 0 && h > 0) setDimensions({ width, height: h })\n      }\n    })\n    observer.observe(el)\n    const rect = el.getBoundingClientRect()\n    if (rect.width > 0 && rect.height > 0) setDimensions({ width: rect.width, height: rect.height })\n    return () => observer.disconnect()\n  }, [])\n\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xField, mode, fields, configError } = useMemo(() => {\n    const xField = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.xAxis ?? chartConfig?.x\n\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n\n    if (!xField || yAxisFields.length === 0) {\n      return {\n        xField,\n        mode: 'none' as const,\n        fields: {},\n        configError: 'BoxPlot requires an X-Axis dimension and at least one measure in Y-Axis',\n      }\n    }\n\n    // 5-measure mode: yAxis = [min, q1, median, q3, max]\n    if (yAxisFields.length >= 5) {\n      return {\n        xField,\n        mode: '5measure' as const,\n        fields: {\n          minField: yAxisFields[0],\n          q1Field: yAxisFields[1],\n          medianField: yAxisFields[2],\n          q3Field: yAxisFields[3],\n          maxField: yAxisFields[4],\n        },\n        configError: null,\n      }\n    }\n\n    // 3-measure mode: yAxis = [avg, stddev, median]\n    if (yAxisFields.length >= 3) {\n      return {\n        xField,\n        mode: '3measure' as const,\n        fields: {\n          avgField: yAxisFields[0],\n          stddevField: yAxisFields[1],\n          medianField: yAxisFields[2],\n        },\n        configError: null,\n      }\n    }\n\n    if (yAxisFields.length === 2) {\n      return {\n        xField,\n        mode: 'none' as const,\n        fields: {},\n        configError: 'BoxPlot requires 1 measure (auto), 3 (avg/stddev/median), or 5 (min/q1/median/q3/max)',\n      }\n    }\n\n    // Auto mode: use yAxis[0] as the value field (treated as median/value)\n    return {\n      xField,\n      mode: 'auto' as const,\n      fields: { valueField: yAxisFields[0] },\n      configError: null,\n    }\n  }, [chartConfig])\n\n  const boxes: BoxStats[] = useMemo(() => {\n    if (configError || !data || data.length === 0 || mode === 'none') return []\n    const rows = (data as Record<string, unknown>[]).slice(0, MAX_BOXES)\n    const palette = colorPalette?.colors ?? CHART_COLORS\n\n    const results: BoxStats[] = []\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i]\n      const label = xField ? String(row[xField] ?? `Row ${i + 1}`) : `Row ${i + 1}`\n      const color = palette[i % palette.length]\n\n      let box: BoxStats | null = null\n      if (mode === '5measure') {\n        box = buildFrom5Measures(\n          row,\n          fields.minField!,\n          fields.q1Field!,\n          fields.medianField!,\n          fields.q3Field!,\n          fields.maxField!,\n          label,\n          color\n        )\n      } else if (mode === '3measure') {\n        box = buildFrom3Measures(row, fields.avgField!, fields.stddevField!, fields.medianField!, label, color)\n      } else {\n        // Auto: use value as median, build minimal box (value ± 0)\n        const v = parseNumeric(row[fields.valueField!])\n        if (v !== null) {\n          box = { label, min: v, q1: v, median: v, q3: v, max: v, color }\n        }\n      }\n      if (box) results.push(box)\n    }\n    return results\n  }, [data, xField, mode, fields, colorPalette, configError])\n\n  if (!data || data.length === 0) {\n    return (\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.boxPlot')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  if (configError) {\n    return (\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n          <div className=\"dc:text-xs\">{configError}</div>\n        </div>\n      </div>\n    )\n  }\n\n  if (boxes.length === 0) {\n    return (\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            {t('chart.runtime.noValidDataHint.boxPlot')}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  try {\n    const margin = { top: 20, right: 20, bottom: 60, left: 60 }\n    const containerWidth = dimensions.width || 600\n    const containerHeight = typeof height === 'number' ? height : (dimensions.height || 400)\n    const innerWidth = Math.max(containerWidth - margin.left - margin.right, 50)\n    const innerHeight = Math.max(containerHeight - margin.top - margin.bottom, 50)\n\n    const allValues = boxes.flatMap((b) => [b.min, b.max])\n    const rawMin = Math.min(...allValues)\n    const rawMax = Math.max(...allValues)\n    const padding = (rawMax - rawMin) * 0.1 || 1\n    const domainMin = rawMin - padding\n    const domainMax = rawMax + padding\n\n    const domainRange = domainMax - domainMin\n    const yScale = (v: number) =>\n      domainRange === 0 ? innerHeight / 2 : innerHeight - ((v - domainMin) / domainRange) * innerHeight\n\n    const boxSpacing = innerWidth / boxes.length\n    const boxWidth = Math.min(boxSpacing * 0.6, 40)\n\n    const isTruncated = (data as unknown[]).length > MAX_BOXES\n\n    return (\n      <div ref={containerRef} className=\"dc:relative dc:w-full\" style={{ height }}>\n        <svg\n          width=\"100%\"\n          height={isTruncated ? `calc(100% - 20px)` : '100%'}\n          viewBox={`0 0 ${containerWidth} ${typeof containerHeight === 'number' ? containerHeight : 400}`}\n          preserveAspectRatio=\"none\"\n          data-testid=\"boxplot-svg\"\n        >\n          <g transform={`translate(${margin.left}, ${margin.top})`}>\n            <YAxis\n              scale={yScale}\n              domainMin={domainMin}\n              domainMax={domainMax}\n              width={innerWidth}\n              tickCount={5}\n              format={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n\n            {boxes.map((box, i) => {\n              const cx = boxSpacing * i + boxSpacing / 2\n              return (\n                <g\n                  key={`${box.label}-${i}`}\n                  onClick={(event: React.MouseEvent) => {\n                    if (onDataPointClick && drillEnabled) {\n                      onDataPointClick({\n                        dataPoint: { ...box },\n                        clickedField: xField ?? '',\n                        xValue: box.label,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event,\n                      })\n                    }\n                  }}\n                  cursor={drillEnabled ? 'pointer' : undefined}\n                >\n                  <title>{`${box.label}: min=${box.min}, Q1=${box.q1}, median=${box.median}, Q3=${box.q3}, max=${box.max}`}</title>\n                  <BoxElement\n                    x={cx}\n                    boxWidth={boxWidth}\n                    minY={yScale(box.min)}\n                    q1Y={yScale(box.q1)}\n                    medianY={yScale(box.median)}\n                    q3Y={yScale(box.q3)}\n                    maxY={yScale(box.max)}\n                    color={box.color}\n                    label={box.label}\n                  />\n                  <text\n                    x={cx}\n                    y={innerHeight + 20}\n                    textAnchor=\"middle\"\n                    fontSize={11}\n                    fill=\"currentColor\"\n                    className=\"text-dc-text-secondary\"\n                    data-testid={`x-label-${box.label}`}\n                  >\n                    {box.label}\n                  </text>\n                </g>\n              )\n            })}\n          </g>\n        </svg>\n        {isTruncated && (\n          <div className=\"dc:text-xs text-dc-warning dc:text-center dc:mt-1\">\n            {t('chart.runtime.boxPlot.truncated', {\n              max: MAX_BOXES,\n              total: (data as unknown[]).length\n            })}\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Box Plot Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default BoxPlotChart\n"],"mappings":"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"}

package/dist/client/chunks/chart-bubble-CfqiB538.js

@@ -1,273 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { S as t, T as n, _ as r, g as i, i as a, k as o, m as s, n as c, r as l, u, w as d, x as f, y as p } from "./chart-activity-grid-DmruKPab.js";
-import m, { useCallback as h, useEffect as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b, useSyncExternalStore as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { axisBottom as w, axisLeft as T, extent as E, max as D, scaleLinear as O, scaleOrdinal as k, scaleQuantize as ee, scaleSqrt as te, select as A } from "d3";
-//#region src/client/hooks/useTheme.ts
-var j = {
-	listeners: /* @__PURE__ */ new Set(),
-	subscribe(e) {
-		return this.listeners.add(e), () => this.listeners.delete(e);
-	},
-	notify() {
-		this.listeners.forEach((e) => e());
-	}
-};
-i(() => {
-	j.notify();
-});
-function M() {
-	return {
-		theme: x(j.subscribe.bind(j), u, u),
-		setTheme: h((e) => {
-			s(e), j.notify();
-		}, [])
-	};
-}
-//#endregion
-//#region src/client/components/charts/BubbleChart.tsx
-var N = /* @__PURE__ */ e({ default: () => P }), P = m.memo(function({ data: e, chartConfig: i, displayConfig: s = {}, queryObject: u, height: m = "100%", colorPalette: h }) {
-	let { t: x } = o(), j = y(null), N = y(null), [P, F] = b({
-		width: 0,
-		height: 0
-	}), [I, L] = b(!1), { theme: R } = M(), z = r(), B = v(() => ({
-		showLegend: s?.showLegend ?? !0,
-		showGrid: s?.showGrid ?? !0,
-		showTooltip: s?.showTooltip ?? !0,
-		minBubbleSize: s?.minBubbleSize ?? 5,
-		maxBubbleSize: s?.maxBubbleSize ?? 50,
-		bubbleOpacity: s?.bubbleOpacity ?? .7,
-		xAxisFormat: s?.xAxisFormat,
-		leftYAxisFormat: s?.leftYAxisFormat
-	}), [
-		s?.showLegend,
-		s?.showGrid,
-		s?.showTooltip,
-		s?.minBubbleSize,
-		s?.maxBubbleSize,
-		s?.bubbleOpacity,
-		s?.xAxisFormat,
-		s?.leftYAxisFormat
-	]);
-	return _(() => {
-		let e = 0, t, n, r = () => {
-			if (N.current) {
-				let { width: e, height: t } = N.current.getBoundingClientRect();
-				if (e > 0 && t > 0) return F({
-					width: e,
-					height: t
-				}), L(!0), !0;
-			}
-			return !1;
-		};
-		if (!r() && e < 10) {
-			let i = () => {
-				!r() && e < 10 && (e++, n = setTimeout(() => {
-					t = requestAnimationFrame(i);
-				}, 50 * e));
-			};
-			t = requestAnimationFrame(i);
-		}
-		return () => {
-			t && cancelAnimationFrame(t), n && clearTimeout(n);
-		};
-	}, []), g(() => {
-		let e = null, t = () => {
-			if (N.current) {
-				let { width: e, height: t } = N.current.getBoundingClientRect();
-				e > 0 && t > 0 && (F({
-					width: e,
-					height: t
-				}), I || L(!0));
-			}
-		};
-		return N.current && (e = new ResizeObserver((e) => {
-			for (let t of e) {
-				let { width: e, height: n } = t.contentRect;
-				e > 0 && n > 0 && (F({
-					width: e,
-					height: n
-				}), I || L(!0));
-			}
-		}), e.observe(N.current), t()), window.addEventListener("resize", t), () => {
-			e && e.disconnect(), window.removeEventListener("resize", t);
-		};
-	}, [I]), g(() => {
-		if (!e || e.length === 0 || !j.current || !I || P.width === 0 || (A(j.current).selectAll("*").remove(), !i?.xAxis || !i?.yAxis || !i?.series)) return;
-		let r = Array.isArray(i.xAxis) ? i.xAxis[0] : i.xAxis, o = Array.isArray(i.yAxis) ? i.yAxis[0] : i.yAxis, s = Array.isArray(i.series) ? i.series[0] : i.series, m = Array.isArray(i.sizeField) ? i.sizeField[0] : i.sizeField || o, g = Array.isArray(i.colorField) ? i.colorField[0] : i.colorField;
-		if (!r || !o || !s || !m) return;
-		let _ = t(u, r), v = u?.timeDimensions?.some((e) => e.dimension === r) || !1, y = e.map((e) => {
-			let t = e[r], i, a;
-			if (v && t) {
-				let e = String(t), n;
-				if (e.match(/^\d{4}-\d{2}-\d{2}[T ]/)) {
-					let t = e;
-					e.includes(" ") && (t = e.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !t.endsWith("Z") && !t.includes("+") && (t += "Z"), n = new Date(t);
-				} else n = new Date(e);
-				i = isNaN(n.getTime()) ? parseFloat(e) : n.getTime(), a = f(t, _);
-			} else {
-				let e = f(t, _) || t;
-				i = typeof e == "string" ? parseFloat(e) : e, a = String(e);
-			}
-			let c = n(e[o]), l = n(e[m]), u = e[s];
-			return {
-				x: i,
-				xLabel: a,
-				y: c,
-				size: l === null ? 0 : Math.abs(l),
-				color: g ? e[g] : u,
-				series: u,
-				label: `${u || "Unknown"}`,
-				isValid: d(i) && c !== null && l !== null && l > 0
-			};
-		}).filter((e) => e.isValid && e.size > 0);
-		if (y.length === 0) return;
-		let b = {
-			...a,
-			left: a.left + 30,
-			bottom: B.showLegend && g ? 100 : 40
-		}, x = P.width - b.left - b.right, S = P.height - b.top - b.bottom, C = A(j.current).attr("width", P.width).attr("height", P.height), M = C.append("g").attr("transform", `translate(${b.left},${b.top})`), N = O().domain(E(y, (e) => e.x)).range([0, x]).nice(), F = O().domain(E(y, (e) => e.y)).range([S, 0]).nice(), L = te().domain([0, D(y, (e) => e.size)]).range([B.minBubbleSize, B.maxBubbleSize]), V, H = !1, U = [];
-		if (g && y.length > 0) {
-			let e = y.map((e) => {
-				let t = e.color;
-				return typeof t == "string" ? parseFloat(t) : t;
-			}).filter((e) => !isNaN(e));
-			if (H = e.length === y.length && e.every((e) => typeof e == "number"), H) {
-				let t = Math.min(...e), n = Math.max(...e);
-				V = ee().domain([t, n]).range(h?.gradient || l);
-			} else U = [...new Set(y.map((e) => String(e.color)))], V = k().domain(U).range(h?.colors || c);
-		} else V = k().domain(["default"]).range([c[0]]);
-		let W = (e, t) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t, G = R !== "light", K = G ? W("--dc-text-muted", "#cbd5e1") : W("--dc-text-secondary", "#374151"), q = G ? W("--dc-border", "#475569") : "#9ca3af";
-		if (B.showGrid) {
-			let e = M.append("g").attr("class", "grid").attr("transform", `translate(0,${S})`).call(w(N).tickSize(-S).tickFormat(() => ""));
-			e.selectAll("line").style("stroke", q).style("stroke-dasharray", "3,3").style("opacity", .3), e.select(".domain").style("stroke", "none");
-			let t = M.append("g").attr("class", "grid").call(T(F).tickSize(-x).tickFormat(() => ""));
-			t.selectAll("line").style("stroke", q).style("stroke-dasharray", "3,3").style("opacity", .3), t.select(".domain").style("stroke", "none");
-		}
-		let J = w(N);
-		v ? J.tickFormat((e) => {
-			let t = new Date(e);
-			if (isNaN(t.getTime())) return String(e);
-			switch (_?.toLowerCase()) {
-				case "year": return String(t.getUTCFullYear());
-				case "quarter": {
-					let e = Math.floor(t.getUTCMonth() / 3) + 1;
-					return `${t.getUTCFullYear()}-Q${e}`;
-				}
-				case "month": return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
-				case "week":
-				case "day": return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
-				case "hour": return `${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")} ${String(t.getUTCHours()).padStart(2, "0")}:00`;
-				default: return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
-			}
-		}) : B.xAxisFormat && J.tickFormat((e) => p(e, B.xAxisFormat));
-		let Y = M.append("g").attr("transform", `translate(0,${S})`).call(J);
-		Y.selectAll("text").style("fill", K), Y.selectAll("line, path").style("stroke", q), Y.append("text").attr("x", x / 2).attr("y", 35).attr("fill", K).style("text-anchor", "middle").style("font-size", "12px").text(B.xAxisFormat?.label || z(r));
-		let X = T(F);
-		B.leftYAxisFormat && X.tickFormat((e) => p(e, B.leftYAxisFormat));
-		let Z = M.append("g").call(X);
-		Z.selectAll("text").style("fill", K), Z.selectAll("line, path").style("stroke", q), Z.append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -S / 2).attr("fill", K).style("text-anchor", "middle").style("font-size", "12px").text(B.leftYAxisFormat?.label || z(o));
-		let Q = A("body").append("div").attr("class", "bubble-chart-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), $ = M.selectAll(".bubble").data(y).enter().append("circle").attr("class", "bubble").attr("cx", (e) => N(e.x)).attr("cy", (e) => F(e.y)).attr("r", (e) => L(e.size)).style("fill", (e) => g && e.color !== void 0 ? V(H ? e.color : String(e.color)) : c[0]).style("opacity", B.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
-		if (B.showTooltip && $.on("mouseover", function(e, t) {
-			A(this).transition().duration(200).style("opacity", 1).attr("r", L(t.size) * 1.1);
-			let n = [
-				`<strong>${t.series || "Unknown"}</strong>`,
-				`${z(r)}: ${t.xLabel || (B.xAxisFormat ? p(t.x, B.xAxisFormat) : t.x)}`,
-				`${z(o)}: ${B.leftYAxisFormat ? p(t.y, B.leftYAxisFormat) : t.y}`,
-				`${z(m)}: ${B.leftYAxisFormat ? p(t.size, B.leftYAxisFormat) : t.size}`,
-				g && t.color ? `${z(g)}: ${t.color}` : ""
-			].filter(Boolean).join("<br>");
-			Q.html(n).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
-		}).on("mousemove", function(e) {
-			Q.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
-		}).on("mouseout", function(e, t) {
-			A(this).transition().duration(200).style("opacity", B.bubbleOpacity).attr("r", L(t.size)), Q.transition().duration(200).style("opacity", 0);
-		}), B.showLegend && g) if (H) {
-			let e = Math.min(...y.map((e) => e.color)), t = Math.max(...y.map((e) => e.color)), n = M.append("g").attr("class", "color-legend").attr("transform", `translate(${x / 2 - 200 / 2}, ${S + 60})`), r = C.append("defs").append("linearGradient").attr("id", "color-scale-gradient").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%"), i = h?.gradient || l;
-			i.forEach((e, t) => {
-				r.append("stop").attr("offset", `${t / (i.length - 1) * 100}%`).attr("stop-color", e);
-			}), n.append("rect").attr("width", 200).attr("height", 20).style("fill", "url(#color-scale-gradient)").style("stroke", "#ccc").style("stroke-width", 1), n.append("text").attr("x", 0).attr("y", 35).attr("text-anchor", "start").style("font-size", "11px").style("fill", K).text(B.leftYAxisFormat ? p(e, B.leftYAxisFormat) : e.toFixed(2)), n.append("text").attr("x", 200).attr("y", 35).attr("text-anchor", "end").style("font-size", "11px").style("fill", K).text(B.leftYAxisFormat ? p(t, B.leftYAxisFormat) : t.toFixed(2)), n.append("text").attr("x", 200 / 2).attr("y", -5).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", K).text(z(g));
-		} else {
-			let e = U;
-			if (e.length > 0) {
-				let t = M.append("g").attr("class", "legend").attr("transform", `translate(${x / 2 - e.length * 80 / 2}, ${S + 60})`).selectAll(".legend-item").data(e).enter().append("g").attr("class", "legend-item").attr("transform", (e, t) => `translate(${t * 80}, 0)`).style("cursor", "pointer");
-				t.append("circle").attr("cx", 5).attr("cy", 5).attr("r", 5).style("fill", (e) => V(e)).style("opacity", B.bubbleOpacity), t.append("text").attr("x", 15).attr("y", 5).attr("dy", ".35em").style("font-size", "11px").style("fill", K).text((e) => String(e)), t.on("mouseover", function(e, t) {
-					$.transition().duration(200).style("opacity", (e) => g && String(e.color) === t ? 1 : .2);
-				}).on("mouseout", function() {
-					$.transition().duration(200).style("opacity", B.bubbleOpacity);
-				});
-			}
-		}
-		return () => {
-			Q.remove();
-		};
-	}, [
-		e,
-		i,
-		B,
-		u,
-		P,
-		I,
-		h,
-		R,
-		z
-	]), !e || e.length === 0 ? /* @__PURE__ */ S("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: m },
-		children: /* @__PURE__ */ C("div", {
-			className: "dc:text-center",
-			children: [/* @__PURE__ */ S("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: x("chart.runtime.noData")
-			}), /* @__PURE__ */ S("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: x("chart.runtime.noDataHint.bubble")
-			})]
-		})
-	}) : i?.xAxis && i?.yAxis && i?.series ? /* @__PURE__ */ S("div", {
-		className: "dc:w-full dc:flex-1 dc:flex dc:flex-col dc:relative",
-		style: {
-			height: m,
-			minHeight: "250px",
-			overflow: "hidden"
-		},
-		children: /* @__PURE__ */ C("div", {
-			ref: N,
-			className: "dc:w-full dc:h-full dc:relative",
-			children: [/* @__PURE__ */ S("svg", {
-				ref: j,
-				className: "dc:w-full dc:h-full"
-			}), !I && /* @__PURE__ */ S("div", {
-				className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center",
-				children: /* @__PURE__ */ S("div", {
-					className: "text-dc-text-muted dc:text-sm",
-					children: x("chart.runtime.measuringDimensions")
-				})
-			})]
-		})
-	}) : /* @__PURE__ */ S("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-		style: { height: m },
-		children: /* @__PURE__ */ C("div", {
-			className: "dc:text-center",
-			children: [
-				/* @__PURE__ */ S("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: x("chart.runtime.activityGridConfigRequired")
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "dc:text-xs",
-					children: x("chart.runtime.configErrorHint.bubbleRequired")
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "dc:text-xs dc:mt-1",
-					children: x("chart.runtime.configErrorHint.bubbleOptional")
-				})
-			]
-		})
-	});
-});
-//#endregion
-export { M as n, N as t };
-
-//# sourceMappingURL=chart-bubble-CfqiB538.js.map