drizzle-cube 0.2.14 → 0.2.16

package/dist/client/chunks/chart-barchart-config-iniz62ni.js

@@ -1,71 +0,0 @@
-import { g as e } from "./chart-activitygridchart-config-AVBoHdRn.js";
-const i = {
-  icon: e("bar"),
-  description: "Compare values across categories",
-  useCase: "Best for comparing discrete categories, showing rankings, or displaying changes over time",
-  dropZones: [
-    {
-      key: "xAxis",
-      label: "X-Axis (Categories)",
-      description: "Dimensions and time dimensions for grouping",
-      mandatory: !1,
-      acceptTypes: ["dimension", "timeDimension"],
-      emptyText: "Drop dimensions & time dimensions here"
-    },
-    {
-      key: "yAxis",
-      label: "Y-Axis (Values)",
-      description: "Measures for bar heights",
-      mandatory: !0,
-      acceptTypes: ["measure"],
-      emptyText: "Drop measures here",
-      enableDualAxis: !0
-    },
-    {
-      key: "series",
-      label: "Series (Split into Multiple Series)",
-      description: "Dimensions to create separate data series",
-      mandatory: !1,
-      acceptTypes: ["dimension"],
-      emptyText: "Drop dimensions here to split data into series"
-    }
-  ],
-  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"],
-  displayOptionsConfig: [
-    {
-      key: "stackType",
-      label: "Stacking",
-      type: "select",
-      defaultValue: "none",
-      options: [
-        { value: "none", label: "None" },
-        { value: "normal", label: "Stacked" },
-        { value: "percent", label: "Stacked 100%" }
-      ],
-      description: "How to stack multiple bar series"
-    },
-    {
-      key: "target",
-      label: "Target Values",
-      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 {
-  i as barChartConfig
-};
-//# sourceMappingURL=chart-barchart-config-iniz62ni.js.map

package/dist/client/chunks/chart-barchart-config-iniz62ni.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-barchart-config-iniz62ni.js","sources":["../../../src/client/components/charts/BarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the bar chart type\n */\nexport const barChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('bar'),\n  description: 'Compare values across categories',\n  useCase: 'Best for comparing discrete categories, showing rankings, or displaying changes over time',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Categories)',\n      description: 'Dimensions and time dimensions for grouping',\n      mandatory: false,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop dimensions & time dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for bar heights',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures here',\n      enableDualAxis: true\n    },\n    {\n      key: 'series',\n      label: 'Series (Split into Multiple Series)',\n      description: 'Dimensions to create separate data series',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here to split data into series'\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 bar series'\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":["barChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,KAAK;AAAA,EAC5B,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,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-bubblechart-DaFSD3dc.js

@@ -1,247 +0,0 @@
-import { jsx as y, jsxs as te } from "react/jsx-runtime";
-import Ae, { useSyncExternalStore as Fe, useCallback as we, useRef as ne, useState as oe, useMemo as Se, useLayoutEffect as ve, useEffect as ce } from "react";
-import { g as de, s as ze, w as Te, u as $e, b as D, c as Ne, d as ue, i as ke, p as me, C as xe, l as fe, e as ye, h as Ye, m as Re, q as Ve, j as he, o as pe, a as se, k as ge, n as be, f as N } from "./chart-activitygridchart-BSA93MaS.js";
-const H = {
-  listeners: /* @__PURE__ */ new Set(),
-  subscribe(w) {
-    return this.listeners.add(w), () => this.listeners.delete(w);
-  },
-  notify() {
-    this.listeners.forEach((w) => w());
-  }
-};
-Te(() => {
-  H.notify();
-});
-function Be() {
-  const w = Fe(
-    H.subscribe.bind(H),
-    de,
-    // Client-side snapshot
-    de
-    // Server-side snapshot (SSR)
-  ), p = we((r) => {
-    ze(r), H.notify();
-  }, []);
-  return { theme: w, setTheme: p };
-}
-const Le = Ae.memo(function({
-  data: p,
-  chartConfig: r,
-  displayConfig: i = {},
-  queryObject: E,
-  height: q = "100%",
-  colorPalette: M
-}) {
-  const U = ne(null), S = ne(null), [k, j] = oe({ width: 0, height: 0 }), [Y, W] = oe(!1), { theme: re } = Be(), g = $e(), s = Se(() => ({
-    showLegend: i?.showLegend ?? !0,
-    showGrid: i?.showGrid ?? !0,
-    showTooltip: i?.showTooltip ?? !0,
-    minBubbleSize: i?.minBubbleSize ?? 5,
-    maxBubbleSize: i?.maxBubbleSize ?? 50,
-    bubbleOpacity: i?.bubbleOpacity ?? 0.7,
-    xAxisFormat: i?.xAxisFormat,
-    leftYAxisFormat: i?.leftYAxisFormat
-  }), [
-    i?.showLegend,
-    i?.showGrid,
-    i?.showTooltip,
-    i?.minBubbleSize,
-    i?.maxBubbleSize,
-    i?.bubbleOpacity,
-    i?.xAxisFormat,
-    i?.leftYAxisFormat
-  ]);
-  return ve(() => {
-    let a = 0;
-    const d = 10;
-    let u, m;
-    const n = () => {
-      if (S.current) {
-        const { width: b, height: o } = S.current.getBoundingClientRect();
-        if (b > 0 && o > 0)
-          return j({ width: b, height: o }), W(!0), !0;
-      }
-      return !1;
-    };
-    if (!n() && a < d) {
-      const b = () => {
-        !n() && a < d && (a++, m = setTimeout(() => {
-          u = requestAnimationFrame(b);
-        }, 50 * a));
-      };
-      u = requestAnimationFrame(b);
-    }
-    return () => {
-      u && cancelAnimationFrame(u), m && clearTimeout(m);
-    };
-  }, []), ce(() => {
-    let a = null;
-    const d = () => {
-      if (S.current) {
-        const { width: u, height: m } = S.current.getBoundingClientRect();
-        u > 0 && m > 0 && (j({ width: u, height: m }), Y || W(!0));
-      }
-    };
-    return S.current && (a = new ResizeObserver((u) => {
-      for (const m of u) {
-        const { width: n, height: v } = m.contentRect;
-        n > 0 && v > 0 && (j({ width: n, height: v }), Y || W(!0));
-      }
-    }), a.observe(S.current), d()), window.addEventListener("resize", d), () => {
-      a && a.disconnect(), window.removeEventListener("resize", d);
-    };
-  }, [Y]), ce(() => {
-    if (!p || p.length === 0 || !U.current || !Y || k.width === 0 || (D(U.current).selectAll("*").remove(), !r?.xAxis || !r?.yAxis || !r?.series))
-      return;
-    const a = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, d = Array.isArray(r.yAxis) ? r.yAxis[0] : r.yAxis, u = Array.isArray(r.series) ? r.series[0] : r.series, m = Array.isArray(r.sizeField) ? r.sizeField[0] : r.sizeField || d, n = Array.isArray(r.colorField) ? r.colorField[0] : r.colorField;
-    if (!a || !d || !u || !m)
-      return;
-    const v = Ne(E, a), b = E?.timeDimensions?.some(
-      (e) => e.dimension === a
-    ) || !1, o = p.map((e) => {
-      const t = e[a];
-      let l, x;
-      if (b && t) {
-        const c = String(t);
-        let h;
-        if (c.match(/^\d{4}-\d{2}-\d{2}[T ]/)) {
-          let F = c;
-          c.includes(" ") && (F = c.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !F.endsWith("Z") && !F.includes("+") && (F = F + "Z"), h = new Date(F);
-        } else
-          h = new Date(c);
-        l = isNaN(h.getTime()) ? parseFloat(c) : h.getTime(), x = ue(t, v);
-      } else {
-        const c = ue(t, v) || t;
-        l = typeof c == "string" ? parseFloat(c) : c, x = String(c);
-      }
-      const f = me(e[d]), $ = me(e[m]), B = e[u];
-      return {
-        x: l,
-        xLabel: x,
-        // Store formatted label for tooltip display
-        y: f,
-        // Type assertion: filter below ensures this is never null
-        size: $ !== null ? Math.abs($) : 0,
-        // Ensure positive size
-        color: n ? e[n] : B,
-        series: B,
-        label: `${B || "Unknown"}`,
-        isValid: ke(l) && f !== null && $ !== null && $ > 0
-      };
-    }).filter((e) => e.isValid && e.size > 0);
-    if (o.length === 0) return;
-    const R = {
-      ...xe,
-      left: xe.left + 30,
-      // Add extra 30px left margin for Y-axis label
-      bottom: s.showLegend && n ? 100 : 40
-      // Add extra space for legend
-    }, L = k.width - R.left - R.right, z = k.height - R.top - R.bottom, le = D(U.current).attr("width", k.width).attr("height", k.height), T = le.append("g").attr("transform", `translate(${R.left},${R.top})`), I = fe().domain(ye(o, (e) => e.x)).range([0, L]).nice(), C = fe().domain(ye(o, (e) => e.y)).range([z, 0]).nice(), Z = Ye().domain([0, Re(o, (e) => e.size)]).range([s.minBubbleSize, s.maxBubbleSize]);
-    let V, O = !1, X = [];
-    if (n && o.length > 0) {
-      const e = o.map((t) => {
-        const l = t.color;
-        return typeof l == "string" ? parseFloat(l) : l;
-      }).filter((t) => !isNaN(t));
-      if (O = e.length === o.length && e.every((t) => typeof t == "number"), O) {
-        const t = Math.min(...e), l = Math.max(...e);
-        V = Ve().domain([t, l]).range(M?.gradient || he);
-      } else
-        X = [...new Set(o.map((t) => String(t.color)))], V = pe().domain(X).range(M?.colors || se);
-    } else
-      V = pe().domain(["default"]).range([se[0]]);
-    const Q = (e, t) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t, ie = re !== "light", A = ie ? Q("--dc-text-muted", "#cbd5e1") : Q("--dc-text-secondary", "#374151"), G = ie ? Q("--dc-border", "#475569") : "#9ca3af";
-    if (s.showGrid) {
-      const e = T.append("g").attr("class", "grid").attr("transform", `translate(0,${z})`).call(
-        ge(I).tickSize(-z).tickFormat(() => "")
-      );
-      e.selectAll("line").style("stroke", G).style("stroke-dasharray", "3,3").style("opacity", 0.3), e.select(".domain").style("stroke", "none");
-      const t = T.append("g").attr("class", "grid").call(
-        be(C).tickSize(-L).tickFormat(() => "")
-      );
-      t.selectAll("line").style("stroke", G).style("stroke-dasharray", "3,3").style("opacity", 0.3), t.select(".domain").style("stroke", "none");
-    }
-    const J = ge(I);
-    b ? J.tickFormat((e) => {
-      const t = new Date(e);
-      if (isNaN(t.getTime())) return String(e);
-      switch (v?.toLowerCase()) {
-        case "year":
-          return String(t.getUTCFullYear());
-        case "quarter": {
-          const l = Math.floor(t.getUTCMonth() / 3) + 1;
-          return `${t.getUTCFullYear()}-Q${l}`;
-        }
-        case "month":
-          return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
-        case "week":
-        case "day":
-          return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
-        case "hour":
-          return `${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")} ${String(t.getUTCHours()).padStart(2, "0")}:00`;
-        default:
-          return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
-      }
-    }) : s.xAxisFormat && J.tickFormat((e) => N(e, s.xAxisFormat));
-    const K = T.append("g").attr("transform", `translate(0,${z})`).call(J);
-    K.selectAll("text").style("fill", A), K.selectAll("line, path").style("stroke", G), K.append("text").attr("x", L / 2).attr("y", 35).attr("fill", A).style("text-anchor", "middle").style("font-size", "12px").text(s.xAxisFormat?.label || g(a));
-    const ae = be(C);
-    s.leftYAxisFormat && ae.tickFormat((e) => N(e, s.leftYAxisFormat));
-    const P = T.append("g").call(ae);
-    P.selectAll("text").style("fill", A), P.selectAll("line, path").style("stroke", G), P.append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -z / 2).attr("fill", A).style("text-anchor", "middle").style("font-size", "12px").text(s.leftYAxisFormat?.label || g(d));
-    const _ = D("body").append("div").attr("class", "bubble-chart-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), ee = T.selectAll(".bubble").data(o).enter().append("circle").attr("class", "bubble").attr("cx", (e) => I(e.x)).attr("cy", (e) => C(e.y)).attr("r", (e) => Z(e.size)).style("fill", (e) => n && e.color !== void 0 ? V(O ? e.color : String(e.color)) : se[0]).style("opacity", s.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
-    if (s.showTooltip && ee.on("mouseover", function(e, t) {
-      D(this).transition().duration(200).style("opacity", 1).attr("r", Z(t.size) * 1.1);
-      const l = [
-        `<strong>${t.series || "Unknown"}</strong>`,
-        `${g(a)}: ${t.xLabel || (s.xAxisFormat ? N(t.x, s.xAxisFormat) : t.x)}`,
-        `${g(d)}: ${s.leftYAxisFormat ? N(t.y, s.leftYAxisFormat) : t.y}`,
-        `${g(m)}: ${s.leftYAxisFormat ? N(t.size, s.leftYAxisFormat) : t.size}`,
-        n && t.color ? `${g(n)}: ${t.color}` : ""
-      ].filter(Boolean).join("<br>");
-      _.html(l).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
-    }).on("mousemove", function(e) {
-      _.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
-    }).on("mouseout", function(e, t) {
-      D(this).transition().duration(200).style("opacity", s.bubbleOpacity).attr("r", Z(t.size)), _.transition().duration(200).style("opacity", 0);
-    }), s.showLegend && n)
-      if (O) {
-        const l = Math.min(...o.map((h) => h.color)), x = Math.max(...o.map((h) => h.color)), f = T.append("g").attr("class", "color-legend").attr("transform", `translate(${L / 2 - 200 / 2}, ${z + 60})`), B = le.append("defs").append("linearGradient").attr("id", "color-scale-gradient").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%"), c = M?.gradient || he;
-        c.forEach((h, F) => {
-          B.append("stop").attr("offset", `${F / (c.length - 1) * 100}%`).attr("stop-color", h);
-        }), f.append("rect").attr("width", 200).attr("height", 20).style("fill", "url(#color-scale-gradient)").style("stroke", "#ccc").style("stroke-width", 1), f.append("text").attr("x", 0).attr("y", 35).attr("text-anchor", "start").style("font-size", "11px").style("fill", A).text(s.leftYAxisFormat ? N(l, s.leftYAxisFormat) : l.toFixed(2)), f.append("text").attr("x", 200).attr("y", 35).attr("text-anchor", "end").style("font-size", "11px").style("fill", A).text(s.leftYAxisFormat ? N(x, s.leftYAxisFormat) : x.toFixed(2)), f.append("text").attr("x", 200 / 2).attr("y", -5).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", A).text(g(n));
-      } else {
-        const e = X;
-        if (e.length > 0) {
-          const l = T.append("g").attr("class", "legend").attr("transform", `translate(${L / 2 - e.length * 80 / 2}, ${z + 60})`).selectAll(".legend-item").data(e).enter().append("g").attr("class", "legend-item").attr("transform", (x, f) => `translate(${f * 80}, 0)`).style("cursor", "pointer");
-          l.append("circle").attr("cx", 5).attr("cy", 5).attr("r", 5).style("fill", (x) => V(x)).style("opacity", s.bubbleOpacity), l.append("text").attr("x", 15).attr("y", 5).attr("dy", ".35em").style("font-size", "11px").style("fill", A).text((x) => String(x)), l.on("mouseover", function(x, f) {
-            ee.transition().duration(200).style("opacity", ($) => n && String($.color) === f ? 1 : 0.2);
-          }).on("mouseout", function() {
-            ee.transition().duration(200).style("opacity", s.bubbleOpacity);
-          });
-        }
-      }
-    return () => {
-      _.remove();
-    };
-  }, [p, r, s, E, k, Y, M, re, g]), !p || p.length === 0 ? /* @__PURE__ */ y("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: q }, children: /* @__PURE__ */ te("div", { className: "text-center", children: [
-    /* @__PURE__ */ y("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
-    /* @__PURE__ */ y("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display in bubble chart" })
-  ] }) }) : r?.xAxis && r?.yAxis && r?.series ? /* @__PURE__ */ y("div", { className: "w-full flex-1 flex flex-col relative", style: { height: q, minHeight: "250px", overflow: "hidden" }, children: /* @__PURE__ */ te("div", { ref: S, className: "w-full h-full relative", children: [
-    /* @__PURE__ */ y("svg", { ref: U, className: "w-full h-full" }),
-    !Y && /* @__PURE__ */ y("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ y("div", { className: "text-dc-text-muted text-sm", children: "Measuring chart dimensions..." }) })
-  ] }) }) : /* @__PURE__ */ y("div", { className: "flex items-center justify-center w-full text-dc-warning", style: { height: q }, children: /* @__PURE__ */ te("div", { className: "text-center", children: [
-    /* @__PURE__ */ y("div", { className: "text-sm font-semibold mb-1", children: "Configuration Required" }),
-    /* @__PURE__ */ y("div", { className: "text-xs", children: "Bubble chart requires xAxis, yAxis, series, and sizeField dimensions" }),
-    /* @__PURE__ */ y("div", { className: "text-xs mt-1", children: "Optional: colorField for bubble coloring" })
-  ] }) });
-}), Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Le
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Ge as B,
-  Be as u
-};
-//# sourceMappingURL=chart-bubblechart-DaFSD3dc.js.map

