@fusedashlabs/widgets 0.2.0

package/dist/components/scatter-plot-chart/render/draw.js

@@ -0,0 +1,117 @@
+import { axisLeft, axisBottom } from "d3-axis";
+import { scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { symbol, symbolCircle, symbolTriangle, symbolSquare, symbolCross } from "d3-shape";
+import { FD, calculateNumTicks, formatCompactNumber } from "../../../utils/fusedash-visual.js";
+import { paddedLinearDomain } from "../lib/domain.js";
+function markerSymbol(shape) {
+  switch (shape) {
+    case "cross":
+      return symbolCross;
+    case "square":
+    case "rhombus":
+      return symbolSquare;
+    case "triangle":
+      return symbolTriangle;
+    default:
+      return symbolCircle;
+  }
+}
+function markerRotation(shape) {
+  if (shape === "rhombus" || shape === "cross") return 45;
+  return 0;
+}
+function formatAxisTick(value, field, axisDetails) {
+  const details = axisDetails == null ? void 0 : axisDetails[field];
+  if ((details == null ? void 0 : details.measure_unit_type) === "percentage" && Math.abs(value) <= 1) {
+    return (value * 100).toFixed(0);
+  }
+  return formatCompactNumber(value);
+}
+function renderScatterPlot(container, options) {
+  const {
+    points,
+    width,
+    height,
+    margin = { ...FD.scatterMargin },
+    xField,
+    yField,
+    showGrid = true,
+    showReferenceLine = false,
+    axisDetails,
+    showTooltip = true,
+    onHover,
+    onLeave
+  } = options;
+  container.replaceChildren();
+  if (!points.length || width <= 0 || height <= 0) return;
+  const innerWidth = Math.max(0, width - margin.left - margin.right);
+  const innerHeight = Math.max(0, height - margin.top - margin.bottom);
+  if (innerWidth <= 0 || innerHeight <= 0) return;
+  const xValues = points.map((p) => p.x);
+  const yValues = points.map((p) => p.y);
+  const [xMin, xMax] = paddedLinearDomain(xValues);
+  const [yMin, yMax] = paddedLinearDomain(yValues);
+  const xScale = scaleLinear().domain([xMin, xMax]).range([0, innerWidth]).nice();
+  const yScale = scaleLinear().domain([yMin, yMax]).range([innerHeight, 0]).nice();
+  const yTicks = calculateNumTicks(innerHeight);
+  const xTicks = calculateNumTicks(innerWidth);
+  const gridStroke = FD.gridStroke;
+  const axisStroke = FD.axisStroke;
+  const labelFill = FD.axisLabelFill;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`);
+  const plot = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+  if (showGrid) {
+    plot.append("g").attr("class", "y-grid").call(
+      axisLeft(yScale).ticks(yTicks).tickSize(-innerWidth).tickFormat(() => "")
+    ).call((g) => g.select(".domain").remove()).selectAll("line").attr("stroke", gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", 1);
+    plot.append("g").attr("class", "x-grid").call(
+      axisBottom(xScale).ticks(xTicks).tickSize(innerHeight).tickFormat(() => "")
+    ).call((g) => g.select(".domain").remove()).selectAll("line").attr("stroke", gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", 1);
+  }
+  plot.append("g").attr("class", "y-axis").call(
+    axisLeft(yScale).ticks(yTicks).tickSize(0).tickPadding(8).tickFormat((d) => {
+      const numeric = typeof d === "number" ? d : d.valueOf();
+      return Number.isInteger(numeric) ? formatAxisTick(numeric, yField, axisDetails) : "";
+    })
+  ).call((g) => g.select(".domain").remove()).selectAll("text").attr("dx", `-${margin.left - 10}px`).attr("fill", labelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "start");
+  plot.selectAll(".y-axis .tick").append("line").attr("x1", -8).attr("x2", 0).attr("y1", 0).attr("y2", 0).attr("stroke", axisStroke).attr("stroke-width", 1);
+  plot.append("g").attr("class", "x-axis").attr("transform", `translate(0,${innerHeight})`).call(
+    axisBottom(xScale).ticks(xTicks).tickSizeOuter(0).tickSize(0).tickPadding(8).tickFormat((d) => {
+      const numeric = typeof d === "number" ? d : d.valueOf();
+      return Number.isInteger(numeric) ? formatAxisTick(numeric, xField, axisDetails) : "";
+    })
+  ).call((g) => g.select(".domain").attr("stroke", axisStroke));
+  if (showReferenceLine) {
+    const vMin = Math.max(xScale.domain()[0], yScale.domain()[0]);
+    const vMax = Math.min(xScale.domain()[1], yScale.domain()[1]);
+    plot.append("line").attr("x1", xScale(vMin)).attr("y1", yScale(vMin)).attr("x2", xScale(vMax)).attr("y2", yScale(vMax)).attr("stroke", FD.scatterReferenceLine).attr("stroke-dasharray", "5,5").attr("stroke-width", 2).attr("pointer-events", "none");
+  }
+  const markerLayer = plot.append("g").attr("class", "scatter-markers");
+  const paths = markerLayer.selectAll("path").data(points).enter().append("g").attr("class", "scatterplot-marker-container").attr("opacity", 1).each(function(point) {
+    const shape = point.markerShape;
+    const pathGen = symbol().type(markerSymbol(shape)).size(FD.scatterMarkerSize);
+    const rotation = markerRotation(shape);
+    const isDonut = shape === "donut";
+    select(this).append("path").attr("class", "scatterplot-marker").attr("d", pathGen).attr(
+      "transform",
+      `translate(${xScale(point.x)},${yScale(point.y)}) rotate(${rotation})`
+    ).attr("fill", isDonut ? "none" : point.color).attr("stroke", point.color).attr("stroke-width", isDonut ? 1.5 : 0);
+  });
+  if (showTooltip && onHover) {
+    paths.style("cursor", "pointer").on("mouseenter", function(event, point) {
+      markerLayer.selectAll(".scatterplot-marker-container").attr("opacity", FD.donutArcOpacityDimmed);
+      select(this).attr("opacity", 1);
+      onHover({ point, event });
+    }).on("mousemove", (event, point) => {
+      onHover({ point, event });
+    }).on("mouseleave", () => {
+      markerLayer.selectAll(".scatterplot-marker-container").attr("opacity", 1);
+      onLeave == null ? void 0 : onLeave();
+    });
+  }
+}
+export {
+  renderScatterPlot
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/scatter-plot-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/scatter-plot-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport type { NumberValue } from 'd3-scale';\nimport { scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport {\n  symbol,\n  symbolCircle,\n  symbolCross,\n  symbolSquare,\n  symbolTriangle,\n  type SymbolType,\n} from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { ChartMarkerShape } from '../../../utils/chart-formatting/types.js';\nimport {\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n} from '../../../utils/fusedash-visual.js';\nimport { paddedLinearDomain } from '../lib/domain.js';\nimport type { ScatterPoint } from '../lib/types.js';\n\nexport interface RenderScatterPlotOptions {\n  points: ScatterPoint[];\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  xField: string;\n  yField: string;\n  showGrid?: boolean;\n  showReferenceLine?: boolean;\n  axisDetails?: Record<string, { label?: string; measure_unit_type?: string }>;\n  showTooltip?: boolean;\n  onHover?: (payload: { point: ScatterPoint; event: MouseEvent }) => void;\n  onLeave?: () => void;\n}\n\nfunction markerSymbol(shape: ChartMarkerShape): SymbolType {\n  switch (shape) {\n    case 'cross':\n      return symbolCross;\n    case 'square':\n    case 'rhombus':\n      return symbolSquare;\n    case 'triangle':\n      return symbolTriangle;\n    default:\n      return symbolCircle;\n  }\n}\n\nfunction markerRotation(shape: ChartMarkerShape): number {\n  if (shape === 'rhombus' || shape === 'cross') return 45;\n  return 0;\n}\n\nfunction formatAxisTick(\n  value: number,\n  field: string,\n  axisDetails?: RenderScatterPlotOptions['axisDetails'],\n): string {\n  const details = axisDetails?.[field];\n  if (details?.measure_unit_type === 'percentage' && Math.abs(value) <= 1) {\n    return (value * 100).toFixed(0);\n  }\n  return formatCompactNumber(value);\n}\n\n/** FuseDash ScatterPlot — D3 rewrite with grouped markers and optional y=x reference. */\nexport function renderScatterPlot(\n  container: HTMLElement,\n  options: RenderScatterPlotOptions,\n): void {\n  const {\n    points,\n    width,\n    height,\n    margin = { ...FD.scatterMargin },\n    xField,\n    yField,\n    showGrid = true,\n    showReferenceLine = false,\n    axisDetails,\n    showTooltip = true,\n    onHover,\n    onLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!points.length || width <= 0 || height <= 0) return;\n\n  const innerWidth = Math.max(0, width - margin.left - margin.right);\n  const innerHeight = Math.max(0, height - margin.top - margin.bottom);\n  if (innerWidth <= 0 || innerHeight <= 0) return;\n\n  const xValues = points.map((p) => p.x);\n  const yValues = points.map((p) => p.y);\n  const [xMin, xMax] = paddedLinearDomain(xValues);\n  const [yMin, yMax] = paddedLinearDomain(yValues);\n\n  const xScale = scaleLinear<number, number>().domain([xMin, xMax]).range([0, innerWidth]).nice();\n  const yScale = scaleLinear<number, number>().domain([yMin, yMax]).range([innerHeight, 0]).nice();\n\n  const yTicks = calculateNumTicks(innerHeight);\n  const xTicks = calculateNumTicks(innerWidth);\n  const gridStroke = FD.gridStroke;\n  const axisStroke = FD.axisStroke;\n  const labelFill = FD.axisLabelFill;\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('viewBox', `0 0 ${width} ${height}`);\n\n  const plot = svg\n    .append('g')\n    .attr('transform', `translate(${margin.left},${margin.top})`);\n\n  if (showGrid) {\n    plot\n      .append('g')\n      .attr('class', 'y-grid')\n      .call(\n        axisLeft(yScale)\n          .ticks(yTicks)\n          .tickSize(-innerWidth)\n          .tickFormat(() => ''),\n      )\n      .call((g) => g.select('.domain').remove())\n      .selectAll('line')\n      .attr('stroke', gridStroke)\n      .attr('stroke-dasharray', FD.gridDash)\n      .attr('stroke-width', 1);\n\n    plot\n      .append('g')\n      .attr('class', 'x-grid')\n      .call(\n        axisBottom(xScale)\n          .ticks(xTicks)\n          .tickSize(innerHeight)\n          .tickFormat(() => ''),\n      )\n      .call((g) => g.select('.domain').remove())\n      .selectAll('line')\n      .attr('stroke', gridStroke)\n      .attr('stroke-dasharray', FD.gridDash)\n      .attr('stroke-width', 1);\n  }\n\n  plot\n    .append('g')\n    .attr('class', 'y-axis')\n    .call(\n      axisLeft(yScale)\n        .ticks(yTicks)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d: NumberValue) => {\n          const numeric = typeof d === 'number' ? d : d.valueOf();\n          return Number.isInteger(numeric) ? formatAxisTick(numeric, yField, axisDetails) : '';\n        }),\n    )\n    .call((g) => g.select('.domain').remove())\n    .selectAll('text')\n    .attr('dx', `-${margin.left - 10}px`)\n    .attr('fill', labelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'start');\n\n  plot\n    .selectAll('.y-axis .tick')\n    .append('line')\n    .attr('x1', -8)\n    .attr('x2', 0)\n    .attr('y1', 0)\n    .attr('y2', 0)\n    .attr('stroke', axisStroke)\n    .attr('stroke-width', 1);\n\n  plot\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${innerHeight})`)\n    .call(\n      axisBottom(xScale)\n        .ticks(xTicks)\n        .tickSizeOuter(0)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d: NumberValue) => {\n          const numeric = typeof d === 'number' ? d : d.valueOf();\n          return Number.isInteger(numeric) ? formatAxisTick(numeric, xField, axisDetails) : '';\n        }),\n    )\n    .call((g) => g.select('.domain').attr('stroke', axisStroke));\n\n  if (showReferenceLine) {\n    const vMin = Math.max(xScale.domain()[0] as number, yScale.domain()[0] as number);\n    const vMax = Math.min(xScale.domain()[1] as number, yScale.domain()[1] as number);\n    plot\n      .append('line')\n      .attr('x1', xScale(vMin))\n      .attr('y1', yScale(vMin))\n      .attr('x2', xScale(vMax))\n      .attr('y2', yScale(vMax))\n      .attr('stroke', FD.scatterReferenceLine)\n      .attr('stroke-dasharray', '5,5')\n      .attr('stroke-width', 2)\n      .attr('pointer-events', 'none');\n  }\n\n  const markerLayer = plot.append('g').attr('class', 'scatter-markers');\n  const paths = markerLayer\n    .selectAll('path')\n    .data(points)\n    .enter()\n    .append('g')\n    .attr('class', 'scatterplot-marker-container')\n    .attr('opacity', 1)\n    .each(function (point) {\n      const shape = point.markerShape;\n      const pathGen = symbol().type(markerSymbol(shape)).size(FD.scatterMarkerSize);\n      const rotation = markerRotation(shape);\n      const isDonut = shape === 'donut';\n      select(this)\n        .append('path')\n        .attr('class', 'scatterplot-marker')\n        .attr('d', pathGen)\n        .attr(\n          'transform',\n          `translate(${xScale(point.x)},${yScale(point.y)}) rotate(${rotation})`,\n        )\n        .attr('fill', isDonut ? 'none' : point.color)\n        .attr('stroke', point.color)\n        .attr('stroke-width', isDonut ? 1.5 : 0);\n    });\n\n  if (showTooltip && onHover) {\n    paths\n      .style('cursor', 'pointer')\n      .on('mouseenter', function (event: MouseEvent, point) {\n        markerLayer.selectAll('.scatterplot-marker-container').attr('opacity', FD.donutArcOpacityDimmed);\n        select(this).attr('opacity', 1);\n        onHover({ point, event });\n      })\n      .on('mousemove', (event: MouseEvent, point) => {\n        onHover({ point, event });\n      })\n      .on('mouseleave', () => {\n        markerLayer.selectAll('.scatterplot-marker-container').attr('opacity', 1);\n        onLeave?.();\n      });\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/scatter-plot-chart/render/index.d.ts

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

package/dist/components/scatter-plot-chart/render/index.d.ts.map

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

package/dist/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-chart.d.ts

@@ -0,0 +1,31 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000ScatterSparklineChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _tooltip;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseModel;
+    private xDomainHint;
+    private renderLegend;
+    private formatPointTooltip;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-scatter-sparkline-chart': Ui9000ScatterSparklineChart;
+    }
+}
+export declare function registerScatterSparklineChart(): void;
+//# sourceMappingURL=ui9000-scatter-sparkline-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-scatter-sparkline-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkB3D,qBACa,2BAA4B,SAAQ,kBAAkB;IACjE,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAcA;IAGhB,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;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,IAAI;IAoDH,MAAM;CA6ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gCAAgC,EAAE,2BAA2B,CAAC;KAC/D;CACF;AAED,wBAAgB,6BAA6B,IAAI,IAAI,CAOpD"}

