drizzle-cube 0.4.29 → 0.4.30

package/dist/client/chunks/chart-kpi-text-b7q6KWc0.js

@@ -1,165 +0,0 @@
-import { jsx as r, jsxs as N } from "react/jsx-runtime";
-import K, { useState as M, useRef as T, useEffect as O } from "react";
-import { u as W } from "./charts-core-BUUO36OM.js";
-import { D as E } from "./chart-kpi-number-D1z1gxXO.js";
-const X = K.memo(function({
-  data: x,
-  chartConfig: l,
-  displayConfig: s = {},
-  height: n = "100%",
-  colorPalette: h
-}) {
-  const [V, j] = M(28), [A, R] = M(0), o = T(null), y = T(null), H = W();
-  if (O(() => {
-    const e = () => {
-      if (o.current) {
-        const f = o.current.getBoundingClientRect(), S = f.width, z = f.height;
-        if (S > 0 && z > 0) {
-          const k = S / 8, C = z / 5, D = Math.min(k, C), I = Math.max(18, Math.min(D, 80));
-          j(I);
-        }
-      }
-      if (y.current) {
-        const d = y.current.getBoundingClientRect();
-        R(d.width);
-      }
-    }, t = setTimeout(e, 100), i = new ResizeObserver(() => {
-      clearTimeout(t), setTimeout(e, 50);
-    });
-    return o.current && i.observe(o.current), () => {
-      clearTimeout(t), i.disconnect();
-    };
-  }, [x, l]), !x || x.length === 0)
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-        style: {
-          height: n === "100%" ? "100%" : n,
-          minHeight: n === "100%" ? "200px" : void 0
-        },
-        children: /* @__PURE__ */ N("div", { className: "dc:text-center text-dc-text-muted", children: [
-          /* @__PURE__ */ r("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
-          /* @__PURE__ */ r("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display" })
-        ] })
-      }
-    );
-  let b = [];
-  if (l?.yAxis && (typeof l.yAxis == "string" ? b = [l.yAxis] : Array.isArray(l.yAxis) && (b = l.yAxis)), b.length === 0)
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-        style: {
-          height: n === "100%" ? "100%" : n,
-          minHeight: n === "100%" ? "200px" : void 0,
-          backgroundColor: "var(--dc-danger-bg)",
-          color: "var(--dc-danger)",
-          borderColor: "var(--dc-danger-border)"
-        },
-        children: /* @__PURE__ */ N("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ r("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
-          /* @__PURE__ */ r("div", { className: "dc:text-xs", children: "No measure fields configured" })
-        ] })
-      }
-    );
-  const v = b[0], c = x.map((e) => {
-    if (e[v] !== void 0)
-      return e[v];
-    const t = Object.keys(e);
-    if (t.length > 0)
-      return e[t[0]];
-  }).filter((e) => e != null);
-  if (c.length === 0)
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-        style: {
-          height: n === "100%" ? "100%" : n,
-          minHeight: n === "100%" ? "200px" : void 0,
-          backgroundColor: "var(--dc-warning-bg)",
-          color: "var(--dc-warning)",
-          borderColor: "var(--dc-warning-border)"
-        },
-        children: /* @__PURE__ */ N("div", { className: "dc:text-center", children: [
-          /* @__PURE__ */ r("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
-          /* @__PURE__ */ r("div", { className: "dc:text-xs", children: "All values are null or invalid" })
-        ] })
-      }
-    );
-  const a = c.map((e) => Number(e)).filter((e) => !isNaN(e));
-  let g, u = null, m = null, w = !1;
-  a.length > 0 ? c.length === 1 ? g = c[0] : (g = a.reduce((i, d) => i + d, 0) / a.length, u = Math.min(...a), m = Math.max(...a), w = !0) : g = c.length === 1 ? c[0] : c.join(", ");
-  const p = (e) => {
-    if (s.formatValue)
-      return s.formatValue(e);
-    if (e == null)
-      return "—";
-    const t = s.decimals ?? 2;
-    return Math.abs(e) >= 1e9 ? (e / 1e9).toFixed(t) + "B" : Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(t) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(t) + "K" : e.toFixed(t);
-  }, B = (e, t) => {
-    try {
-      const i = {
-        value: typeof t == "number" ? p(t) : String(t),
-        rawValue: t,
-        field: v,
-        fieldLabel: H(v),
-        min: u !== null ? p(u) : "",
-        max: m !== null ? p(m) : "",
-        count: c.length
-      };
-      return e.replace(/\$\{(\w+)\}/g, (d, f) => f in i ? String(i[f]) : d);
-    } catch {
-      return String(t);
-    }
-  }, L = s.template || "${fieldLabel}: ${value}", $ = B(L, g), F = (() => {
-    if (s.valueColorIndex !== void 0 && h?.colors) {
-      const e = s.valueColorIndex;
-      if (e >= 0 && e < h.colors.length)
-        return h.colors[e];
-    }
-    return h?.colors?.[0] || "#1f2937";
-  })();
-  return /* @__PURE__ */ N(
-    "div",
-    {
-      ref: o,
-      className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4",
-      style: {
-        height: n === "100%" ? "100%" : n,
-        minHeight: n === "100%" ? "200px" : void 0
-      },
-      children: [
-        /* @__PURE__ */ r(
-          "div",
-          {
-            ref: y,
-            className: "dc:font-bold dc:leading-tight dc:text-center",
-            style: {
-              fontSize: `${V}px`,
-              color: F
-            },
-            children: $
-          }
-        ),
-        w && u !== null && m !== null && /* @__PURE__ */ r("div", { className: "dc:mt-4", children: /* @__PURE__ */ r(
-          E,
-          {
-            values: c,
-            min: u,
-            max: m,
-            color: F,
-            formatValue: p,
-            height: 24,
-            width: A || 200
-          }
-        ) })
-      ]
-    }
-  );
-});
-export {
-  X as default
-};
-//# sourceMappingURL=chart-kpi-text-b7q6KWc0.js.map