package/dist/client/chunks/chart-bubblechart-DaFSD3dc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bubblechart-DaFSD3dc.js","sources":["../../../src/client/hooks/useTheme.ts","../../../src/client/components/charts/BubbleChart.tsx"],"sourcesContent":["/**\n * useTheme - External Theme State Hook\n *\n * Uses React 18's useSyncExternalStore to prevent parent component re-renders.\n * The theme state is stored externally and changes are propagated through\n * a subscribe/notify pattern.\n *\n * This prevents the ThemeToggle component from causing Layout re-renders.\n */\n\nimport { useSyncExternalStore, useCallback } from 'react'\nimport { getTheme, setTheme as setThemeUtil, watchThemeChanges, type Theme } from '../theme'\n\n// External store for theme state\nconst themeStore = {\n  listeners: new Set<() => void>(),\n\n  subscribe(listener: () => void) {\n    this.listeners.add(listener)\n    return () => this.listeners.delete(listener)\n  },\n\n  notify() {\n    this.listeners.forEach(listener => listener())\n  }\n}\n\n// Watch theme changes from DOM/system and notify subscribers\nwatchThemeChanges(() => {\n  themeStore.notify()\n})\n\n/**\n * Hook to access and update theme\n *\n * Returns current theme and a setter function.\n * Only components using this hook will re-render on theme changes.\n */\nexport function useTheme() {\n  // Subscribe to external theme store\n  const theme = useSyncExternalStore(\n    themeStore.subscribe.bind(themeStore),\n    getTheme,      // Client-side snapshot\n    getTheme       // Server-side snapshot (SSR)\n  )\n\n  // Stable setter function\n  const setTheme = useCallback((newTheme: Theme) => {\n    setThemeUtil(newTheme)\n    themeStore.notify()\n  }, [])\n\n  return { theme, setTheme }\n}\n","import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { select, scaleLinear, scaleSqrt, scaleOrdinal, scaleQuantize, extent, max, axisBottom, axisLeft, type ScaleOrdinal, type ScaleQuantize } from 'd3'\nimport { CHART_COLORS, CHART_COLORS_GRADIENT, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, parseNumericValue, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport { useTheme } from '../../hooks/useTheme'\nimport type { ChartProps } from '../../types'\n\ninterface BubbleData {\n  x: number\n  xLabel?: string // Formatted label for time dimensions\n  y: number\n  size: number\n  color?: string | number\n  label: string\n  series?: string\n}\n\nconst BubbleChart = React.memo(function BubbleChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const svgRef = useRef<SVGSVGElement | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n  const [dimensionsReady, setDimensionsReady] = useState(false)\n  const { theme } = useTheme()\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Memoize safeDisplayConfig to prevent unnecessary re-renders\n  const safeDisplayConfig = useMemo(() => ({\n    showLegend: displayConfig?.showLegend ?? true,\n    showGrid: displayConfig?.showGrid ?? true,\n    showTooltip: displayConfig?.showTooltip ?? true,\n    minBubbleSize: displayConfig?.minBubbleSize ?? 5,\n    maxBubbleSize: displayConfig?.maxBubbleSize ?? 50,\n    bubbleOpacity: displayConfig?.bubbleOpacity ?? 0.7,\n    xAxisFormat: displayConfig?.xAxisFormat,\n    leftYAxisFormat: displayConfig?.leftYAxisFormat\n  }), [\n    displayConfig?.showLegend,\n    displayConfig?.showGrid,\n    displayConfig?.showTooltip,\n    displayConfig?.minBubbleSize,\n    displayConfig?.maxBubbleSize,\n    displayConfig?.bubbleOpacity,\n    displayConfig?.xAxisFormat,\n    displayConfig?.leftYAxisFormat\n  ])\n\n  // Enhanced dimension measurement with retry mechanism\n  useLayoutEffect(() => {\n    let retryCount = 0\n    const maxRetries = 10\n    let rafId: number\n    let timeoutId: ReturnType<typeof setTimeout>\n    \n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect()\n        \n        if (width > 0 && height > 0) {\n          setDimensions({ width, height })\n          setDimensionsReady(true)\n          return true\n        }\n      }\n      return false\n    }\n    \n    // Immediate measurement\n    const success = updateDimensions()\n    \n    if (!success && retryCount < maxRetries) {\n      // Retry with requestAnimationFrame\n      const retryWithRaf = () => {\n        const rafSuccess = updateDimensions()\n        \n        if (!rafSuccess && retryCount < maxRetries) {\n          retryCount++\n          // Use setTimeout for additional retries with increasing delays\n          timeoutId = setTimeout(() => {\n            rafId = requestAnimationFrame(retryWithRaf)\n          }, 50 * retryCount) // Increasing delay: 50ms, 100ms, 150ms, etc.\n        }\n      }\n      \n      rafId = requestAnimationFrame(retryWithRaf)\n    }\n    \n    return () => {\n      if (rafId) cancelAnimationFrame(rafId)\n      if (timeoutId) clearTimeout(timeoutId)\n    }\n  }, [])\n\n  // Enhanced ResizeObserver for dynamic resizing with immediate initialization\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | null = null\n    \n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const { width, height } = containerRef.current.getBoundingClientRect()\n        if (width > 0 && height > 0) {\n          setDimensions({ width, height })\n          if (!dimensionsReady) {\n            setDimensionsReady(true)\n          }\n        }\n      }\n    }\n    \n    // Initialize ResizeObserver immediately\n    if (containerRef.current) {\n      resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { width, height } = entry.contentRect\n          if (width > 0 && height > 0) {\n            setDimensions({ width, height })\n            if (!dimensionsReady) {\n              setDimensionsReady(true)\n              }\n          }\n        }\n      })\n      \n      resizeObserver.observe(containerRef.current)\n      \n      // Also try immediate measurement as fallback\n      updateDimensions()\n    }\n\n    // Window resize as additional fallback\n    window.addEventListener('resize', updateDimensions)\n    \n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect()\n      }\n      window.removeEventListener('resize', updateDimensions)\n    }\n  }, [dimensionsReady])\n\n  useEffect(() => {\n    if (!data || data.length === 0 || !svgRef.current || !dimensionsReady || dimensions.width === 0) {\n      return\n    }\n\n    // Clear previous chart\n    select(svgRef.current).selectAll('*').remove()\n\n\n    // Validate chartConfig - only new format supported\n    if (!chartConfig?.xAxis || !chartConfig?.yAxis || !chartConfig?.series) {\n      return\n    }\n\n    const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n    const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n    const seriesField = Array.isArray(chartConfig.series) ? chartConfig.series[0] : chartConfig.series\n    const sizeFieldName = Array.isArray(chartConfig.sizeField) ? chartConfig.sizeField[0] : chartConfig.sizeField || yAxisField\n    const colorFieldName = Array.isArray(chartConfig.colorField) ? chartConfig.colorField[0] : chartConfig.colorField\n\n\n    if (!xAxisField || !yAxisField || !seriesField || !sizeFieldName) {\n      return\n    }\n\n    // Transform data for bubble chart\n    // Null handling: Filter out bubbles where x, y, or size are null\n    const xGranularity = getFieldGranularity(queryObject, xAxisField)\n\n    // Check if x-axis field is a time dimension\n    const isTimeDimension = queryObject?.timeDimensions?.some(\n      (td: { dimension: string }) => td.dimension === xAxisField\n    ) || false\n\n    const bubbleData: BubbleData[] = data\n      .map(item => {\n        const rawXValue = item[xAxisField]\n        let xNum: number\n        let xLabel: string\n\n        if (isTimeDimension && rawXValue) {\n          // For time dimensions, convert to timestamp for proper numeric positioning\n          const dateStr = String(rawXValue)\n          // Try to parse as date - handle ISO format and PostgreSQL format\n          let date: Date\n          if (dateStr.match(/^\\d{4}-\\d{2}-\\d{2}[T ]/)) {\n            // Full timestamp format\n            let isoStr = dateStr\n            if (dateStr.includes(' ')) {\n              isoStr = dateStr.replace(' ', 'T').replace('+00', 'Z').replace(/\\+\\d{2}:\\d{2}$/, 'Z')\n            }\n            if (!isoStr.endsWith('Z') && !isoStr.includes('+')) {\n              isoStr = isoStr + 'Z'\n            }\n            date = new Date(isoStr)\n          } else {\n            date = new Date(dateStr)\n          }\n\n          xNum = isNaN(date.getTime()) ? parseFloat(dateStr) : date.getTime()\n          xLabel = formatTimeValue(rawXValue, xGranularity)\n        } else {\n          // Non-time value - use as-is\n          const formattedValue = formatTimeValue(rawXValue, xGranularity) || rawXValue\n          xNum = typeof formattedValue === 'string' ? parseFloat(formattedValue) : formattedValue\n          xLabel = String(formattedValue)\n        }\n\n        const yValue = parseNumericValue(item[yAxisField])\n        const sizeValue = parseNumericValue(item[sizeFieldName])\n        const seriesValue = item[seriesField]\n\n        return {\n          x: xNum,\n          xLabel, // Store formatted label for tooltip display\n          y: yValue as number, // Type assertion: filter below ensures this is never null\n          size: sizeValue !== null ? Math.abs(sizeValue) : 0, // Ensure positive size\n          color: colorFieldName ? item[colorFieldName] : seriesValue,\n          series: seriesValue,\n          label: `${seriesValue || 'Unknown'}`,\n          isValid: isValidNumericValue(xNum) && yValue !== null && sizeValue !== null && sizeValue > 0\n        }\n      })\n      .filter(d => d.isValid && d.size > 0) // Filter out bubbles with invalid coordinates or no size\n\n    if (bubbleData.length === 0) return\n\n    const margin = { \n      ...CHART_MARGINS, \n      left: CHART_MARGINS.left + 30,  // Add extra 30px left margin for Y-axis label\n      bottom: (safeDisplayConfig.showLegend && colorFieldName) ? 100 : 40  // Add extra space for legend\n    }\n    const width = dimensions.width - margin.left - margin.right\n    const chartHeight = dimensions.height - margin.top - margin.bottom\n\n    const svg = select(svgRef.current)\n      .attr('width', dimensions.width)\n      .attr('height', dimensions.height)\n\n    const g = svg.append('g')\n      .attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // Set up scales\n    const xScale = scaleLinear()\n      .domain(extent(bubbleData, d => d.x) as [number, number])\n      .range([0, width])\n      .nice()\n\n    const yScale = scaleLinear()\n      .domain(extent(bubbleData, d => d.y) as [number, number])\n      .range([chartHeight, 0])\n      .nice()\n\n    const sizeScale = scaleSqrt()\n      .domain([0, max(bubbleData, d => d.size) as number])\n      .range([safeDisplayConfig.minBubbleSize, safeDisplayConfig.maxBubbleSize])\n\n    // Set up color scale\n    let colorScale: ScaleOrdinal<string, string> | ScaleQuantize<string>\n    let isNumericColorField = false\n    let uniqueColors: string[] = []\n    \n    if (colorFieldName && bubbleData.length > 0) {\n      // Check if color field is numeric for color scaling (same logic as TreeMapChart)\n      const colorValues = bubbleData.map(item => {\n        const value = item.color\n        return typeof value === 'string' ? parseFloat(value) : value\n      }).filter((val): val is number => !isNaN(val as number))\n      \n      isNumericColorField = colorValues.length === bubbleData.length && colorValues.every(val => typeof val === 'number')\n      \n      if (isNumericColorField) {\n        // Use D3 quantize scale for better color distribution with small ranges\n        const minValue = Math.min(...colorValues)\n        const maxValue = Math.max(...colorValues)\n        \n        // Create D3 quantize color scale - maps continuous data to discrete color bands\n        colorScale = scaleQuantize<string>()\n          .domain([minValue, maxValue])\n          .range(colorPalette?.gradient || CHART_COLORS_GRADIENT)\n      } else {\n        // Categorical color field - use series colors\n        uniqueColors = [...new Set(bubbleData.map(d => String(d.color)))]\n        colorScale = scaleOrdinal<string>()\n          .domain(uniqueColors)\n          .range(colorPalette?.colors || CHART_COLORS)\n      }\n    } else {\n      // Single color for all bubbles\n      colorScale = scaleOrdinal<string>()\n        .domain(['default'])\n        .range([CHART_COLORS[0]])\n    }\n\n    // Get theme colors from CSS variables\n    const getThemeColor = (varName: string, fallback: string) => {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim()\n      return value || fallback\n    }\n\n    const isDark = theme !== 'light'\n    const textColor = isDark\n      ? getThemeColor('--dc-text-muted', '#cbd5e1')  // Lighter text for dark mode\n      : getThemeColor('--dc-text-secondary', '#374151')  // Darker text for light mode\n    const gridColor = isDark\n      ? getThemeColor('--dc-border', '#475569')  // Lighter grid for dark mode\n      : '#9ca3af'  // Much darker gray for light mode visibility\n\n    // Add grid\n    if (safeDisplayConfig.showGrid) {\n      // X-axis grid\n      const xGrid = g.append('g')\n        .attr('class', 'grid')\n        .attr('transform', `translate(0,${chartHeight})`)\n        .call(axisBottom(xScale)\n          .tickSize(-chartHeight)\n          .tickFormat(() => '')\n        )\n\n      xGrid.selectAll('line')\n        .style('stroke', gridColor)\n        .style('stroke-dasharray', '3,3')\n        .style('opacity', 0.3)\n\n      xGrid.select('.domain')\n        .style('stroke', 'none')\n\n      // Y-axis grid\n      const yGrid = g.append('g')\n        .attr('class', 'grid')\n        .call(axisLeft(yScale)\n          .tickSize(-width)\n          .tickFormat(() => '')\n        )\n\n      yGrid.selectAll('line')\n        .style('stroke', gridColor)\n        .style('stroke-dasharray', '3,3')\n        .style('opacity', 0.3)\n\n      yGrid.select('.domain')\n        .style('stroke', 'none')\n    }\n\n    // Add X axis with proper time formatting if needed\n    const xAxisGenerator = axisBottom(xScale)\n\n    // If it's a time dimension, format the tick labels\n    if (isTimeDimension) {\n      xAxisGenerator.tickFormat((d) => {\n        const date = new Date(d as number)\n        if (isNaN(date.getTime())) return String(d)\n\n        // Format based on granularity\n        switch (xGranularity?.toLowerCase()) {\n          case 'year':\n            return String(date.getUTCFullYear())\n          case 'quarter': {\n            const q = Math.floor(date.getUTCMonth() / 3) + 1\n            return `${date.getUTCFullYear()}-Q${q}`\n          }\n          case 'month':\n            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}`\n          case 'week':\n          case 'day':\n            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}-${String(date.getUTCDate()).padStart(2, '0')}`\n          case 'hour':\n            return `${String(date.getUTCMonth() + 1).padStart(2, '0')}-${String(date.getUTCDate()).padStart(2, '0')} ${String(date.getUTCHours()).padStart(2, '0')}:00`\n          default:\n            return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, '0')}`\n        }\n      })\n    } else if (safeDisplayConfig.xAxisFormat) {\n      // Apply custom formatting for non-time X-axis\n      xAxisGenerator.tickFormat((d) => formatAxisValue(d as number, safeDisplayConfig.xAxisFormat))\n    }\n\n    const xAxis = g.append('g')\n      .attr('transform', `translate(0,${chartHeight})`)\n      .call(xAxisGenerator)\n\n    xAxis.selectAll('text')\n      .style('fill', textColor)\n\n    xAxis.selectAll('line, path')\n      .style('stroke', gridColor)\n\n    xAxis.append('text')\n      .attr('x', width / 2)\n      .attr('y', 35)\n      .attr('fill', textColor)\n      .style('text-anchor', 'middle')\n      .style('font-size', '12px')\n      .text(safeDisplayConfig.xAxisFormat?.label || getFieldLabel(xAxisField))\n\n    // Add Y axis with optional formatting\n    const yAxisGenerator = axisLeft(yScale)\n    if (safeDisplayConfig.leftYAxisFormat) {\n      yAxisGenerator.tickFormat((d) => formatAxisValue(d as number, safeDisplayConfig.leftYAxisFormat))\n    }\n    const yAxis = g.append('g')\n      .call(yAxisGenerator)\n\n    yAxis.selectAll('text')\n      .style('fill', textColor)\n\n    yAxis.selectAll('line, path')\n      .style('stroke', gridColor)\n\n    yAxis.append('text')\n      .attr('transform', 'rotate(-90)')\n      .attr('y', -35)\n      .attr('x', -chartHeight / 2)\n      .attr('fill', textColor)\n      .style('text-anchor', 'middle')\n      .style('font-size', '12px')\n      .text(safeDisplayConfig.leftYAxisFormat?.label || getFieldLabel(yAxisField))\n\n    // Create tooltip\n    const tooltip = select('body').append('div')\n      .attr('class', 'bubble-chart-tooltip')\n      .style('position', 'absolute')\n      .style('padding', '8px')\n      .style('background', 'rgba(0, 0, 0, 0.8)')\n      .style('color', 'white')\n      .style('border-radius', '4px')\n      .style('font-size', '12px')\n      .style('pointer-events', 'none')\n      .style('opacity', 0)\n      .style('z-index', 1000)\n\n    // Add bubbles\n    const bubbles = g.selectAll('.bubble')\n      .data(bubbleData)\n      .enter().append('circle')\n      .attr('class', 'bubble')\n      .attr('cx', d => xScale(d.x))\n      .attr('cy', d => yScale(d.y))\n      .attr('r', d => sizeScale(d.size))\n      .style('fill', d => {\n        if (colorFieldName && d.color !== undefined) {\n          return isNumericColorField\n            ? (colorScale as ScaleQuantize<string>)(d.color as number)\n            : (colorScale as ScaleOrdinal<string, string>)(String(d.color))\n        }\n        return CHART_COLORS[0]\n      })\n      .style('opacity', safeDisplayConfig.bubbleOpacity)\n      .style('stroke', '#fff')\n      .style('stroke-width', 1)\n      .style('cursor', 'pointer')\n\n    // Add hover effects\n    if (safeDisplayConfig.showTooltip) {\n      bubbles\n        .on('mouseover', function(event, d) {\n          select(this)\n            .transition()\n            .duration(200)\n            .style('opacity', 1)\n            .attr('r', sizeScale(d.size) * 1.1)\n\n          const tooltipContent = [\n            `<strong>${d.series || 'Unknown'}</strong>`,\n            `${getFieldLabel(xAxisField)}: ${d.xLabel || (safeDisplayConfig.xAxisFormat ? formatAxisValue(d.x, safeDisplayConfig.xAxisFormat) : d.x)}`,\n            `${getFieldLabel(yAxisField)}: ${safeDisplayConfig.leftYAxisFormat ? formatAxisValue(d.y, safeDisplayConfig.leftYAxisFormat) : d.y}`,\n            `${getFieldLabel(sizeFieldName)}: ${safeDisplayConfig.leftYAxisFormat ? formatAxisValue(d.size, safeDisplayConfig.leftYAxisFormat) : d.size}`,\n            colorFieldName && d.color ? `${getFieldLabel(colorFieldName)}: ${d.color}` : ''\n          ].filter(Boolean).join('<br>')\n\n          tooltip\n            .html(tooltipContent)\n            .style('left', (event.pageX + 10) + 'px')\n            .style('top', (event.pageY - 10) + 'px')\n            .transition()\n            .duration(200)\n            .style('opacity', 1)\n        })\n        .on('mousemove', function(event) {\n          tooltip\n            .style('left', (event.pageX + 10) + 'px')\n            .style('top', (event.pageY - 10) + 'px')\n        })\n        .on('mouseout', function(_event, d) {\n          select(this)\n            .transition()\n            .duration(200)\n            .style('opacity', safeDisplayConfig.bubbleOpacity)\n            .attr('r', sizeScale(d.size))\n\n          tooltip\n            .transition()\n            .duration(200)\n            .style('opacity', 0)\n        })\n    }\n\n    // Add legend if needed\n    if (safeDisplayConfig.showLegend && colorFieldName) {\n      if (isNumericColorField) {\n        // Create gradient legend for numeric color field\n        const legendWidth = 200\n        const legendHeight = 20\n        const minValue = Math.min(...bubbleData.map(d => d.color as number))\n        const maxValue = Math.max(...bubbleData.map(d => d.color as number))\n        \n        const legend = g.append('g')\n          .attr('class', 'color-legend')\n          .attr('transform', `translate(${width / 2 - legendWidth / 2}, ${chartHeight + 60})`)\n\n        // Create gradient definition\n        const defs = svg.append('defs')\n        const gradient = defs.append('linearGradient')\n          .attr('id', 'color-scale-gradient')\n          .attr('x1', '0%')\n          .attr('y1', '0%')\n          .attr('x2', '100%')\n          .attr('y2', '0%')\n\n        // Add color stops for the gradient\n        const gradientColors = colorPalette?.gradient || CHART_COLORS_GRADIENT\n        gradientColors.forEach((color, i) => {\n          gradient.append('stop')\n            .attr('offset', `${(i / (gradientColors.length - 1)) * 100}%`)\n            .attr('stop-color', color)\n        })\n\n        // Add the gradient rectangle\n        legend.append('rect')\n          .attr('width', legendWidth)\n          .attr('height', legendHeight)\n          .style('fill', 'url(#color-scale-gradient)')\n          .style('stroke', '#ccc')\n          .style('stroke-width', 1)\n\n        // Add min value label\n        legend.append('text')\n          .attr('x', 0)\n          .attr('y', legendHeight + 15)\n          .attr('text-anchor', 'start')\n          .style('font-size', '11px')\n          .style('fill', textColor)\n          .text(safeDisplayConfig.leftYAxisFormat ? formatAxisValue(minValue, safeDisplayConfig.leftYAxisFormat) : minValue.toFixed(2))\n\n        // Add max value label\n        legend.append('text')\n          .attr('x', legendWidth)\n          .attr('y', legendHeight + 15)\n          .attr('text-anchor', 'end')\n          .style('font-size', '11px')\n          .style('fill', textColor)\n          .text(safeDisplayConfig.leftYAxisFormat ? formatAxisValue(maxValue, safeDisplayConfig.leftYAxisFormat) : maxValue.toFixed(2))\n\n        // Add field name label\n        legend.append('text')\n          .attr('x', legendWidth / 2)\n          .attr('y', -5)\n          .attr('text-anchor', 'middle')\n          .style('font-size', '12px')\n          .style('font-weight', 'bold')\n          .style('fill', textColor)\n          .text(getFieldLabel(colorFieldName))\n\n      } else {\n        // Original categorical legend\n        const legendItems = uniqueColors\n\n        if (legendItems.length > 0) {\n          const legend = g.append('g')\n            .attr('class', 'legend')\n            .attr('transform', `translate(${width / 2 - (legendItems.length * 80) / 2}, ${chartHeight + 60})`)\n\n          const legendItem = legend.selectAll('.legend-item')\n            .data(legendItems)\n            .enter().append('g')\n            .attr('class', 'legend-item')\n            .attr('transform', (_d, i) => `translate(${i * 80}, 0)`)\n            .style('cursor', 'pointer')\n\n          legendItem.append('circle')\n            .attr('cx', 5)\n            .attr('cy', 5)\n            .attr('r', 5)\n            .style('fill', d => (colorScale as ScaleOrdinal<string, string>)(d as string))\n            .style('opacity', safeDisplayConfig.bubbleOpacity)\n\n          legendItem.append('text')\n            .attr('x', 15)\n            .attr('y', 5)\n            .attr('dy', '.35em')\n            .style('font-size', '11px')\n            .style('fill', textColor)\n            .text(d => String(d))\n\n          // Legend hover effects\n          legendItem\n            .on('mouseover', function(_event, legendKey) {\n              // Highlight matching bubbles\n              bubbles\n                .transition()\n                .duration(200)\n                .style('opacity', d => {\n                  const matches = colorFieldName && String(d.color) === legendKey\n                  return matches ? 1 : 0.2\n                })\n            })\n            .on('mouseout', function() {\n              // Reset all bubbles\n              bubbles\n                .transition()\n                .duration(200)\n                .style('opacity', safeDisplayConfig.bubbleOpacity)\n            })\n        }\n      }\n    }\n\n    // Cleanup function\n    return () => {\n      tooltip.remove()\n    }\n  }, [data, chartConfig, safeDisplayConfig, queryObject, dimensions, dimensionsReady, colorPalette, theme, getFieldLabel])\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 bubble chart</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Validate that we have required fields\n  const hasValidConfig = chartConfig?.xAxis && chartConfig?.yAxis && chartConfig?.series\n  if (!hasValidConfig) {\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 Required</div>\n          <div className=\"text-xs\">Bubble chart requires xAxis, yAxis, series, and sizeField dimensions</div>\n          <div className=\"text-xs mt-1\">Optional: colorField for bubble coloring</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"w-full flex-1 flex flex-col relative\" style={{ height, minHeight: '250px', overflow: 'hidden' }}>\n      <div ref={containerRef} className=\"w-full h-full relative\">\n        <svg ref={svgRef} className=\"w-full h-full\" />\n        {!dimensionsReady && (\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div className=\"text-dc-text-muted text-sm\">Measuring chart dimensions...</div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nexport default BubbleChart"],"names":["themeStore","listener","watchThemeChanges","useTheme","theme","useSyncExternalStore","getTheme","setTheme","useCallback","newTheme","setThemeUtil","BubbleChart","React","data","chartConfig","displayConfig","queryObject","height","colorPalette","svgRef","useRef","containerRef","dimensions","setDimensions","useState","dimensionsReady","setDimensionsReady","getFieldLabel","useCubeFieldLabel","safeDisplayConfig","useMemo","useLayoutEffect","retryCount","maxRetries","rafId","timeoutId","updateDimensions","width","retryWithRaf","useEffect","resizeObserver","entries","entry","select","xAxisField","yAxisField","seriesField","sizeFieldName","colorFieldName","xGranularity","getFieldGranularity","isTimeDimension","td","bubbleData","item","rawXValue","xNum","xLabel","dateStr","date","isoStr","formatTimeValue","formattedValue","yValue","parseNumericValue","sizeValue","seriesValue","isValidNumericValue","d","margin","CHART_MARGINS","chartHeight","svg","g","xScale","scaleLinear","extent","yScale","sizeScale","scaleSqrt","max","colorScale","isNumericColorField","uniqueColors","colorValues","value","val","minValue","maxValue","scaleQuantize","CHART_COLORS_GRADIENT","scaleOrdinal","CHART_COLORS","getThemeColor","varName","fallback","isDark","textColor","gridColor","xGrid","axisBottom","yGrid","axisLeft","xAxisGenerator","q","formatAxisValue","xAxis","yAxisGenerator","yAxis","tooltip","bubbles","event","tooltipContent","_event","legend","gradient","gradientColors","color","i","legendItems","legendItem","_d","legendKey","jsx","jsxs"],"mappings":"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"}

