drizzle-cube 0.4.53 → 0.5.1

package/dist/client/chunks/{chart-waterfall-BCdUx4DC.js → chart-waterfall-BGdPrJ5Y.js}

@@ -1,12 +1,12 @@
 import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
-import { _ as t, i as n, y as r } from "./chart-activity-grid-DLktOINm.js";
-import { c as i, l as a, s as o } from "./chart-area-BwYaflNk.js";
-import s, { useMemo as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Bar as d, CartesianGrid as f, Cell as p, ComposedChart as m, LabelList as h, Legend as g, Line as _, XAxis as v, YAxis as y } from "recharts";
+import { _ as t, i as n, k as r, y as i } from "./chart-activity-grid-CWT0gLv4.js";
+import { c as a, l as o, s } from "./chart-area-D63kG8OT.js";
+import c, { useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Bar as f, CartesianGrid as p, Cell as m, ComposedChart as h, LabelList as g, Legend as _, Line as v, XAxis as y, YAxis as b } from "recharts";
 //#region src/client/components/charts/WaterfallChart.tsx
-var b = /* @__PURE__ */ e({ default: () => D }), x = "#22c55e", S = "#ef4444", C = "#6366f1", w = "#94a3b8";
-function T(e, t, n, r, i) {
+var x = /* @__PURE__ */ e({ default: () => O }), S = "#22c55e", C = "#ef4444", w = "#6366f1", T = "#94a3b8";
+function E(e, t, n, r, i) {
 	let a = 0, o = e.map((e, r) => {
 		let i = String(e[t] ?? `Row ${r + 1}`), o = e[n], s = typeof o == "number" ? o : parseFloat(String(o ?? "")), c = isNaN(s) ? 0 : s, l = c < 0, u = l ? a + c : a, d = {
 			label: i,
@@ -33,11 +33,11 @@ function T(e, t, n, r, i) {
 	}
 	return o;
 }
-function E(e) {
+function D(e) {
 	let { x: t = 0, y: n = 0, width: r = 0, value: i = 0, isNegative: a, displayValue: o } = e;
 	if (o == null) return null;
 	let s = Number(o), c = a || s < 0 ? n + i + 14 : n - 6;
-	return /* @__PURE__ */ u("text", {
+	return /* @__PURE__ */ d("text", {
 		x: t + r / 2,
 		y: c,
 		fill: "currentColor",
@@ -46,96 +46,96 @@ function E(e) {
 		children: [s >= 0 ? "+" : "", s.toLocaleString()]
 	});
 }
-var D = s.memo(function({ data: e, chartConfig: s, displayConfig: b = {}, height: D = "100%", onDataPointClick: O, drillEnabled: k }) {
-	let A = t(), j = b?.showTotal ?? !0, M = b?.showConnectorLine ?? !0, N = b?.showDataLabels ?? !1, P = b?.leftYAxisFormat, { xAxisField: F, yAxisField: I, configError: L } = c(() => {
-		let e = Array.isArray(s?.xAxis) ? s.xAxis[0] : s?.x, t = Array.isArray(s?.yAxis) ? s.yAxis[0] : s?.y?.[0];
+var O = c.memo(function({ data: e, chartConfig: c, displayConfig: x = {}, height: O = "100%", onDataPointClick: k, drillEnabled: A }) {
+	let { t: j } = r(), M = t(), N = x?.showTotal ?? !0, P = x?.showConnectorLine ?? !0, F = x?.showDataLabels ?? !1, I = x?.leftYAxisFormat, { xAxisField: L, yAxisField: R, configError: z } = l(() => {
+		let e = Array.isArray(c?.xAxis) ? c.xAxis[0] : c?.x, t = Array.isArray(c?.yAxis) ? c.yAxis[0] : c?.y?.[0];
 		return {
 			xAxisField: e,
 			yAxisField: t,
 			configError: !e || !t ? "Waterfall chart requires an X-axis dimension and a Y-axis measure" : null
 		};
-	}, [s]), R = c(() => L || !e || e.length === 0 || !F || !I ? [] : T(e, F, I, j, A), [
+	}, [c]), B = l(() => z || !e || e.length === 0 || !L || !R ? [] : E(e, L, R, N, M), [
 		e,
-		F,
-		I,
-		j,
-		A,
-		L
-	]), z = c(() => !M || R.length === 0 ? [] : R.map((e) => {
+		L,
+		R,
+		N,
+		M,
+		z
+	]), V = l(() => !P || B.length === 0 ? [] : B.map((e) => {
 		let t = e.isNegative ? e.runningBase : e.runningBase + e.value;
 		return {
 			label: e.label,
 			_connector: t
 		};
-	}), [R, M]), B = c(() => R.map((e, t) => ({
+	}), [B, P]), H = l(() => B.map((e, t) => ({
 		...e,
-		_connector: z[t]?._connector
-	})), [R, z]);
+		_connector: V[t]?._connector
+	})), [B, V]);
 	try {
-		return !e || e.length === 0 ? /* @__PURE__ */ l("div", {
+		return !e || e.length === 0 ? /* @__PURE__ */ u("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ u("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ d("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "No data available"
-				}), /* @__PURE__ */ l("div", {
+					children: j("chart.runtime.noData")
+				}), /* @__PURE__ */ u("div", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "No data points to display in waterfall chart"
+					children: j("chart.runtime.noDataHint.waterfall")
 				})]
 			})
-		}) : L ? /* @__PURE__ */ l("div", {
+		}) : z ? /* @__PURE__ */ u("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: D },
-			children: /* @__PURE__ */ u("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ d("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: "Configuration Error"
-				}), /* @__PURE__ */ l("div", {
+					children: j("chart.runtime.configError")
+				}), /* @__PURE__ */ u("div", {
 					className: "dc:text-xs",
-					children: L
+					children: z
 				})]
 			})
-		}) : /* @__PURE__ */ l("div", {
+		}) : /* @__PURE__ */ u("div", {
 			className: "dc:relative dc:w-full",
-			style: { height: D },
-			children: /* @__PURE__ */ l(a, {
+			style: { height: O },
+			children: /* @__PURE__ */ u(o, {
 				height: "100%",
-				children: /* @__PURE__ */ u(m, {
-					data: B,
+				children: /* @__PURE__ */ d(h, {
+					data: H,
 					margin: {
 						...n,
 						left: 40
 					},
 					accessibilityLayer: !1,
 					children: [
-						/* @__PURE__ */ l(f, {
+						/* @__PURE__ */ u(p, {
 							strokeDasharray: "3 3",
 							style: { pointerEvents: "none" }
 						}),
-						/* @__PURE__ */ l(v, {
+						/* @__PURE__ */ u(y, {
 							dataKey: "label",
 							type: "category",
-							tick: /* @__PURE__ */ l(o, {}),
+							tick: /* @__PURE__ */ u(s, {}),
 							height: 60
 						}),
-						/* @__PURE__ */ l(y, {
+						/* @__PURE__ */ u(b, {
 							tick: { fontSize: 12 },
-							tickFormatter: P ? (e) => r(e, P) : void 0
+							tickFormatter: I ? (e) => i(e, I) : void 0
 						}),
-						/* @__PURE__ */ l(i, {
+						/* @__PURE__ */ u(a, {
 							formatter: (e, t, n) => {
 								if (t === "_connector") return ["", ""];
-								let i = n?.payload;
-								if (!i) return [e, t];
-								let a = i.displayValue ?? e;
-								return [P ? r(a, P) : a?.toLocaleString?.() ?? a, i.isTotal ? "Total" : i.isNegative ? "Decrease" : "Increase"];
+								let r = n?.payload;
+								if (!r) return [e, t];
+								let a = r.displayValue ?? e;
+								return [I ? i(a, I) : a?.toLocaleString?.() ?? a, r.isTotal ? "Total" : r.isNegative ? "Decrease" : "Increase"];
 							},
 							labelFormatter: (e) => e
 						}),
-						/* @__PURE__ */ l(g, {
+						/* @__PURE__ */ u(_, {
 							wrapperStyle: {
 								fontSize: "12px",
 								paddingTop: "8px"
@@ -144,36 +144,36 @@ var D = s.memo(function({ data: e, chartConfig: s, displayConfig: b = {}, height
 								{
 									value: "Increase",
 									type: "rect",
-									color: x
+									color: S
 								},
 								{
 									value: "Decrease",
 									type: "rect",
-									color: S
+									color: C
 								},
-								...j ? [{
+								...N ? [{
 									value: "Total",
 									type: "rect",
-									color: C
+									color: w
 								}] : []
 							]
 						}),
-						/* @__PURE__ */ l(d, {
+						/* @__PURE__ */ u(f, {
 							dataKey: "runningBase",
 							stackId: "wf",
 							fill: "transparent",
 							legendType: "none",
 							isAnimationActive: !1
 						}),
-						/* @__PURE__ */ u(d, {
+						/* @__PURE__ */ d(f, {
 							dataKey: "value",
 							stackId: "wf",
 							isAnimationActive: !1,
-							cursor: k ? "pointer" : void 0,
+							cursor: A ? "pointer" : void 0,
 							onClick: (e, t, n) => {
-								O && k && e && !e.isTotal && O({
+								k && A && e && !e.isTotal && k({
 									dataPoint: e,
-									clickedField: I,
+									clickedField: R,
 									xValue: e.label,
 									position: {
 										x: n.clientX,
@@ -182,20 +182,20 @@ var D = s.memo(function({ data: e, chartConfig: s, displayConfig: b = {}, height
 									nativeEvent: n
 								});
 							},
-							children: [N && /* @__PURE__ */ l(h, {
+							children: [F && /* @__PURE__ */ u(g, {
 								dataKey: "displayValue",
-								content: (e) => /* @__PURE__ */ l(E, {
+								content: (e) => /* @__PURE__ */ u(D, {
 									...e,
-									runningBase: B[e.index]?.runningBase,
-									isNegative: B[e.index]?.isNegative,
-									displayValue: B[e.index]?.displayValue
+									runningBase: H[e.index]?.runningBase,
+									isNegative: H[e.index]?.isNegative,
+									displayValue: H[e.index]?.displayValue
 								})
-							}), B.map((e, t) => /* @__PURE__ */ l(p, { fill: e.isTotal ? C : e.isNegative ? S : x }, `cell-${t}`))]
+							}), H.map((e, t) => /* @__PURE__ */ u(m, { fill: e.isTotal ? w : e.isNegative ? C : S }, `cell-${t}`))]
 						}),
-						M && /* @__PURE__ */ l(_, {
+						P && /* @__PURE__ */ u(v, {
 							type: "stepAfter",
 							dataKey: "_connector",
-							stroke: w,
+							stroke: T,
 							strokeWidth: 1.5,
 							strokeDasharray: "4 2",
 							dot: !1,
@@ -208,23 +208,23 @@ var D = s.memo(function({ data: e, chartConfig: s, displayConfig: b = {}, height
 			})
 		});
 	} catch (e) {
-		return /* @__PURE__ */ l("div", {
+		return /* @__PURE__ */ u("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__ */ u("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ d("div", {
 				className: "dc:text-center",
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: "Waterfall Chart Error"
+						children: j("chart.runtime.chartError", { chartType: "Waterfall Chart" })
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : "Unknown rendering error"
+						children: e instanceof Error ? e.message : j("chart.runtime.unknownError")
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						className: "dc:text-xs text-dc-text-muted",
-						children: "Check the data and configuration"
+						children: j("chart.runtime.checkConfig")
 					})
 				]
 			})
@@ -232,6 +232,6 @@ var D = s.memo(function({ data: e, chartConfig: s, displayConfig: b = {}, height
 	}
 });
 //#endregion
-export { b as t };
+export { x as t };
 
-//# sourceMappingURL=chart-waterfall-BCdUx4DC.js.map
+//# sourceMappingURL=chart-waterfall-BGdPrJ5Y.js.map

package/dist/client/chunks/chart-waterfall-BGdPrJ5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-waterfall-BGdPrJ5Y.js","names":[],"sources":["../../../src/client/components/charts/WaterfallChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, LabelList, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst POSITIVE_COLOR = '#22c55e'\nconst NEGATIVE_COLOR = '#ef4444'\nconst TOTAL_COLOR = '#6366f1'\nconst CONNECTOR_COLOR = '#94a3b8'\n\ninterface WaterfallDataPoint {\n  label: string\n  value: number\n  runningBase: number\n  isTotal: boolean\n  isNegative: boolean\n  displayValue: number\n  originalIndex: number\n}\n\nfunction transformToWaterfall(\n  data: Record<string, unknown>[],\n  xField: string,\n  yField: string,\n  showTotal: boolean,\n  getFieldLabel: (field: string) => string\n): WaterfallDataPoint[] {\n  let running = 0\n  const result: WaterfallDataPoint[] = data.map((row, i) => {\n    const label = String(row[xField] ?? `Row ${i + 1}`)\n    const rawValue = row[yField]\n    const parsed = typeof rawValue === 'number' ? rawValue : parseFloat(String(rawValue ?? ''))\n    const value = isNaN(parsed) ? 0 : parsed\n    const isNegative = value < 0\n    const base = isNegative ? running + value : running\n    const point: WaterfallDataPoint = {\n      label,\n      value: Math.abs(value),\n      runningBase: base,\n      isTotal: false,\n      isNegative,\n      displayValue: value,\n      originalIndex: i,\n    }\n    running += value\n    return point\n  })\n\n  if (showTotal) {\n    const totalLabel = getFieldLabel(yField) || 'Total'\n    result.push({\n      label: totalLabel,\n      value: Math.abs(running),\n      runningBase: running >= 0 ? 0 : running,\n      isTotal: true,\n      isNegative: running < 0,\n      displayValue: running,\n      originalIndex: result.length,\n    })\n  }\n\n  return result\n}\n\ninterface ValueLabelProps {\n  x?: number\n  y?: number\n  width?: number\n  value?: number\n  isNegative?: boolean\n  displayValue?: number\n}\n\nfunction ValueLabel(props: ValueLabelProps) {\n  const { x = 0, y = 0, width = 0, value = 0, isNegative, displayValue } = props\n  if (displayValue === undefined || displayValue === null) return null\n  const numericValue = Number(displayValue)\n  const isNeg = isNegative || numericValue < 0\n  const yPos = isNeg ? y + value + 14 : y - 6\n  return (\n    <text\n      x={x + width / 2}\n      y={yPos}\n      fill=\"currentColor\"\n      textAnchor=\"middle\"\n      fontSize={11}\n    >\n      {numericValue >= 0 ? '+' : ''}{numericValue.toLocaleString()}\n    </text>\n  )\n}\n\nconst WaterfallChart = React.memo(function WaterfallChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const getFieldLabel = useCubeFieldLabel()\n\n  const showTotal = displayConfig?.showTotal ?? true\n  const showConnectorLine = displayConfig?.showConnectorLine ?? true\n  const showDataLabels = displayConfig?.showDataLabels ?? false\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xAxisField, yAxisField, configError } = useMemo(() => {\n    const xAxisField: string | undefined = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.x\n    const yAxisField: string | undefined = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis[0]\n      : chartConfig?.y?.[0]\n    const configError =\n      !xAxisField || !yAxisField\n        ? 'Waterfall chart requires an X-axis dimension and a Y-axis measure'\n        : null\n    return { xAxisField, yAxisField, configError }\n  }, [chartConfig])\n\n  const waterfallData = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField || !yAxisField) return []\n    return transformToWaterfall(\n      data as Record<string, unknown>[],\n      xAxisField,\n      yAxisField,\n      showTotal,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisField, showTotal, getFieldLabel, configError])\n\n  const connectorData = useMemo(() => {\n    if (!showConnectorLine || waterfallData.length === 0) return []\n    return waterfallData.map((d) => {\n      const connectorY = d.isNegative ? d.runningBase : d.runningBase + d.value\n      return { label: d.label, _connector: connectorY }\n    })\n  }, [waterfallData, showConnectorLine])\n\n  const chartData = useMemo(() => {\n    return waterfallData.map((d, i) => ({\n      ...d,\n      _connector: connectorData[i]?._connector,\n    }))\n  }, [waterfallData, connectorData])\n\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\">{t('chart.runtime.noDataHint.waterfall')}</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    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height=\"100%\">\n          <ComposedChart data={chartData} margin={{ ...CHART_MARGINS, left: 40 }} accessibilityLayer={false}>\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n            <XAxis dataKey=\"label\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n            <YAxis\n              tick={{ fontSize: 12 }}\n              tickFormatter={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n            <ChartTooltip\n              formatter={(value: any, name: any, props: any) => {\n                if (name === '_connector') return ['', '']\n                const entry = props?.payload\n                if (!entry) return [value, name]\n                const displayValue = entry.displayValue ?? value\n                return [\n                  yAxisFormat ? formatAxisValue(displayValue, yAxisFormat) : displayValue?.toLocaleString?.() ?? displayValue,\n                  entry.isTotal ? 'Total' : entry.isNegative ? 'Decrease' : 'Increase',\n                ]\n              }}\n              labelFormatter={(label: string) => label}\n            />\n            <Legend\n              wrapperStyle={{ fontSize: '12px', paddingTop: '8px' }}\n              {...{\n                payload: [\n                  { value: 'Increase', type: 'rect' as const, color: POSITIVE_COLOR },\n                  { value: 'Decrease', type: 'rect' as const, color: NEGATIVE_COLOR },\n                  ...(showTotal ? [{ value: 'Total', type: 'rect' as const, color: TOTAL_COLOR }] : []),\n                ],\n              }}\n            />\n            <Bar dataKey=\"runningBase\" stackId=\"wf\" fill=\"transparent\" legendType=\"none\" isAnimationActive={false} />\n            <Bar\n              dataKey=\"value\"\n              stackId=\"wf\"\n              isAnimationActive={false}\n              cursor={drillEnabled ? 'pointer' : undefined}\n              onClick={(barData: any, _index: number, event: React.MouseEvent) => {\n                if (onDataPointClick && drillEnabled && barData && !barData.isTotal) {\n                  onDataPointClick({\n                    dataPoint: barData,\n                    clickedField: yAxisField!,\n                    xValue: barData.label,\n                    position: { x: event.clientX, y: event.clientY },\n                    nativeEvent: event,\n                  })\n                }\n              }}\n            >\n              {showDataLabels && (\n                <LabelList\n                  dataKey=\"displayValue\"\n                  content={(props: any) => (\n                    <ValueLabel\n                      {...props}\n                      runningBase={chartData[props.index]?.runningBase}\n                      isNegative={chartData[props.index]?.isNegative}\n                      displayValue={chartData[props.index]?.displayValue}\n                    />\n                  )}\n                />\n              )}\n              {chartData.map((entry, index) => (\n                <Cell\n                  key={`cell-${index}`}\n                  fill={entry.isTotal ? TOTAL_COLOR : entry.isNegative ? NEGATIVE_COLOR : POSITIVE_COLOR}\n                />\n              ))}\n            </Bar>\n            {showConnectorLine && (\n              <Line\n                type=\"stepAfter\"\n                dataKey=\"_connector\"\n                stroke={CONNECTOR_COLOR}\n                strokeWidth={1.5}\n                strokeDasharray=\"4 2\"\n                dot={false}\n                activeDot={false}\n                legendType=\"none\"\n                isAnimationActive={false}\n              />\n            )}\n          </ComposedChart>\n        </ChartContainer>\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: 'Waterfall 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 WaterfallChart\n"],"mappings":"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"}

package/dist/client/chunks/{charts-core-C5Yokk-x.js → charts-core-BXOqaYFn.js}

@@ -1,24 +1,24 @@
-import { y as e } from "./chart-activity-grid-DLktOINm.js";
-import { useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { k as e, y as t } from "./chart-activity-grid-CWT0gLv4.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/client/components/AnalysisBuilder/SectionHeading.tsx
-function i({ children: e, className: t = "" }) {
-	return /* @__PURE__ */ n("h3", {
+function a({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ r("h3", {
 		className: `dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${t}`,
 		children: e
 	});
 }
 //#endregion
 //#region src/client/components/charts/AxisFormatControls.tsx
-function a() {
+function o() {
 	let e = typeof navigator < "u" ? navigator.language : "en-US";
 	return new Intl.NumberFormat(e, {
 		style: "currency",
-		currency: o(e),
+		currency: s(e),
 		currencyDisplay: "narrowSymbol"
 	}).format(0).replace(/[\d.,\s]/g, "").trim() || "$";
 }
-function o(e) {
+function s(e) {
 	return {
 		US: "USD",
 		CA: "CAD",
@@ -64,152 +64,152 @@ function o(e) {
 		TR: "TRY"
 	}[e.split("-")[1]?.toUpperCase()] || "USD";
 }
-function s({ value: o, onChange: s, axisLabel: c, previewValue: l = 125e4 }) {
-	let u = t(() => o || {}, [o]), d = t(() => a(), []), f = t(() => e(l, u), [l, u]), p = (e) => {
-		s({
-			...u,
+function c({ value: s, onChange: c, axisLabel: l, previewValue: u = 125e4 }) {
+	let { t: d } = e(), f = n(() => s || {}, [s]), p = n(() => o(), []), m = n(() => t(u, f), [u, f]), h = (e) => {
+		c({
+			...f,
 			...e
 		});
-	};
-	return /* @__PURE__ */ r("div", {
+	}, g = [
+		{
+			value: "currency",
+			label: p
+		},
+		{
+			value: "percent",
+			label: "%"
+		},
+		{
+			value: "number",
+			label: "#"
+		},
+		{
+			value: "custom",
+			label: d("chart.runtime.axisFormat.custom")
+		}
+	];
+	return /* @__PURE__ */ i("div", {
 		className: "dc:space-y-3 dc:pb-4",
 		children: [
-			/* @__PURE__ */ n(i, { children: c }),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ r(a, { children: l }),
+			/* @__PURE__ */ i("div", {
 				className: "dc:space-y-1",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "Label"
-				}), /* @__PURE__ */ n("input", {
+					children: d("chart.runtime.axisFormat.label")
+				}), /* @__PURE__ */ r("input", {
 					type: "text",
-					value: u.label || "",
-					onChange: (e) => p({ label: e.target.value || void 0 }),
-					placeholder: "Auto-generated label",
+					value: f.label || "",
+					onChange: (e) => h({ label: e.target.value || void 0 }),
+					placeholder: d("chart.runtime.axisFormat.autoLabel"),
 					className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "dc:space-y-1",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "Unit"
-				}), /* @__PURE__ */ n("div", {
+					children: d("chart.runtime.axisFormat.unit")
+				}), /* @__PURE__ */ r("div", {
 					className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden",
-					children: [
-						{
-							value: "currency",
-							label: d
-						},
-						{
-							value: "percent",
-							label: "%"
-						},
-						{
-							value: "number",
-							label: "#"
-						},
-						{
-							value: "custom",
-							label: "Custom"
-						}
-					].map((e) => /* @__PURE__ */ n("button", {
+					children: g.map((e) => /* @__PURE__ */ r("button", {
 						type: "button",
-						onClick: () => p({ unit: e.value }),
-						className: `dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${u.unit === e.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+						onClick: () => h({ unit: e.value }),
+						className: `dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${f.unit === e.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
 						children: e.label
 					}, e.value))
 				})]
 			}),
-			u.unit === "custom" && /* @__PURE__ */ r("div", {
+			f.unit === "custom" && /* @__PURE__ */ i("div", {
 				className: "dc:flex dc:gap-2",
-				children: [/* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ i("div", {
 					className: "dc:flex-1 dc:space-y-1",
-					children: [/* @__PURE__ */ n("label", {
+					children: [/* @__PURE__ */ r("label", {
 						className: "dc:text-xs text-dc-text-secondary",
-						children: "Prefix"
-					}), /* @__PURE__ */ n("input", {
+						children: d("chart.runtime.axisFormat.prefix")
+					}), /* @__PURE__ */ r("input", {
 						type: "text",
-						value: u.customPrefix || "",
-						onChange: (e) => p({ customPrefix: e.target.value || void 0 }),
-						placeholder: "e.g., $",
+						value: f.customPrefix || "",
+						onChange: (e) => h({ customPrefix: e.target.value || void 0 }),
+						placeholder: d("chart.runtime.axisFormat.prefixExample"),
 						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
 					})]
-				}), /* @__PURE__ */ r("div", {
+				}), /* @__PURE__ */ i("div", {
 					className: "dc:flex-1 dc:space-y-1",
-					children: [/* @__PURE__ */ n("label", {
+					children: [/* @__PURE__ */ r("label", {
 						className: "dc:text-xs text-dc-text-secondary",
-						children: "Suffix"
-					}), /* @__PURE__ */ n("input", {
+						children: d("chart.runtime.axisFormat.suffix")
+					}), /* @__PURE__ */ r("input", {
 						type: "text",
-						value: u.customSuffix || "",
-						onChange: (e) => p({ customSuffix: e.target.value || void 0 }),
-						placeholder: "e.g., units",
+						value: f.customSuffix || "",
+						onChange: (e) => h({ customSuffix: e.target.value || void 0 }),
+						placeholder: d("chart.runtime.axisFormat.suffixExample"),
 						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "dc:space-y-1",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "Abbreviation"
-				}), /* @__PURE__ */ r("div", {
+					children: d("chart.runtime.axisFormat.abbreviation")
+				}), /* @__PURE__ */ i("div", {
 					className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden",
-					children: [/* @__PURE__ */ n("button", {
+					children: [/* @__PURE__ */ r("button", {
 						type: "button",
-						onClick: () => p({ abbreviate: !0 }),
-						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${u.abbreviate === !1 ? "bg-dc-surface text-dc-text hover:bg-dc-border" : "bg-dc-primary text-white"}`,
-						children: "Yes"
-					}), /* @__PURE__ */ n("button", {
+						onClick: () => h({ abbreviate: !0 }),
+						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${f.abbreviate === !1 ? "bg-dc-surface text-dc-text hover:bg-dc-border" : "bg-dc-primary text-white"}`,
+						children: d("chart.runtime.axisFormat.yes")
+					}), /* @__PURE__ */ r("button", {
 						type: "button",
-						onClick: () => p({ abbreviate: !1 }),
-						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${u.abbreviate === !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
-						children: "No"
+						onClick: () => h({ abbreviate: !1 }),
+						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${f.abbreviate === !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+						children: d("chart.runtime.axisFormat.no")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "dc:space-y-1",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "Decimals"
-				}), /* @__PURE__ */ r("div", {
+					children: d("chart.runtime.axisFormat.decimals")
+				}), /* @__PURE__ */ i("div", {
 					className: "dc:flex dc:gap-2",
-					children: [/* @__PURE__ */ n("button", {
+					children: [/* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: () => {
-							let e = u.decimals ?? 2;
-							e > 0 && p({ decimals: e - 1 });
+							let e = f.decimals ?? 2;
+							e > 0 && h({ decimals: e - 1 });
 						},
-						disabled: (u.decimals ?? 2) <= 0,
+						disabled: (f.decimals ?? 2) <= 0,
 						className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
 						children: "← .0"
-					}), /* @__PURE__ */ n("button", {
+					}), /* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: () => {
-							let e = u.decimals ?? 2;
-							e < 4 && p({ decimals: e + 1 });
+							let e = f.decimals ?? 2;
+							e < 4 && h({ decimals: e + 1 });
 						},
-						disabled: (u.decimals ?? 2) >= 4,
+						disabled: (f.decimals ?? 2) >= 4,
 						className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
 						children: ".00 →"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "dc:space-y-1",
-				children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ r("label", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: "Preview"
-				}), /* @__PURE__ */ n("div", {
+					children: d("chart.runtime.axisFormat.preview")
+				}), /* @__PURE__ */ r("div", {
 					className: "dc:text-sm dc:font-mono text-dc-text",
-					children: f
+					children: m
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { i as n, s as t };
+export { a as n, c as t };
 
-//# sourceMappingURL=charts-core-C5Yokk-x.js.map
+//# sourceMappingURL=charts-core-BXOqaYFn.js.map