package/dist/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-chart.js

@@ -0,0 +1,221 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { renderChartLegend } from "../../../element/chart-legend-render.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { parseJsonAttr, getSparkLineDimensions } from "../../../utils/chart-helpers.js";
+import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { sparkLineChartStyles } from "../../spark-line-chart/element/styles.js";
+import { renderScatterSparklineChart } from "../render/draw.js";
+import { normalizeScatterSparklineData } from "../lib/normalize.js";
+import { formatCompact } from "../../spark-line-chart/lib/format.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 Ui9000ScatterSparklineChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    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();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseModel() {
+    const raw = parseJsonAttr(
+      this.dataJson,
+      {}
+    );
+    return normalizeScatterSparklineData(raw);
+  }
+  xDomainHint() {
+    const raw = parseJsonAttr(this.dataJson, null);
+    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);
+    return void 0;
+  }
+  renderLegend(model) {
+    if (!this.showLegend) return nothing;
+    const entries = [
+      {
+        label: model.lineLegendLabel,
+        swatch: { kind: "line", color: model.lineColor }
+      },
+      {
+        label: model.pointLegendLabel,
+        swatch: { kind: "swatch", color: model.pointLegendColor }
+      }
+    ];
+    return renderChartLegend(entries);
+  }
+  formatPointTooltip(model, point) {
+    var _a, _b, _c, _d, _e, _f;
+    const xLabel = ((_b = (_a = model.axisDetails) == null ? void 0 : _a[model.xField]) == null ? void 0 : _b.label) ?? model.xField;
+    const yLabel = ((_d = (_c = model.axisDetails) == null ? void 0 : _c[model.yField]) == null ? void 0 : _d.label) ?? model.yField;
+    const rows = [
+      { label: xLabel, value: point.x },
+      { label: yLabel, value: formatCompact(point.y) }
+    ];
+    if (model.groupField && point.row[model.groupField] != null) {
+      const gLabel = ((_f = (_e = model.axisDetails) == null ? void 0 : _e[model.groupField]) == null ? void 0 : _f.label) ?? model.groupField;
+      rows.push({
+        label: gLabel,
+        value: String(point.row[model.groupField])
+      });
+    }
+    return rows;
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseModel();
+    const hasSeries = model.series.some((s) => s.points.length > 0);
+    this._empty = !hasSeries && model.scatterPoints.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const { width, height, margin } = getSparkLineDimensions(root);
+    renderScatterSparklineChart(root, {
+      model,
+      width,
+      height,
+      margin,
+      theme,
+      showGrid: this.showGrid,
+      xDomainHint: this.xDomainHint(),
+      showTooltip: this.showTooltip,
+      ...this.axisLabelHandlers(),
+      onLineHover: this.showTooltip ? ({ xLabel, entries, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          mode: "line",
+          xLabel,
+          entries
+        };
+      } : void 0,
+      onPointHover: this.showTooltip ? ({ point, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          mode: "point",
+          rows: this.formatPointTooltip(model, point)
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    var _a, _b;
+    const title = this.headerTitle();
+    const model = this._empty ? null : this.parseModel();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${model ? this.renderLegend(model) : nothing}
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${((_a = this._tooltip) == null ? void 0 : _a.mode) === "line" ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                <div class="x">${this._tooltip.xLabel}</div>
+                ${this._tooltip.entries.map(
+      (entry) => html`<div class="row">
+                    <span class="swatch" style="background:${entry.color}"></span>
+                    <span>${entry.seriesName}</span>
+                    <span class="value">${formatCompact(entry.value)}</span>
+                  </div>`
+    )}
+              </div>` : nothing}
+          ${((_b = this._tooltip) == null ? void 0 : _b.mode) === "point" ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                ${this._tooltip.rows.map(
+      (row) => html`<div class="row">
+                    <span>${row.label}</span>
+                    <span class="value">${row.value}</span>
+                  </div>`
+    )}
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000ScatterSparklineChart.styles = [sparkLineChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000ScatterSparklineChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000ScatterSparklineChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000ScatterSparklineChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000ScatterSparklineChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000ScatterSparklineChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000ScatterSparklineChart.prototype, "_empty", 2);
+Ui9000ScatterSparklineChart = __decorateClass([
+  customElement("ui9000-scatter-sparkline-chart")
+], Ui9000ScatterSparklineChart);
+function registerScatterSparklineChart() {
+  if (!customElements.get("ui9000-scatter-sparkline-chart")) {
+    customElements.define(
+      "ui9000-scatter-sparkline-chart",
+      Ui9000ScatterSparklineChart
+    );
+  }
+}
+registerScatterSparklineChart();
+export {
+  Ui9000ScatterSparklineChart,
+  registerScatterSparklineChart
+};
+//# sourceMappingURL=ui9000-scatter-sparkline-chart.js.map

package/dist/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-scatter-sparkline-chart.js","sources":["../../../../src/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-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 { renderChartLegend, type ChartLegendEntry } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getSparkLineDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { formatCompact, type SparkLineHoverEntry } from '../../spark-line-chart/lib/index.js';\nimport { sparkLineChartStyles } from '../../spark-line-chart/element/styles.js';\nimport {\n  normalizeScatterSparklineData,\n  type ScatterSparklineChartData,\n  type ScatterSparklineModel,\n  type ScatterSparklineRawPoint,\n} from '../lib/index.js';\nimport { renderScatterSparklineChart } from '../render/draw.js';\n\n@customElement('ui9000-scatter-sparkline-chart')\nexport class Ui9000ScatterSparklineChart extends Ui9000ChartElement {\n  static override styles = [sparkLineChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _tooltip:\n    | {\n        x: number;\n        y: number;\n        mode: 'line';\n        xLabel: string;\n        entries: SparkLineHoverEntry[];\n      }\n    | {\n        x: number;\n        y: number;\n        mode: 'point';\n        rows: Array<{ label: string; value: string }>;\n      }\n    | null = null;\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  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseModel(): ScatterSparklineModel {\n    const raw = parseJsonAttr<ScatterSparklineChartData | FuseWidgetLike>(\n      this.dataJson,\n      {},\n    );\n    return normalizeScatterSparklineData(raw);\n  }\n\n  private xDomainHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(model: ScatterSparklineModel) {\n    if (!this.showLegend) return nothing;\n    const entries: ChartLegendEntry[] = [\n      {\n        label: model.lineLegendLabel,\n        swatch: { kind: 'line', color: model.lineColor },\n      },\n      {\n        label: model.pointLegendLabel,\n        swatch: { kind: 'swatch', color: model.pointLegendColor },\n      },\n    ];\n    return renderChartLegend(entries);\n  }\n\n  private formatPointTooltip(\n    model: ScatterSparklineModel,\n    point: ScatterSparklineRawPoint,\n  ): Array<{ label: string; value: string }> {\n    const xLabel =\n      model.axisDetails?.[model.xField]?.label ?? model.xField;\n    const yLabel =\n      model.axisDetails?.[model.yField]?.label ?? model.yField;\n    const rows: Array<{ label: string; value: string }> = [\n      { label: xLabel, value: point.x },\n      { label: yLabel, value: formatCompact(point.y) },\n    ];\n    if (model.groupField && point.row[model.groupField] != null) {\n      const gLabel =\n        model.axisDetails?.[model.groupField]?.label ?? model.groupField;\n      rows.push({\n        label: gLabel,\n        value: String(point.row[model.groupField]),\n      });\n    }\n    return rows;\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseModel();\n    const hasSeries = model.series.some((s) => s.points.length > 0);\n    this._empty = !hasSeries && model.scatterPoints.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getSparkLineDimensions(root);\n\n    renderScatterSparklineChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onLineHover: this.showTooltip\n        ? ({ xLabel, entries, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              mode: 'line',\n              xLabel,\n              entries,\n            };\n          }\n        : undefined,\n      onPointHover: this.showTooltip\n        ? ({ point, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              mode: 'point',\n              rows: this.formatPointTooltip(model, point),\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? null : this.parseModel();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${model ? this.renderLegend(model) : nothing}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this._tooltip?.mode === 'line'\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"x\">${this._tooltip.xLabel}</div>\n                ${this._tooltip.entries.map(\n                  (entry) => html`<div class=\"row\">\n                    <span class=\"swatch\" style=\"background:${entry.color}\"></span>\n                    <span>${entry.seriesName}</span>\n                    <span class=\"value\">${formatCompact(entry.value)}</span>\n                  </div>`,\n                )}\n              </div>`\n            : nothing}\n          ${this._tooltip?.mode === 'point'\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                ${this._tooltip.rows.map(\n                  (row) => html`<div class=\"row\">\n                    <span>${row.label}</span>\n                    <span class=\"value\">${row.value}</span>\n                  </div>`,\n                )}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-scatter-sparkline-chart': Ui9000ScatterSparklineChart;\n  }\n}\n\nexport function registerScatterSparklineChart(): void {\n  if (!customElements.get('ui9000-scatter-sparkline-chart')) {\n    customElements.define(\n      'ui9000-scatter-sparkline-chart',\n      Ui9000ScatterSparklineChart,\n    );\n  }\n}\n\nregisterScatterSparklineChart();\n"],"names":[],"mappings":"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"}

package/dist/components/scatter-sparkline-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000ScatterSparklineChart, registerScatterSparklineChart, } from './element/ui9000-scatter-sparkline-chart.js';
+export { renderScatterSparklineChart } from './render/index.js';
+export { collectScatterSparklineYDomain, normalizeScatterSparklineData, type ScatterSparklineChartData, type ScatterSparklineLineHoverEntry, type ScatterSparklineModel, type ScatterSparklineRawPoint, } from './lib/index.js';
+export { default as scatterSparklineChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/scatter-sparkline-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scatter-sparkline-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,6BAA6B,GAC9B,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,8BAA8B,EACnC,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,GAC9B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/scatter-sparkline-chart/index.js

@@ -0,0 +1,15 @@
+import { registerScatterSparklineChart } from "./element/ui9000-scatter-sparkline-chart.js";
+import { Ui9000ScatterSparklineChart } from "./element/ui9000-scatter-sparkline-chart.js";
+import { default as default2 } from "./metadata.json.js";
+import { collectScatterSparklineYDomain } from "./lib/domain.js";
+import { normalizeScatterSparklineData } from "./lib/normalize.js";
+import { renderScatterSparklineChart } from "./render/draw.js";
+export {
+  Ui9000ScatterSparklineChart,
+  collectScatterSparklineYDomain,
+  normalizeScatterSparklineData,
+  registerScatterSparklineChart,
+  renderScatterSparklineChart,
+  default2 as scatterSparklineChartMetadata
+};
+//# sourceMappingURL=index.js.map

package/dist/components/scatter-sparkline-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/scatter-sparkline-chart/lib/domain.d.ts

@@ -0,0 +1,5 @@
+import { SparkLineSeries } from '../../spark-line-chart/lib/types.js';
+import { ScatterSparklineRawPoint } from './types.js';
+/** FuseDash ScatterSparklineChart y domain: extent × 1.1 before `.nice()`. */
+export declare function collectScatterSparklineYDomain(series: SparkLineSeries[], scatterPoints: ScatterSparklineRawPoint[]): [number, number];
+//# sourceMappingURL=domain.d.ts.map

package/dist/components/scatter-sparkline-chart/lib/domain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE3D,8EAA8E;AAC9E,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,eAAe,EAAE,EACzB,aAAa,EAAE,wBAAwB,EAAE,GACxC,CAAC,MAAM,EAAE,MAAM,CAAC,CAclB"}

package/dist/components/scatter-sparkline-chart/lib/domain.js

@@ -0,0 +1,20 @@
+import { calculateScaleLinearDomain } from "../../../utils/fusedash-visual.js";
+function collectScatterSparklineYDomain(series, scatterPoints) {
+  const values = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      if (Number.isFinite(p.y)) values.push(p.y);
+    }
+  }
+  for (const p of scatterPoints) {
+    if (Number.isFinite(p.y)) values.push(p.y);
+  }
+  if (!values.length) return [0, 1];
+  const [min, max] = calculateScaleLinearDomain(values);
+  if (min === 0 && max === 0) return [0, 1];
+  return [min * 1.1, max * 1.1];
+}
+export {
+  collectScatterSparklineYDomain
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/scatter-sparkline-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/scatter-sparkline-chart/lib/domain.ts"],"sourcesContent":["import { calculateScaleLinearDomain } from '../../../utils/fusedash-visual.js';\nimport type { SparkLineSeries } from '../../spark-line-chart/lib/types.js';\nimport type { ScatterSparklineRawPoint } from './types.js';\n\n/** FuseDash ScatterSparklineChart y domain: extent × 1.1 before `.nice()`. */\nexport function collectScatterSparklineYDomain(\n  series: SparkLineSeries[],\n  scatterPoints: ScatterSparklineRawPoint[],\n): [number, number] {\n  const values: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (Number.isFinite(p.y)) values.push(p.y);\n    }\n  }\n  for (const p of scatterPoints) {\n    if (Number.isFinite(p.y)) values.push(p.y);\n  }\n  if (!values.length) return [0, 1];\n  const [min, max] = calculateScaleLinearDomain(values);\n  if (min === 0 && max === 0) return [0, 1];\n  return [min * 1.1, max * 1.1];\n}\n"],"names":[],"mappings":";AAKO,SAAS,+BACd,QACA,eACkB;AAClB,QAAM,SAAmB,CAAA;AACzB,aAAW,KAAK,QAAQ;AACtB,eAAW,KAAK,EAAE,QAAQ;AACxB,UAAI,OAAO,SAAS,EAAE,CAAC,EAAG,QAAO,KAAK,EAAE,CAAC;AAAA,IAC3C;AAAA,EACF;AACA,aAAW,KAAK,eAAe;AAC7B,QAAI,OAAO,SAAS,EAAE,CAAC,EAAG,QAAO,KAAK,EAAE,CAAC;AAAA,EAC3C;AACA,MAAI,CAAC,OAAO,OAAQ,QAAO,CAAC,GAAG,CAAC;AAChC,QAAM,CAAC,KAAK,GAAG,IAAI,2BAA2B,MAAM;AACpD,MAAI,QAAQ,KAAK,QAAQ,EAAG,QAAO,CAAC,GAAG,CAAC;AACxC,SAAO,CAAC,MAAM,KAAK,MAAM,GAAG;AAC9B;"}

package/dist/components/scatter-sparkline-chart/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { type ScatterSparklineChartData, type ScatterSparklineLineHoverEntry, type ScatterSparklineModel, type ScatterSparklineRawPoint, } from './types.js';
+export { normalizeScatterSparklineData } from './normalize.js';
+export { collectScatterSparklineYDomain } from './domain.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/scatter-sparkline-chart/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,8BAA8B,EACnC,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,GAC9B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/scatter-sparkline-chart/lib/normalize.d.ts

@@ -0,0 +1,5 @@
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+import { ScatterSparklineChartData, ScatterSparklineModel } from './types.js';
+/** Normalize chat / FuseDash WidgetItem payloads into scatter + aggregated line model. */
+export declare function normalizeScatterSparklineData(input: ScatterSparklineChartData | FuseWidgetLike | null | undefined): ScatterSparklineModel;
+//# sourceMappingURL=normalize.d.ts.map

package/dist/components/scatter-sparkline-chart/lib/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/lib/normalize.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EACV,yBAAyB,EACzB,qBAAqB,EAEtB,MAAM,YAAY,CAAC;AA2JpB,0FAA0F;AAC1F,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,yBAAyB,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,GACnE,qBAAqB,CAqBvB"}