package/dist/client/chunks/chart-bubblechart-config-yLq2oyR3.js

@@ -1,72 +0,0 @@
-import { g as e } from "./chart-activitygridchart-config-AVBoHdRn.js";
-const a = {
-  icon: e("bubble"),
-  description: "Compare three dimensions of data",
-  useCase: "Best for showing relationships between three variables (X, Y, and size), market analysis",
-  dropZones: [
-    {
-      key: "xAxis",
-      label: "X-Axis",
-      description: "Horizontal axis position",
-      mandatory: !0,
-      maxItems: 1,
-      acceptTypes: ["dimension", "timeDimension", "measure"],
-      emptyText: "Drop a field for X-axis position"
-    },
-    {
-      key: "yAxis",
-      label: "Y-Axis",
-      description: "Vertical axis position",
-      mandatory: !0,
-      maxItems: 1,
-      acceptTypes: ["measure"],
-      emptyText: "Drop a measure for Y-axis position"
-    },
-    {
-      key: "sizeField",
-      label: "Bubble Radius",
-      description: "Size of bubbles based on this measure",
-      mandatory: !0,
-      maxItems: 1,
-      acceptTypes: ["measure"],
-      emptyText: "Drop a measure for bubble size"
-    },
-    {
-      key: "series",
-      label: "Bubble Labels",
-      description: "Field to use for bubble labels and identification",
-      mandatory: !0,
-      maxItems: 1,
-      acceptTypes: ["dimension"],
-      emptyText: "Drop a dimension for bubble labels"
-    },
-    {
-      key: "colorField",
-      label: "Bubble Colour",
-      description: "Color bubbles by this field (optional)",
-      mandatory: !1,
-      maxItems: 1,
-      acceptTypes: ["dimension", "measure"],
-      emptyText: "Drop a field for bubble color (optional)"
-    }
-  ],
-  displayOptions: ["showLegend", "showGrid", "showTooltip", "minBubbleSize", "maxBubbleSize", "bubbleOpacity", "hideHeader"],
-  displayOptionsConfig: [
-    {
-      key: "xAxisFormat",
-      label: "X-Axis Format",
-      type: "axisFormat",
-      description: "Number formatting for X-axis"
-    },
-    {
-      key: "leftYAxisFormat",
-      label: "Y-Axis Format",
-      type: "axisFormat",
-      description: "Number formatting for Y-axis and values"
-    }
-  ]
-};
-export {
-  a as bubbleChartConfig
-};
-//# sourceMappingURL=chart-bubblechart-config-yLq2oyR3.js.map

