drizzle-cube 0.5.8 → 0.6.1

package/dist/client/chunks/chart-bubble-B2he1--4.js

@@ -0,0 +1,221 @@
+import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+import { P as t, S as n, a as r, c as i, h as a, i as o, l as s, n as c, o as l, r as u, s as d, w as f, x as p, y as m } from "./chart-activity-grid-DX0SJbxs.js";
+import h, { useCallback as g, useEffect as _, useMemo as v, useSyncExternalStore as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { axisBottom as S, axisLeft as C, extent as w, max as T, scaleLinear as E, scaleOrdinal as D, scaleQuantize as O, scaleSqrt as k, select as A } from "d3";
+//#region src/client/hooks/useTheme.ts
+var j = {
+	listeners: /* @__PURE__ */ new Set(),
+	subscribe(e) {
+		return this.listeners.add(e), () => this.listeners.delete(e);
+	},
+	notify() {
+		this.listeners.forEach((e) => e());
+	}
+};
+p(() => {
+	j.notify();
+});
+function M() {
+	return {
+		theme: y(j.subscribe.bind(j), a, a),
+		setTheme: g((e) => {
+			m(e), j.notify();
+		}, [])
+	};
+}
+//#endregion
+//#region src/client/components/charts/BubbleChart.render.ts
+function N(e, t, n) {
+	if (t && e.length > 0) {
+		let t = e.map((e) => typeof e.color == "string" ? parseFloat(e.color) : e.color).filter((e) => !isNaN(e)), r = t.length === e.length && t.every((e) => typeof e == "number");
+		if (r) return {
+			colorScale: O().domain([Math.min(...t), Math.max(...t)]).range(n?.gradient || i),
+			isNumericColorField: r,
+			uniqueColors: []
+		};
+		let a = [...new Set(e.map((e) => String(e.color)))];
+		return {
+			colorScale: D().domain(a).range(n?.colors || d),
+			isNumericColorField: r,
+			uniqueColors: a
+		};
+	}
+	return {
+		colorScale: D().domain(["default"]).range([d[0]]),
+		isNumericColorField: !1,
+		uniqueColors: []
+	};
+}
+function P(e, t) {
+	let n = new Date(e);
+	if (isNaN(n.getTime())) return String(e);
+	let r = n.getUTCFullYear(), i = String(n.getUTCMonth() + 1).padStart(2, "0"), a = String(n.getUTCDate()).padStart(2, "0");
+	switch (t?.toLowerCase()) {
+		case "year": return String(r);
+		case "quarter": return `${r}-Q${Math.floor(n.getUTCMonth() / 3) + 1}`;
+		case "month": return `${r}-${i}`;
+		case "week":
+		case "day": return `${r}-${i}-${a}`;
+		case "hour": return `${i}-${a} ${String(n.getUTCHours()).padStart(2, "0")}:00`;
+		default: return `${r}-${i}`;
+	}
+}
+function F(e, t, n, r, i, a) {
+	let o = (e) => {
+		e.selectAll("line").style("stroke", a).style("stroke-dasharray", "3,3").style("opacity", .3), e.select(".domain").style("stroke", "none");
+	};
+	o(e.append("g").attr("transform", `translate(0,${i})`).call(S(t).tickSize(-i).tickFormat(() => ""))), o(e.append("g").call(C(n).tickSize(-r).tickFormat(() => "")));
+}
+function I(e, t, n, r, i, a, o, s) {
+	let { fields: c, options: l, queryObject: u, getFieldLabel: d } = e, p = u?.timeDimensions?.some((e) => e.dimension === c.xAxisField) || !1, m = u?.timeDimensions?.find((e) => e.dimension === c.xAxisField)?.granularity, h = S(n);
+	p ? h.tickFormat((e) => P(e, m)) : l.xAxisFormat && h.tickFormat((e) => f(e, l.xAxisFormat));
+	let g = t.append("g").attr("transform", `translate(0,${a})`).call(h);
+	g.selectAll("text").style("fill", o), g.selectAll("line, path").style("stroke", s), g.append("text").attr("x", i / 2).attr("y", 35).attr("fill", o).style("text-anchor", "middle").style("font-size", "12px").text(l.xAxisFormat?.label || d(c.xAxisField));
+	let _ = C(r);
+	l.leftYAxisFormat && _.tickFormat((e) => f(e, l.leftYAxisFormat));
+	let v = t.append("g").call(_);
+	v.selectAll("text").style("fill", o), v.selectAll("line, path").style("stroke", s), v.append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -a / 2).attr("fill", o).style("text-anchor", "middle").style("font-size", "12px").text(l.leftYAxisFormat?.label || d(c.yAxisField));
+}
+function L() {
+	return A("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);
+}
+function R(e, t) {
+	let { fields: n, options: r, getFieldLabel: i } = e, a = (e) => r.leftYAxisFormat ? f(e, r.leftYAxisFormat) : e;
+	return [
+		`<strong>${t.series || "Unknown"}</strong>`,
+		`${i(n.xAxisField)}: ${t.xLabel || (r.xAxisFormat ? f(t.x, r.xAxisFormat) : t.x)}`,
+		`${i(n.yAxisField)}: ${a(t.y)}`,
+		`${i(n.sizeFieldName)}: ${a(t.size)}`,
+		n.colorFieldName && t.color ? `${i(n.colorFieldName)}: ${t.color}` : ""
+	].filter(Boolean).join("<br>");
+}
+function z(e, t, n, r) {
+	t.on("mouseover", function(t, i) {
+		A(this).transition().duration(200).style("opacity", 1).attr("r", r(i.size) * 1.1), n.html(R(e, i)).style("left", t.pageX + 10 + "px").style("top", t.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
+	}).on("mousemove", function(e) {
+		n.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
+	}).on("mouseout", function(t, i) {
+		A(this).transition().duration(200).style("opacity", e.options.bubbleOpacity).attr("r", r(i.size)), n.transition().duration(200).style("opacity", 0);
+	});
+}
+function B(e, t, n, r, a, o) {
+	let { bubbleData: s, fields: c, options: l, colorPalette: u, getFieldLabel: d } = e, p = Math.min(...s.map((e) => e.color)), m = Math.max(...s.map((e) => e.color)), h = (e) => l.leftYAxisFormat ? f(e, l.leftYAxisFormat) : e.toFixed(2), g = n.append("g").attr("class", "color-legend").attr("transform", `translate(${r / 2 - 200 / 2}, ${a + 60})`), _ = t.append("defs").append("linearGradient").attr("id", "color-scale-gradient").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%"), v = u?.gradient || i;
+	v.forEach((e, t) => {
+		_.append("stop").attr("offset", `${t / (v.length - 1) * 100}%`).attr("stop-color", e);
+	}), g.append("rect").attr("width", 200).attr("height", 20).style("fill", "url(#color-scale-gradient)").style("stroke", "#ccc").style("stroke-width", 1), g.append("text").attr("x", 0).attr("y", 35).attr("text-anchor", "start").style("font-size", "11px").style("fill", o).text(h(p)), g.append("text").attr("x", 200).attr("y", 35).attr("text-anchor", "end").style("font-size", "11px").style("fill", o).text(h(m)), g.append("text").attr("x", 200 / 2).attr("y", -5).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", o).text(d(c.colorFieldName));
+}
+function V(e, t, n, r, i, a, o, s) {
+	let { fields: c, options: l } = e;
+	if (a.length === 0) return;
+	let u = t.append("g").attr("class", "legend").attr("transform", `translate(${n / 2 - a.length * 80 / 2}, ${r + 60})`).selectAll(".legend-item").data(a).enter().append("g").attr("class", "legend-item").attr("transform", (e, t) => `translate(${t * 80}, 0)`).style("cursor", "pointer");
+	u.append("circle").attr("cx", 5).attr("cy", 5).attr("r", 5).style("fill", (e) => o(e)).style("opacity", l.bubbleOpacity), u.append("text").attr("x", 15).attr("y", 5).attr("dy", ".35em").style("font-size", "11px").style("fill", i).text((e) => String(e)), u.on("mouseover", function(e, t) {
+		s.transition().duration(200).style("opacity", (e) => c.colorFieldName && String(e.color) === t ? 1 : .2);
+	}).on("mouseout", function() {
+		s.transition().duration(200).style("opacity", l.bubbleOpacity);
+	});
+}
+function H(e) {
+	let { svgEl: t, bubbleData: n, fields: r, options: i, dimensions: a, colorPalette: c, isDark: l } = e;
+	if (A(t).selectAll("*").remove(), n.length === 0) return;
+	let u = {
+		...s,
+		left: s.left + 30,
+		bottom: i.showLegend && r.colorFieldName ? 100 : 40
+	}, f = a.width - u.left - u.right, p = a.height - u.top - u.bottom, m = A(t).attr("width", a.width).attr("height", a.height), h = m.append("g").attr("transform", `translate(${u.left},${u.top})`), g = E().domain(w(n, (e) => e.x)).range([0, f]).nice(), _ = E().domain(w(n, (e) => e.y)).range([p, 0]).nice(), v = k().domain([0, T(n, (e) => e.size)]).range([i.minBubbleSize, i.maxBubbleSize]), { colorScale: y, isNumericColorField: b, uniqueColors: x } = N(n, r.colorFieldName, c), { textColor: S, gridColor: C } = o(l);
+	i.showGrid && F(h, g, _, f, p, C), I(e, h, g, _, f, p, S, C);
+	let D = L(), O = h.selectAll(".bubble").data(n).enter().append("circle").attr("class", "bubble").attr("cx", (e) => g(e.x)).attr("cy", (e) => _(e.y)).attr("r", (e) => v(e.size)).style("fill", (e) => r.colorFieldName && e.color !== void 0 ? y(b ? e.color : String(e.color)) : d[0]).style("opacity", i.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
+	return i.showTooltip && z(e, O, D, v), i.showLegend && r.colorFieldName && (b ? B(e, m, h, f, p, S) : V(e, h, f, p, S, x, y, O)), () => {
+		D.remove();
+	};
+}
+//#endregion
+//#region src/client/components/charts/BubbleChart.tsx
+var U = /* @__PURE__ */ e({ default: () => W }), W = h.memo(function({ data: e, chartConfig: i, displayConfig: a = {}, queryObject: o, height: s = "100%", colorPalette: d }) {
+	let { t: f } = t(), p = h.useRef(null), { containerRef: m, dimensions: g, dimensionsReady: y } = l(), { theme: S } = M(), C = n(), w = v(() => c(a), [a]);
+	return _(() => {
+		if (!e || e.length === 0 || !p.current || !y || g.width === 0) return;
+		let t = u(i);
+		if (!t) return;
+		let n = r(e, t, o);
+		return H({
+			svgEl: p.current,
+			bubbleData: n,
+			fields: t,
+			options: w,
+			dimensions: g,
+			queryObject: o,
+			colorPalette: d,
+			isDark: S !== "light",
+			getFieldLabel: C
+		});
+	}, [
+		e,
+		i,
+		w,
+		o,
+		g,
+		y,
+		d,
+		S,
+		C
+	]), !e || e.length === 0 ? /* @__PURE__ */ b("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+		style: { height: s },
+		children: /* @__PURE__ */ x("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ b("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: f("chart.runtime.noData")
+			}), /* @__PURE__ */ b("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: f("chart.runtime.noDataHint.bubble")
+			})]
+		})
+	}) : i?.xAxis && i?.yAxis && i?.series ? /* @__PURE__ */ b("div", {
+		className: "dc:w-full dc:flex-1 dc:flex dc:flex-col dc:relative",
+		style: {
+			height: s,
+			minHeight: "250px",
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ x("div", {
+			ref: m,
+			className: "dc:w-full dc:h-full dc:relative",
+			children: [/* @__PURE__ */ b("svg", {
+				ref: p,
+				className: "dc:w-full dc:h-full"
+			}), !y && /* @__PURE__ */ b("div", {
+				className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center",
+				children: /* @__PURE__ */ b("div", {
+					className: "text-dc-text-muted dc:text-sm",
+					children: f("chart.runtime.measuringDimensions")
+				})
+			})]
+		})
+	}) : /* @__PURE__ */ b("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+		style: { height: s },
+		children: /* @__PURE__ */ x("div", {
+			className: "dc:text-center",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: f("chart.runtime.activityGridConfigRequired")
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "dc:text-xs",
+					children: f("chart.runtime.configErrorHint.bubbleRequired")
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "dc:text-xs dc:mt-1",
+					children: f("chart.runtime.configErrorHint.bubbleOptional")
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { M as n, U as t };
+
+//# sourceMappingURL=chart-bubble-B2he1--4.js.map

package/dist/client/chunks/chart-bubble-B2he1--4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-bubble-B2he1--4.js","names":[],"sources":["../../../src/client/hooks/useTheme.ts","../../../src/client/components/charts/BubbleChart.render.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/index.js'\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","/**\n * D3 rendering for BubbleChart, extracted from the component's render effect.\n *\n * The effect orchestrates these pure-ish drawing helpers. Behaviour matches the\n * original inline D3 exactly; only the structure changed (one function per\n * concern) to keep each helper's complexity low.\n */\nimport {\n  select,\n  scaleLinear,\n  scaleSqrt,\n  scaleOrdinal,\n  scaleQuantize,\n  extent,\n  max,\n  axisBottom,\n  axisLeft,\n  type Selection,\n  type ScaleLinear,\n  type ScalePower,\n  type ScaleOrdinal,\n  type ScaleQuantize\n} from 'd3'\nimport { CHART_COLORS, CHART_COLORS_GRADIENT, CHART_MARGINS } from '../../utils/chartConstants.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport { resolveThemeColors } from './BubbleChart.helpers.js'\nimport type { BubbleData, BubbleDisplayOptions, BubbleFields } from './BubbleChart.helpers.js'\nimport type { ColorPalette, CubeQuery } from '../../types.js'\n\ntype ColorScale = ScaleOrdinal<string, string> | ScaleQuantize<string>\ntype G = Selection<SVGGElement, unknown, null, undefined>\n\nexport interface BubbleRenderContext {\n  svgEl: SVGSVGElement\n  bubbleData: BubbleData[]\n  fields: BubbleFields\n  options: BubbleDisplayOptions\n  dimensions: { width: number; height: number }\n  queryObject: CubeQuery | undefined\n  colorPalette?: ColorPalette\n  isDark: boolean\n  getFieldLabel: (field: string) => string\n}\n\ninterface ColorScaleResult {\n  colorScale: ColorScale\n  isNumericColorField: boolean\n  uniqueColors: string[]\n}\n\n/** Build the bubble fill colour scale (numeric → quantize, categorical → ordinal). */\nfunction buildColorScale(\n  bubbleData: BubbleData[],\n  colorFieldName: string | undefined,\n  colorPalette: ColorPalette | undefined\n): ColorScaleResult {\n  if (colorFieldName && bubbleData.length > 0) {\n    const colorValues = bubbleData\n      .map((item) => (typeof item.color === 'string' ? parseFloat(item.color) : item.color))\n      .filter((val): val is number => !isNaN(val as number))\n    const isNumericColorField =\n      colorValues.length === bubbleData.length && colorValues.every((val) => typeof val === 'number')\n\n    if (isNumericColorField) {\n      const colorScale = scaleQuantize<string>()\n        .domain([Math.min(...colorValues), Math.max(...colorValues)])\n        .range(colorPalette?.gradient || CHART_COLORS_GRADIENT)\n      return { colorScale, isNumericColorField, uniqueColors: [] }\n    }\n\n    const uniqueColors = [...new Set(bubbleData.map((d) => String(d.color)))]\n    const colorScale = scaleOrdinal<string>().domain(uniqueColors).range(colorPalette?.colors || CHART_COLORS)\n    return { colorScale, isNumericColorField, uniqueColors }\n  }\n\n  const colorScale = scaleOrdinal<string>().domain(['default']).range([CHART_COLORS[0]])\n  return { colorScale, isNumericColorField: false, uniqueColors: [] }\n}\n\n/** Format an x-axis tick for a time dimension based on its granularity. */\nfunction formatTimeTick(value: number | { valueOf(): number }, granularity: string | undefined): string {\n  const date = new Date(value as number)\n  if (isNaN(date.getTime())) return String(value)\n  const yr = date.getUTCFullYear()\n  const mo = String(date.getUTCMonth() + 1).padStart(2, '0')\n  const dy = String(date.getUTCDate()).padStart(2, '0')\n  switch (granularity?.toLowerCase()) {\n    case 'year':\n      return String(yr)\n    case 'quarter':\n      return `${yr}-Q${Math.floor(date.getUTCMonth() / 3) + 1}`\n    case 'month':\n      return `${yr}-${mo}`\n    case 'week':\n    case 'day':\n      return `${yr}-${mo}-${dy}`\n    case 'hour':\n      return `${mo}-${dy} ${String(date.getUTCHours()).padStart(2, '0')}:00`\n    default:\n      return `${yr}-${mo}`\n  }\n}\n\n/** Draw the dashed background grid. */\nfunction drawGrid(\n  g: G,\n  xScale: ScaleLinear<number, number>,\n  yScale: ScaleLinear<number, number>,\n  width: number,\n  chartHeight: number,\n  gridColor: string\n) {\n  const styleGrid = (grid: G) => {\n    grid.selectAll('line').style('stroke', gridColor).style('stroke-dasharray', '3,3').style('opacity', 0.3)\n    grid.select('.domain').style('stroke', 'none')\n  }\n  const xGrid = g\n    .append('g')\n    .attr('transform', `translate(0,${chartHeight})`)\n    .call(axisBottom(xScale).tickSize(-chartHeight).tickFormat(() => '')) as unknown as G\n  styleGrid(xGrid)\n  const yGrid = g.append('g').call(axisLeft(yScale).tickSize(-width).tickFormat(() => '')) as unknown as G\n  styleGrid(yGrid)\n}\n\n/** Draw X and Y axes with labels and theme-aware styling. */\nfunction drawAxes(\n  ctx: BubbleRenderContext,\n  g: G,\n  xScale: ScaleLinear<number, number>,\n  yScale: ScaleLinear<number, number>,\n  width: number,\n  chartHeight: number,\n  textColor: string,\n  gridColor: string\n) {\n  const { fields, options, queryObject, getFieldLabel } = ctx\n  const isTimeDimension =\n    queryObject?.timeDimensions?.some((td: { dimension: string }) => td.dimension === fields.xAxisField) || false\n  const xGranularity = queryObject?.timeDimensions?.find(\n    (td: { dimension: string; granularity?: string }) => td.dimension === fields.xAxisField\n  )?.granularity\n\n  const xAxisGenerator = axisBottom(xScale)\n  if (isTimeDimension) {\n    xAxisGenerator.tickFormat((d) => formatTimeTick(d as number, xGranularity))\n  } else if (options.xAxisFormat) {\n    xAxisGenerator.tickFormat((d) => formatAxisValue(d as number, options.xAxisFormat))\n  }\n\n  const xAxis = g.append('g').attr('transform', `translate(0,${chartHeight})`).call(xAxisGenerator)\n  xAxis.selectAll('text').style('fill', textColor)\n  xAxis.selectAll('line, path').style('stroke', gridColor)\n  xAxis\n    .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(options.xAxisFormat?.label || getFieldLabel(fields.xAxisField))\n\n  const yAxisGenerator = axisLeft(yScale)\n  if (options.leftYAxisFormat) {\n    yAxisGenerator.tickFormat((d) => formatAxisValue(d as number, options.leftYAxisFormat))\n  }\n  const yAxis = g.append('g').call(yAxisGenerator)\n  yAxis.selectAll('text').style('fill', textColor)\n  yAxis.selectAll('line, path').style('stroke', gridColor)\n  yAxis\n    .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(options.leftYAxisFormat?.label || getFieldLabel(fields.yAxisField))\n}\n\n/** Create the floating HTML tooltip element. */\nfunction createTooltip() {\n  return select('body')\n    .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\ntype Tooltip = ReturnType<typeof createTooltip>\ntype Bubbles = Selection<SVGCircleElement, BubbleData, SVGGElement, unknown>\n\n/** Compose the multi-line tooltip HTML for a bubble. */\nfunction bubbleTooltipHtml(ctx: BubbleRenderContext, d: BubbleData): string {\n  const { fields, options, getFieldLabel } = ctx\n  const fmt = (v: number) => (options.leftYAxisFormat ? formatAxisValue(v, options.leftYAxisFormat) : v)\n  return [\n    `<strong>${d.series || 'Unknown'}</strong>`,\n    `${getFieldLabel(fields.xAxisField)}: ${d.xLabel || (options.xAxisFormat ? formatAxisValue(d.x, options.xAxisFormat) : d.x)}`,\n    `${getFieldLabel(fields.yAxisField)}: ${fmt(d.y)}`,\n    `${getFieldLabel(fields.sizeFieldName)}: ${fmt(d.size)}`,\n    fields.colorFieldName && d.color ? `${getFieldLabel(fields.colorFieldName)}: ${d.color}` : ''\n  ]\n    .filter(Boolean)\n    .join('<br>')\n}\n\n/** Attach hover handlers showing/hiding the tooltip and growing the bubble. */\nfunction attachBubbleHover(\n  ctx: BubbleRenderContext,\n  bubbles: Bubbles,\n  tooltip: Tooltip,\n  sizeScale: ScalePower<number, number>\n) {\n  bubbles\n    .on('mouseover', function (event, d) {\n      select(this).transition().duration(200).style('opacity', 1).attr('r', sizeScale(d.size) * 1.1)\n      tooltip\n        .html(bubbleTooltipHtml(ctx, d))\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.style('left', event.pageX + 10 + 'px').style('top', event.pageY - 10 + 'px')\n    })\n    .on('mouseout', function (_event, d) {\n      select(this).transition().duration(200).style('opacity', ctx.options.bubbleOpacity).attr('r', sizeScale(d.size))\n      tooltip.transition().duration(200).style('opacity', 0)\n    })\n}\n\n/** Draw the gradient legend for a numeric colour field. */\nfunction drawNumericLegend(\n  ctx: BubbleRenderContext,\n  svg: Selection<SVGSVGElement, unknown, null, undefined>,\n  g: G,\n  width: number,\n  chartHeight: number,\n  textColor: string\n) {\n  const { bubbleData, fields, options, colorPalette, getFieldLabel } = ctx\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  const fmt = (v: number) => (options.leftYAxisFormat ? formatAxisValue(v, options.leftYAxisFormat) : v.toFixed(2))\n\n  const legend = g\n    .append('g')\n    .attr('class', 'color-legend')\n    .attr('transform', `translate(${width / 2 - legendWidth / 2}, ${chartHeight + 60})`)\n\n  const gradient = svg\n    .append('defs')\n    .append('linearGradient')\n    .attr('id', 'color-scale-gradient')\n    .attr('x1', '0%').attr('y1', '0%').attr('x2', '100%').attr('y2', '0%')\n  const gradientColors = colorPalette?.gradient || CHART_COLORS_GRADIENT\n  gradientColors.forEach((color, i) => {\n    gradient.append('stop').attr('offset', `${(i / (gradientColors.length - 1)) * 100}%`).attr('stop-color', color)\n  })\n\n  legend.append('rect')\n    .attr('width', legendWidth).attr('height', legendHeight)\n    .style('fill', 'url(#color-scale-gradient)').style('stroke', '#ccc').style('stroke-width', 1)\n  legend.append('text')\n    .attr('x', 0).attr('y', legendHeight + 15).attr('text-anchor', 'start')\n    .style('font-size', '11px').style('fill', textColor).text(fmt(minValue))\n  legend.append('text')\n    .attr('x', legendWidth).attr('y', legendHeight + 15).attr('text-anchor', 'end')\n    .style('font-size', '11px').style('fill', textColor).text(fmt(maxValue))\n  legend.append('text')\n    .attr('x', legendWidth / 2).attr('y', -5).attr('text-anchor', 'middle')\n    .style('font-size', '12px').style('font-weight', 'bold').style('fill', textColor)\n    .text(getFieldLabel(fields.colorFieldName!))\n}\n\n/** Draw the categorical legend (one swatch per series) with hover highlighting. */\nfunction drawCategoricalLegend(\n  ctx: BubbleRenderContext,\n  g: G,\n  width: number,\n  chartHeight: number,\n  textColor: string,\n  uniqueColors: string[],\n  colorScale: ScaleOrdinal<string, string>,\n  bubbles: Bubbles\n) {\n  const { fields, options } = ctx\n  if (uniqueColors.length === 0) return\n\n  const legend = g\n    .append('g')\n    .attr('class', 'legend')\n    .attr('transform', `translate(${width / 2 - (uniqueColors.length * 80) / 2}, ${chartHeight + 60})`)\n\n  const legendItem = legend\n    .selectAll('.legend-item')\n    .data(uniqueColors)\n    .enter()\n    .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).attr('cy', 5).attr('r', 5)\n    .style('fill', (d) => colorScale(d as string)).style('opacity', options.bubbleOpacity)\n  legendItem.append('text')\n    .attr('x', 15).attr('y', 5).attr('dy', '.35em')\n    .style('font-size', '11px').style('fill', textColor).text((d) => String(d))\n\n  legendItem\n    .on('mouseover', function (_event, legendKey) {\n      bubbles.transition().duration(200).style('opacity', (d) =>\n        fields.colorFieldName && String(d.color) === legendKey ? 1 : 0.2\n      )\n    })\n    .on('mouseout', function () {\n      bubbles.transition().duration(200).style('opacity', options.bubbleOpacity)\n    })\n}\n\n/**\n * Render the bubble chart into the given SVG element. Returns a cleanup function\n * that removes the floating tooltip. Returns undefined when there is nothing to draw.\n */\nexport function renderBubbleChart(ctx: BubbleRenderContext): (() => void) | undefined {\n  const { svgEl, bubbleData, fields, options, dimensions, colorPalette, isDark } = ctx\n\n  select(svgEl).selectAll('*').remove()\n  if (bubbleData.length === 0) return undefined\n\n  const margin = {\n    ...CHART_MARGINS,\n    left: CHART_MARGINS.left + 30,\n    bottom: options.showLegend && fields.colorFieldName ? 100 : 40\n  }\n  const width = dimensions.width - margin.left - margin.right\n  const chartHeight = dimensions.height - margin.top - margin.bottom\n\n  const svg = select(svgEl).attr('width', dimensions.width).attr('height', dimensions.height)\n  const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n  const xScale = scaleLinear().domain(extent(bubbleData, (d) => d.x) as [number, number]).range([0, width]).nice()\n  const yScale = scaleLinear().domain(extent(bubbleData, (d) => d.y) as [number, number]).range([chartHeight, 0]).nice()\n  const sizeScale = scaleSqrt()\n    .domain([0, max(bubbleData, (d) => d.size) as number])\n    .range([options.minBubbleSize, options.maxBubbleSize])\n\n  const { colorScale, isNumericColorField, uniqueColors } = buildColorScale(\n    bubbleData,\n    fields.colorFieldName,\n    colorPalette\n  )\n  const { textColor, gridColor } = resolveThemeColors(isDark)\n\n  if (options.showGrid) {\n    drawGrid(g, xScale, yScale, width, chartHeight, gridColor)\n  }\n  drawAxes(ctx, g, xScale, yScale, width, chartHeight, textColor, gridColor)\n\n  const tooltip = createTooltip()\n\n  const bubbles = g\n    .selectAll('.bubble')\n    .data(bubbleData)\n    .enter()\n    .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 (fields.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', options.bubbleOpacity)\n    .style('stroke', '#fff')\n    .style('stroke-width', 1)\n    .style('cursor', 'pointer') as Bubbles\n\n  if (options.showTooltip) {\n    attachBubbleHover(ctx, bubbles, tooltip, sizeScale)\n  }\n\n  if (options.showLegend && fields.colorFieldName) {\n    if (isNumericColorField) {\n      drawNumericLegend(ctx, svg, g, width, chartHeight, textColor)\n    } else {\n      drawCategoricalLegend(ctx, g, width, chartHeight, textColor, uniqueColors, colorScale as ScaleOrdinal<string, string>, bubbles)\n    }\n  }\n\n  return () => {\n    tooltip.remove()\n  }\n}\n","import React, { useEffect, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { transition as _transition } from 'd3'\n// _transition import is for side effects only - it extends Selection.prototype with .transition()\nvoid _transition\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport { useTheme } from '../../hooks/useTheme.js'\nimport { useChartDimensions } from './useChartDimensions.js'\nimport {\n  resolveBubbleDisplayOptions,\n  resolveBubbleFields,\n  transformBubbleData\n} from './BubbleChart.helpers.js'\nimport { renderBubbleChart } from './BubbleChart.render.js'\nimport type { ChartProps } from '../../types.js'\n\nconst BubbleChart = React.memo(function BubbleChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const svgRef = React.useRef<SVGSVGElement | null>(null)\n  const { containerRef, dimensions, dimensionsReady } = useChartDimensions()\n  const { theme } = useTheme()\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Memoize display options to keep the render effect dependencies stable\n  const options = useMemo(() => resolveBubbleDisplayOptions(displayConfig), [displayConfig])\n\n  useEffect(() => {\n    if (!data || data.length === 0 || !svgRef.current || !dimensionsReady || dimensions.width === 0) {\n      return\n    }\n\n    const fields = resolveBubbleFields(chartConfig)\n    if (!fields) return\n\n    const bubbleData = transformBubbleData(data as Record<string, any>[], fields, queryObject)\n\n    return renderBubbleChart({\n      svgEl: svgRef.current,\n      bubbleData,\n      fields,\n      options,\n      dimensions,\n      queryObject,\n      colorPalette,\n      isDark: theme !== 'light',\n      getFieldLabel\n    })\n  }, [data, chartConfig, options, queryObject, dimensions, dimensionsReady, colorPalette, theme, getFieldLabel])\n\n  if (!data || data.length === 0) {\n    return (\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.bubble')}</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=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.activityGridConfigRequired')}</div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.bubbleRequired')}</div>\n          <div className=\"dc:text-xs dc:mt-1\">{t('chart.runtime.configErrorHint.bubbleOptional')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"dc:w-full dc:flex-1 dc:flex dc:flex-col dc:relative\" style={{ height, minHeight: '250px', overflow: 'hidden' }}>\n      <div ref={containerRef} className=\"dc:w-full dc:h-full dc:relative\">\n        <svg ref={svgRef} className=\"dc:w-full dc:h-full\" />\n        {!dimensionsReady && (\n          <div className=\"dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center\">\n            <div className=\"text-dc-text-muted dc:text-sm\">{t('chart.runtime.measuringDimensions')}</div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nexport default BubbleChart\n"],"mappings":"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"}

package/dist/client/chunks/{chart-candlestick-Dwc92Mrj.js → chart-candlestick-DZp19Tzh.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { k as t, y as n } from "./chart-activity-grid-DmruKPab.js";
+import { P as t, w as n } from "./chart-activity-grid-DX0SJbxs.js";
 import r, { useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/client/components/charts/CandlestickChart.tsx
@@ -300,4 +300,4 @@ var y = r.memo(function({ data: e, chartConfig: r, displayConfig: c = {}, height
 //#endregion
 export { d as t };
 
-//# sourceMappingURL=chart-candlestick-Dwc92Mrj.js.map
+//# sourceMappingURL=chart-candlestick-DZp19Tzh.js.map

package/dist/client/chunks/chart-candlestick-DZp19Tzh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-candlestick-DZp19Tzh.js","names":[],"sources":["../../../src/client/components/charts/CandlestickChart.tsx"],"sourcesContent":["import React, { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport type { ChartProps } from '../../types.js'\n\nconst BULL_COLOR_DEFAULT = '#22c55e'\nconst BEAR_COLOR_DEFAULT = '#ef4444'\nconst WICK_COLOR = '#94a3b8'\nconst MAX_CANDLES = 200\n\ninterface CandleData {\n  label: string\n  open: number\n  close: number\n  high: number\n  low: number\n  isBullish: boolean\n  originalIndex: number\n}\n\nfunction parseNum(v: unknown): number | null {\n  if (v === undefined || v === null) return null\n  const n = typeof v === 'number' ? v : parseFloat(String(v))\n  return isNaN(n) ? null : n\n}\n\nfunction Candle({\n  x,\n  candleWidth,\n  openY,\n  closeY,\n  highY,\n  lowY,\n  isBullish,\n  bullColor,\n  bearColor,\n  showWicks,\n  label,\n}: {\n  x: number\n  candleWidth: number\n  openY: number\n  closeY: number\n  highY: number\n  lowY: number\n  isBullish: boolean\n  bullColor: string\n  bearColor: string\n  showWicks: boolean\n  label: string\n}) {\n  const fill = isBullish ? bullColor : bearColor\n  const bodyTop = Math.min(openY, closeY)\n  const bodyBottom = Math.max(openY, closeY)\n  const bodyHeight = Math.max(bodyBottom - bodyTop, 1)\n  const halfWidth = candleWidth / 2\n\n  return (\n    <g data-testid={`candle-${label}`}>\n      <rect\n        x={x - halfWidth}\n        y={bodyTop}\n        width={candleWidth}\n        height={bodyHeight}\n        fill={fill}\n        data-testid={`candle-body-${label}`}\n        data-bullish={isBullish}\n      />\n      {showWicks && (\n        <>\n          <line\n            x1={x}\n            y1={highY}\n            x2={x}\n            y2={bodyTop}\n            stroke={WICK_COLOR}\n            strokeWidth={1}\n            data-testid={`wick-high-${label}`}\n          />\n          <line\n            x1={x}\n            y1={bodyBottom}\n            x2={x}\n            y2={lowY}\n            stroke={WICK_COLOR}\n            strokeWidth={1}\n            data-testid={`wick-low-${label}`}\n          />\n        </>\n      )}\n    </g>\n  )\n}\n\nfunction YAxisTicks({\n  domainMin,\n  domainMax,\n  innerHeight,\n  tickCount,\n  format,\n}: {\n  domainMin: number\n  domainMax: number\n  innerHeight: number\n  tickCount: number\n  format?: (v: number) => string\n}) {\n  const ticks = useMemo(() => {\n    const step = (domainMax - domainMin) / (tickCount - 1)\n    return Array.from({ length: tickCount }, (_, i) => domainMin + i * step)\n  }, [domainMin, domainMax, tickCount])\n\n  const yScale = (v: number) => innerHeight - ((v - domainMin) / (domainMax - domainMin)) * innerHeight\n\n  return (\n    <g data-testid=\"y-axis\">\n      <line y1={0} y2={innerHeight} stroke=\"currentColor\" strokeWidth={1} />\n      {ticks.map((tick, i) => (\n        <g key={i} transform={`translate(0, ${yScale(tick)})`}>\n          <line x1={0} x2={-6} stroke=\"currentColor\" strokeWidth={1} />\n          <text\n            x={-10}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={11}\n            fill=\"currentColor\"\n            className=\"text-dc-text-secondary\"\n          >\n            {format ? format(tick) : tick.toLocaleString()}\n          </text>\n          <line x1={0} x2=\"100%\" stroke=\"currentColor\" strokeOpacity={0.1} strokeWidth={1} />\n        </g>\n      ))}\n    </g>\n  )\n}\n\nconst CandlestickChart = React.memo(function CandlestickChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n\n  useLayoutEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height: h } = entry.contentRect\n        if (width > 0 && h > 0) setDimensions({ width, height: h })\n      }\n    })\n    observer.observe(el)\n    const rect = el.getBoundingClientRect()\n    if (rect.width > 0 && rect.height > 0) setDimensions({ width: rect.width, height: rect.height })\n    return () => observer.disconnect()\n  }, [])\n\n  const bullColor = displayConfig?.bullColor ?? BULL_COLOR_DEFAULT\n  const bearColor = displayConfig?.bearColor ?? BEAR_COLOR_DEFAULT\n  const showWicks = displayConfig?.showWicks ?? true\n  const rangeMode = displayConfig?.rangeMode ?? 'ohlc'\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xField, openField, closeField, highField, lowField, configError } = useMemo(() => {\n    const xField = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.xAxis ?? chartConfig?.x\n\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n\n    const openField = yAxisFields[0] ?? ''\n    const closeField = (rangeMode === 'range' ? yAxisFields[0] : yAxisFields[1]) ?? ''\n    const highField = (rangeMode === 'range' ? yAxisFields[0] : yAxisFields[2]) ?? ''\n    const lowField = (rangeMode === 'range' ? yAxisFields[1] : yAxisFields[3]) ?? ''\n\n    if (!xField) {\n      return {\n        xField,\n        openField,\n        closeField,\n        highField,\n        lowField,\n        configError: 'Candlestick chart requires an X-Axis (time or category dimension)',\n      }\n    }\n\n    if (rangeMode === 'range' && (!highField || !lowField)) {\n      return {\n        xField,\n        openField,\n        closeField,\n        highField,\n        lowField,\n        configError: 'Range mode requires at least 2 measures (high, low) in Y-Axis',\n      }\n    }\n\n    if (rangeMode === 'ohlc' && (!openField || !closeField)) {\n      return {\n        xField,\n        openField,\n        closeField,\n        highField,\n        lowField,\n        configError: 'OHLC mode requires at least 2 measures (open, close) in Y-Axis',\n      }\n    }\n\n    return { xField, openField, closeField, highField, lowField, configError: null }\n  }, [chartConfig, rangeMode])\n\n  const candles: CandleData[] = useMemo(() => {\n    if (configError || !data || data.length === 0) return []\n    const rows = (data as Record<string, unknown>[]).slice(0, MAX_CANDLES)\n    const result: CandleData[] = []\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i]\n      const label = String(row[xField!] ?? `Bar ${i + 1}`)\n      const rawOpen = parseNum(row[openField])\n      const rawClose = parseNum(row[closeField])\n      if (rawOpen === null || rawClose === null) continue\n\n      let open = rawOpen\n      let close = rawClose\n      const high = highField ? (parseNum(row[highField]) ?? Math.max(open, close)) : Math.max(open, close)\n      const low = lowField ? (parseNum(row[lowField]) ?? Math.min(open, close)) : Math.min(open, close)\n\n      if (rangeMode === 'range') {\n        open = low\n        close = high\n      }\n\n      result.push({\n        label,\n        open,\n        close,\n        high: Math.max(open, close, high),\n        low: Math.min(open, close, low),\n        isBullish: close >= open,\n        originalIndex: i,\n      })\n    }\n    return result\n  }, [data, xField, openField, closeField, highField, lowField, rangeMode, configError])\n\n  try {\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.candlestick')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n    const margin = { top: 20, right: 20, bottom: 60, left: 70 }\n    const containerWidth = dimensions.width || 600\n    const containerHeight =\n      typeof height === 'number' ? height : dimensions.height || 400\n    const innerWidth = Math.max(containerWidth - margin.left - margin.right, 50)\n    const innerHeight = Math.max(\n      (typeof containerHeight === 'number' ? containerHeight : parseInt(String(containerHeight)) || 400) -\n        margin.top -\n        margin.bottom,\n      50\n    )\n\n    const allValues = candles.flatMap((c) => [c.low, c.high])\n    const rawMin = Math.min(...allValues)\n    const rawMax = Math.max(...allValues)\n    const pad = (rawMax - rawMin) * 0.05 || 1\n    const domainMin = rawMin - pad\n    const domainMax = rawMax + pad\n\n    const yScale = (v: number) =>\n      innerHeight - ((v - domainMin) / (domainMax - domainMin)) * innerHeight\n\n    const candleSpacing = innerWidth / candles.length\n    const candleWidth = Math.min(candleSpacing * 0.7, 20)\n\n    const isTruncated = (data as unknown[]).length > MAX_CANDLES\n\n    return (\n      <div ref={containerRef} className=\"dc:relative dc:w-full\" style={{ height }}>\n        <svg\n          width=\"100%\"\n          height={isTruncated ? 'calc(100% - 20px)' : '100%'}\n          viewBox={`0 0 ${containerWidth} ${typeof containerHeight === 'number' ? containerHeight : 400}`}\n          data-testid=\"candlestick-svg\"\n        >\n          <g transform={`translate(${margin.left}, ${margin.top})`}>\n            <YAxisTicks\n              domainMin={domainMin}\n              domainMax={domainMax}\n              innerHeight={innerHeight}\n              tickCount={5}\n              format={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n\n            {candles.map((candle, i) => {\n              const cx = candleSpacing * i + candleSpacing / 2\n              return (\n                <g\n                  key={candle.label + i}\n                  onClick={(event: React.MouseEvent) => {\n                    if (onDataPointClick && drillEnabled) {\n                      onDataPointClick({\n                        dataPoint: { ...candle },\n                        clickedField: xField ?? '',\n                        xValue: candle.label,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event,\n                      })\n                    }\n                  }}\n                  cursor={drillEnabled ? 'pointer' : undefined}\n                >\n                  <title>{`${candle.label}: O=${candle.open} H=${candle.high} L=${candle.low} C=${candle.close}`}</title>\n                  <Candle\n                    x={cx}\n                    candleWidth={candleWidth}\n                    openY={yScale(candle.open)}\n                    closeY={yScale(candle.close)}\n                    highY={yScale(candle.high)}\n                    lowY={yScale(candle.low)}\n                    isBullish={candle.isBullish}\n                    bullColor={bullColor}\n                    bearColor={bearColor}\n                    showWicks={showWicks}\n                    label={candle.label}\n                  />\n                  <text\n                    x={cx}\n                    y={innerHeight + 20}\n                    textAnchor=\"middle\"\n                    fontSize={10}\n                    fill=\"currentColor\"\n                    className=\"text-dc-text-secondary\"\n                    data-testid={`x-label-${candle.label}`}\n                  >\n                    {candle.label}\n                  </text>\n                </g>\n              )\n            })}\n          </g>\n        </svg>\n        {isTruncated && (\n          <div className=\"dc:text-xs text-dc-warning dc:text-center dc:mt-1\">\n            {t('chart.runtime.candlestick.truncated', {\n              max: MAX_CANDLES,\n              total: (data as unknown[]).length\n            })}\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Candlestick Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default CandlestickChart\n"],"mappings":"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"}

package/dist/client/chunks/chart-config-activity-grid-D_UX4NHC.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-config-activity-grid-D_UX4NHC.js","names":[],"sources":["../../../src/client/components/charts/ActivityGridChart.config.ts"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\n\n/**\n * Configuration for the activity grid chart type\n */\nexport const activityGridChartConfig: ChartTypeConfig = {\n  label: 'chart.activityGrid.label',\n  description: 'chart.activityGrid.description',\n  useCase: 'chart.activityGrid.useCase',\n  isAvailable: ({ measureCount, timeDimensionCount }) => {\n    if (measureCount < 1) return { available: false, reason: 'chart.availability.requiresMeasure' }\n    if (timeDimensionCount < 1) return { available: false, reason: 'chart.availability.requiresTimeDimension' }\n    return { available: true }\n  },\n  dropZones: [\n    {\n      key: 'dateField',\n      label: 'chart.configText.time_dimension',\n      description: 'chart.configText.time_field_that_determines_grid_structure_granularity_affects_layout',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['timeDimension'],\n      emptyText: 'chart.activityGrid.dropZone.dateField.empty'\n    },\n    {\n      key: 'valueField',\n      label: 'chart.configText.activity_measure',\n      description: 'chart.configText.measure_used_for_activity_intensity_color_coding',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'chart.activityGrid.dropZone.valueField.empty'\n    }\n  ],\n  displayOptions: ['showLabels', 'showTooltip', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'fitToWidth',\n      label: 'chart.option.fitToWidth.label',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'chart.option.fitToWidth.description'\n    }\n  ],\n  validate: (config) => {\n    const { dateField, valueField } = config\n\n    if (!dateField || (Array.isArray(dateField) && dateField.length === 0)) {\n      return {\n        isValid: false,\n        message: 'chart.activityGrid.validation.timeDimensionRequired'\n      }\n    }\n\n    if (!valueField || (Array.isArray(valueField) && valueField.length === 0)) {\n      return {\n        isValid: false,\n        message: 'chart.activityGrid.validation.measureRequired'\n      }\n    }\n\n    return { isValid: true }\n  },\n  clickableElements: { cell: true }\n}"],"mappings":";;iEAKa,IAA2C;CACtD,OAAO;CACP,aAAa;CACb,SAAS;CACT,cAAc,EAAE,iBAAc,4BACxB,IAAe,IAAU;EAAE,WAAW;EAAO,QAAQ;CAAqC,IAC1F,IAAqB,IAAU;EAAE,WAAW;EAAO,QAAQ;CAA2C,IACnG,EAAE,WAAW,GAAK;CAE3B,WAAW,CACT;EACE,KAAK;EACL,OAAO;EACP,aAAa;EACb,WAAW;EACX,UAAU;EACV,aAAa,CAAC,eAAe;EAC7B,WAAW;CACb,GACA;EACE,KAAK;EACL,OAAO;EACP,aAAa;EACb,WAAW;EACX,UAAU;EACV,aAAa,CAAC,SAAS;EACvB,WAAW;CACb,CACF;CACA,gBAAgB;EAAC;EAAc;EAAe;CAAY;CAC1D,sBAAsB,CACpB;EACE,KAAK;EACL,OAAO;EACP,MAAM;EACN,cAAc;EACd,aAAa;CACf,CACF;CACA,WAAW,MAAW;EACpB,IAAM,EAAE,cAAW,kBAAe;EAgBlC,OAdI,CAAC,KAAc,MAAM,QAAQ,CAAS,KAAK,EAAU,WAAW,IAC3D;GACL,SAAS;GACT,SAAS;EACX,IAGE,CAAC,KAAe,MAAM,QAAQ,CAAU,KAAK,EAAW,WAAW,IAC9D;GACL,SAAS;GACT,SAAS;EACX,IAGK,EAAE,SAAS,GAAK;CACzB;CACA,mBAAmB,EAAE,MAAM,GAAK;AAClC"}
+{"version":3,"file":"chart-config-activity-grid-D_UX4NHC.js","names":[],"sources":["../../../src/client/components/charts/ActivityGridChart.config.ts"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs.js'\n\n/**\n * Configuration for the activity grid chart type\n */\nexport const activityGridChartConfig: ChartTypeConfig = {\n  label: 'chart.activityGrid.label',\n  description: 'chart.activityGrid.description',\n  useCase: 'chart.activityGrid.useCase',\n  isAvailable: ({ measureCount, timeDimensionCount }) => {\n    if (measureCount < 1) return { available: false, reason: 'chart.availability.requiresMeasure' }\n    if (timeDimensionCount < 1) return { available: false, reason: 'chart.availability.requiresTimeDimension' }\n    return { available: true }\n  },\n  dropZones: [\n    {\n      key: 'dateField',\n      label: 'chart.configText.time_dimension',\n      description: 'chart.configText.time_field_that_determines_grid_structure_granularity_affects_layout',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['timeDimension'],\n      emptyText: 'chart.activityGrid.dropZone.dateField.empty'\n    },\n    {\n      key: 'valueField',\n      label: 'chart.configText.activity_measure',\n      description: 'chart.configText.measure_used_for_activity_intensity_color_coding',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'chart.activityGrid.dropZone.valueField.empty'\n    }\n  ],\n  displayOptions: ['showLabels', 'showTooltip', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'fitToWidth',\n      label: 'chart.option.fitToWidth.label',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'chart.option.fitToWidth.description'\n    }\n  ],\n  validate: (config) => {\n    const { dateField, valueField } = config\n\n    if (!dateField || (Array.isArray(dateField) && dateField.length === 0)) {\n      return {\n        isValid: false,\n        message: 'chart.activityGrid.validation.timeDimensionRequired'\n      }\n    }\n\n    if (!valueField || (Array.isArray(valueField) && valueField.length === 0)) {\n      return {\n        isValid: false,\n        message: 'chart.activityGrid.validation.measureRequired'\n      }\n    }\n\n    return { isValid: true }\n  },\n  clickableElements: { cell: true }\n}"],"mappings":";;iEAKa,IAA2C;CACtD,OAAO;CACP,aAAa;CACb,SAAS;CACT,cAAc,EAAE,iBAAc,4BACxB,IAAe,IAAU;EAAE,WAAW;EAAO,QAAQ;CAAqC,IAC1F,IAAqB,IAAU;EAAE,WAAW;EAAO,QAAQ;CAA2C,IACnG,EAAE,WAAW,GAAK;CAE3B,WAAW,CACT;EACE,KAAK;EACL,OAAO;EACP,aAAa;EACb,WAAW;EACX,UAAU;EACV,aAAa,CAAC,eAAe;EAC7B,WAAW;CACb,GACA;EACE,KAAK;EACL,OAAO;EACP,aAAa;EACb,WAAW;EACX,UAAU;EACV,aAAa,CAAC,SAAS;EACvB,WAAW;CACb,CACF;CACA,gBAAgB;EAAC;EAAc;EAAe;CAAY;CAC1D,sBAAsB,CACpB;EACE,KAAK;EACL,OAAO;EACP,MAAM;EACN,cAAc;EACd,aAAa;CACf,CACF;CACA,WAAW,MAAW;EACpB,IAAM,EAAE,cAAW,kBAAe;EAgBlC,OAdI,CAAC,KAAc,MAAM,QAAQ,CAAS,KAAK,EAAU,WAAW,IAC3D;GACL,SAAS;GACT,SAAS;EACX,IAGE,CAAC,KAAe,MAAM,QAAQ,CAAU,KAAK,EAAW,WAAW,IAC9D;GACL,SAAS;GACT,SAAS;EACX,IAGK,EAAE,SAAS,GAAK;CACzB;CACA,mBAAmB,EAAE,MAAM,GAAK;AAClC"}

package/dist/client/chunks/chart-config-area-BNigHUy8.js

@@ -0,0 +1,124 @@
+import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+//#region src/client/charts/chartConfigHelpers.ts
+function t({ measureCount: e, dimensionCount: t }) {
+	return e < 1 ? {
+		available: !1,
+		reason: "chart.availability.requiresMeasure"
+	} : t < 1 ? {
+		available: !1,
+		reason: "chart.availability.requiresDimension"
+	} : { available: !0 };
+}
+function n({ measureCount: e }) {
+	return e < 1 ? {
+		available: !1,
+		reason: "chart.availability.requiresMeasure"
+	} : { available: !0 };
+}
+var r = {
+	key: "target",
+	label: "chart.option.target.label",
+	type: "string",
+	placeholder: "e.g., 100 or 50,75 for spread",
+	description: "chart.option.target.description"
+}, i = {
+	key: "connectNulls",
+	label: "chart.option.connectNulls.label",
+	type: "boolean",
+	defaultValue: !1,
+	description: "chart.option.connectNulls.description"
+}, a = {
+	key: "leftYAxisFormat",
+	label: "chart.option.leftYAxisFormat.label",
+	type: "axisFormat",
+	description: "chart.option.leftYAxisFormat.description"
+}, o = {
+	key: "rightYAxisFormat",
+	label: "chart.option.rightYAxisFormat.label",
+	type: "axisFormat",
+	description: "chart.option.rightYAxisFormat.description"
+};
+function s(e = "chart.option.valueFormat.description") {
+	return {
+		key: "leftYAxisFormat",
+		label: "chart.option.valueFormat.label",
+		type: "axisFormat",
+		description: e
+	};
+}
+function c(e) {
+	return {
+		key: "stackType",
+		label: "chart.option.stacking.label",
+		type: "select",
+		defaultValue: "none",
+		options: [
+			{
+				value: "none",
+				label: "chart.option.accentBorder.none"
+			},
+			{
+				value: "normal",
+				label: "chart.option.stacking.stacked"
+			},
+			{
+				value: "percent",
+				label: "chart.option.stacking.percent"
+			}
+		],
+		description: e
+	};
+}
+//#endregion
+//#region src/client/components/charts/AreaChart.config.ts
+var l = /* @__PURE__ */ e({ areaChartConfig: () => u }), u = {
+	label: "chart.area.label",
+	description: "chart.area.description",
+	useCase: "chart.area.useCase",
+	isAvailable: t,
+	dropZones: [
+		{
+			key: "xAxis",
+			label: "chart.configText.x_axis_time_categories",
+			description: "chart.configText.time_dimensions_or_dimensions_for_x_axis",
+			mandatory: !0,
+			acceptTypes: ["dimension", "timeDimension"],
+			emptyText: "chart.area.dropZone.xAxis.empty"
+		},
+		{
+			key: "yAxis",
+			label: "chart.dropZone.yAxis.label",
+			description: "chart.configText.measures_for_area_values",
+			mandatory: !0,
+			acceptTypes: ["measure"],
+			emptyText: "chart.area.dropZone.yAxis.empty",
+			enableDualAxis: !0
+		},
+		{
+			key: "series",
+			label: "chart.configText.series_stack_areas",
+			description: "chart.configText.dimensions_to_create_stacked_areas",
+			mandatory: !1,
+			acceptTypes: ["dimension"],
+			emptyText: "chart.area.dropZone.series.empty"
+		}
+	],
+	displayOptions: [
+		"showLegend",
+		"showGrid",
+		"showTooltip",
+		"showAllXLabels",
+		"hideHeader"
+	],
+	displayOptionsConfig: [
+		c("chart.configText.how_to_stack_multiple_area_series"),
+		i,
+		r,
+		a,
+		o
+	]
+};
+//#endregion
+export { n as a, c, a as i, r as l, u as n, t as o, i as r, o as s, l as t, s as u };
+
+//# sourceMappingURL=chart-config-area-BNigHUy8.js.map

package/dist/client/chunks/chart-config-area-BNigHUy8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-config-area-BNigHUy8.js","names":[],"sources":["../../../src/client/charts/chartConfigHelpers.ts","../../../src/client/components/charts/AreaChart.config.ts"],"sourcesContent":["import type { ChartAvailabilityContext, ChartAvailability, DisplayOptionConfig } from './chartConfigs.js'\n\n/**\n * Shared building blocks for chart `*.config.ts` files.\n *\n * Most chart configs repeated the same `isAvailable` guard and the same\n * display-option definitions (target line, Y-axis format, stacking, …).\n * These factories centralise that boilerplate so each chart config only\n * declares what is genuinely unique to it.\n */\n\n/**\n * Standard availability rule shared by most chart types: at least one measure\n * and at least one dimension (regular or time) must be selected.\n */\nexport function requiresMeasureAndDimension({\n  measureCount,\n  dimensionCount\n}: ChartAvailabilityContext): ChartAvailability {\n  if (measureCount < 1) return { available: false, reason: 'chart.availability.requiresMeasure' }\n  if (dimensionCount < 1) return { available: false, reason: 'chart.availability.requiresDimension' }\n  return { available: true }\n}\n\n/**\n * Availability rule for charts that only need a single measure (KPI-style\n * charts and gauges): at least one measure, no dimension requirement.\n */\nexport function requiresMeasure({ measureCount }: ChartAvailabilityContext): ChartAvailability {\n  if (measureCount < 1) return { available: false, reason: 'chart.availability.requiresMeasure' }\n  return { available: true }\n}\n\n/** Target-line display option (single value or comma-separated spread). */\nexport const targetDisplayOption: DisplayOptionConfig = {\n  key: 'target',\n  label: 'chart.option.target.label',\n  type: 'string',\n  placeholder: 'e.g., 100 or 50,75 for spread',\n  description: 'chart.option.target.description'\n}\n\n/** Connect-nulls toggle for line/area charts. */\nexport const connectNullsDisplayOption: DisplayOptionConfig = {\n  key: 'connectNulls',\n  label: 'chart.option.connectNulls.label',\n  type: 'boolean',\n  defaultValue: false,\n  description: 'chart.option.connectNulls.description'\n}\n\n/** Left Y-axis numeric format control (dual-axis charts). */\nexport const leftYAxisFormatDisplayOption: DisplayOptionConfig = {\n  key: 'leftYAxisFormat',\n  label: 'chart.option.leftYAxisFormat.label',\n  type: 'axisFormat',\n  description: 'chart.option.leftYAxisFormat.description'\n}\n\n/** Right Y-axis numeric format control (dual-axis charts). */\nexport const rightYAxisFormatDisplayOption: DisplayOptionConfig = {\n  key: 'rightYAxisFormat',\n  label: 'chart.option.rightYAxisFormat.label',\n  type: 'axisFormat',\n  description: 'chart.option.rightYAxisFormat.description'\n}\n\n/**\n * Single value-format control used by charts that only have one numeric scale\n * (pie, radar, radial bar, treemap). Stored under `leftYAxisFormat` for\n * backward compatibility with existing saved configs.\n */\nexport function valueFormatDisplayOption(\n  description = 'chart.option.valueFormat.description'\n): DisplayOptionConfig {\n  return {\n    key: 'leftYAxisFormat',\n    label: 'chart.option.valueFormat.label',\n    type: 'axisFormat',\n    description\n  }\n}\n\n/**\n * Stacking-mode select shared by bar and area charts. `description` differs\n * per chart (bar vs area series wording).\n */\nexport function stackTypeDisplayOption(description: string): DisplayOptionConfig {\n  return {\n    key: 'stackType',\n    label: 'chart.option.stacking.label',\n    type: 'select',\n    defaultValue: 'none',\n    options: [\n      { value: 'none', label: 'chart.option.accentBorder.none' },\n      { value: 'normal', label: 'chart.option.stacking.stacked' },\n      { value: 'percent', label: 'chart.option.stacking.percent' }\n    ],\n    description\n  }\n}\n","import type { ChartTypeConfig } from '../../charts/chartConfigs.js'\nimport {\n  requiresMeasureAndDimension,\n  stackTypeDisplayOption,\n  connectNullsDisplayOption,\n  targetDisplayOption,\n  leftYAxisFormatDisplayOption,\n  rightYAxisFormatDisplayOption\n} from '../../charts/chartConfigHelpers.js'\n\n/**\n * Configuration for the area chart type\n */\nexport const areaChartConfig: ChartTypeConfig = {\n  label: 'chart.area.label',\n  description: 'chart.area.description',\n  useCase: 'chart.area.useCase',\n  isAvailable: requiresMeasureAndDimension,\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'chart.configText.x_axis_time_categories',\n      description: 'chart.configText.time_dimensions_or_dimensions_for_x_axis',\n      mandatory: true,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'chart.area.dropZone.xAxis.empty'\n    },\n    {\n      key: 'yAxis',\n      label: 'chart.dropZone.yAxis.label',\n      description: 'chart.configText.measures_for_area_values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'chart.area.dropZone.yAxis.empty',\n      enableDualAxis: true\n    },\n    {\n      key: 'series',\n      label: 'chart.configText.series_stack_areas',\n      description: 'chart.configText.dimensions_to_create_stacked_areas',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'chart.area.dropZone.series.empty'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'showAllXLabels', 'hideHeader'],\n  displayOptionsConfig: [\n    stackTypeDisplayOption('chart.configText.how_to_stack_multiple_area_series'),\n    connectNullsDisplayOption,\n    targetDisplayOption,\n    leftYAxisFormatDisplayOption,\n    rightYAxisFormatDisplayOption\n  ]\n}"],"mappings":";;AAeA,SAAgB,EAA4B,EAC1C,iBACA,qBAC8C;CAG9C,OAFI,IAAe,IAAU;EAAE,WAAW;EAAO,QAAQ;CAAqC,IAC1F,IAAiB,IAAU;EAAE,WAAW;EAAO,QAAQ;CAAuC,IAC3F,EAAE,WAAW,GAAK;AAC3B;AAMA,SAAgB,EAAgB,EAAE,mBAA6D;CAE7F,OADI,IAAe,IAAU;EAAE,WAAW;EAAO,QAAQ;CAAqC,IACvF,EAAE,WAAW,GAAK;AAC3B;AAGA,IAAa,IAA2C;CACtD,KAAK;CACL,OAAO;CACP,MAAM;CACN,aAAa;CACb,aAAa;AACf,GAGa,IAAiD;CAC5D,KAAK;CACL,OAAO;CACP,MAAM;CACN,cAAc;CACd,aAAa;AACf,GAGa,IAAoD;CAC/D,KAAK;CACL,OAAO;CACP,MAAM;CACN,aAAa;AACf,GAGa,IAAqD;CAChE,KAAK;CACL,OAAO;CACP,MAAM;CACN,aAAa;AACf;AAOA,SAAgB,EACd,IAAc,wCACO;CACrB,OAAO;EACL,KAAK;EACL,OAAO;EACP,MAAM;EACN;CACF;AACF;AAMA,SAAgB,EAAuB,GAA0C;CAC/E,OAAO;EACL,KAAK;EACL,OAAO;EACP,MAAM;EACN,cAAc;EACd,SAAS;GACP;IAAE,OAAO;IAAQ,OAAO;GAAiC;GACzD;IAAE,OAAO;IAAU,OAAO;GAAgC;GAC1D;IAAE,OAAO;IAAW,OAAO;GAAgC;EAC7D;EACA;CACF;AACF;;;yDCvFa,IAAmC;CAC9C,OAAO;CACP,aAAa;CACb,SAAS;CACT,aAAa;CACb,WAAW;EACT;GACE,KAAK;GACL,OAAO;GACP,aAAa;GACb,WAAW;GACX,aAAa,CAAC,aAAa,eAAe;GAC1C,WAAW;EACb;EACA;GACE,KAAK;GACL,OAAO;GACP,aAAa;GACb,WAAW;GACX,aAAa,CAAC,SAAS;GACvB,WAAW;GACX,gBAAgB;EAClB;EACA;GACE,KAAK;GACL,OAAO;GACP,aAAa;GACb,WAAW;GACX,aAAa,CAAC,WAAW;GACzB,WAAW;EACb;CACF;CACA,gBAAgB;EAAC;EAAc;EAAY;EAAe;EAAkB;CAAY;CACxF,sBAAsB;EACpB,EAAuB,oDAAoD;EAC3E;EACA;EACA;EACA;CACF;AACF"}

package/dist/client/chunks/chart-config-bar-DSO_LRTx.js

@@ -0,0 +1,54 @@
+import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+import { c as t, i as n, l as r, o as i, s as a } from "./chart-config-area-BNigHUy8.js";
+//#region src/client/components/charts/BarChart.config.ts
+var o = /* @__PURE__ */ e({ barChartConfig: () => s }), s = {
+	label: "chart.bar.label",
+	description: "chart.bar.description",
+	useCase: "chart.bar.useCase",
+	clickableElements: { bar: !0 },
+	isAvailable: i,
+	dropZones: [
+		{
+			key: "xAxis",
+			label: "chart.dropZone.xAxis.label",
+			description: "chart.dropZone.xAxis.description",
+			mandatory: !1,
+			acceptTypes: ["dimension", "timeDimension"],
+			emptyText: "chart.bar.dropZone.xAxis.empty"
+		},
+		{
+			key: "yAxis",
+			label: "chart.dropZone.yAxis.label",
+			description: "chart.configText.measures_for_bar_heights",
+			mandatory: !0,
+			acceptTypes: ["measure"],
+			emptyText: "chart.bar.dropZone.yAxis.empty",
+			enableDualAxis: !0
+		},
+		{
+			key: "series",
+			label: "chart.dropZone.series.label",
+			description: "chart.dropZone.series.description",
+			mandatory: !1,
+			acceptTypes: ["dimension"],
+			emptyText: "chart.bar.dropZone.series.empty"
+		}
+	],
+	displayOptions: [
+		"showLegend",
+		"showGrid",
+		"showTooltip",
+		"showAllXLabels",
+		"hideHeader"
+	],
+	displayOptionsConfig: [
+		t("chart.configText.how_to_stack_multiple_bar_series"),
+		r,
+		n,
+		a
+	]
+};
+//#endregion
+export { s as n, o as t };
+
+//# sourceMappingURL=chart-config-bar-DSO_LRTx.js.map

package/dist/client/chunks/chart-config-bar-DSO_LRTx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-config-bar-DSO_LRTx.js","names":[],"sources":["../../../src/client/components/charts/BarChart.config.ts"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs.js'\nimport {\n  requiresMeasureAndDimension,\n  stackTypeDisplayOption,\n  targetDisplayOption,\n  leftYAxisFormatDisplayOption,\n  rightYAxisFormatDisplayOption\n} from '../../charts/chartConfigHelpers.js'\n\n/**\n * Configuration for the bar chart type\n */\nexport const barChartConfig: ChartTypeConfig = {\n  label: 'chart.bar.label',\n  description: 'chart.bar.description',\n  useCase: 'chart.bar.useCase',\n  clickableElements: { bar: true },\n  isAvailable: requiresMeasureAndDimension,\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'chart.dropZone.xAxis.label',\n      description: 'chart.dropZone.xAxis.description',\n      mandatory: false,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'chart.bar.dropZone.xAxis.empty'\n    },\n    {\n      key: 'yAxis',\n      label: 'chart.dropZone.yAxis.label',\n      description: 'chart.configText.measures_for_bar_heights',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'chart.bar.dropZone.yAxis.empty',\n      enableDualAxis: true\n    },\n    {\n      key: 'series',\n      label: 'chart.dropZone.series.label',\n      description: 'chart.dropZone.series.description',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'chart.bar.dropZone.series.empty'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'showAllXLabels', 'hideHeader'],\n  displayOptionsConfig: [\n    stackTypeDisplayOption('chart.configText.how_to_stack_multiple_bar_series'),\n    targetDisplayOption,\n    leftYAxisFormatDisplayOption,\n    rightYAxisFormatDisplayOption\n  ]\n}"],"mappings":";;;wDAYa,IAAkC;CAC7C,OAAO;CACP,aAAa;CACb,SAAS;CACT,mBAAmB,EAAE,KAAK,GAAK;CAC/B,aAAa;CACb,WAAW;EACT;GACE,KAAK;GACL,OAAO;GACP,aAAa;GACb,WAAW;GACX,aAAa,CAAC,aAAa,eAAe;GAC1C,WAAW;EACb;EACA;GACE,KAAK;GACL,OAAO;GACP,aAAa;GACb,WAAW;GACX,aAAa,CAAC,SAAS;GACvB,WAAW;GACX,gBAAgB;EAClB;EACA;GACE,KAAK;GACL,OAAO;GACP,aAAa;GACb,WAAW;GACX,aAAa,CAAC,WAAW;GACzB,WAAW;EACb;CACF;CACA,gBAAgB;EAAC;EAAc;EAAY;EAAe;EAAkB;CAAY;CACxF,sBAAsB;EACpB,EAAuB,mDAAmD;EAC1E;EACA;EACA;CACF;AACF"}

package/dist/client/chunks/{chart-config-box-plot-DJ-dWWXA.js → chart-config-box-plot-oW8axV2q.js}

@@ -1,16 +1,11 @@
 import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+import { o as t } from "./chart-config-area-BNigHUy8.js";
 //#region src/client/components/charts/BoxPlotChart.config.ts
-var t = /* @__PURE__ */ e({ boxPlotChartConfig: () => n }), n = {
+var n = /* @__PURE__ */ e({ boxPlotChartConfig: () => r }), r = {
 	label: "chart.boxPlot.label",
 	description: "chart.boxPlot.description",
 	useCase: "chart.boxPlot.useCase",
-	isAvailable: ({ measureCount: e, dimensionCount: t }) => e < 1 ? {
-		available: !1,
-		reason: "chart.availability.requiresMeasure"
-	} : t < 1 ? {
-		available: !1,
-		reason: "chart.availability.requiresDimension"
-	} : { available: !0 },
+	isAvailable: t,
 	displayOptions: ["hideHeader"],
 	dropZones: [{
 		key: "xAxis",
@@ -37,6 +32,6 @@ var t = /* @__PURE__ */ e({ boxPlotChartConfig: () => n }), n = {
 	}]
 };
 //#endregion
-export { n, t };
+export { r as n, n as t };
 
-//# sourceMappingURL=chart-config-box-plot-DJ-dWWXA.js.map
+//# sourceMappingURL=chart-config-box-plot-oW8axV2q.js.map

package/dist/client/chunks/chart-config-box-plot-oW8axV2q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-config-box-plot-oW8axV2q.js","names":[],"sources":["../../../src/client/components/charts/BoxPlotChart.config.ts"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs.js'\nimport { requiresMeasureAndDimension } from '../../charts/chartConfigHelpers.js'\n\n/**\n * Configuration for the box plot chart type\n */\nexport const boxPlotChartConfig: ChartTypeConfig = {\n  label: 'chart.boxPlot.label',\n  description: 'chart.boxPlot.description',\n  useCase: 'chart.boxPlot.useCase',\n  isAvailable: requiresMeasureAndDimension,\n  displayOptions: ['hideHeader'],\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'chart.configText.x_axis_groups',\n      description: 'chart.configText.dimension_to_group_boxes_by_e_g_symbol_platform',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'chart.boxPlot.dropZone.xAxis.empty',\n    },\n    {\n      key: 'yAxis',\n      label: 'chart.configText.y_axis_measures',\n      description: 'chart.configText.drop_1_measure_for_auto_mode_3_for_avg_stddev_median_mode_or_5_for_min_q',\n      mandatory: true,\n      maxItems: 5,\n      acceptTypes: ['measure'],\n      emptyText: 'chart.boxPlot.dropZone.yAxis.empty',\n    },\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'leftYAxisFormat',\n      label: 'chart.option.yAxisFormat.label',\n      type: 'axisFormat',\n      description: 'chart.configText.number_formatting_for_the_value_axis',\n    },\n  ],\n}\n"],"mappings":";;;4DAMa,IAAsC;CACjD,OAAO;CACP,aAAa;CACb,SAAS;CACT,aAAa;CACb,gBAAgB,CAAC,YAAY;CAC7B,WAAW,CACT;EACE,KAAK;EACL,OAAO;EACP,aAAa;EACb,WAAW;EACX,UAAU;EACV,aAAa,CAAC,aAAa,eAAe;EAC1C,WAAW;CACb,GACA;EACE,KAAK;EACL,OAAO;EACP,aAAa;EACb,WAAW;EACX,UAAU;EACV,aAAa,CAAC,SAAS;EACvB,WAAW;CACb,CACF;CACA,sBAAsB,CACpB;EACE,KAAK;EACL,OAAO;EACP,MAAM;EACN,aAAa;CACf,CACF;AACF"}