package/dist/client/chunks/chart-kpi-text-b7q6KWc0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-kpi-text-b7q6KWc0.js","sources":["../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport DataHistogram from '../DataHistogram'\nimport type { ChartProps } from '../../types'\n\nconst KpiText = React.memo(function KpiText({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [fontSize, setFontSize] = useState(28)\n  const [textWidth, setTextWidth] = useState(0)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const textRef = useRef<HTMLDivElement>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Calculate font size and text width based on container dimensions\n  useEffect(() => {\n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const container = containerRef.current\n        const rect = container.getBoundingClientRect()\n        const containerWidth = rect.width\n        const containerHeight = rect.height\n        \n        if (containerWidth > 0 && containerHeight > 0) {\n          // Calculate font size based on container dimensions\n          // For KPI Text displays, text might be longer so use more conservative sizing\n          // Also reserve space for potential statistics display\n          const widthBasedSize = containerWidth / 8\n          const heightBasedSize = containerHeight / 5\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(18, Math.min(baseFontSize, 80))\n          setFontSize(clampedFontSize)\n        }\n      }\n      \n      // Measure the text width after font size is set\n      if (textRef.current) {\n        const textRect = textRef.current.getBoundingClientRect()\n        setTextWidth(textRect.width)\n      }\n    }\n\n    // Initial calculation after a short delay to ensure the container is fully rendered\n    const timer = setTimeout(updateDimensions, 100)\n    \n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      clearTimeout(timer)\n      setTimeout(updateDimensions, 50)\n    })\n    \n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    return () => {\n      clearTimeout(timer)\n      resizeObserver.disconnect()\n    }\n  }, [data, chartConfig])\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Extract value field from chart config - handle both string and array formats\n  let valueFields: string[] = []\n  if (chartConfig?.yAxis) {\n    // Handle both string and array formats\n    if (typeof chartConfig.yAxis === 'string') {\n      valueFields = [chartConfig.yAxis]\n    } else if (Array.isArray(chartConfig.yAxis)) {\n      valueFields = chartConfig.yAxis\n    }\n  }\n  \n  \n  if (valueFields.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-danger-bg)',\n          color: 'var(--dc-danger)',\n          borderColor: 'var(--dc-danger-border)'\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n          <div className=\"dc:text-xs\">No measure fields configured</div>\n        </div>\n      </div>\n    )\n  }\n\n  const valueField = valueFields[0] // Use first measure field\n  \n  // Debug logging (remove in production)\n  \n  // Extract values for the selected field\n  const values = data\n    .map(row => {\n      // Try direct field access first\n      if (row[valueField] !== undefined) {\n        return row[valueField]\n      }\n      \n      // If not found, try finding the first available field as fallback\n      const availableFields = Object.keys(row)\n      if (availableFields.length > 0) {\n        // Field not found, using fallback\n        return row[availableFields[0]]\n      }\n      \n      return undefined\n    })\n    .filter(val => val !== null && val !== undefined)\n  \n\n  if (values.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-warning-bg)',\n          color: 'var(--dc-warning)',\n          borderColor: 'var(--dc-warning-border)'\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No valid data</div>\n          <div className=\"dc:text-xs\">All values are null or invalid</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Calculate statistics for numeric values\n  const numericValues = values\n    .map(val => Number(val))\n    .filter(val => !isNaN(val))\n\n  let mainValue: any\n  let min: number | null = null\n  let max: number | null = null\n  let showStats = false\n\n  if (numericValues.length > 0) {\n    if (values.length === 1) {\n      mainValue = values[0]\n    } else {\n      // Calculate average for multiple numeric values\n      const sum = numericValues.reduce((acc, val) => acc + val, 0)\n      const avg = sum / numericValues.length\n      mainValue = avg\n      min = Math.min(...numericValues)\n      max = Math.max(...numericValues)\n      showStats = true\n    }\n  } else {\n    // Non-numeric values - just use the first one or concatenate if multiple\n    mainValue = values.length === 1 ? values[0] : values.join(', ')\n  }\n\n  // Format number with appropriate units and decimals\n  const formatNumber = (value: number | null | undefined): string => {\n    // If custom formatValue is provided, use it exclusively\n    if (displayConfig.formatValue) {\n      return displayConfig.formatValue(value)\n    }\n\n    // Null handling: Show placeholder for missing data\n    if (value === null || value === undefined) {\n      return '—'\n    }\n\n    const decimals = displayConfig.decimals ?? 2\n\n    if (Math.abs(value) >= 1e9) {\n      return (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      return (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      return (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      return value.toFixed(decimals)\n    }\n  }\n\n  // Process template string\n  const processTemplate = (template: string, value: any): string => {\n    try {\n      // Create template variables\n      const templateVars = {\n        value: typeof value === 'number' ? formatNumber(value) : String(value),\n        rawValue: value,\n        field: valueField,\n        fieldLabel: getFieldLabel(valueField),\n        min: min !== null ? formatNumber(min) : '',\n        max: max !== null ? formatNumber(max) : '',\n        count: values.length\n      }\n\n      // Simple template replacement using ${variable} syntax\n      return template.replace(/\\$\\{(\\w+)\\}/g, (match, varName) => {\n        if (varName in templateVars) {\n          return String(templateVars[varName as keyof typeof templateVars])\n        }\n        return match\n      })\n    } catch {\n      // Error processing template\n      return String(value)\n    }\n  }\n\n  const template = displayConfig.template || '${fieldLabel}: ${value}'\n  const displayText = processTemplate(template, mainValue)\n\n  // Get color from palette by index, default to first color in palette\n  const getValueColor = (): string => {\n    if (displayConfig.valueColorIndex !== undefined && colorPalette?.colors) {\n      const colorIndex = displayConfig.valueColorIndex\n      if (colorIndex >= 0 && colorIndex < colorPalette.colors.length) {\n        return colorPalette.colors[colorIndex]\n      }\n    }\n    // Default to first color in palette if available, otherwise fallback to dark gray\n    return colorPalette?.colors?.[0] || '#1f2937'\n  }\n\n  const valueColor = getValueColor()\n\n  return (\n    <div \n      ref={containerRef}\n      className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4\"\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Main KPI Text */}\n        <div \n          ref={textRef}\n          className=\"dc:font-bold dc:leading-tight dc:text-center\"\n          style={{ \n            fontSize: `${fontSize}px`,\n            color: valueColor \n          }}\n        >\n          {displayText}\n        </div>\n\n        {/* Data Histogram for multiple values */}\n        {showStats && min !== null && max !== null && (\n          <div className=\"dc:mt-4\">\n            <DataHistogram\n              values={values}\n              min={min}\n              max={max}\n              color={valueColor}\n              formatValue={formatNumber}\n              height={24}\n              width={textWidth || 200}\n            />\n          </div>\n        )}\n    </div>\n  )\n})\n\nexport default KpiText"],"names":["KpiText","React","data","chartConfig","displayConfig","height","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","textRef","getFieldLabel","useCubeFieldLabel","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","textRect","timer","resizeObserver","jsx","jsxs","valueFields","valueField","values","row","availableFields","val","numericValues","mainValue","min","max","showStats","acc","formatNumber","value","decimals","processTemplate","template","templateVars","match","varName","displayText","valueColor","colorIndex","DataHistogram"],"mappings":"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"}

package/dist/client/chunks/chart-line-3Nf-EPqJ.js

@@ -1,450 +0,0 @@
-import { jsx as o, jsxs as S, Fragment as le } from "react/jsx-runtime";
-import de, { useState as fe, useMemo as E } from "react";
-import { LineChart as ue, CartesianGrid as me, XAxis as xe, YAxis as B, Legend as he, Line as z } from "recharts";
-import { u as ye, t as pe, C as ge, p as _e, s as Ae, a as ve, g as q, d as J, f as M, b as Ne, c as Q } from "./charts-core-BUUO36OM.js";
-import { A as we } from "./chart-bar-Bl5jvrU_.js";
-function $(t) {
-  return t.length > 0 && "__periodIndex" in t[0];
-}
-function O(t) {
-  if (!$(t)) return [];
-  const r = /* @__PURE__ */ new Set();
-  for (const e of t)
-    e.__period && r.add(e.__period);
-  return Array.from(r);
-}
-function be(t) {
-  if (!$(t)) return [];
-  const r = /* @__PURE__ */ new Set();
-  for (const e of t)
-    typeof e.__periodIndex == "number" && r.add(e.__periodIndex);
-  return Array.from(r).sort((e, s) => e - s);
-}
-function L(t, r) {
-  return r === 0 ? "Current" : "Prior";
-}
-function Re(t, r, e) {
-  if (!$(t))
-    return { data: t, seriesKeys: r };
-  const s = O(t), c = [];
-  for (const d of r)
-    for (let i = 0; i < s.length; i++) {
-      const y = L(s[i], i), p = `${d} (${y})`;
-      c.push(p);
-    }
-  return { data: t, seriesKeys: c };
-}
-function Se(t, r, e) {
-  if (t.length === 0) return [];
-  const s = ["__period", "__periodIndex", "__periodDayIndex"], c = t[0], d = [];
-  for (const i of Object.keys(c))
-    !r.includes(i) && i !== e && !s.includes(i) && d.push(i);
-  return d;
-}
-function De(t, r) {
-  const e = /* @__PURE__ */ new Map();
-  for (const s of r)
-    e.set(s, /* @__PURE__ */ new Set());
-  for (const s of t)
-    for (const c of r)
-      s[c] !== void 0 && s[c] !== null && e.get(c).add(s[c]);
-  return e;
-}
-function ke(t, r, e, s) {
-  if (!$(t))
-    return { data: t, seriesKeys: r, xAxisKey: e };
-  const c = O(t), d = be(t), i = Se(t, r, e), y = i.length > 0, p = y ? De(t, i) : null, A = /* @__PURE__ */ new Map();
-  for (const a of t) {
-    const u = a.__periodDayIndex, x = a.__periodIndex;
-    A.has(u) || A.set(u, {
-      __periodDayIndex: u,
-      // Store the date from the first period (index 0) for reference
-      __displayDate: x === 0 ? a[e] : void 0
-    });
-    const l = A.get(u);
-    !l.__displayDate && a[e] && (l.__displayDate = a[e]);
-    let f = "";
-    y && (f = i.map((D) => {
-      const N = a[D];
-      return s ? s(String(N)) : String(N);
-    }).join(" / "));
-    const _ = L(c[x] || "", x);
-    for (const g of r) {
-      const D = s ? s(g) : g, N = f ? `${f} - ${D} (${_})` : `${D} (${_})`;
-      l[N] = a[g];
-    }
-  }
-  const P = Array.from(A.values()).sort((a, u) => a.__periodDayIndex - u.__periodDayIndex), v = [];
-  if (y && p) {
-    const a = Ie(
-      i,
-      p,
-      s
-    );
-    for (const u of a)
-      for (const x of r) {
-        const l = s ? s(x) : x;
-        for (let f = 0; f < d.length; f++) {
-          const _ = L(c[f] || "", f);
-          v.push(`${u} - ${l} (${_})`);
-        }
-      }
-  } else
-    for (const a of r) {
-      const u = s ? s(a) : a;
-      for (let x = 0; x < d.length; x++) {
-        const l = L(c[x] || "", x);
-        v.push(`${u} (${l})`);
-      }
-    }
-  return {
-    data: P,
-    seriesKeys: v,
-    xAxisKey: "__periodDayIndex"
-  };
-}
-function Ie(t, r, e) {
-  if (t.length === 0) return [];
-  if (t.length === 1) {
-    const i = t[0];
-    return Array.from(r.get(i) || []).map((p) => e ? e(String(p)) : String(p));
-  }
-  const s = [], c = t.map(
-    (i) => Array.from(r.get(i) || [])
-  );
-  function d(i, y) {
-    if (i === c.length) {
-      const p = y.map(
-        (A) => e ? e(String(A)) : String(A)
-      );
-      s.push(p.join(" / "));
-      return;
-    }
-    for (const p of c[i])
-      d(i + 1, [...y, p]);
-  }
-  return d(0, []), s;
-}
-function Ee(t, r, e) {
-  if (e?.showDayNumber)
-    return `Day ${t + 1}`;
-  if (r) {
-    const s = typeof r == "string" ? new Date(r) : r;
-    if (!isNaN(s.getTime()))
-      return s.toLocaleDateString("en-US", {
-        month: e?.dateFormat === "long" ? "long" : "short",
-        day: "numeric"
-      });
-  }
-  return `${t + 1}`;
-}
-function Le(t, r) {
-  if (r.length < 2) return !1;
-  for (let e = 1; e < r.length; e++) {
-    const s = L(r[e], e);
-    if (t.includes(`(${s})`))
-      return !0;
-  }
-  return t.includes("(Prior");
-}
-function $e(t = "dashed") {
-  switch (t) {
-    case "solid":
-      return;
-    case "dashed":
-      return "5 5";
-    case "dotted":
-      return "2 2";
-    default:
-      return "5 5";
-  }
-}
-const Pe = de.memo(function({
-  data: r,
-  chartConfig: e,
-  displayConfig: s = {},
-  queryObject: c,
-  height: d = "100%",
-  colorPalette: i,
-  onDataPointClick: y,
-  drillEnabled: p
-}) {
-  const [A, P] = fe(null), v = ye(), a = E(() => e?.yAxis ? Array.isArray(e.yAxis) ? e.yAxis : [e.yAxis] : e?.y ? Array.isArray(e.y) ? e.y : [e.y] : [], [e?.yAxis, e?.y]), u = E(
-    () => e?.yAxisAssignment || {},
-    [e?.yAxisAssignment]
-  ), x = E(() => {
-    const l = {};
-    return a.forEach((f) => {
-      const _ = v(f);
-      l[_] = f;
-    }), l;
-  }, [a, v]);
-  try {
-    const l = {
-      showLegend: s?.showLegend ?? !0,
-      showGrid: s?.showGrid ?? !0,
-      showTooltip: s?.showTooltip ?? !0,
-      connectNulls: s?.connectNulls ?? !1
-    }, f = s?.leftYAxisFormat, _ = s?.rightYAxisFormat;
-    if (!r || r.length === 0)
-      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
-        /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No data available" }),
-        /* @__PURE__ */ o("div", { className: "dc:text-xs text-dc-text-secondary", children: "No data points to display in line chart" })
-      ] }) });
-    let g, D = [];
-    if (e?.xAxis && e?.yAxis)
-      g = Array.isArray(e.xAxis) ? e.xAxis[0] : e.xAxis, D = e.series || [];
-    else if (e?.x && e?.y)
-      g = e.x;
-    else
-      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
-        /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
-        /* @__PURE__ */ o("div", { className: "dc:text-xs", children: "Invalid or missing chart axis configuration" })
-      ] }) });
-    if (!g || a.length === 0)
-      return /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
-        /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Configuration Error" }),
-        /* @__PURE__ */ o("div", { className: "dc:text-xs", children: "Missing required X-axis or Y-axis fields" })
-      ] }) });
-    const N = $(r), Z = s?.priorPeriodStyle || "dashed", ee = s?.priorPeriodOpacity ?? 0.5, te = N ? O(r) : [];
-    let w, V, Y = "name";
-    if (N) {
-      const n = ke(r, a, g, v);
-      w = n.data, V = n.seriesKeys, Y = "__periodDayIndex";
-    } else {
-      const n = pe(
-        r,
-        g,
-        a,
-        c,
-        D,
-        v
-      );
-      w = n.data, V = n.seriesKeys;
-    }
-    const G = (n) => {
-      if (x[n])
-        return x[n];
-      const h = n.replace(/\s*\((Current|Prior)\)$/, "").split(" - "), b = h[h.length - 1];
-      return x[b];
-    }, K = a.some((n) => u[n] === "right"), W = a.filter((n) => (u[n] || "left") === "left"), X = a.filter((n) => u[n] === "right"), re = l.showLegend, se = {
-      ...ge,
-      left: 40,
-      // Space for left Y-axis label
-      right: K ? 40 : 20
-      // Extra space for right Y-axis label if needed
-    }, ne = _e(s?.target || ""), j = Ae(ne, w.length);
-    let C = w;
-    return j.length > 0 && (C = w.map((n, m) => ({
-      ...n,
-      __target: j[m] || null
-    }))), !w || w.length === 0 ? /* @__PURE__ */ o("div", { className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted", style: { height: d }, children: /* @__PURE__ */ S("div", { className: "dc:text-center", children: [
-      /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "No valid data" }),
-      /* @__PURE__ */ o("div", { className: "dc:text-xs text-dc-text-secondary", children: "No valid data points for line chart after transformation" })
-    ] }) }) : /* @__PURE__ */ o(ve, { height: d, children: /* @__PURE__ */ S(ue, { data: C, margin: se, accessibilityLayer: !1, children: [
-      l.showGrid && /* @__PURE__ */ o(me, { strokeDasharray: "3 3", style: { pointerEvents: "none" } }),
-      /* @__PURE__ */ o(
-        xe,
-        {
-          dataKey: Y,
-          type: "category",
-          tick: /* @__PURE__ */ o(we, { tickFormatter: N ? (n, m) => {
-            const h = w[m];
-            if (h?.__displayDate) {
-              const b = q(c, g);
-              return J(h.__displayDate, b);
-            }
-            return `Period ${Number(n) + 1}`;
-          } : void 0 }),
-          height: 60
-        }
-      ),
-      /* @__PURE__ */ o(
-        B,
-        {
-          yAxisId: "left",
-          orientation: "left",
-          tick: { fontSize: 12 },
-          tickFormatter: f ? (n) => M(n, f) : void 0,
-          label: W.length > 0 ? {
-            value: f?.label || v(W[0]),
-            angle: -90,
-            position: "left",
-            style: { textAnchor: "middle", fontSize: "12px" }
-          } : void 0
-        }
-      ),
-      K && /* @__PURE__ */ o(
-        B,
-        {
-          yAxisId: "right",
-          orientation: "right",
-          tick: { fontSize: 12 },
-          tickFormatter: _ ? (n) => M(n, _) : void 0,
-          label: X.length > 0 ? {
-            value: _?.label || v(X[0]),
-            angle: 90,
-            position: "right",
-            style: { textAnchor: "middle", fontSize: "12px" }
-          } : void 0
-        }
-      ),
-      l.showTooltip && /* @__PURE__ */ o(
-        Ne,
-        {
-          formatter: (n, m) => {
-            if (n == null)
-              return ["No data", m];
-            if (m === "Target")
-              return [M(n, f), "Target Value"];
-            const h = G(m), I = (h && u[h] === "right" ? "right" : "left") === "right" ? _ : f;
-            return [M(n, I), m];
-          },
-          labelFormatter: N ? (n, m) => {
-            if (m && m.length > 0) {
-              const h = m[0]?.payload;
-              if (h?.__displayDate) {
-                const b = q(c, g);
-                return J(h.__displayDate, b);
-              }
-            }
-            return `Period ${Number(n) + 1}`;
-          } : void 0
-        }
-      ),
-      re && /* @__PURE__ */ o(
-        he,
-        {
-          wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
-          iconType: "line",
-          iconSize: 8,
-          layout: "horizontal",
-          align: "center",
-          verticalAlign: "bottom",
-          onMouseEnter: (n) => P(String(n.dataKey || "")),
-          onMouseLeave: () => P(null)
-        }
-      ),
-      V.map((n, m) => {
-        const h = G(n), b = h && u[h] === "right" ? "right" : "left", I = N && Le(n, te), oe = I ? $e(Z) : void 0, ie = I ? ee : 1, R = i?.colors && i.colors[m % i.colors.length] || Q[m % Q.length];
-        return /* @__PURE__ */ o(
-          z,
-          {
-            type: "monotone",
-            dataKey: n,
-            yAxisId: b,
-            stroke: R,
-            strokeWidth: I ? 1.5 : 2,
-            strokeDasharray: oe,
-            dot: I ? !1 : (ae) => {
-              const { cx: T, cy: F, payload: H, key: U } = ae;
-              if (T === void 0 || F === void 0) return null;
-              const ce = (k) => {
-                k.stopPropagation(), k.preventDefault(), y && y({
-                  dataPoint: H,
-                  clickedField: h || n,
-                  xValue: H.name,
-                  position: { x: k.clientX, y: k.clientY },
-                  nativeEvent: k
-                });
-              };
-              return p && y ? /* @__PURE__ */ S("g", { children: [
-                /* @__PURE__ */ o(
-                  "circle",
-                  {
-                    cx: T,
-                    cy: F,
-                    r: 6,
-                    fill: "var(--dc-surface)",
-                    style: { pointerEvents: "none" }
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  "circle",
-                  {
-                    cx: T,
-                    cy: F,
-                    r: 4,
-                    fill: "var(--dc-surface)",
-                    stroke: R,
-                    strokeWidth: 2,
-                    cursor: "pointer",
-                    onClick: (k) => {
-                      ce(k);
-                    }
-                  }
-                )
-              ] }, U) : /* @__PURE__ */ o(
-                "circle",
-                {
-                  cx: T,
-                  cy: F,
-                  r: 3,
-                  fill: R
-                },
-                U
-              );
-            },
-            activeDot: !1,
-            strokeOpacity: A ? A === n ? 1 : 0.3 : ie,
-            connectNulls: l.connectNulls
-          },
-          n
-        );
-      }),
-      j.length > 0 && /* @__PURE__ */ S(le, { children: [
-        /* @__PURE__ */ o(
-          z,
-          {
-            type: "monotone",
-            dataKey: "__target",
-            yAxisId: "left",
-            stroke: "#ffffff",
-            strokeWidth: 2,
-            dot: !1,
-            activeDot: !1,
-            connectNulls: !1
-          }
-        ),
-        /* @__PURE__ */ o(
-          z,
-          {
-            type: "monotone",
-            dataKey: "__target",
-            yAxisId: "left",
-            name: "Target",
-            stroke: "#8B5CF6",
-            strokeWidth: 2,
-            strokeDasharray: "2 3",
-            dot: !1,
-            activeDot: !1,
-            connectNulls: !1
-          }
-        )
-      ] })
-    ] }) });
-  } catch (l) {
-    return /* @__PURE__ */ o("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__ */ S("div", { className: "dc:text-center", children: [
-      /* @__PURE__ */ o("div", { className: "dc:text-sm dc:font-semibold dc:mb-1", children: "Line Chart Error" }),
-      /* @__PURE__ */ o("div", { className: "dc:text-xs dc:mb-2", children: l instanceof Error ? l.message : "Unknown rendering error" }),
-      /* @__PURE__ */ o("div", { className: "dc:text-xs text-dc-text-muted", children: "Check the data and configuration" })
-    ] }) });
-  }
-}), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Pe as L,
-  be as a,
-  L as b,
-  ke as c,
-  Le as d,
-  $e as e,
-  Ee as f,
-  O as g,
-  ze as h,
-  $ as i,
-  Re as t
-};
-//# sourceMappingURL=chart-line-3Nf-EPqJ.js.map