drizzle-cube 0.3.13 → 0.3.15

package/dist/client/chunks/chart-kpi-number-Cf4Pgkm9.js

@@ -1,392 +0,0 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import te, { useState as _, useRef as K, useMemo as g, useCallback as ne, useEffect as re } from "react";
-import { I as se, d as ie } from "./icons-NzFHtqeM.js";
-import { u as le, p as oe, j as ae, k as ce } from "./charts-core-CXrhEEVF.js";
-import { f as de } from "./chart-kpi-delta-Bs5R5xr4.js";
-function me({
-  values: z,
-  min: o,
-  max: f,
-  color: r = "#1f2937",
-  bucketCount: v = 12,
-  height: s = 32,
-  formatValue: a = (b) => b.toString(),
-  width: p,
-  showAverageIndicator: R = !0,
-  targetValue: y
-}) {
-  const b = new Array(v).fill(0), c = f - o;
-  z.forEach((i) => {
-    if (c === 0)
-      b[Math.floor(v / 2)]++;
-    else {
-      let u = Math.floor((i - o) / c * (v - 1));
-      u = Math.max(0, Math.min(v - 1, u)), b[u]++;
-    }
-  });
-  const M = Math.max(...b), I = z.reduce((i, u) => i + u, 0) / z.length, A = c === 0 ? 50 : (I - o) / c * 100, h = y !== void 0 && c > 0 ? (y - o) / c * 100 : null;
-  return /* @__PURE__ */ m("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: "relative flex items-end justify-center space-x-0.5",
-        style: {
-          height: `${s}px`,
-          width: p ? `${p}px` : "200px",
-          minWidth: "200px"
-        },
-        children: [
-          b.map((i, u) => {
-            const S = M > 0 ? i / M : 0, F = 0.1, T = i > 0 ? Math.max(F, S) : F;
-            return /* @__PURE__ */ n(
-              "div",
-              {
-                className: "flex-1 rounded-t-sm transition-all duration-300 ease-out",
-                style: {
-                  height: `${T * s}px`,
-                  backgroundColor: r,
-                  opacity: i > 0 ? 0.7 + S * 0.3 : 0.2
-                  // higher opacity for buckets with data
-                },
-                title: `${i} values in this range`
-              },
-              u
-            );
-          }),
-          R && /* @__PURE__ */ n(
-            "div",
-            {
-              className: "absolute top-0 bottom-0 pointer-events-none",
-              style: {
-                left: `${A}%`,
-                transform: "translateX(-50%)",
-                width: "2px",
-                backgroundColor: "#ef4444",
-                opacity: 0.8,
-                zIndex: 10
-              },
-              title: `Average: ${a(I)}`,
-              children: /* @__PURE__ */ n(
-                "div",
-                {
-                  className: "absolute -top-1",
-                  style: {
-                    left: "50%",
-                    transform: "translateX(-50%)",
-                    width: "0",
-                    height: "0",
-                    borderLeft: "4px solid transparent",
-                    borderRight: "4px solid transparent",
-                    borderTop: "6px solid #ef4444"
-                  }
-                }
-              )
-            }
-          ),
-          h !== null && y !== void 0 && /* @__PURE__ */ n(
-            "div",
-            {
-              className: "absolute top-0 bottom-0 pointer-events-none",
-              style: {
-                left: `${Math.max(0, Math.min(100, h))}%`,
-                transform: "translateX(-50%)",
-                width: "2px",
-                backgroundColor: "#10b981",
-                opacity: 0.8,
-                zIndex: 11
-              },
-              title: `Target: ${a(y)}`,
-              children: /* @__PURE__ */ n(
-                "div",
-                {
-                  className: "absolute -top-1",
-                  style: {
-                    left: "50%",
-                    transform: "translateX(-50%)",
-                    width: "0",
-                    height: "0",
-                    borderLeft: "4px solid transparent",
-                    borderRight: "4px solid transparent",
-                    borderTop: "6px solid #10b981"
-                  }
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: "flex justify-between mt-2 text-xs text-dc-text-muted",
-        style: {
-          width: p ? `${p}px` : "200px",
-          minWidth: "200px"
-        },
-        children: [
-          /* @__PURE__ */ n("span", { children: a(o) }),
-          /* @__PURE__ */ n("span", { children: a(f) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ m("div", { className: "text-center mt-1 text-xs text-dc-text-muted", children: [
-      "Average of ",
-      z.length,
-      " values"
-    ] })
-  ] });
-}
-const ue = te.memo(function({
-  data: o,
-  chartConfig: f,
-  displayConfig: r = {},
-  queryObject: v,
-  height: s = "100%",
-  colorPalette: a
-}) {
-  const [p, R] = _(32), [y, b] = _(250), c = K(null), M = K(null), I = le(), A = g(() => f?.yAxis ? typeof f.yAxis == "string" ? [f.yAxis] : Array.isArray(f.yAxis) ? f.yAxis : [] : [], [f?.yAxis]), h = A[0] || "", i = v?.timeDimensions?.[0]?.dimension || void 0, u = g(() => {
-    if (!o || o.length === 0) return [];
-    let e = [...o];
-    return i && (e = e.sort((t, x) => {
-      const l = t[i], N = x[i];
-      return l < N ? -1 : l > N ? 1 : 0;
-    })), e;
-  }, [o, i]), { useLastCompletePeriod: S = !0, skipLastPeriod: F = !1 } = r, {
-    filteredData: T,
-    excludedIncompletePeriod: X,
-    skippedLastPeriod: $,
-    granularity: k
-  } = g(() => u.length === 0 ? { filteredData: [], excludedIncompletePeriod: !1, skippedLastPeriod: !1, granularity: void 0 } : de(u, i, v, S, F), [u, i, v, S, F]), L = T, d = g(() => !h || L.length === 0 ? [] : L.map((t) => {
-    if (t[h] !== void 0)
-      return t[h];
-    const x = Object.keys(t).filter(
-      (l) => typeof t[l] == "number" && !isNaN(t[l])
-    );
-    if (x.length > 0)
-      return t[x[0]];
-  }).filter((t) => t != null && !isNaN(Number(t))).map((t) => Number(t)), [L, h]), { avg: O, min: P, max: U } = g(() => {
-    if (d.length === 0) return { avg: 0, min: 0, max: 0 };
-    const t = d.reduce((N, j) => N + j, 0) / d.length, x = Math.min(...d), l = Math.max(...d);
-    return { avg: t, min: x, max: l };
-  }, [d]), V = ne((e) => {
-    if (r.formatValue)
-      return r.formatValue(e);
-    if (e == null)
-      return "—";
-    const t = r.decimals ?? 0, x = r.prefix ?? "";
-    let l;
-    return Math.abs(e) >= 1e9 ? l = (e / 1e9).toFixed(t) + "B" : Math.abs(e) >= 1e6 ? l = (e / 1e6).toFixed(t) + "M" : Math.abs(e) >= 1e3 ? l = (e / 1e3).toFixed(t) + "K" : l = e.toFixed(t), x + l;
-  }, [r]), B = d.length === 1 ? d[0] : O, G = d.length > 1, D = g(() => {
-    if (r.valueColorIndex !== void 0 && a?.colors) {
-      const e = r.valueColorIndex;
-      if (e >= 0 && e < a.colors.length)
-        return a.colors[e];
-    }
-    return a?.colors?.[0] || "#1f2937";
-  }, [r.valueColorIndex, a?.colors]), W = g(() => oe(r?.target || ""), [r?.target]), w = W.length > 0 ? W[0] : null, H = w !== null && d.length > 0 ? ae(B, w) : null, J = g(() => {
-    if (H === null) return "#6B7280";
-    if (H >= 0) {
-      const e = r.positiveColorIndex ?? 1;
-      return a?.colors?.[e] || "#10B981";
-    } else {
-      const e = r.negativeColorIndex ?? 7;
-      return a?.colors?.[e] || "#EF4444";
-    }
-  }, [H, r.positiveColorIndex, r.negativeColorIndex, a?.colors]);
-  return re(() => {
-    const e = () => {
-      if (c.current) {
-        const N = c.current.getBoundingClientRect(), j = N.width, E = N.height;
-        if (j > 0 && E > 0) {
-          const Q = j / 5, Y = E / 4, Z = Math.min(Q, Y), q = Math.max(24, Math.min(Z, 120));
-          R(q), setTimeout(() => {
-            if (M.current) {
-              const C = M.current.getBoundingClientRect().width, ee = Math.max(C, Math.min(j * 0.6, 300));
-              b(ee);
-            }
-          }, 10);
-        }
-      }
-    }, t = setTimeout(e, 50), x = new ResizeObserver(() => {
-      setTimeout(e, 10);
-    });
-    return c.current && x.observe(c.current), () => {
-      clearTimeout(t), x.disconnect();
-    };
-  }, [o, f]), !o || o.length === 0 ? /* @__PURE__ */ n(
-    "div",
-    {
-      className: "flex items-center justify-center w-full h-full",
-      style: {
-        height: s === "100%" ? "100%" : s,
-        minHeight: s === "100%" ? "200px" : void 0
-      },
-      children: /* @__PURE__ */ m("div", { className: "text-center text-dc-text-muted", children: [
-        /* @__PURE__ */ n("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-        /* @__PURE__ */ n("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display" })
-      ] })
-    }
-  ) : A.length === 0 ? /* @__PURE__ */ n(
-    "div",
-    {
-      className: "flex items-center justify-center w-full h-full",
-      style: {
-        height: s === "100%" ? "100%" : s,
-        minHeight: s === "100%" ? "200px" : void 0,
-        backgroundColor: "var(--dc-danger-bg)",
-        color: "var(--dc-danger)",
-        borderColor: "var(--dc-danger-border)"
-      },
-      children: /* @__PURE__ */ m("div", { className: "text-center", children: [
-        /* @__PURE__ */ n("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
-        /* @__PURE__ */ n("div", { className: "text-xs", children: "No measure fields configured" })
-      ] })
-    }
-  ) : d.length === 0 ? /* @__PURE__ */ m(
-    "div",
-    {
-      ref: c,
-      className: "flex flex-col items-center justify-center w-full h-full p-4",
-      style: {
-        height: s === "100%" ? "100%" : s,
-        minHeight: s === "100%" ? "200px" : void 0
-      },
-      children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "text-dc-text-secondary font-bold text-center mb-3",
-            style: {
-              fontSize: "14px",
-              lineHeight: "1.2"
-            },
-            children: I(h)
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "font-bold leading-none text-dc-text-muted",
-            style: {
-              fontSize: `${p}px`
-            },
-            children: "—"
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "text-xs text-dc-text-muted mt-2", children: "No data" })
-      ]
-    }
-  ) : /* @__PURE__ */ m(
-    "div",
-    {
-      ref: c,
-      className: "flex flex-col items-center justify-center w-full h-full p-4",
-      style: {
-        height: s === "100%" ? "100%" : s,
-        minHeight: s === "100%" ? "200px" : void 0
-      },
-      children: [
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: "text-dc-text-secondary font-bold text-center mb-3 flex items-center justify-center gap-1",
-            style: {
-              fontSize: "14px",
-              lineHeight: "1.2"
-            },
-            children: [
-              /* @__PURE__ */ n("span", { children: (() => {
-                const e = I(h);
-                return e && e.length > 1 ? e : h;
-              })() }),
-              (X || $) && /* @__PURE__ */ n(
-                "span",
-                {
-                  title: $ ? `Excludes last ${k || "period"}` : `Excludes current incomplete ${k}`,
-                  className: "cursor-help",
-                  children: /* @__PURE__ */ n(se, { icon: ie, className: "w-4 h-4 text-dc-text-muted opacity-70" })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-4 mb-3", children: [
-          /* @__PURE__ */ n(
-            "div",
-            {
-              ref: M,
-              className: "font-bold leading-none",
-              style: {
-                fontSize: `${p}px`,
-                color: D
-              },
-              children: V(B)
-            }
-          ),
-          w !== null && H !== null && /* @__PURE__ */ m("div", { className: "flex flex-col items-start", children: [
-            /* @__PURE__ */ n(
-              "div",
-              {
-                className: "font-semibold",
-                style: {
-                  fontSize: `${Math.max(12, p * 0.3)}px`,
-                  color: J,
-                  lineHeight: "1.2"
-                },
-                children: ce(H, 1)
-              }
-            ),
-            /* @__PURE__ */ m(
-              "div",
-              {
-                className: "text-dc-text-muted text-xs",
-                style: {
-                  opacity: 0.7,
-                  fontSize: `${Math.max(10, p * 0.2)}px`
-                },
-                children: [
-                  "vs ",
-                  V(w)
-                ]
-              }
-            )
-          ] })
-        ] }),
-        r.suffix && !r.formatValue && /* @__PURE__ */ n(
-          "div",
-          {
-            className: "text-dc-text-muted text-center",
-            style: {
-              fontSize: "14px",
-              lineHeight: "1.2",
-              opacity: 0.8
-            },
-            children: r.suffix
-          }
-        ),
-        G && /* @__PURE__ */ n("div", { className: "mt-4", children: /* @__PURE__ */ n(
-          me,
-          {
-            values: d,
-            min: P,
-            max: U,
-            color: D,
-            formatValue: V,
-            height: 24,
-            width: y,
-            targetValue: w || void 0
-          }
-        ) })
-      ]
-    }
-  );
-}), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ue
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  me as D,
-  ge as K
-};
-//# sourceMappingURL=chart-kpi-number-Cf4Pgkm9.js.map

package/dist/client/chunks/chart-kpi-number-Cf4Pgkm9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-kpi-number-Cf4Pgkm9.js","sources":["../../../src/client/components/DataHistogram.tsx","../../../src/client/components/charts/KpiNumber.tsx"],"sourcesContent":["\ninterface DataHistogramProps {\n  /** Array of numeric values to create histogram from */\n  values: number[]\n  /** Minimum value in the dataset */\n  min: number\n  /** Maximum value in the dataset */\n  max: number\n  /** Color for the histogram bars */\n  color?: string\n  /** Number of buckets/bars to create (default: 12) */\n  bucketCount?: number\n  /** Height of the histogram in pixels (default: 32) */\n  height?: number\n  /** Format function for min/max labels */\n  formatValue?: (value: number) => string\n  /** Width of the histogram to match text above */\n  width?: number\n  /** Whether to show average indicator line (default: true) */\n  showAverageIndicator?: boolean\n  /** Target value to show as green line */\n  targetValue?: number\n}\n\n/**\n * Reusable histogram component that shows the distribution of actual data values\n */\nexport default function DataHistogram({\n  values,\n  min,\n  max,\n  color = '#1f2937',\n  bucketCount = 12,\n  height = 32,\n  formatValue = (val) => val.toString(),\n  width,\n  showAverageIndicator = true,\n  targetValue\n}: DataHistogramProps) {\n  // Create histogram buckets from actual data\n  const buckets = new Array(bucketCount).fill(0)\n  const range = max - min\n  \n  // Distribute actual values into buckets\n  values.forEach(value => {\n    if (range === 0) {\n      // All values are the same, put everything in middle bucket\n      buckets[Math.floor(bucketCount / 2)]++\n    } else {\n      // Calculate which bucket this value belongs to\n      let bucketIndex = Math.floor(((value - min) / range) * (bucketCount - 1))\n      // Clamp to valid bucket range\n      bucketIndex = Math.max(0, Math.min(bucketCount - 1, bucketIndex))\n      buckets[bucketIndex]++\n    }\n  })\n  \n  // Find max bucket count for normalization\n  const maxBucketCount = Math.max(...buckets)\n  \n  // Calculate average for indicator positioning\n  const average = values.reduce((sum, val) => sum + val, 0) / values.length\n  \n  // Calculate average position as percentage of histogram width\n  const averagePosition = range === 0 ? 50 : ((average - min) / range) * 100\n  \n  // Calculate target position if target value is provided\n  const targetPosition = targetValue !== undefined && range > 0 \n    ? ((targetValue - min) / range) * 100 \n    : null\n\n  return (\n    <div className=\"flex flex-col items-center\">\n      {/* Horizontal bars representing actual data distribution */}\n      <div \n        className=\"relative flex items-end justify-center space-x-0.5\" \n        style={{ \n          height: `${height}px`,\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        {buckets.map((count, i) => {\n          // Normalize height based on actual data frequency\n          const normalizedHeight = maxBucketCount > 0 ? count / maxBucketCount : 0\n          const minHeight = 0.1 // minimum height for empty buckets\n          const displayHeight = count > 0 ? Math.max(minHeight, normalizedHeight) : minHeight\n          \n          return (\n            <div\n              key={i}\n              className=\"flex-1 rounded-t-sm transition-all duration-300 ease-out\"\n              style={{\n                height: `${displayHeight * height}px`,\n                backgroundColor: color,\n                opacity: count > 0 ? 0.7 + (normalizedHeight * 0.3) : 0.2 // higher opacity for buckets with data\n              }}\n              title={`${count} values in this range`} // tooltip showing actual count\n            />\n          )\n        })}\n        \n        {/* Average indicator line */}\n        {showAverageIndicator && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${averagePosition}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#ef4444',\n              opacity: 0.8,\n              zIndex: 10\n            }}\n            title={`Average: ${formatValue(average)}`}\n          >\n            {/* Small triangle at top to indicate average */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #ef4444'\n              }}\n            />\n          </div>\n        )}\n        \n        {/* Target indicator line */}\n        {targetPosition !== null && targetValue !== undefined && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${Math.max(0, Math.min(100, targetPosition))}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#10b981',\n              opacity: 0.8,\n              zIndex: 11\n            }}\n            title={`Target: ${formatValue(targetValue)}`}\n          >\n            {/* Small triangle at top to indicate target */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #10b981'\n              }}\n            />\n          </div>\n        )}\n      </div>\n      \n      {/* Min/Max values aligned with histogram width */}\n      <div\n        className=\"flex justify-between mt-2 text-xs text-dc-text-muted\"\n        style={{\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        <span>{formatValue(min)}</span>\n        <span>{formatValue(max)}</span>\n      </div>\n\n      {/* Average indicator */}\n      <div className=\"text-center mt-1 text-xs text-dc-text-muted\">\n        Average of {values.length} values\n      </div>\n    </div>\n  )\n}","import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react'\nimport { Icon } from '@iconify/react'\nimport infoCircleIcon from '@iconify-icons/tabler/info-circle'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport DataHistogram from '../DataHistogram'\nimport { parseTargetValues, calculateVariance, formatVariance } from '../../utils/targetUtils'\nimport { filterIncompletePeriod } from '../../utils/periodUtils'\nimport type { ChartProps } from '../../types'\n\nconst KpiNumber = React.memo(function KpiNumber({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [fontSize, setFontSize] = useState(32)\n  const [textWidth, setTextWidth] = useState(250)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const valueRef = useRef<HTMLDivElement>(null)\n\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Extract value field from chart config - handle both string and array formats\n  const valueFields = useMemo(() => {\n    if (!chartConfig?.yAxis) return []\n    if (typeof chartConfig.yAxis === 'string') return [chartConfig.yAxis]\n    if (Array.isArray(chartConfig.yAxis)) return chartConfig.yAxis\n    return []\n  }, [chartConfig?.yAxis])\n\n  const valueField = valueFields[0] || '' // Use first measure field\n\n  // Get time dimension field if present (for incomplete period filtering)\n  const timeDimensionField = queryObject?.timeDimensions?.[0]?.dimension || undefined\n\n  // Memoize sorted data to prevent recalculation on every render\n  const sortedData = useMemo(() => {\n    if (!data || data.length === 0) return []\n    let sorted = [...data]\n    if (timeDimensionField) {\n      sorted = sorted.sort((a, b) => {\n        const aVal = a[timeDimensionField]\n        const bVal = b[timeDimensionField]\n        if (aVal < bVal) return -1\n        if (aVal > bVal) return 1\n        return 0\n      })\n    }\n    return sorted\n  }, [data, timeDimensionField])\n\n  // Filter out incomplete or last period if enabled\n  const { useLastCompletePeriod = true, skipLastPeriod = false } = displayConfig\n\n  // Memoize filtered data\n  const {\n    filteredData,\n    excludedIncompletePeriod,\n    skippedLastPeriod,\n    granularity\n  } = useMemo(() => {\n    if (sortedData.length === 0) {\n      return { filteredData: [], excludedIncompletePeriod: false, skippedLastPeriod: false, granularity: undefined }\n    }\n    return filterIncompletePeriod(sortedData, timeDimensionField, queryObject, useLastCompletePeriod, skipLastPeriod)\n  }, [sortedData, timeDimensionField, queryObject, useLastCompletePeriod, skipLastPeriod])\n\n  // Use filtered data for calculations\n  const dataToUse = filteredData\n\n  // Memoize value extraction to prevent recalculation\n  const values = useMemo(() => {\n    if (!valueField || dataToUse.length === 0) return []\n\n    const rawValues = dataToUse.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 numeric field as fallback\n      const numericFields = Object.keys(row).filter(key =>\n        typeof row[key] === 'number' && !isNaN(row[key])\n      )\n\n      if (numericFields.length > 0) {\n        return row[numericFields[0]]\n      }\n\n      return undefined\n    })\n\n    return rawValues\n      .filter(val => val !== null && val !== undefined && !isNaN(Number(val)))\n      .map(val => Number(val))\n  }, [dataToUse, valueField])\n\n  // Memoize statistics calculations\n  const { avg, min, max } = useMemo(() => {\n    if (values.length === 0) return { avg: 0, min: 0, max: 0 }\n    const sum = values.reduce((acc, val) => acc + val, 0)\n    const avg = sum / values.length\n    const min = Math.min(...values)\n    const max = Math.max(...values)\n    return { avg, min, max }\n  }, [values])\n\n  // Memoize format function to prevent re-creating on every render\n  const formatNumber = useCallback((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 ?? 0\n    const prefix = displayConfig.prefix ?? ''\n\n    let formattedValue: string\n\n    if (Math.abs(value) >= 1e9) {\n      formattedValue = (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      formattedValue = (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      formattedValue = (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      formattedValue = value.toFixed(decimals)\n    }\n\n    return prefix + formattedValue\n  }, [displayConfig])\n\n  const mainValue = values.length === 1 ? values[0] : avg\n  const showStats = values.length > 1\n\n  // Memoize color calculation to prevent re-creating function on every render\n  const valueColor = useMemo((): 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  }, [displayConfig.valueColorIndex, colorPalette?.colors])\n\n  // Process target values for variance calculation\n  const targetValues = useMemo(() => parseTargetValues(displayConfig?.target || ''), [displayConfig?.target])\n  const targetValue = targetValues.length > 0 ? targetValues[0] : null // Use first target value\n  const variance = targetValue !== null && values.length > 0 ? calculateVariance(mainValue, targetValue) : null\n\n  // Memoize variance color calculation\n  const varianceColor = useMemo((): string => {\n    if (variance === null) return '#6B7280' // Gray for no target\n\n    if (variance >= 0) {\n      // Positive variance - use positive color from palette\n      const positiveIndex = displayConfig.positiveColorIndex ?? 1\n      return colorPalette?.colors?.[positiveIndex] || '#10B981' // Green fallback\n    } else {\n      // Negative variance - use negative color from palette\n      const negativeIndex = displayConfig.negativeColorIndex ?? 7\n      return colorPalette?.colors?.[negativeIndex] || '#EF4444' // Red fallback\n    }\n  }, [variance, displayConfig.positiveColorIndex, displayConfig.negativeColorIndex, colorPalette?.colors])\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 displays, we want the text to be large and prominent\n          // Reserve space for the label by using more conservative sizing\n          const widthBasedSize = containerWidth / 5\n          const heightBasedSize = containerHeight / 4  // More conservative to leave room for label\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(24, Math.min(baseFontSize, 120)) // Lower max to ensure label fits\n          setFontSize(clampedFontSize)\n\n          // Use a timeout to measure text width after font size is applied\n          setTimeout(() => {\n            if (valueRef.current) {\n              const textRect = valueRef.current.getBoundingClientRect()\n              const measuredWidth = textRect.width\n              // Ensure we have a minimum width and use container width as fallback\n              const effectiveWidth = Math.max(measuredWidth, Math.min(containerWidth * 0.6, 300))\n              setTextWidth(effectiveWidth)\n            }\n          }, 10)\n        }\n      }\n    }\n\n    // Initial calculation - reduce delay for faster initial render\n    const timer = setTimeout(updateDimensions, 50)\n\n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      setTimeout(updateDimensions, 10)\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  // Early returns AFTER all hooks\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\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</div>\n        </div>\n      </div>\n    )\n  }\n\n  if (valueFields.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n          <div className=\"text-xs\">No measure fields configured</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Null handling: If all values are null, show placeholder instead of error\n  if (values.length === 0) {\n    return (\n      <div\n        ref={containerRef}\n        className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        {/* Field Label */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          {getFieldLabel(valueField)}\n        </div>\n\n        {/* No Data Placeholder */}\n        <div\n          className=\"font-bold leading-none text-dc-text-muted\"\n          style={{\n            fontSize: `${fontSize}px`\n          }}\n        >\n          —\n        </div>\n\n        <div className=\"text-xs text-dc-text-muted mt-2\">No data</div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n      style={{\n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Field Label - Bolder and bigger */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3 flex items-center justify-center gap-1\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          <span>\n            {(() => {\n              const label = getFieldLabel(valueField)\n              // Temporary fix: if label seems wrong, use the field name directly\n              const displayLabel = (label && label.length > 1) ? label : valueField\n              return displayLabel\n            })()}\n          </span>\n          {(excludedIncompletePeriod || skippedLastPeriod) && (\n            <span\n              title={skippedLastPeriod\n                ? `Excludes last ${granularity || 'period'}`\n                : `Excludes current incomplete ${granularity}`}\n              className=\"cursor-help\"\n            >\n              <Icon icon={infoCircleIcon} className=\"w-4 h-4 text-dc-text-muted opacity-70\" />\n            </span>\n          )}\n        </div>\n\n        {/* Main KPI Value and Variance - Horizontal layout */}\n        <div className=\"flex items-center justify-center gap-4 mb-3\">\n          <div\n            ref={valueRef}\n            className=\"font-bold leading-none\"\n            style={{\n              fontSize: `${fontSize}px`,\n              color: valueColor\n            }}\n          >\n            {formatNumber(mainValue)}\n          </div>\n\n          {/* Target Variance Display - To the right of main value */}\n          {targetValue !== null && variance !== null && (\n            <div className=\"flex flex-col items-start\">\n              <div\n                className=\"font-semibold\"\n                style={{\n                  fontSize: `${Math.max(12, fontSize * 0.3)}px`,\n                  color: varianceColor,\n                  lineHeight: '1.2'\n                }}\n              >\n                {formatVariance(variance, 1)}\n              </div>\n              <div\n                className=\"text-dc-text-muted text-xs\"\n                style={{\n                  opacity: 0.7,\n                  fontSize: `${Math.max(10, fontSize * 0.2)}px`\n                }}\n              >\n                vs {formatNumber(targetValue)}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Unit/Suffix - Larger, not bold (hidden when formatValue is provided) */}\n        {displayConfig.suffix && !displayConfig.formatValue && (\n          <div\n            className=\"text-dc-text-muted text-center\"\n            style={{\n              fontSize: '14px',\n              lineHeight: '1.2',\n              opacity: 0.8\n            }}\n          >\n            {displayConfig.suffix}\n          </div>\n        )}\n\n        {/* Data Histogram for multiple values */}\n        {showStats && (\n          <div className=\"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}\n              targetValue={targetValue || undefined}\n            />\n          </div>\n        )}\n    </div>\n  )\n})\n\nexport default KpiNumber\n"],"names":["DataHistogram","values","min","max","color","bucketCount","height","formatValue","val","width","showAverageIndicator","targetValue","buckets","range","value","bucketIndex","maxBucketCount","average","sum","averagePosition","targetPosition","jsxs","count","i","normalizedHeight","minHeight","displayHeight","jsx","KpiNumber","React","data","chartConfig","displayConfig","queryObject","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","valueRef","getFieldLabel","useCubeFieldLabel","valueFields","useMemo","valueField","timeDimensionField","sortedData","sorted","a","b","aVal","bVal","useLastCompletePeriod","skipLastPeriod","filteredData","excludedIncompletePeriod","skippedLastPeriod","granularity","filterIncompletePeriod","dataToUse","row","numericFields","key","avg","acc","formatNumber","useCallback","decimals","prefix","formattedValue","mainValue","showStats","valueColor","colorIndex","targetValues","parseTargetValues","variance","calculateVariance","varianceColor","positiveIndex","negativeIndex","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","measuredWidth","effectiveWidth","timer","resizeObserver","label","Icon","infoCircleIcon","formatVariance"],"mappings":"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"}

package/dist/client/chunks/chartConfigRegistry-CiOq-PqX.js

@@ -1,44 +0,0 @@
-import { barChartConfig as r } from "./chart-config-bar-Dy21oaIA.js";
-import { lineChartConfig as o } from "./chart-config-line-BnLlRUQE.js";
-import { areaChartConfig as i } from "./chart-config-area-OApsRaYC.js";
-import { pieChartConfig as t } from "./chart-config-pie-O9y_T0BQ.js";
-import { scatterChartConfig as a } from "./chart-config-scatter-BTt8a10R.js";
-import { bubbleChartConfig as m } from "./chart-config-bubble-Chv0SoFm.js";
-import { radarChartConfig as f } from "./chart-config-radar-CXa0354h.js";
-import { radialBarChartConfig as C } from "./chart-config-radial-bar-BppJU8-Q.js";
-import { treemapChartConfig as n } from "./chart-config-tree-map-HVgG4oa0.js";
-import { dataTableConfig as p } from "./chart-config-data-table-DTIdC35a.js";
-import { activityGridChartConfig as e } from "./chart-config-activity-grid-Bkvx0F-G.js";
-import { kpiNumberConfig as g } from "./chart-config-kpi-number-DkE3eSwH.js";
-import { kpiDeltaConfig as h } from "./chart-config-kpi-delta-CCl1d-St.js";
-import { kpiTextConfig as b } from "./chart-config-kpi-text-BMbgdxZm.js";
-import { markdownConfig as l } from "./chart-config-markdown-DIaMFC0Z.js";
-import { funnelChartConfig as k } from "./chart-config-funnel-f17Livgr.js";
-import { sankeyChartConfig as s } from "./chart-config-sankey-BfBHgL4x.js";
-import { sunburstChartConfig as u } from "./chart-config-sunburst-DNmQpIIx.js";
-import { heatmapChartConfig as d } from "./chart-config-heat-map-DPhNICha.js";
-const J = {
-  bar: r,
-  line: o,
-  area: i,
-  pie: t,
-  scatter: a,
-  bubble: m,
-  radar: f,
-  radialBar: C,
-  treemap: n,
-  table: p,
-  activityGrid: e,
-  kpiNumber: g,
-  kpiDelta: h,
-  kpiText: b,
-  markdown: l,
-  funnel: k,
-  sankey: s,
-  sunburst: u,
-  heatmap: d
-};
-export {
-  J as chartConfigRegistry
-};
-//# sourceMappingURL=chartConfigRegistry-CiOq-PqX.js.map

package/dist/client/chunks/charts-loader-BtsnUO4Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"charts-loader-BtsnUO4Q.js","sources":["../../../src/client/components/charts/MissingDependencyFallback.tsx","../../../src/client/charts/ChartLoader.tsx"],"sourcesContent":["interface MissingDependencyFallbackProps {\n  chartType: string\n  packageName: string\n  installCommand: string\n  height?: string | number\n}\n\n/**\n * Fallback component shown when a chart's optional dependency is not installed.\n * Provides clear instructions on how to install the missing package.\n */\nexport function MissingDependencyFallback({\n  chartType,\n  packageName,\n  installCommand,\n  height = 200\n}: MissingDependencyFallbackProps) {\n  return (\n    <div\n      className=\"dc-missing-dependency-fallback\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        padding: '1.5rem',\n        textAlign: 'center',\n        border: '1px dashed var(--dc-border, #e5e7eb)',\n        borderRadius: '0.5rem',\n        backgroundColor: 'var(--dc-surface, #f9fafb)'\n      }}\n    >\n      <div style={{ fontSize: '2.5rem', marginBottom: '1rem' }}>📦</div>\n      <h3 style={{\n        fontSize: '1.125rem',\n        fontWeight: 600,\n        marginBottom: '0.5rem',\n        color: 'var(--dc-text, #111827)'\n      }}>\n        Missing Dependency\n      </h3>\n      <p style={{\n        fontSize: '0.875rem',\n        color: 'var(--dc-text-secondary, #6b7280)',\n        marginBottom: '1rem',\n        maxWidth: '28rem'\n      }}>\n        The <code style={{\n          padding: '0.125rem 0.375rem',\n          backgroundColor: 'var(--dc-surface-secondary, #f3f4f6)',\n          borderRadius: '0.25rem',\n          fontFamily: 'monospace',\n          fontSize: '0.75rem'\n        }}>{chartType}</code> chart requires the <code style={{\n          padding: '0.125rem 0.375rem',\n          backgroundColor: 'var(--dc-surface-secondary, #f3f4f6)',\n          borderRadius: '0.25rem',\n          fontFamily: 'monospace',\n          fontSize: '0.75rem'\n        }}>{packageName}</code> package.\n      </p>\n      <div style={{\n        backgroundColor: 'var(--dc-surface-secondary, #f3f4f6)',\n        borderRadius: '0.5rem',\n        padding: '0.75rem 1rem',\n        fontFamily: 'monospace',\n        fontSize: '0.875rem',\n        color: 'var(--dc-text, #111827)'\n      }}>\n        <span style={{\n          color: 'var(--dc-text-muted, #9ca3af)',\n          userSelect: 'none'\n        }}>$ </span>\n        {installCommand}\n      </div>\n      <p style={{\n        fontSize: '0.75rem',\n        color: 'var(--dc-text-muted, #9ca3af)',\n        marginTop: '0.75rem'\n      }}>\n        After installing, restart your development server.\n      </p>\n    </div>\n  )\n}\n","/**\n * Lazy Chart Loader\n *\n * Provides React.lazy-based dynamic loading for chart components.\n * This enables code splitting - each chart type loads only when needed.\n *\n * Handles missing optional dependencies gracefully by showing a fallback\n * component instead of crashing the application.\n */\n\nimport { lazy, Suspense, ComponentType, ReactNode, LazyExoticComponent } from 'react'\nimport type { ChartType, ChartProps } from '../types'\nimport { MissingDependencyFallback } from '../components/charts/MissingDependencyFallback'\n\n// Type for lazy-loaded chart components\ntype LazyChartComponent = ComponentType<ChartProps>\n\n// Chart loader cache to prevent re-creating lazy components\nconst chartLoaderCache = new Map<ChartType, LazyExoticComponent<LazyChartComponent>>()\n\n// Track which chart types have failed to load due to missing dependencies\nconst failedChartTypes = new Set<ChartType>()\n\n/**\n * Maps chart types to their optional peer dependencies.\n * Charts not listed here have no external dependencies (table, KPIs, markdown).\n */\nconst chartDependencyMap: Partial<Record<ChartType, { packageName: string; installCommand: string }>> = {\n  // Recharts-based charts\n  bar: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  line: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  area: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  pie: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  scatter: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  radar: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  radialBar: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  treemap: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  bubble: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  funnel: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  sankey: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  sunburst: {\n    packageName: 'recharts',\n    installCommand: 'npm install recharts'\n  },\n  // Nivo-based charts\n  heatmap: {\n    packageName: '@nivo/heatmap',\n    installCommand: 'npm install @nivo/heatmap'\n  }\n  // Charts with no external deps: table, activityGrid, kpiNumber, kpiDelta, kpiText, markdown\n}\n\n// Dynamic import functions for each chart type\nconst chartImportMap: Record<ChartType, () => Promise<{ default: LazyChartComponent }>> = {\n  bar: () => import('../components/charts/BarChart'),\n  line: () => import('../components/charts/LineChart'),\n  area: () => import('../components/charts/AreaChart'),\n  pie: () => import('../components/charts/PieChart'),\n  scatter: () => import('../components/charts/ScatterChart'),\n  radar: () => import('../components/charts/RadarChart'),\n  radialBar: () => import('../components/charts/RadialBarChart'),\n  treemap: () => import('../components/charts/TreeMapChart'),\n  bubble: () => import('../components/charts/BubbleChart'),\n  table: () => import('../components/charts/DataTable'),\n  activityGrid: () => import('../components/charts/ActivityGridChart'),\n  kpiNumber: () => import('../components/charts/KpiNumber'),\n  kpiDelta: () => import('../components/charts/KpiDelta'),\n  kpiText: () => import('../components/charts/KpiText'),\n  markdown: () => import('../components/charts/MarkdownChart'),\n  funnel: () => import('../components/charts/FunnelChart'),\n  sankey: () => import('../components/charts/SankeyChart'),\n  sunburst: () => import('../components/charts/SunburstChart'),\n  heatmap: () => import('../components/charts/HeatMapChart'),\n}\n\n/**\n * Creates a fallback component for a chart type with missing dependencies.\n */\nfunction createFallbackComponent(chartType: ChartType): LazyChartComponent {\n  const depInfo = chartDependencyMap[chartType]\n\n  const FallbackComponent: LazyChartComponent = ({ height }) => (\n    <MissingDependencyFallback\n      chartType={chartType}\n      packageName={depInfo?.packageName || 'unknown'}\n      installCommand={depInfo?.installCommand || `npm install [package-name]`}\n      height={height}\n    />\n  )\n\n  FallbackComponent.displayName = `${chartType}Fallback`\n  return FallbackComponent\n}\n\n/**\n * Wraps a chart import function with error handling.\n * If the import fails (e.g., missing dependency), returns a fallback component.\n */\nfunction createSafeImport(\n  chartType: ChartType,\n  importFn: () => Promise<{ default: LazyChartComponent }>\n): () => Promise<{ default: LazyChartComponent }> {\n  return async () => {\n    try {\n      return await importFn()\n    } catch (error) {\n      // Log the error for debugging\n      console.warn(\n        `[drizzle-cube] Failed to load ${chartType} chart:`,\n        error instanceof Error ? error.message : error\n      )\n\n      // Track that this chart type failed\n      failedChartTypes.add(chartType)\n\n      // Return the fallback component wrapped in the expected format\n      return { default: createFallbackComponent(chartType) }\n    }\n  }\n}\n\n/**\n * Get or create a lazy component for a chart type.\n * Handles import failures gracefully by returning a fallback component.\n */\nfunction getLazyChart(chartType: ChartType): LazyExoticComponent<LazyChartComponent> {\n  if (!chartLoaderCache.has(chartType)) {\n    const importFn = chartImportMap[chartType]\n    if (!importFn) {\n      throw new Error(`Unknown chart type: ${chartType}`)\n    }\n    // Wrap the import with error handling for graceful degradation\n    const safeImport = createSafeImport(chartType, importFn)\n    chartLoaderCache.set(chartType, lazy(safeImport))\n  }\n  return chartLoaderCache.get(chartType)!\n}\n\n/**\n * Check if a chart type is supported\n */\nexport function isValidChartType(chartType: string): chartType is ChartType {\n  return chartType in chartImportMap\n}\n\n// Props for the LazyChart wrapper\nexport interface LazyChartProps extends ChartProps {\n  chartType: ChartType\n  fallback?: ReactNode\n}\n\n/**\n * Default loading placeholder for charts\n */\nfunction DefaultChartFallback({ height }: { height?: string | number }) {\n  return (\n    <div\n      className=\"flex items-center justify-center w-full\"\n      style={{ height: typeof height === 'number' ? `${height}px` : height || '200px' }}\n    >\n      <div className=\"animate-pulse bg-dc-surface-secondary rounded w-full h-full min-h-[100px]\" />\n    </div>\n  )\n}\n\n/**\n * Lazy Chart Component\n *\n * Renders a chart component with React.lazy dynamic loading.\n * The chart type determines which chart component is loaded.\n *\n * @example\n * ```tsx\n * <LazyChart\n *   chartType=\"bar\"\n *   data={chartData}\n *   chartConfig={{ yAxis: ['value'] }}\n *   height={300}\n * />\n * ```\n */\nexport function LazyChart({\n  chartType,\n  fallback,\n  height,\n  ...chartProps\n}: LazyChartProps) {\n  const ChartComponent = getLazyChart(chartType)\n\n  return (\n    <Suspense fallback={fallback ?? <DefaultChartFallback height={height} />}>\n      <ChartComponent height={height} {...chartProps} />\n    </Suspense>\n  )\n}\n\n/**\n * Preload a chart type\n *\n * Triggers the dynamic import without rendering.\n * Useful for prefetching charts that will likely be needed.\n *\n * @example\n * ```tsx\n * // Preload bar chart on hover\n * onMouseEnter={() => preloadChart('bar')}\n * ```\n */\nexport function preloadChart(chartType: ChartType): void {\n  const importFn = chartImportMap[chartType]\n  if (importFn) {\n    importFn()\n  }\n}\n\n/**\n * Preload multiple chart types\n *\n * @example\n * ```tsx\n * // Preload common charts on app init\n * useEffect(() => {\n *   preloadCharts(['bar', 'line', 'pie'])\n * }, [])\n * ```\n */\nexport function preloadCharts(chartTypes: ChartType[]): void {\n  chartTypes.forEach(preloadChart)\n}\n\n/**\n * Get all available chart types\n */\nexport function getAvailableChartTypes(): ChartType[] {\n  return Object.keys(chartImportMap) as ChartType[]\n}\n\n/**\n * Check if a chart type has loaded successfully.\n * Returns false if the chart failed to load due to missing dependencies.\n *\n * Note: This only returns accurate results after the chart has been attempted to load.\n * Use this for conditional UI logic (e.g., hiding unavailable chart types).\n */\nexport function isChartTypeAvailable(chartType: ChartType): boolean {\n  return !failedChartTypes.has(chartType)\n}\n\n/**\n * Get list of chart types that failed to load due to missing dependencies.\n */\nexport function getUnavailableChartTypes(): ChartType[] {\n  return Array.from(failedChartTypes)\n}\n"],"names":["MissingDependencyFallback","chartType","packageName","installCommand","height","jsxs","jsx","chartLoaderCache","failedChartTypes","chartDependencyMap","chartImportMap","n","createFallbackComponent","depInfo","FallbackComponent","createSafeImport","importFn","error","getLazyChart","safeImport","lazy","isValidChartType","DefaultChartFallback","LazyChart","fallback","chartProps","ChartComponent","Suspense","preloadChart","preloadCharts","chartTypes","getAvailableChartTypes","isChartTypeAvailable","getUnavailableChartTypes"],"mappings":"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"}