drizzle-cube 0.2.10 → 0.2.12

package/dist/client/chunks/chart-areachart-B4tknnsY.js

@@ -0,0 +1,239 @@
+import { jsx as r, jsxs as f, Fragment as K } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { ComposedChart as X, CartesianGrid as q, XAxis as B, YAxis as M, Legend as U, Area as J, Line as O } from "recharts";
+import { C as Q } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C as Z } from "./chart-charttooltip-Bx3I8jQv.js";
+import { u as P, t as ee, C as te, f as w, a as F } from "./chart-activitygridchart-CUGN9Xq9.js";
+function re(s) {
+  if (!s || typeof s != "string")
+    return [];
+  const t = s.trim();
+  if (!t)
+    return [];
+  try {
+    const i = t.split(",").map((a) => a.trim()).filter((a) => a !== "").map((a) => {
+      const o = parseFloat(a);
+      if (isNaN(o))
+        throw new Error(`Invalid numeric value: ${a}`);
+      return o;
+    });
+    return i.length > 0 ? i : [];
+  } catch (i) {
+    return console.warn("Failed to parse target values:", i), [];
+  }
+}
+function se(s, t) {
+  if (s.length === 0 || t <= 0)
+    return [];
+  if (s.length === 1)
+    return new Array(t).fill(s[0]);
+  const i = [], a = Math.floor(t / s.length), o = t % s.length;
+  let d = 0;
+  for (let l = 0; l < s.length; l++) {
+    const p = a + (l < o ? 1 : 0);
+    for (let g = 0; g < p; g++)
+      i[d++] = s[l];
+  }
+  return i;
+}
+function me(s, t) {
+  return t === 0 ? s === 0 ? 0 : s > 0 ? 100 : -100 : (s - t) / t * 100;
+}
+function xe(s, t = 1) {
+  return `${s >= 0 ? "+" : ""}${s.toFixed(t)}%`;
+}
+function ie({
+  data: s,
+  chartConfig: t,
+  displayConfig: i = {},
+  queryObject: a,
+  height: o = "100%",
+  colorPalette: d
+}) {
+  const [l, p] = C(null), { labelMap: g, getFieldLabel: S } = P();
+  try {
+    const m = i?.stackType ?? (i?.stacked ? "normal" : "none"), E = m !== "none", V = m === "percent", v = {
+      showLegend: i?.showLegend ?? !0,
+      showGrid: i?.showGrid ?? !0,
+      showTooltip: i?.showTooltip ?? !0,
+      connectNulls: i?.connectNulls ?? !1
+    }, x = i?.leftYAxisFormat, N = i?.rightYAxisFormat;
+    if (!s || s.length === 0)
+      return /* @__PURE__ */ r("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: o }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+        /* @__PURE__ */ r("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+        /* @__PURE__ */ r("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in area chart" })
+      ] }) });
+    let k, c, _ = [];
+    if (t?.xAxis && t?.yAxis)
+      k = Array.isArray(t.xAxis) ? t.xAxis[0] : t.xAxis, c = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], _ = t.series || [];
+    else if (t?.x && t?.y)
+      k = t.x, c = Array.isArray(t.y) ? t.y : [t.y];
+    else
+      return /* @__PURE__ */ r("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: o }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+        /* @__PURE__ */ r("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ r("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!k || !c || c.length === 0)
+      return /* @__PURE__ */ r("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: o }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+        /* @__PURE__ */ r("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ r("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const { data: u, seriesKeys: G } = ee(
+      s,
+      k,
+      c,
+      a,
+      _,
+      g
+    ), h = t?.yAxisAssignment || {}, T = {};
+    c.forEach((e) => {
+      const n = S(e);
+      T[n] = e;
+    });
+    const b = c.some((e) => h[e] === "right"), z = c.filter((e) => (h[e] || "left") === "left"), j = c.filter((e) => h[e] === "right"), Y = E && !b, y = V && !b, $ = v.showLegend, R = {
+      ...te,
+      left: 40,
+      // Space for left Y-axis label
+      right: b ? 40 : 20
+      // Extra space for right Y-axis label if needed
+    }, W = re(i?.target || ""), I = se(W, u.length);
+    let D = u;
+    return I.length > 0 && (D = u.map((e, n) => ({
+      ...e,
+      __target: I[n] || null
+    }))), !u || u.length === 0 ? /* @__PURE__ */ r("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: o }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+      /* @__PURE__ */ r("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ r("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for area chart after transformation" })
+    ] }) }) : /* @__PURE__ */ r(Q, { height: o, children: /* @__PURE__ */ f(X, { data: D, margin: R, stackOffset: y ? "expand" : void 0, children: [
+      v.showGrid && /* @__PURE__ */ r(q, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ r(B, { dataKey: "name", tick: { fontSize: 12 }, angle: -45, textAnchor: "end", height: 60 }),
+      /* @__PURE__ */ r(
+        M,
+        {
+          yAxisId: "left",
+          orientation: "left",
+          tick: { fontSize: 12 },
+          tickFormatter: y ? (e) => `${(e * 100).toFixed(0)}%` : x ? (e) => w(e, x) : void 0,
+          domain: y ? [0, 1] : void 0,
+          label: y ? void 0 : z.length > 0 ? {
+            value: x?.label || S(z[0]),
+            angle: -90,
+            position: "left",
+            style: { textAnchor: "middle", fontSize: "12px" }
+          } : void 0
+        }
+      ),
+      b && /* @__PURE__ */ r(
+        M,
+        {
+          yAxisId: "right",
+          orientation: "right",
+          tick: { fontSize: 12 },
+          tickFormatter: N ? (e) => w(e, N) : void 0,
+          label: j.length > 0 ? {
+            value: N?.label || S(j[0]),
+            angle: 90,
+            position: "right",
+            style: { textAnchor: "middle", fontSize: "12px" }
+          } : void 0
+        }
+      ),
+      v.showTooltip && /* @__PURE__ */ r(
+        Z,
+        {
+          formatter: (e, n) => {
+            if (e == null)
+              return ["No data", n];
+            if (n === "Target")
+              return [w(e, x), "Target Value"];
+            if (y && typeof e == "number")
+              return [`${(e * 100).toFixed(1)}%`, n];
+            const A = T[n], H = (A && h[A] === "right" ? "right" : "left") === "right" ? N : x;
+            return [w(e, H), n];
+          }
+        }
+      ),
+      $ && /* @__PURE__ */ r(
+        U,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "10px" },
+          iconType: "rect",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (e) => p(String(e.dataKey || "")),
+          onMouseLeave: () => p(null)
+        }
+      ),
+      G.map((e, n) => {
+        const A = T[e], L = A && h[A] === "right" ? "right" : "left";
+        return /* @__PURE__ */ r(
+          J,
+          {
+            type: "monotone",
+            dataKey: e,
+            yAxisId: L,
+            stackId: Y ? "stack" : void 0,
+            stroke: d?.colors && d.colors[n % d.colors.length] || F[n % F.length],
+            fill: d?.colors && d.colors[n % d.colors.length] || F[n % F.length],
+            fillOpacity: l ? l === e ? 0.6 : 0.1 : 0.3,
+            strokeWidth: 2,
+            strokeOpacity: l ? l === e ? 1 : 0.3 : 1,
+            connectNulls: v.connectNulls
+          },
+          e
+        );
+      }),
+      I.length > 0 && /* @__PURE__ */ f(K, { children: [
+        /* @__PURE__ */ r(
+          O,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            yAxisId: "left",
+            stroke: "#ffffff",
+            strokeWidth: 2,
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        ),
+        /* @__PURE__ */ r(
+          O,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            yAxisId: "left",
+            name: "Target",
+            stroke: "#8B5CF6",
+            strokeWidth: 2,
+            strokeDasharray: "2 3",
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        )
+      ] })
+    ] }) });
+  } catch (m) {
+    return /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center w-full text-dc-error p-4", style: { height: o }, children: /* @__PURE__ */ f("div", { className: "text-center", children: [
+      /* @__PURE__ */ r("div", { className: "text-sm font-semibold mb-1", children: "Area Chart Error" }),
+      /* @__PURE__ */ r("div", { className: "text-xs mb-2", children: m instanceof Error ? m.message : "Unknown rendering error" }),
+      /* @__PURE__ */ r("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+const ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ie
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ie as A,
+  ue as a,
+  me as c,
+  xe as f,
+  re as p,
+  se as s
+};
+//# sourceMappingURL=chart-areachart-B4tknnsY.js.map

package/dist/client/chunks/chart-areachart-B4tknnsY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-areachart-B4tknnsY.js","sources":["../../../src/client/utils/targetUtils.ts","../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["/**\n * Utility functions for handling target values in charts\n */\n\n/**\n * Parse target values from string format\n * @param targetString - String containing target values (e.g., \"100\" or \"50,75,100\")\n * @returns Array of numeric target values\n */\nexport function parseTargetValues(targetString: string): number[] {\n  if (!targetString || typeof targetString !== 'string') {\n    return []\n  }\n\n  const trimmed = targetString.trim()\n  if (!trimmed) {\n    return []\n  }\n\n  try {\n    // Split by comma and parse each value\n    const values = trimmed\n      .split(',')\n      .map(val => val.trim())\n      .filter(val => val !== '')\n      .map(val => {\n        const num = parseFloat(val)\n        if (isNaN(num)) {\n          throw new Error(`Invalid numeric value: ${val}`)\n        }\n        return num\n      })\n\n    return values.length > 0 ? values : []\n  } catch (error) {\n    console.warn('Failed to parse target values:', error)\n    return []\n  }\n}\n\n/**\n * Spread target values across data points\n * @param targets - Array of target values\n * @param dataLength - Number of data points to spread across\n * @returns Array of target values for each data point\n */\nexport function spreadTargetValues(targets: number[], dataLength: number): number[] {\n  if (targets.length === 0 || dataLength <= 0) {\n    return []\n  }\n\n  // If only one target value, repeat for all data points\n  if (targets.length === 1) {\n    return new Array(dataLength).fill(targets[0])\n  }\n\n  // If we have multiple targets, spread them evenly across data points\n  const result: number[] = []\n  const baseGroupSize = Math.floor(dataLength / targets.length)\n  const remainder = dataLength % targets.length\n\n  let currentIndex = 0\n  \n  for (let i = 0; i < targets.length; i++) {\n    // Calculate group size for this target\n    // First 'remainder' groups get an extra item\n    const groupSize = baseGroupSize + (i < remainder ? 1 : 0)\n    \n    // Fill this group with the current target value\n    for (let j = 0; j < groupSize; j++) {\n      result[currentIndex++] = targets[i]\n    }\n  }\n\n  return result\n}\n\n/**\n * Calculate variance between actual and target values\n * @param actual - Actual value\n * @param target - Target value\n * @returns Variance as percentage\n */\nexport function calculateVariance(actual: number, target: number): number {\n  if (target === 0) {\n    return actual === 0 ? 0 : (actual > 0 ? 100 : -100)\n  }\n  return ((actual - target) / target) * 100\n}\n\n/**\n * Format variance as percentage string with appropriate sign and color indication\n * @param variance - Variance percentage\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted variance string (e.g., \"+12.5%\" or \"-8.3%\")\n */\nexport function formatVariance(variance: number, decimals: number = 1): string {\n  const sign = variance >= 0 ? '+' : ''\n  return `${sign}${variance.toFixed(decimals)}%`\n}\n\n/**\n * Get unique target values for reference lines\n * @param targets - Array of target values (may contain duplicates)\n * @returns Array of unique target values\n */\nexport function getUniqueTargets(targets: number[]): number[] {\n  return [...new Set(targets)].sort((a, b) => a - b)\n}","import { useState } from 'react'\nimport { ComposedChart, Area, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function AreaChart({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  const { labelMap, getFieldLabel } = useCubeContext()\n  \n  try {\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      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No data available</div>\n            <div className=\"text-xs text-dc-text-secondary\">No data points to display in area chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisFields: string[]\n    let seriesFields: string[] = []\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      return (\n        <div className=\"flex items-center justify-center w-full text-dc-warning\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-warning\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Use shared function to transform data and handle series\n    const { data: chartData, seriesKeys } = transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      labelMap\n    )\n\n    // Dual Y-axis support: extract yAxisAssignment from chartConfig\n    const yAxisAssignment = chartConfig?.yAxisAssignment || {}\n\n    // Build mapping from series key (label) to original field name\n    const seriesKeyToField: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      seriesKeyToField[label] = field\n    })\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    // Disable stacking when dual Y-axis is used (areas on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\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=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for area chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    const stackOffset = effectiveIsPercentStack ? ('expand' as const) : undefined\n\n    return (\n      <ChartContainer height={height}>\n        <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset}>\n          {safeDisplayConfig.showGrid && <CartesianGrid strokeDasharray=\"3 3\" />}\n          <XAxis dataKey=\"name\" tick={{ fontSize: 12 }} angle={-45} textAnchor=\"end\" height={60} />\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: '10px' }}\n              iconType=\"rect\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => {\n            // 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              <Area\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                stroke={\n                  (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                  CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fill={\n                  (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                  CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n                strokeWidth={2}\n                strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                connectNulls={safeDisplayConfig.connectNulls}\n              />\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    )\n  } catch (error) {\n    // 'AreaChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-dc-error p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Area Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["parseTargetValues","targetString","trimmed","values","val","num","error","spreadTargetValues","targets","dataLength","result","baseGroupSize","remainder","currentIndex","i","groupSize","j","calculateVariance","actual","target","formatVariance","variance","decimals","AreaChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","labelMap","getFieldLabel","useCubeContext","stackType","shouldStack","isPercentStack","safeDisplayConfig","leftYAxisFormat","rightYAxisFormat","jsx","jsxs","xAxisField","yAxisFields","seriesFields","chartData","seriesKeys","transformChartDataWithSeries","yAxisAssignment","seriesKeyToField","field","label","hasRightAxis","leftAxisFields","f","rightAxisFields","effectiveShouldStack","effectiveIsPercentStack","showLegend","chartMargins","CHART_MARGINS","targetValues","spreadTargets","enhancedChartData","dataPoint","index","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","v","value","formatAxisValue","ChartTooltip","name","originalField","formatConfig","Legend","o","seriesKey","axisId","Area","CHART_COLORS","Fragment","Line"],"mappings":"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"}

package/dist/client/chunks/{chart-areachart-config-0ICuIaRP.js → chart-areachart-config-D9pPUKHZ.js}

@@ -18,7 +18,8 @@ const s = {
       description: "Measures for area values",
       mandatory: !0,
       acceptTypes: ["measure"],
-      emptyText: "Drop measures here"
+      emptyText: "Drop measures here",
+      enableDualAxis: !0
     },
     {
       key: "series",
@@ -56,10 +57,22 @@ const s = {
       type: "string",
       placeholder: "e.g., 100 or 50,75 for spread",
       description: "Single value or comma-separated values to spread across X-axis"
+    },
+    {
+      key: "leftYAxisFormat",
+      label: "Left Y-Axis Format",
+      type: "axisFormat",
+      description: "Number formatting for left Y-axis"
+    },
+    {
+      key: "rightYAxisFormat",
+      label: "Right Y-Axis Format",
+      type: "axisFormat",
+      description: "Number formatting for right Y-axis"
     }
   ]
 };
 export {
   s as areaChartConfig
 };
-//# sourceMappingURL=chart-areachart-config-0ICuIaRP.js.map
+//# sourceMappingURL=chart-areachart-config-D9pPUKHZ.js.map

package/dist/client/chunks/chart-areachart-config-D9pPUKHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-areachart-config-D9pPUKHZ.js","sources":["../../../src/client/components/charts/AreaChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the area chart type\n */\nexport const areaChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('area'),\n  description: 'Emphasize magnitude of change over time',\n  useCase: 'Best for showing cumulative totals, volume changes, or stacked comparisons over time',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Time/Categories)',\n      description: 'Time dimensions or dimensions for X-axis',\n      mandatory: true,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop time dimensions or dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for area values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures here',\n      enableDualAxis: true\n    },\n    {\n      key: 'series',\n      label: 'Series (Stack Areas)',\n      description: 'Dimensions to create stacked areas',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here for stacked areas'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'stackType',\n      label: 'Stacking',\n      type: 'select',\n      defaultValue: 'none',\n      options: [\n        { value: 'none', label: 'None' },\n        { value: 'normal', label: 'Stacked' },\n        { value: 'percent', label: 'Stacked 100%' }\n      ],\n      description: 'How to stack multiple area series'\n    },\n    {\n      key: 'connectNulls',\n      label: 'Connect Nulls',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Draw continuous line through missing data points'\n    },\n    {\n      key: 'target',\n      label: 'Target Values',\n      type: 'string',\n      placeholder: 'e.g., 100 or 50,75 for spread',\n      description: 'Single value or comma-separated values to spread across X-axis'\n    },\n    {\n      key: 'leftYAxisFormat',\n      label: 'Left Y-Axis Format',\n      type: 'axisFormat',\n      description: 'Number formatting for left Y-axis'\n    },\n    {\n      key: 'rightYAxisFormat',\n      label: 'Right Y-Axis Format',\n      type: 'axisFormat',\n      description: 'Number formatting for right Y-axis'\n    }\n  ]\n}"],"names":["areaChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAmC;AAAA,EAC9C,MAAMC,EAAiB,MAAM;AAAA,EAC7B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,MACX,gBAAgB;AAAA,IAAA;AAAA,IAElB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AAAA,EACtE,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,QACxB,EAAE,OAAO,UAAU,OAAO,UAAA;AAAA,QAC1B,EAAE,OAAO,WAAW,OAAO,eAAA;AAAA,MAAe;AAAA,MAE5C,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/client/chunks/chart-axisformatcontrols-Ch_IYF94.js