package/dist/client/chunks/chart-bubblechart-config-yLq2oyR3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bubblechart-config-yLq2oyR3.js","sources":["../../../src/client/components/charts/BubbleChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the bubble chart type\n */\nexport const bubbleChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('bubble'),\n  description: 'Compare three dimensions of data',\n  useCase: 'Best for showing relationships between three variables (X, Y, and size), market analysis',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis',\n      description: 'Horizontal axis position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension', 'measure'],\n      emptyText: 'Drop a field for X-axis position'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis', \n      description: 'Vertical axis position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for Y-axis position'\n    },\n    {\n      key: 'sizeField',\n      label: 'Bubble Radius',\n      description: 'Size of bubbles based on this measure',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for bubble size'\n    },\n    {\n      key: 'series',\n      label: 'Bubble Labels',\n      description: 'Field to use for bubble labels and identification',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension for bubble labels'\n    },\n    {\n      key: 'colorField',\n      label: 'Bubble Colour',\n      description: 'Color bubbles by this field (optional)',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'measure'],\n      emptyText: 'Drop a field for bubble color (optional)'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'minBubbleSize', 'maxBubbleSize', 'bubbleOpacity', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'xAxisFormat',\n      label: 'X-Axis Format',\n      type: 'axisFormat',\n      description: 'Number formatting for X-axis'\n    },\n    {\n      key: 'leftYAxisFormat',\n      label: 'Y-Axis Format',\n      type: 'axisFormat',\n      description: 'Number formatting for Y-axis and values'\n    }\n  ]\n}"],"names":["bubbleChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAqC;AAAA,EAChD,MAAMC,EAAiB,QAAQ;AAAA,EAC/B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,iBAAiB,SAAS;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,SAAS;AAAA,MACpC,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,iBAAiB,iBAAiB,iBAAiB,YAAY;AAAA,EACzH,sBAAsB;AAAA,IACpB;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-chartcontainer-CdwzIKP1.js

