@fusedashlabs/widgets 0.2.0

package/dist/components/step-line-chart/render/draw.d.ts

@@ -0,0 +1,41 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { StepLineGrafType, StepLineHoverEntry, StepLineSeries } from '../lib/index.js';
+export interface RenderStepLineChartOptions extends AxisLabelTooltipHandlers {
+    series: StepLineSeries[];
+    width: number;
+    height: number;
+    /** FuseDash StepLineChart margins when omitted by host */
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    /** Reference overlay: `curve` = KS plot, `line` = ROC diagonal */
+    grafType?: StepLineGrafType;
+    showGrid?: boolean;
+    /** FuseDash `uniqueValues[xAxe]` order when available. */
+    xDomainHint?: string[];
+    /** Crosshair + per-series dots on hover */
+    showTooltip?: boolean;
+    themeMode?: 'light' | 'dark';
+    xLabel?: string;
+    yLabel?: string;
+    onHover?: (payload: {
+        x: string;
+        xLabel: string;
+        entries: StepLineHoverEntry[];
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash StepLineChart (incl. KSPlotChart / ROCCurveChart) plot — D3 rewrite.
+ *
+ * Coordinate system matches Visx: scales carry the margin in their range, so
+ * there is no inner plot translate.
+ */
+export declare function renderStepLineChart(container: HTMLElement, options: RenderStepLineChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/step-line-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAQ9E,OAAO,EAUL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EAEvB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,0BAA2B,SAAQ,wBAAwB;IAC1E,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;QAC9B,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AASD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,0BAA0B,GAClC,IAAI,CAqaN"}

package/dist/components/step-line-chart/render/draw.js

@@ -0,0 +1,256 @@
+import { axisLeft } from "d3-axis";
+import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
+import { select, pointer } from "d3-selection";
+import { line, curveStepAfter, curveCatmullRom } from "d3-shape";
+import { resolvePlotLeftMargin, decorateManualAxisLabel, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateNumTicks, formatCompactNumber, seriesColor } from "../../../utils/fusedash-visual.js";
+import { orderStepXDomain, collectStepXDomain, isDateXDomain, parseXDate, collectStepYDomain, averageYByX } from "../lib/domain.js";
+import { makeDateLabelFormatter, formatCompact, selectTickIndices } from "../lib/format.js";
+function resolveColor(series, index, theme) {
+  if (series.color) return series.color;
+  if (index === 0 && theme.primary) return theme.primary;
+  if (index === 1 && theme.secondary) return theme.secondary;
+  return seriesColor(index);
+}
+function renderStepLineChart(container, options) {
+  const {
+    series,
+    width,
+    height,
+    margin = { ...FD.stepLineMargin },
+    theme,
+    grafType = "none",
+    showGrid = true,
+    xDomainHint,
+    showTooltip = true,
+    xLabel,
+    yLabel,
+    onHover,
+    onLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  if (!series.length || width <= 0 || height <= 0) return;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 12)
+  };
+  const plotTop = m.top + (yLabel ? 12 : 0);
+  const plotBottom = height - m.bottom - (xLabel ? 12 : 0);
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const xDomain = orderStepXDomain(collectStepXDomain(series, xDomainHint));
+  const dateMode = isDateXDomain(xDomain);
+  const dates = dateMode ? xDomain.map(parseXDate) : [];
+  const timeScale = dateMode ? scaleTime().domain([dates[0], dates[dates.length - 1]]).range([plotLeft, plotRight]) : null;
+  const bandScale = dateMode ? null : scaleBand().domain(xDomain).range([plotLeft, plotRight]).padding(0.1);
+  const xPos = (x) => {
+    if (timeScale) {
+      const t = parseXDate(x);
+      return Number.isNaN(t.valueOf()) ? NaN : timeScale(t);
+    }
+    const b = bandScale == null ? void 0 : bandScale(x);
+    return b == null ? NaN : b + ((bandScale == null ? void 0 : bandScale.bandwidth()) ?? 0) / 2;
+  };
+  const [minY, maxY] = collectStepYDomain(series);
+  const yScale = scaleLinear().domain([minY, maxY]).nice().range([plotBottom, plotTop]);
+  const yTicks = yScale.ticks(calculateNumTicks(height));
+  const dateLabel = dateMode ? makeDateLabelFormatter(dates) : null;
+  const xTickLabel = (x) => dateLabel ? dateLabel(parseXDate(x)) : x;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Step line chart").style("display", "block").style("font-family", theme.fontFamily);
+  const root = svg.append("g").attr("class", "plot");
+  if (showGrid) {
+    const grid = root.append("g").attr("class", "grid");
+    for (const x of xDomain) {
+      const px = xPos(x);
+      if (!Number.isFinite(px)) continue;
+      grid.append("line").attr("x1", px).attr("x2", px).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1,2").attr("shape-rendering", "crispEdges");
+    }
+    grid.append("line").attr("x1", plotRight).attr("x2", plotRight).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1,2").attr("shape-rendering", "crispEdges");
+    for (const t of yTicks) {
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(t)).attr("y2", yScale(t)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1,2").attr("shape-rendering", "crispEdges");
+    }
+    grid.append("line").attr("class", "zero-line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(0)).attr("y2", yScale(0)).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+  }
+  const xIndex = new Map(xDomain.map((x, i) => [x, i]));
+  const lineGen = line().defined((d) => Number.isFinite(d.y) && Number.isFinite(xPos(d.x))).x((d) => xPos(d.x)).y((d) => yScale(d.y)).curve(curveStepAfter);
+  series.forEach((s, i) => {
+    const color = resolveColor(s, i, theme);
+    const ordered = [...s.points].sort(
+      (a, b) => (xIndex.get(a.x) ?? 0) - (xIndex.get(b.x) ?? 0)
+    );
+    if (!ordered.length) return;
+    root.append("g").attr("class", `series series-${s.id}`).append("path").datum(ordered).attr("fill", "none").attr("stroke", color).attr("stroke-width", FD.stepStrokeWidth).attr("stroke-linecap", "round").attr("d", lineGen);
+  });
+  const idealByIndex = buildIdealValues(series, xDomain, grafType, minY, maxY);
+  if (idealByIndex) {
+    const points = xDomain.map((x, i) => ({ x, y: idealByIndex[i] })).filter((p) => Number.isFinite(p.y));
+    const overlayGen = line().x((d) => xPos(d.x)).y((d) => yScale(d.y));
+    if (grafType === "curve") overlayGen.curve(curveCatmullRom.alpha(0.5));
+    root.append("path").attr("class", `overlay overlay-${grafType}`).datum(points).attr("fill", "none").attr("stroke", grafType === "line" ? theme.textMuted : FD.stepIdealColor).attr("stroke-width", grafType === "line" ? FD.stepGuessWidth : FD.stepIdealWidth).attr("stroke-linecap", "round").attr("stroke-dasharray", grafType === "line" ? FD.stepGuessDash : null).attr("d", overlayGen);
+  }
+  if (grafType === "curve" && idealByIndex) {
+    const base = series.find((s) => s.id === "default") ?? series[0];
+    let best = null;
+    xDomain.forEach((x, i) => {
+      var _a;
+      const actual = (_a = base.points.find((p) => p.x === x)) == null ? void 0 : _a.y;
+      const ideal = idealByIndex[i];
+      if (!Number.isFinite(actual) || !Number.isFinite(ideal)) return;
+      const diff = Math.abs(actual - ideal);
+      if (!best || diff > best.diff) {
+        best = { x, actual, ideal, diff };
+      }
+    });
+    if (best) {
+      const marker = best;
+      const mx = xPos(marker.x);
+      const yActual = yScale(marker.actual);
+      const yIdeal = yScale(marker.ideal);
+      const yTop = Math.min(yActual, yIdeal);
+      const yBottom = Math.max(yActual, yIdeal);
+      const yMid = (yTop + yBottom) / 2;
+      const label = formatCompact(marker.diff);
+      const labelWidth = label.length * 7 + 12;
+      const labelHeight = 18;
+      const g = root.append("g").attr("class", "max-deviation").attr("pointer-events", "none");
+      g.append("line").attr("x1", mx).attr("x2", mx).attr("y1", yTop).attr("y2", yBottom).attr("stroke", FD.stepDeviationFill).attr("stroke-width", 2).attr("stroke-dasharray", "4,4").attr("opacity", 0.95);
+      g.append("path").attr("d", `M ${mx} ${yTop + 8} L ${mx - 6} ${yTop} L ${mx + 6} ${yTop} Z`).attr("fill", FD.stepDeviationFill);
+      g.append("path").attr(
+        "d",
+        `M ${mx} ${yBottom - 8} L ${mx - 6} ${yBottom} L ${mx + 6} ${yBottom} Z`
+      ).attr("fill", FD.stepDeviationFill);
+      g.append("rect").attr("x", mx - labelWidth / 2).attr("y", yMid - labelHeight / 2).attr("width", labelWidth).attr("height", labelHeight).attr("rx", 9).attr("ry", 9).attr("fill", FD.stepDeviationFill).attr("opacity", 0.98);
+      g.append("text").attr("x", mx).attr("y", yMid + 5).attr("text-anchor", "middle").attr("font-size", 12).attr("fill", "#ffffff").text(label);
+    }
+  }
+  const xAxis = root.append("g").attr("class", "x-axis");
+  const tickLabels = xDomain.map(xTickLabel);
+  const tickPositions = xDomain.map(xPos);
+  for (const i of selectTickIndices(tickLabels, tickPositions)) {
+    const isFirst = i === 0;
+    const isLast = i === xDomain.length - 1;
+    const nextPos = isLast ? plotRight : tickPositions[i + 1];
+    const prevPos = isFirst ? plotLeft : tickPositions[i - 1];
+    const slotWidth = Math.min(
+      Math.abs(nextPos - tickPositions[i]),
+      Math.abs(tickPositions[i] - prevPos)
+    );
+    const tickSel = xAxis.append("text").attr("x", tickPositions[i]).attr("y", plotBottom + 16).attr("text-anchor", isFirst ? "start" : isLast ? "end" : "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+    decorateManualAxisLabel(tickSel, tickLabels[i], {
+      slotWidth,
+      ...axisLabels
+    });
+  }
+  const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(
+    axisLeft(yScale).tickValues(yTicks).tickSize(4).tickPadding(6).tickFormat((d) => {
+      const n = Number(d);
+      const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+      return formatCompactNumber(n, decimals);
+    })
+  );
+  yAxis.select(".domain").attr("stroke", FD.axisStroke).attr("stroke-dasharray", "1,2");
+  yAxis.selectAll(".tick line").attr("stroke", FD.axisStroke);
+  applyLeftGutterYAxisLabels(yAxis, plotLeft);
+  if (xLabel) {
+    root.append("text").attr("x", (plotLeft + plotRight) / 2).attr("y", height - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    root.append("text").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+  if (!showTooltip || !onHover) return;
+  const guideColor = resolveColor(series[0], 0, theme);
+  const hoverLayer = root.append("g").attr("class", "hover").attr("pointer-events", "none");
+  const guide = hoverLayer.append("line").attr("stroke", guideColor).attr("stroke-width", 1).attr("stroke-dasharray", FD.stepGuideDash).attr("opacity", 0);
+  const dotsG = hoverLayer.append("g").attr("class", "hover-dots");
+  const clearHover = () => {
+    guide.attr("opacity", 0);
+    dotsG.selectAll("*").remove();
+    onLeave == null ? void 0 : onLeave();
+  };
+  const nearestIndex = (px) => {
+    if (timeScale) {
+      let bestIdx = 0;
+      let bestDist = Infinity;
+      for (let i = 0; i < dates.length; i++) {
+        const dist = Math.abs(timeScale(dates[i]) - px);
+        if (dist < bestDist) {
+          bestDist = dist;
+          bestIdx = i;
+        }
+      }
+      return bestIdx;
+    }
+    if (!bandScale) return 0;
+    const step = bandScale.step() || 1;
+    const pad = step * bandScale.paddingInner() / 2;
+    const idx = Math.floor((px - plotLeft + pad) / step);
+    return Math.max(0, Math.min(idx, xDomain.length - 1));
+  };
+  root.append("rect").attr("class", "hover-target").attr("x", plotLeft).attr("y", plotTop).attr("width", plotRight - plotLeft).attr("height", plotBottom - plotTop).attr("rx", 14).attr("fill", "transparent").on("mousemove", (event) => {
+    const [px] = pointer(event, svg.node());
+    const idx = nearestIndex(px);
+    const x = xDomain[idx];
+    if (x == null) return;
+    const gx = xPos(x);
+    if (!Number.isFinite(gx)) return;
+    guide.attr("x1", gx).attr("x2", gx).attr("y1", plotTop).attr("y2", plotBottom).attr("opacity", 1);
+    dotsG.selectAll("*").remove();
+    const entries = [];
+    series.forEach((s, i) => {
+      const point = s.points.find((p) => p.x === x);
+      if (!point || !Number.isFinite(point.y)) return;
+      const color = resolveColor(s, i, theme);
+      entries.push({
+        seriesId: s.id,
+        seriesName: s.name ?? s.id,
+        color,
+        value: point.y
+      });
+      dotsG.append("circle").attr("cx", gx).attr("cy", yScale(point.y)).attr("r", FD.stepHoverDotRadius).attr("fill", color).attr("stroke", "#fff").attr("stroke-width", 2);
+    });
+    onHover({ x, xLabel: xTickLabel(x), entries, event });
+  }).on("mouseleave", clearHover);
+}
+function buildIdealValues(series, xDomain, grafType, minY, maxY) {
+  if (grafType === "none" || xDomain.length < 2) return null;
+  const avg = averageYByX(series, xDomain);
+  let firstIdx = avg.findIndex((v) => Number.isFinite(v));
+  if (firstIdx < 0) firstIdx = 0;
+  let lastIdx = avg.length - 1;
+  for (let i = avg.length - 1; i >= 0; i--) {
+    if (Number.isFinite(avg[i])) {
+      lastIdx = i;
+      break;
+    }
+  }
+  const yStart = Number.isFinite(avg[firstIdx]) ? avg[firstIdx] : minY;
+  const yEnd = Number.isFinite(avg[lastIdx]) ? avg[lastIdx] : maxY;
+  if (grafType === "line") {
+    return xDomain.map(
+      (_, i) => i === 0 ? yStart : i === xDomain.length - 1 ? yEnd : yStart + (yEnd - yStart) * i / (xDomain.length - 1)
+    );
+  }
+  const dateMode = isDateXDomain(xDomain);
+  const t0 = dateMode ? parseXDate(xDomain[0]).valueOf() : 0;
+  const t1 = dateMode ? parseXDate(xDomain[xDomain.length - 1]).valueOf() : xDomain.length - 1;
+  const span = Math.max(1, t1 - t0);
+  return xDomain.map((x, i) => {
+    const t = dateMode ? parseXDate(x).valueOf() : i;
+    const s = (t - t0) / span;
+    const y01 = 1 / (1 + Math.exp(-10 * (s - 0.5)));
+    return yStart + (yEnd - yStart) * y01;
+  });
+}
+export {
+  renderStepLineChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/step-line-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/step-line-chart/render/draw.ts"],"sourcesContent":["import { axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear, scaleTime } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport { curveCatmullRom, curveStepAfter, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { decorateManualAxisLabel, applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n  seriesColor as fdSeriesColor,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  averageYByX,\n  collectStepXDomain,\n  collectStepYDomain,\n  formatCompact,\n  isDateXDomain,\n  makeDateLabelFormatter,\n  orderStepXDomain,\n  parseXDate,\n  selectTickIndices,\n  type StepLineGrafType,\n  type StepLineHoverEntry,\n  type StepLinePoint,\n  type StepLineSeries,\n} from '../lib/index.js';\n\nexport interface RenderStepLineChartOptions extends AxisLabelTooltipHandlers {\n  series: StepLineSeries[];\n  width: number;\n  height: number;\n  /** FuseDash StepLineChart margins when omitted by host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  /** Reference overlay: `curve` = KS plot, `line` = ROC diagonal */\n  grafType?: StepLineGrafType;\n  showGrid?: boolean;\n  /** FuseDash `uniqueValues[xAxe]` order when available. */\n  xDomainHint?: string[];\n  /** Crosshair + per-series dots on hover */\n  showTooltip?: boolean;\n  themeMode?: 'light' | 'dark';\n  xLabel?: string;\n  yLabel?: string;\n  onHover?: (payload: {\n    x: string;\n    xLabel: string;\n    entries: StepLineHoverEntry[];\n    event: MouseEvent;\n  }) => void;\n  onLeave?: () => void;\n}\n\nfunction resolveColor(series: StepLineSeries, index: number, theme: WidgetTheme): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\n/**\n * FuseDash StepLineChart (incl. KSPlotChart / ROCCurveChart) plot — D3 rewrite.\n *\n * Coordinate system matches Visx: scales carry the margin in their range, so\n * there is no inner plot translate.\n */\nexport function renderStepLineChart(\n  container: HTMLElement,\n  options: RenderStepLineChartOptions,\n): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.stepLineMargin },\n    theme,\n    grafType = 'none',\n    showGrid = true,\n    xDomainHint,\n    showTooltip = true,\n    xLabel,\n    yLabel,\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  // FuseDash renders into a viewBox of `width + 20`; drawing at true width means\n  // we need a few px of right gutter so the last X label isn't clipped.\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 12),\n  };\n  // the horizontal unit label sits above the plot, not on top of the first Y tick\n  const plotTop = m.top + (yLabel ? 12 : 0);\n  const plotBottom = height - m.bottom - (xLabel ? 12 : 0);\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  // --- Domains / scales -----------------------------------------------------\n  const xDomain = orderStepXDomain(collectStepXDomain(series, xDomainHint));\n  const dateMode = isDateXDomain(xDomain);\n  const dates = dateMode ? xDomain.map(parseXDate) : [];\n\n  const timeScale = dateMode\n    ? scaleTime()\n        .domain([dates[0], dates[dates.length - 1]])\n        .range([plotLeft, plotRight])\n    : null;\n\n  // FuseDash uses scaleBand padding 0.1 here (unlike LineChart's -1)\n  const bandScale = dateMode\n    ? null\n    : scaleBand<string>().domain(xDomain).range([plotLeft, plotRight]).padding(0.1);\n\n  const xPos = (x: string): number => {\n    if (timeScale) {\n      const t = parseXDate(x);\n      return Number.isNaN(t.valueOf()) ? NaN : timeScale(t);\n    }\n    const b = bandScale?.(x);\n    return b == null ? NaN : b + (bandScale?.bandwidth() ?? 0) / 2;\n  };\n\n  const [minY, maxY] = collectStepYDomain(series);\n  const yScale = scaleLinear().domain([minY, maxY]).nice().range([plotBottom, plotTop]);\n  const yTicks = yScale.ticks(calculateNumTicks(height));\n\n  const dateLabel = dateMode ? makeDateLabelFormatter(dates) : null;\n  const xTickLabel = (x: string): string => (dateLabel ? dateLabel(parseXDate(x)) : x);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Step line chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  // --- Grid (FuseDash dashed #afb3bb + solid zero line) ---------------------\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n\n    for (const x of xDomain) {\n      const px = xPos(x);\n      if (!Number.isFinite(px)) continue;\n      grid\n        .append('line')\n        .attr('x1', px)\n        .attr('x2', px)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1,2')\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    grid\n      .append('line')\n      .attr('x1', plotRight)\n      .attr('x2', plotRight)\n      .attr('y1', plotTop)\n      .attr('y2', plotBottom)\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', '1,2')\n      .attr('shape-rendering', 'crispEdges');\n\n    for (const t of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(t))\n        .attr('y2', yScale(t))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1,2')\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    // solid baseline at y = 0 (the domain always spans zero)\n    grid\n      .append('line')\n      .attr('class', 'zero-line')\n      .attr('x1', plotLeft)\n      .attr('x2', plotRight)\n      .attr('y1', yScale(0))\n      .attr('y2', yScale(0))\n      .attr('stroke', FD.gridStroke)\n      .attr('shape-rendering', 'crispEdges');\n  }\n\n  // --- Steps ----------------------------------------------------------------\n  const xIndex = new Map(xDomain.map((x, i) => [x, i]));\n  const lineGen = d3Line<StepLinePoint>()\n    .defined((d) => Number.isFinite(d.y) && Number.isFinite(xPos(d.x)))\n    .x((d) => xPos(d.x))\n    .y((d) => yScale(d.y))\n    .curve(curveStepAfter);\n\n  series.forEach((s, i) => {\n    const color = resolveColor(s, i, theme);\n    const ordered = [...s.points].sort(\n      (a, b) => (xIndex.get(a.x) ?? 0) - (xIndex.get(b.x) ?? 0),\n    );\n    if (!ordered.length) return;\n\n    root\n      .append('g')\n      .attr('class', `series series-${s.id}`)\n      .append('path')\n      .datum(ordered)\n      .attr('fill', 'none')\n      .attr('stroke', color)\n      .attr('stroke-width', FD.stepStrokeWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('d', lineGen);\n  });\n\n  // --- Reference overlay (KS \"Ideal\" / ROC \"Random guessing\") ---------------\n  const idealByIndex = buildIdealValues(series, xDomain, grafType, minY, maxY);\n\n  if (idealByIndex) {\n    const points: StepLinePoint[] = xDomain\n      .map((x, i) => ({ x, y: idealByIndex[i] }))\n      .filter((p) => Number.isFinite(p.y));\n\n    const overlayGen = d3Line<StepLinePoint>()\n      .x((d) => xPos(d.x))\n      .y((d) => yScale(d.y));\n    if (grafType === 'curve') overlayGen.curve(curveCatmullRom.alpha(0.5));\n\n    root\n      .append('path')\n      .attr('class', `overlay overlay-${grafType}`)\n      .datum(points)\n      .attr('fill', 'none')\n      .attr('stroke', grafType === 'line' ? theme.textMuted : FD.stepIdealColor)\n      .attr('stroke-width', grafType === 'line' ? FD.stepGuessWidth : FD.stepIdealWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-dasharray', grafType === 'line' ? FD.stepGuessDash : null)\n      .attr('d', overlayGen);\n  }\n\n  // --- Max deviation marker (KS distance, curve only) -----------------------\n  if (grafType === 'curve' && idealByIndex) {\n    const base = series.find((s) => s.id === 'default') ?? series[0];\n    let best: { x: string; actual: number; ideal: number; diff: number } | null = null;\n    xDomain.forEach((x, i) => {\n      const actual = base.points.find((p) => p.x === x)?.y;\n      const ideal = idealByIndex[i];\n      if (!Number.isFinite(actual) || !Number.isFinite(ideal)) return;\n      const diff = Math.abs((actual as number) - ideal);\n      if (!best || diff > best.diff) {\n        best = { x, actual: actual as number, ideal, diff };\n      }\n    });\n\n    if (best) {\n      const marker = best as { x: string; actual: number; ideal: number; diff: number };\n      const mx = xPos(marker.x);\n      const yActual = yScale(marker.actual);\n      const yIdeal = yScale(marker.ideal);\n      const yTop = Math.min(yActual, yIdeal);\n      const yBottom = Math.max(yActual, yIdeal);\n      const yMid = (yTop + yBottom) / 2;\n      const label = formatCompact(marker.diff);\n      const labelWidth = label.length * 7 + 12;\n      const labelHeight = 18;\n\n      const g = root\n        .append('g')\n        .attr('class', 'max-deviation')\n        .attr('pointer-events', 'none');\n\n      g.append('line')\n        .attr('x1', mx)\n        .attr('x2', mx)\n        .attr('y1', yTop)\n        .attr('y2', yBottom)\n        .attr('stroke', FD.stepDeviationFill)\n        .attr('stroke-width', 2)\n        .attr('stroke-dasharray', '4,4')\n        .attr('opacity', 0.95);\n\n      g.append('path')\n        .attr('d', `M ${mx} ${yTop + 8} L ${mx - 6} ${yTop} L ${mx + 6} ${yTop} Z`)\n        .attr('fill', FD.stepDeviationFill);\n      g.append('path')\n        .attr(\n          'd',\n          `M ${mx} ${yBottom - 8} L ${mx - 6} ${yBottom} L ${mx + 6} ${yBottom} Z`,\n        )\n        .attr('fill', FD.stepDeviationFill);\n\n      g.append('rect')\n        .attr('x', mx - labelWidth / 2)\n        .attr('y', yMid - labelHeight / 2)\n        .attr('width', labelWidth)\n        .attr('height', labelHeight)\n        .attr('rx', 9)\n        .attr('ry', 9)\n        .attr('fill', FD.stepDeviationFill)\n        .attr('opacity', 0.98);\n      g.append('text')\n        .attr('x', mx)\n        .attr('y', yMid + 5)\n        .attr('text-anchor', 'middle')\n        .attr('font-size', 12)\n        .attr('fill', '#ffffff')\n        .text(label);\n    }\n  }\n\n  // --- Axes -----------------------------------------------------------------\n  // X labels are drawn by hand (thinned) — the chat host has no room for the\n  // rotating FuseDash `useVisxDynamicAxisLabel` component.\n  const xAxis = root.append('g').attr('class', 'x-axis');\n  const tickLabels = xDomain.map(xTickLabel);\n  const tickPositions = xDomain.map(xPos);\n  for (const i of selectTickIndices(tickLabels, tickPositions)) {\n    const isFirst = i === 0;\n    const isLast = i === xDomain.length - 1;\n    const nextPos = isLast ? plotRight : tickPositions[i + 1];\n    const prevPos = isFirst ? plotLeft : tickPositions[i - 1];\n    const slotWidth = Math.min(\n      Math.abs(nextPos - tickPositions[i]),\n      Math.abs(tickPositions[i] - prevPos),\n    );\n    const tickSel = xAxis\n      .append('text')\n      .attr('x', tickPositions[i])\n      .attr('y', plotBottom + 16)\n      .attr('text-anchor', isFirst ? 'start' : isLast ? 'end' : 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize);\n    decorateManualAxisLabel(tickSel, tickLabels[i], {\n      slotWidth,\n      ...axisLabels,\n    });\n  }\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(4)\n        .tickPadding(6)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    );\n  // FuseDash keeps the Y axis line, dashed like the grid\n  yAxis\n    .select('.domain')\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-dasharray', '1,2');\n  yAxis.selectAll('.tick line').attr('stroke', FD.axisStroke);\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n\n  if (xLabel) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  // Unit stays horizontal top-left — never rotated through the Y ticks\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n\n  // --- Crosshair hover ------------------------------------------------------\n  if (!showTooltip || !onHover) return;\n\n  const guideColor = resolveColor(series[0], 0, theme);\n  const hoverLayer = root.append('g').attr('class', 'hover').attr('pointer-events', 'none');\n  const guide = hoverLayer\n    .append('line')\n    .attr('stroke', guideColor)\n    .attr('stroke-width', 1)\n    .attr('stroke-dasharray', FD.stepGuideDash)\n    .attr('opacity', 0);\n  const dotsG = hoverLayer.append('g').attr('class', 'hover-dots');\n\n  const clearHover = (): void => {\n    guide.attr('opacity', 0);\n    dotsG.selectAll('*').remove();\n    onLeave?.();\n  };\n\n  const nearestIndex = (px: number): number => {\n    if (timeScale) {\n      let bestIdx = 0;\n      let bestDist = Infinity;\n      for (let i = 0; i < dates.length; i++) {\n        const dist = Math.abs(timeScale(dates[i]) - px);\n        if (dist < bestDist) {\n          bestDist = dist;\n          bestIdx = i;\n        }\n      }\n      return bestIdx;\n    }\n    if (!bandScale) return 0;\n    const step = bandScale.step() || 1;\n    const pad = (step * bandScale.paddingInner()) / 2;\n    const idx = Math.floor((px - plotLeft + pad) / step);\n    return Math.max(0, Math.min(idx, xDomain.length - 1));\n  };\n\n  root\n    .append('rect')\n    .attr('class', 'hover-target')\n    .attr('x', plotLeft)\n    .attr('y', plotTop)\n    .attr('width', plotRight - plotLeft)\n    .attr('height', plotBottom - plotTop)\n    .attr('rx', 14)\n    .attr('fill', 'transparent')\n    .on('mousemove', (event: MouseEvent) => {\n      const [px] = pointer(event, svg.node());\n      const idx = nearestIndex(px);\n      const x = xDomain[idx];\n      if (x == null) return;\n      const gx = xPos(x);\n      if (!Number.isFinite(gx)) return;\n\n      guide\n        .attr('x1', gx)\n        .attr('x2', gx)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('opacity', 1);\n\n      dotsG.selectAll('*').remove();\n      const entries: StepLineHoverEntry[] = [];\n      series.forEach((s, i) => {\n        const point = s.points.find((p) => p.x === x);\n        if (!point || !Number.isFinite(point.y)) return;\n        const color = resolveColor(s, i, theme);\n        entries.push({\n          seriesId: s.id,\n          seriesName: s.name ?? s.id,\n          color,\n          value: point.y,\n        });\n        dotsG\n          .append('circle')\n          .attr('cx', gx)\n          .attr('cy', yScale(point.y))\n          .attr('r', FD.stepHoverDotRadius)\n          .attr('fill', color)\n          .attr('stroke', '#fff')\n          .attr('stroke-width', 2);\n      });\n\n      onHover({ x, xLabel: xTickLabel(x), entries, event });\n    })\n    .on('mouseleave', clearHover);\n}\n\n/**\n * FuseDash `idealData`: anchor on the mean y of the first and last x that have\n * data, then either connect them straight (`line`) or with a logistic ramp\n * (`curve`) remapped onto that range.\n *\n * Deviation from FuseDash: it gates this on date-mode x values only, which\n * leaves ROC/KS charts with categorical x (the common chat payload) without a\n * reference line. Here it renders in both modes.\n */\nfunction buildIdealValues(\n  series: StepLineSeries[],\n  xDomain: string[],\n  grafType: StepLineGrafType,\n  minY: number,\n  maxY: number,\n): number[] | null {\n  if (grafType === 'none' || xDomain.length < 2) return null;\n\n  const avg = averageYByX(series, xDomain);\n  let firstIdx = avg.findIndex((v) => Number.isFinite(v));\n  if (firstIdx < 0) firstIdx = 0;\n  let lastIdx = avg.length - 1;\n  for (let i = avg.length - 1; i >= 0; i--) {\n    if (Number.isFinite(avg[i])) {\n      lastIdx = i;\n      break;\n    }\n  }\n\n  const yStart = Number.isFinite(avg[firstIdx]) ? avg[firstIdx] : minY;\n  const yEnd = Number.isFinite(avg[lastIdx]) ? avg[lastIdx] : maxY;\n\n  if (grafType === 'line') {\n    return xDomain.map((_, i) =>\n      i === 0\n        ? yStart\n        : i === xDomain.length - 1\n          ? yEnd\n          : yStart + ((yEnd - yStart) * i) / (xDomain.length - 1),\n    );\n  }\n\n  // logistic ramp — position taken from time when x is a date, else from index\n  const dateMode = isDateXDomain(xDomain);\n  const t0 = dateMode ? parseXDate(xDomain[0]).valueOf() : 0;\n  const t1 = dateMode ? parseXDate(xDomain[xDomain.length - 1]).valueOf() : xDomain.length - 1;\n  const span = Math.max(1, t1 - t0);\n  const k = 10;\n\n  return xDomain.map((x, i) => {\n    const t = dateMode ? parseXDate(x).valueOf() : i;\n    const s = (t - t0) / span;\n    const y01 = 1 / (1 + Math.exp(-k * (s - 0.5)));\n    return yStart + (yEnd - yStart) * y01;\n  });\n}\n"],"names":["fdSeriesColor","d3Line"],"mappings":"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"}

package/dist/components/step-line-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderStepLineChart, type RenderStepLineChartOptions } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/step-line-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,0BAA0B,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/violin-chart/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const violinStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/violin-chart/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA0BxB,CAAC"}

package/dist/components/violin-chart/element/styles.js

@@ -0,0 +1,32 @@
+import { css } from "lit";
+const violinStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  violinStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/violin-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/violin-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const violinStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/violin-chart/element/ui9000-violin-chart.d.ts

@@ -0,0 +1,32 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { ViolinOrientation } from '../lib/index.js';
+export declare class Ui9000ViolinChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    /** Client ViolinChart: horizontal | vertical (default vertical when unset). */
+    orientation: ViolinOrientation;
+    showGrid: boolean;
+    /** Client hardcodes legend off. */
+    showLegend: boolean;
+    showTooltip: boolean;
+    xLabel: string;
+    yLabel: string;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    firstUpdated(): void;
+    private scheduleDraw;
+    private parseData;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-violin-chart': Ui9000ViolinChart;
+    }
+}
+export declare function registerViolinChart(): void;
+//# sourceMappingURL=ui9000-violin-chart.d.ts.map

package/dist/components/violin-chart/element/ui9000-violin-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-violin-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-chart/element/ui9000-violin-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAI7F,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAoC;IAE1D,+EAA+E;IAE/E,WAAW,EAAE,iBAAiB,CAAc;IAG5C,QAAQ,UAAQ;IAEhB,mCAAmC;IAEnC,UAAU,UAAS;IAGnB,WAAW,UAAS;IAGpB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAItC,YAAY,IAAI,IAAI;IAK7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,IAAI;IA+BH,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}

package/dist/components/violin-chart/element/ui9000-violin-chart.js

@@ -0,0 +1,139 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { parseJsonAttr, getViolinDimensions } from "../../../utils/chart-helpers.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderViolinChart } from "../render/draw.js";
+import { violinStyles } from "./styles.js";
+import { normalizeViolinData } from "../lib/normalize.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000ViolinChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.orientation = "vertical";
+    this.showGrid = true;
+    this.showLegend = false;
+    this.showTooltip = false;
+    this.xLabel = "";
+    this.yLabel = "";
+    this._empty = false;
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+  }
+  firstUpdated() {
+    var _a, _b;
+    const body = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".widget-body");
+    if (body instanceof HTMLElement) (_b = this._resizeObserver) == null ? void 0 : _b.observe(body);
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, []);
+    const model = normalizeViolinData(raw);
+    if (this.orientation === "horizontal" || this.orientation === "vertical") {
+      return { ...model, orientation: this.orientation };
+    }
+    return model;
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseData();
+    this._empty = model.groups.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const orientation = this.orientation;
+    const { width, height, margin } = getViolinDimensions(root, orientation);
+    renderViolinChart(root, {
+      model,
+      width,
+      height,
+      margin,
+      theme,
+      orientation,
+      showGrid: this.showGrid,
+      xLabel: this.xLabel || void 0,
+      yLabel: this.yLabel || void 0,
+      ...this.axisLabelHandlers()
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000ViolinChart.styles = [violinStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String })
+], Ui9000ViolinChart.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000ViolinChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000ViolinChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000ViolinChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000ViolinChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000ViolinChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000ViolinChart.prototype, "_empty", 2);
+Ui9000ViolinChart = __decorateClass([
+  customElement("ui9000-violin-chart")
+], Ui9000ViolinChart);
+function registerViolinChart() {
+  if (!customElements.get("ui9000-violin-chart")) {
+    customElements.define("ui9000-violin-chart", Ui9000ViolinChart);
+  }
+}
+registerViolinChart();
+export {
+  Ui9000ViolinChart,
+  registerViolinChart
+};
+//# sourceMappingURL=ui9000-violin-chart.js.map