@@ -0,0 +1,196 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { f as m } from "./chart-activitygridchart-CUGN9Xq9.js";
+function b({ children: a, className: d = "" }) {
+  return /* @__PURE__ */ e("h3", { className: `text-sm font-semibold text-dc-primary uppercase tracking-wide ${d}`, children: a });
+}
+function p() {
+  const a = typeof navigator < "u" ? navigator.language : "en-US";
+  return new Intl.NumberFormat(a, {
+    style: "currency",
+    currency: f(a),
+    currencyDisplay: "narrowSymbol"
+  }).format(0).replace(/[\d.,\s]/g, "").trim() || "$";
+}
+function f(a) {
+  const o = a.split("-")[1]?.toUpperCase();
+  return {
+    US: "USD",
+    CA: "CAD",
+    GB: "GBP",
+    UK: "GBP",
+    AU: "AUD",
+    NZ: "NZD",
+    EU: "EUR",
+    DE: "EUR",
+    FR: "EUR",
+    IT: "EUR",
+    ES: "EUR",
+    NL: "EUR",
+    BE: "EUR",
+    AT: "EUR",
+    IE: "EUR",
+    PT: "EUR",
+    FI: "EUR",
+    JP: "JPY",
+    CN: "CNY",
+    KR: "KRW",
+    IN: "INR",
+    BR: "BRL",
+    MX: "MXN",
+    CH: "CHF",
+    SE: "SEK",
+    NO: "NOK",
+    DK: "DKK",
+    PL: "PLN",
+    RU: "RUB",
+    ZA: "ZAR",
+    SG: "SGD",
+    HK: "HKD",
+    TW: "TWD",
+    TH: "THB",
+    MY: "MYR",
+    PH: "PHP",
+    ID: "IDR",
+    VN: "VND",
+    AE: "AED",
+    SA: "SAR",
+    IL: "ILS",
+    TR: "TRY"
+  }[o] || "USD";
+}
+function N({
+  value: a,
+  onChange: d,
+  axisLabel: o,
+  previewValue: l = 125e4
+}) {
+  const r = a || {}, i = n(() => p(), []), u = n(() => m(l, r), [l, r]), s = (t) => {
+    d({ ...r, ...t });
+  }, x = [
+    { value: "currency", label: i },
+    { value: "percent", label: "%" },
+    { value: "number", label: "#" },
+    { value: "custom", label: "Custom" }
+  ];
+  return /* @__PURE__ */ c("div", { className: "space-y-3 pb-4", children: [
+    /* @__PURE__ */ e(b, { children: o }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Label" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: r.label || "",
+          onChange: (t) => s({ label: t.target.value || void 0 }),
+          placeholder: "Auto-generated label",
+          className: "w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Unit" }),
+      /* @__PURE__ */ e("div", { className: "flex border border-dc-border rounded-sm overflow-hidden", children: x.map((t) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => s({ unit: t.value }),
+          className: `flex-1 px-2 py-1.5 text-sm font-medium transition-colors ${r.unit === t.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+          children: t.label
+        },
+        t.value
+      )) })
+    ] }),
+    r.unit === "custom" && /* @__PURE__ */ c("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ c("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Prefix" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: r.customPrefix || "",
+            onChange: (t) => s({ customPrefix: t.target.value || void 0 }),
+            placeholder: "e.g., $",
+            className: "w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Suffix" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: r.customSuffix || "",
+            onChange: (t) => s({ customSuffix: t.target.value || void 0 }),
+            placeholder: "e.g., units",
+            className: "w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Abbreviation" }),
+      /* @__PURE__ */ c("div", { className: "flex border border-dc-border rounded-sm overflow-hidden", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => s({ abbreviate: !0 }),
+            className: `flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${r.abbreviate !== !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+            children: "Yes"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => s({ abbreviate: !1 }),
+            className: `flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${r.abbreviate === !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+            children: "No"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Decimals" }),
+      /* @__PURE__ */ c("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              const t = r.decimals ?? 2;
+              t > 0 && s({ decimals: t - 1 });
+            },
+            disabled: (r.decimals ?? 2) <= 0,
+            className: "flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+            children: "← .0"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              const t = r.decimals ?? 2;
+              t < 4 && s({ decimals: t + 1 });
+            },
+            disabled: (r.decimals ?? 2) >= 4,
+            className: "flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+            children: ".00 →"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("label", { className: "text-xs text-dc-text-secondary", children: "Preview" }),
+      /* @__PURE__ */ e("div", { className: "text-sm font-mono text-dc-text", children: u })
+    ] })
+  ] });
+}
+export {
+  N as A,
+  b as S
+};
+//# sourceMappingURL=chart-axisformatcontrols-Ch_IYF94.js.map

package/dist/client/chunks/chart-axisformatcontrols-Ch_IYF94.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axisformatcontrols-Ch_IYF94.js","sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`text-sm font-semibold text-dc-primary uppercase tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const config = value || {}\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: 'Custom' }\n  ]\n\n  return (\n    <div className=\"space-y-3 pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Label</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder=\"Auto-generated label\"\n          className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Unit</label>\n        <div className=\"flex border border-dc-border rounded-sm overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`flex-1 px-2 py-1.5 text-sm font-medium transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"flex gap-2\">\n          <div className=\"flex-1 space-y-1\">\n            <label className=\"text-xs text-dc-text-secondary\">Prefix</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder=\"e.g., $\"\n              className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"flex-1 space-y-1\">\n            <label className=\"text-xs text-dc-text-secondary\">Suffix</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder=\"e.g., units\"\n              className=\"w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Abbreviation</label>\n        <div className=\"flex border border-dc-border rounded-sm overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`flex-1 px-3 py-1.5 text-sm font-medium transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            No\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Decimals</label>\n        <div className=\"flex gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"flex-1 px-3 py-2 text-sm border border-dc-border rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border disabled:opacity-40 disabled:cursor-not-allowed transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"space-y-1\">\n        <label className=\"text-xs text-dc-text-secondary\">Preview</label>\n        <div className=\"text-sm font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  return (\n    <div className=\"space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Left Y-Axis\"\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Right Y-Axis\"\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel=\"X-Axis\"\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"names":["SectionHeading","children","className","getLocaleCurrencySymbol","locale","getCurrencyCodeForLocale","region","AxisFormatControls","value","onChange","axisLabel","previewValue","config","currencySymbol","useMemo","preview","formatAxisValue","handleChange","updates","unitButtons","jsxs","jsx","e","btn","current"],"mappings":"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"}