@@ -1,103 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { useRef as v, useState as m, useLayoutEffect as y } from "react";
-import { ResponsiveContainer as x } from "recharts";
-const b = {
-  sm: "h-6 w-6",
-  md: "h-8 w-8",
-  lg: "h-12 w-12"
-};
-function g({
-  size: l = "md",
-  className: i = ""
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: `animate-spin rounded-full border-b-2 ${b[l]} ${i}`,
-      style: { borderBottomColor: "var(--dc-primary)" },
-      role: "status",
-      "aria-label": "Loading"
-    }
-  );
-}
-function z({ children: l, height: i = "100%" }) {
-  const t = v(null), [o, h] = m(!1), [r, f] = m({ width: 0, height: 0 });
-  y(() => {
-    let n = !0, a = null;
-    const w = () => {
-      if (!n || !t.current) return;
-      const c = t.current.getBoundingClientRect(), d = Math.max(t.current.clientWidth, c.width), s = Math.max(t.current.clientHeight, c.height);
-      d > 0 && s > 0 && (f({ width: d, height: s }), h(!0));
-    };
-    return a = new ResizeObserver((c) => {
-      for (const d of c) {
-        const { width: s, height: u } = d.contentRect;
-        s > 0 && u > 0 && (f({ width: s, height: u }), o || h(!0));
-      }
-    }), t.current && (a.observe(t.current), w()), () => {
-      n = !1, a?.disconnect();
-    };
-  }, [o]);
-  try {
-    if (i === "100%")
-      return /* @__PURE__ */ e(
-        "div",
-        {
-          ref: t,
-          className: "w-full h-full flex-1 flex flex-col relative",
-          style: { minHeight: "250px", minWidth: "100px", overflow: "hidden" },
-          children: o && r.width > 0 && r.height > 0 ? /* @__PURE__ */ e(
-            x,
-            {
-              width: r.width,
-              height: r.height - 16,
-              debounce: 100,
-              style: { marginTop: "16px" },
-              children: l
-            }
-          ) : /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e(g, { size: "sm" }) })
-        }
-      );
-    const n = {
-      height: typeof i == "number" ? `${i}px` : i,
-      width: "100%",
-      minHeight: "200px",
-      minWidth: "100px"
-    };
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: t,
-        className: "w-full flex flex-col relative",
-        style: { ...n, overflow: "hidden" },
-        children: o && r.width > 0 && r.height > 0 ? /* @__PURE__ */ e(
-          x,
-          {
-            width: r.width,
-            height: r.height - 16,
-            debounce: 100,
-            style: { marginTop: "16px" },
-            children: l
-          }
-        ) : /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ e(g, { size: "sm" }) })
-      }
-    );
-  } catch (n) {
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        className: "flex flex-col items-center justify-center w-full h-full p-4 text-center border border-dashed rounded-lg",
-        style: { height: i, borderColor: "var(--dc-border)", backgroundColor: "var(--dc-surface)" },
-        children: [
-          /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1 text-dc-text-muted", children: "Unable to display chart" }),
-          /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: n instanceof Error ? n.message : "Failed to create responsive container" })
-        ]
-      }
-    );
-  }
-}
-export {
-  z as C,
-  g as L
-};
-//# sourceMappingURL=chart-chartcontainer-CdwzIKP1.js.map