package/dist/components/violin-chart/element/ui9000-violin-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-violin-chart.js","sources":["../../../../src/components/violin-chart/element/ui9000-violin-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { getViolinDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeViolinData,\n  type ViolinChartData,\n  type ViolinModel,\n  type ViolinOrientation,\n} from '../lib/index.js';\nimport { renderViolinChart } from '../render/draw.js';\nimport { violinStyles } from './styles.js';\n\n@customElement('ui9000-violin-chart')\nexport class Ui9000ViolinChart extends Ui9000ChartElement {\n  static override styles = [violinStyles, chartShellStyles];\n\n  /** Client ViolinChart: horizontal | vertical (default vertical when unset). */\n  @property({ type: String })\n  orientation: ViolinOrientation = 'vertical';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  /** Client hardcodes legend off. */\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = false;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = false;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  override firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): ViolinModel {\n    const raw = parseJsonAttr<ViolinChartData>(this.dataJson, [] as never);\n    const model = normalizeViolinData(raw);\n    if (this.orientation === 'horizontal' || this.orientation === 'vertical') {\n      return { ...model, orientation: this.orientation };\n    }\n    return model;\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as\n      | HTMLElement\n      | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.groups.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const orientation = this.orientation;\n    const { width, height, margin } = getViolinDimensions(root, orientation);\n\n    renderViolinChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      orientation,\n      showGrid: this.showGrid,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-violin-chart': Ui9000ViolinChart;\n  }\n}\n\nexport function registerViolinChart(): void {\n  if (!customElements.get('ui9000-violin-chart')) {\n    customElements.define('ui9000-violin-chart', Ui9000ViolinChart);\n  }\n}\n\nregisterViolinChart();\n"],"names":[],"mappings":"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"}

package/dist/components/violin-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000ViolinChart, registerViolinChart, } from './element/ui9000-violin-chart.js';
+export { renderViolinChart } from './render/draw.js';
+export { normalizeViolinData, resolveViolinAxes, collectValueExtent, collectGroupIds, sampleExtent, quantile, kde, silvermanBandwidth, densityGrid, formatCompact, type ViolinGroup, type ViolinModel, type ViolinOrientation, type ViolinChartData, type ViolinGroupsPayload, type FuseDashViolinPayload, } from './lib/index.js';
+export { default as violinChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/violin-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/violin-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,GAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}