@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-bubble-chart.js","sources":["../../../../src/components/bubble-chart/element/ui9000-bubble-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 } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getBubbleChartDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { formatCompactNumber } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeBubbleData,\n  type BubbleChartData,\n  type BubbleModel,\n} from '../lib/index.js';\nimport { renderBubbleChart } from '../render/draw.js';\nimport { bubbleChartStyles } from './styles.js';\n\n@customElement('ui9000-bubble-chart')\nexport class Ui9000BubbleChart extends Ui9000ChartElement {\n  static override styles = [bubbleChartStyles, 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: { x: number; y: number; lines: string[] } | 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 parseData(): BubbleModel {\n    const raw = parseJsonAttr<BubbleChartData>(this.dataJson, null);\n    return normalizeBubbleData(raw);\n  }\n\n  private renderLegend(model: BubbleModel) {\n    if (!this.showLegend || model.groups.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.groups.map((g) => g.label),\n        theme,\n        (_label, index) => model.groups[index]?.color ?? theme.primary,\n      ),\n    );\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.parseData();\n    this._empty = model.points.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getBubbleChartDimensions(root);\n\n    renderBubbleChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? ({ point, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n            const yLabel = model.axisDetails?.[model.yField]?.label ?? model.yField;\n            const lines = [\n              `${xLabel}: ${formatCompactNumber(point.x)}`,\n              `${yLabel}: ${formatCompactNumber(point.y)}`,\n            ];\n            if (model.groupField) {\n              const groupLabel =\n                model.axisDetails?.[model.groupField]?.label ?? model.groupField;\n              lines.push(`${groupLabel}: ${point.groupKey}`);\n            }\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              lines,\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.parseData();\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\n            ? html`<div class=\"empty\" part=\"empty\">\n                Bubble chart requires two numeric fields. Pick numeric X and Y axes.\n              </div>`\n            : nothing}\n          ${this._tooltip\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.lines.map((line) => html`<div>${line}</div>`)}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-bubble-chart': Ui9000BubbleChart;\n  }\n}\n\nexport function registerBubbleChart(): void {\n  if (!customElements.get('ui9000-bubble-chart')) {\n    customElements.define('ui9000-bubble-chart', Ui9000BubbleChart);\n  }\n}\n\nregisterBubbleChart();\n"],"names":["_a"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { Ui9000BubbleChart, registerBubbleChart } from './element/ui9000-bubble-chart.js';
+export { renderBubbleChart } from './render/draw.js';
+export { normalizeBubbleData, bubbleRadiusForValue, bubbleXDomain, bubbleYDomain, type BubbleChartData, type BubbleGroup, type BubbleModel, type BubblePoint, } from './lib/index.js';
+export { default as bubbleChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bubble-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/bubble-chart/index.js

@@ -0,0 +1,18 @@
+import { registerBubbleChart } from "./element/ui9000-bubble-chart.js";
+import { Ui9000BubbleChart } from "./element/ui9000-bubble-chart.js";
+import { renderBubbleChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { bubbleRadiusForValue } from "../../utils/fuse-palette.js";
+import { bubbleXDomain, bubbleYDomain } from "./lib/domain.js";
+import { normalizeBubbleData } from "./lib/normalize.js";
+export {
+  Ui9000BubbleChart,
+  default2 as bubbleChartMetadata,
+  bubbleRadiusForValue,
+  bubbleXDomain,
+  bubbleYDomain,
+  normalizeBubbleData,
+  registerBubbleChart,
+  renderBubbleChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/bubble-chart/index.js.map

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

package/dist/components/bubble-chart/lib/domain.d.ts

@@ -0,0 +1,4 @@
+/** FuseDash BubbleChart linear domains with asymmetric padding (x 10%, y 20%). */
+export declare function bubbleXDomain(values: number[]): [number, number];
+export declare function bubbleYDomain(values: number[]): [number, number];
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/lib/domain.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAOhE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAOhE"}

package/dist/components/bubble-chart/lib/domain.js

@@ -0,0 +1,21 @@
+function bubbleXDomain(values) {
+  const finite = values.filter(Number.isFinite);
+  if (!finite.length) return [0, 1];
+  const min = Math.min(...finite);
+  const max = Math.max(...finite);
+  const padding = (max - min) * 0.1;
+  return [min - padding, max + padding];
+}
+function bubbleYDomain(values) {
+  const finite = values.filter(Number.isFinite);
+  if (!finite.length) return [0, 1];
+  const min = Math.min(...finite);
+  const max = Math.max(...finite);
+  const padding = (max - min) * 0.2;
+  return [min - padding / 2, max + padding];
+}
+export {
+  bubbleXDomain,
+  bubbleYDomain
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/bubble-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/bubble-chart/lib/domain.ts"],"sourcesContent":["/** FuseDash BubbleChart linear domains with asymmetric padding (x 10%, y 20%). */\nexport function bubbleXDomain(values: number[]): [number, number] {\n  const finite = values.filter(Number.isFinite);\n  if (!finite.length) return [0, 1];\n  const min = Math.min(...finite);\n  const max = Math.max(...finite);\n  const padding = (max - min) * 0.1;\n  return [min - padding, max + padding];\n}\n\nexport function bubbleYDomain(values: number[]): [number, number] {\n  const finite = values.filter(Number.isFinite);\n  if (!finite.length) return [0, 1];\n  const min = Math.min(...finite);\n  const max = Math.max(...finite);\n  const padding = (max - min) * 0.2;\n  return [min - padding / 2, max + padding];\n}\n"],"names":[],"mappings":"AACO,SAAS,cAAc,QAAoC;AAChE,QAAM,SAAS,OAAO,OAAO,OAAO,QAAQ;AAC5C,MAAI,CAAC,OAAO,OAAQ,QAAO,CAAC,GAAG,CAAC;AAChC,QAAM,MAAM,KAAK,IAAI,GAAG,MAAM;AAC9B,QAAM,MAAM,KAAK,IAAI,GAAG,MAAM;AAC9B,QAAM,WAAW,MAAM,OAAO;AAC9B,SAAO,CAAC,MAAM,SAAS,MAAM,OAAO;AACtC;AAEO,SAAS,cAAc,QAAoC;AAChE,QAAM,SAAS,OAAO,OAAO,OAAO,QAAQ;AAC5C,MAAI,CAAC,OAAO,OAAQ,QAAO,CAAC,GAAG,CAAC;AAChC,QAAM,MAAM,KAAK,IAAI,GAAG,MAAM;AAC9B,QAAM,MAAM,KAAK,IAAI,GAAG,MAAM;AAC9B,QAAM,WAAW,MAAM,OAAO;AAC9B,SAAO,CAAC,MAAM,UAAU,GAAG,MAAM,OAAO;AAC1C;"}

package/dist/components/bubble-chart/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { normalizeBubbleData, bubbleRadiusForValue, bubbleXDomain, bubbleYDomain } from './normalize.js';
+export type { BubbleChartData, BubbleGroup, BubbleModel, BubblePoint } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACzG,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/bubble-chart/lib/normalize.d.ts

@@ -0,0 +1,7 @@
+import { bubbleRadiusForValue } from '../../../utils/fuse-palette.js';
+import { bubbleXDomain, bubbleYDomain } from './domain.js';
+import { BubbleChartData, BubbleModel } from './types.js';
+/** Normalize chat / FuseDash WidgetItem payloads into bubble points + radius bands. */
+export declare function normalizeBubbleData(input: BubbleChartData): BubbleModel;
+export { bubbleRadiusForValue, bubbleXDomain, bubbleYDomain };
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/lib/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EAGrB,MAAM,gCAAgC,CAAC;AAUxC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAe,WAAW,EAAe,MAAM,YAAY,CAAC;AAsIzF,uFAAuF;AACvF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,WAAW,CAoBvE;AAED,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/bubble-chart/lib/normalize.js

@@ -0,0 +1,131 @@
+import { resolveFormattingColor, generateBubbleColorRanges } from "../../../utils/fuse-palette.js";
+import { bubbleRadiusForValue } from "../../../utils/fuse-palette.js";
+import { isFuseWidgetPayload, rowsOf, firstField, resolveUniqueValuesOrder, filterTruthyValues } from "../../../utils/fuse-widget.js";
+import { resolveWidgetFormatting } from "../../../utils/chart-formatting/from-fuse-widget.js";
+const EMPTY = {
+  points: [],
+  xField: "",
+  yField: "",
+  groups: [],
+  colorRanges: []
+};
+function isNumericField(rows, field) {
+  return Boolean(field) && rows.some((row) => Number.isFinite(Number(row[field])));
+}
+function resolveNumericField(rows, preferred, exclude, groupField) {
+  if (preferred && isNumericField(rows, preferred)) return preferred;
+  if (!rows.length) return preferred ?? "";
+  for (const key of Object.keys(rows[0] ?? {})) {
+    if (key === exclude || key === groupField) continue;
+    if (isNumericField(rows, key)) return key;
+  }
+  return preferred ?? "";
+}
+function resolveBubbleAxes(widget) {
+  const xField = firstField(widget.arrangeBy) || firstField(widget.xAxe) || "";
+  const yField = firstField(widget.display) || firstField(widget.yAxe) || "";
+  return { xField, yField };
+}
+function fromChatPoints(rows) {
+  const points = rows.map((row) => {
+    const x = Number(row.x);
+    const y = Number(row.y);
+    if (!Number.isFinite(x) || !Number.isFinite(y)) return null;
+    const groupKey = row.group != null ? String(row.group) : "default";
+    const point = {
+      x,
+      y,
+      groupKey,
+      color: row.color ?? resolveFormattingColor(void 0, groupKey, rows.length),
+      row: { x, y, group: groupKey }
+    };
+    return point;
+  }).filter((p) => p != null);
+  const groupKeys = [...new Set(points.map((p) => p.groupKey))];
+  const groups = groupKeys.map((key) => {
+    var _a;
+    return {
+      key,
+      label: key,
+      color: ((_a = points.find((p) => p.groupKey === key)) == null ? void 0 : _a.color) ?? resolveFormattingColor(void 0, key, groupKeys.length)
+    };
+  });
+  const yValues = points.map((p) => p.y);
+  return {
+    points,
+    xField: "x",
+    yField: "y",
+    groupField: points.some((p) => p.groupKey !== "default") ? "group" : void 0,
+    groups,
+    colorRanges: generateBubbleColorRanges(yValues)
+  };
+}
+function fromFuseWidget(widget) {
+  var _a;
+  const rows = rowsOf(widget);
+  const { xField: configuredX, yField: configuredY } = resolveBubbleAxes(widget);
+  const groupField = firstField(widget.groupBy ?? void 0);
+  const xField = resolveNumericField(rows, configuredX, configuredY ?? "", groupField);
+  const yField = resolveNumericField(rows, configuredY, xField, groupField);
+  if (!xField || !yField) return EMPTY;
+  const formatting = resolveWidgetFormatting(widget);
+  const groupKeys = groupField ? resolveUniqueValuesOrder(
+    rows.map((row) => String(row[groupField] ?? "")).filter(Boolean),
+    widget.uniqueValues,
+    groupField
+  ) : ["default"];
+  const cleanGroups = groupField ? filterTruthyValues(groupKeys) : ["default"];
+  const groups = cleanGroups.map((key) => ({
+    key,
+    label: key,
+    color: resolveFormattingColor(formatting, key, cleanGroups.length)
+  }));
+  const colorByGroup = new Map(groups.map((g) => [g.key, g.color]));
+  const points = [];
+  for (const row of rows) {
+    const x = Number(row[xField]);
+    const y = Number(row[yField]);
+    if (!Number.isFinite(x) || !Number.isFinite(y)) continue;
+    const groupKey = groupField ? String(row[groupField] ?? "default") : "default";
+    points.push({
+      x,
+      y,
+      groupKey,
+      color: colorByGroup.get(groupKey) ?? resolveFormattingColor(formatting, groupKey, groups.length),
+      row
+    });
+  }
+  const yValues = points.map((p) => p.y);
+  const paletteRange = ((_a = widget.palette) == null ? void 0 : _a.range) ?? null;
+  return {
+    points,
+    xField,
+    yField,
+    groupField: groupField ?? void 0,
+    groups,
+    colorRanges: generateBubbleColorRanges(yValues, paletteRange),
+    axisDetails: widget.axisDetails ?? void 0
+  };
+}
+function normalizeBubbleData(input) {
+  if (!input) return EMPTY;
+  if (Array.isArray(input)) {
+    if (!input.length) return EMPTY;
+    if ("x" in input[0] && "y" in input[0]) {
+      return fromChatPoints(input);
+    }
+    return EMPTY;
+  }
+  if (isFuseWidgetPayload(input)) {
+    return fromFuseWidget(input);
+  }
+  if (typeof input === "object" && Array.isArray(input.points)) {
+    return input;
+  }
+  return EMPTY;
+}
+export {
+  bubbleRadiusForValue,
+  normalizeBubbleData
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/bubble-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/bubble-chart/lib/normalize.ts"],"sourcesContent":["import {\n  bubbleRadiusForValue,\n  generateBubbleColorRanges,\n  resolveFormattingColor,\n} from '../../../utils/fuse-palette.js';\nimport { resolveWidgetFormatting } from '../../../utils/chart-formatting/index.js';\nimport {\n  filterTruthyValues,\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { bubbleXDomain, bubbleYDomain } from './domain.js';\nimport type { BubbleChartData, BubbleGroup, BubbleModel, BubblePoint } from './types.js';\n\nconst EMPTY: BubbleModel = {\n  points: [],\n  xField: '',\n  yField: '',\n  groups: [],\n  colorRanges: [],\n};\n\ntype WidgetWithAxes = FuseWidgetLike & {\n  arrangeBy?: string | string[] | null;\n  display?: string | string[] | null;\n  palette?: { range?: number[] | null } | null;\n};\n\nfunction isNumericField(rows: Record<string, unknown>[], field: string): boolean {\n  return Boolean(field) && rows.some((row) => Number.isFinite(Number(row[field])));\n}\n\nfunction resolveNumericField(\n  rows: Record<string, unknown>[],\n  preferred: string | undefined,\n  exclude: string,\n  groupField?: string,\n): string {\n  if (preferred && isNumericField(rows, preferred)) return preferred;\n  if (!rows.length) return preferred ?? '';\n  for (const key of Object.keys(rows[0] ?? {})) {\n    if (key === exclude || key === groupField) continue;\n    if (isNumericField(rows, key)) return key;\n  }\n  return preferred ?? '';\n}\n\nfunction resolveBubbleAxes(widget: WidgetWithAxes): { xField: string; yField: string } {\n  const xField = firstField(widget.arrangeBy) || firstField(widget.xAxe) || '';\n  const yField = firstField(widget.display) || firstField(widget.yAxe) || '';\n  return { xField, yField };\n}\n\nfunction fromChatPoints(\n  rows: Array<{ x: number; y: number; group?: string; color?: string }>,\n): BubbleModel {\n  const points = rows\n    .map((row) => {\n      const x = Number(row.x);\n      const y = Number(row.y);\n      if (!Number.isFinite(x) || !Number.isFinite(y)) return null;\n      const groupKey = row.group != null ? String(row.group) : 'default';\n      const point: BubblePoint = {\n        x,\n        y,\n        groupKey,\n        color: row.color ?? resolveFormattingColor(undefined, groupKey, rows.length),\n        row: { x, y, group: groupKey },\n      };\n      return point;\n    })\n    .filter((p): p is BubblePoint => p != null);\n\n  const groupKeys = [...new Set(points.map((p) => p.groupKey))];\n  const groups: BubbleGroup[] = groupKeys.map((key) => ({\n    key,\n    label: key,\n    color: points.find((p) => p.groupKey === key)?.color ?? resolveFormattingColor(undefined, key, groupKeys.length),\n  }));\n\n  const yValues = points.map((p) => p.y);\n  return {\n    points,\n    xField: 'x',\n    yField: 'y',\n    groupField: points.some((p) => p.groupKey !== 'default') ? 'group' : undefined,\n    groups,\n    colorRanges: generateBubbleColorRanges(yValues),\n  };\n}\n\nfunction fromFuseWidget(widget: WidgetWithAxes): BubbleModel {\n  const rows = rowsOf(widget);\n  const { xField: configuredX, yField: configuredY } = resolveBubbleAxes(widget);\n  const groupField = firstField(widget.groupBy ?? undefined);\n\n  const xField = resolveNumericField(rows, configuredX, configuredY ?? '', groupField);\n  const yField = resolveNumericField(rows, configuredY, xField, groupField);\n  if (!xField || !yField) return EMPTY;\n\n  const formatting = resolveWidgetFormatting(widget);\n  const groupKeys = groupField\n    ? resolveUniqueValuesOrder(\n        rows.map((row) => String(row[groupField] ?? '')).filter(Boolean),\n        widget.uniqueValues,\n        groupField,\n      )\n    : ['default'];\n\n  const cleanGroups = groupField ? filterTruthyValues(groupKeys) : ['default'];\n  const groups: BubbleGroup[] = cleanGroups.map((key) => ({\n    key,\n    label: key,\n    color: resolveFormattingColor(formatting, key, cleanGroups.length),\n  }));\n\n  const colorByGroup = new Map(groups.map((g) => [g.key, g.color]));\n  const points: BubblePoint[] = [];\n  for (const row of rows) {\n    const x = Number(row[xField]);\n    const y = Number(row[yField]);\n    if (!Number.isFinite(x) || !Number.isFinite(y)) continue;\n    const groupKey = groupField ? String(row[groupField] ?? 'default') : 'default';\n    points.push({\n      x,\n      y,\n      groupKey,\n      color: colorByGroup.get(groupKey) ?? resolveFormattingColor(formatting, groupKey, groups.length),\n      row,\n    });\n  }\n\n  const yValues = points.map((p) => p.y);\n  const paletteRange = widget.palette?.range ?? null;\n\n  return {\n    points,\n    xField,\n    yField,\n    groupField: groupField ?? undefined,\n    groups,\n    colorRanges: generateBubbleColorRanges(yValues, paletteRange),\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into bubble points + radius bands. */\nexport function normalizeBubbleData(input: BubbleChartData): BubbleModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    if (!input.length) return EMPTY;\n    if ('x' in input[0] && 'y' in input[0]) {\n      return fromChatPoints(input as Array<{ x: number; y: number; group?: string; color?: string }>);\n    }\n    return EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input as WidgetWithAxes);\n  }\n\n  if (typeof input === 'object' && Array.isArray((input as BubbleModel).points)) {\n    return input as BubbleModel;\n  }\n\n  return EMPTY;\n}\n\nexport { bubbleRadiusForValue, bubbleXDomain, bubbleYDomain };\n"],"names":[],"mappings":"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"}

package/dist/components/bubble-chart/lib/types.d.ts

@@ -0,0 +1,33 @@
+import { PunchcardColorRange } from '../../../utils/fuse-palette.js';
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+export interface BubblePoint {
+    x: number;
+    y: number;
+    groupKey: string;
+    color: string;
+    row: Record<string, unknown>;
+}
+export interface BubbleGroup {
+    key: string;
+    label: string;
+    color: string;
+}
+export interface BubbleModel {
+    points: BubblePoint[];
+    xField: string;
+    yField: string;
+    groupField?: string;
+    groups: BubbleGroup[];
+    colorRanges: PunchcardColorRange[];
+    axisDetails?: Record<string, {
+        label?: string;
+        measure_unit_type?: string;
+    }>;
+}
+export type BubbleChartData = Array<{
+    x: number;
+    y: number;
+    group?: string;
+    color?: string;
+}> | FuseWidgetLike | BubbleModel | null | undefined;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/bubble-chart/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,WAAW,WAAW;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9E;AAED,MAAM,MAAM,eAAe,GACvB,KAAK,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAC/D,cAAc,GACd,WAAW,GACX,IAAI,GACJ,SAAS,CAAC"}

package/dist/components/bubble-chart/metadata.json.d.ts

@@ -0,0 +1,54 @@
+declare const _default: {
+  "id": "bubble-chart",
+  "tag": "ui9000-bubble-chart",
+  "title": "Bubble Chart",
+  "description": "Chat-optimized bubble chart rewritten in D3. Numeric X/Y with abs(y) radius bands, optional groupBy colors, no Redux.",
+  "chartTypeKeys": ["bubbleChart"],
+  "source": "client/libs/shared/components/src/Widgets/BubbleChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/bubble-chart",
+  "entry": "@ui9000/widgets/bubble-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["x", "y"],
+              "properties": {
+                "x": { "type": "number" },
+                "y": { "type": "number" },
+                "group": { "type": "string" },
+                "color": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "description": "FuseDash WidgetItem-shaped payload"
+          }
+        ]
+      },
+      "show-grid": { "type": "boolean" },
+      "show-legend": { "type": "boolean" },
+      "show-tooltip": { "type": "boolean" },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"]
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/bubble-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "bubble-chart";
+const tag = "ui9000-bubble-chart";
+const title = "Bubble Chart";
+const description = "Chat-optimized bubble chart rewritten in D3. Numeric X/Y with abs(y) radius bands, optional groupBy colors, no Redux.";
+const chartTypeKeys = ["bubbleChart"];
+const source = "client/libs/shared/components/src/Widgets/BubbleChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/bubble-chart";
+const entry = "@ui9000/widgets/bubble-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": "number" }, "y": { "type": "number" }, "group": { "type": "string" }, "color": { "type": "string" } } } }, { "type": "object", "description": "FuseDash WidgetItem-shaped payload" }] }, "show-grid": { "type": "boolean" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+const bubbleMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  bubbleMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/bubble-chart/metadata.json.js.map

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

package/dist/components/bubble-chart/render/draw.d.ts

@@ -0,0 +1,24 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { BubbleModel, BubblePoint } from '../lib/types.js';
+export interface RenderBubbleChartOptions {
+    model: BubbleModel;
+    width: number;
+    height: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    onHover?: (payload: {
+        point: BubblePoint;
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/** FuseDash BubbleChart — linear axes, abs(y) radius bands, grouped bubble fill. */
+export declare function renderBubbleChart(container: HTMLElement, options: RenderBubbleChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAS3D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD,oFAAoF;AACpF,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,wBAAwB,GAChC,IAAI,CAuON"}

package/dist/components/bubble-chart/render/draw.js

@@ -0,0 +1,127 @@
+import { axisLeft, axisBottom } from "d3-axis";
+import { scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { bubbleRadiusForValue, PUNCHCARD_MIN_LABEL_RADIUS } from "../../../utils/fuse-palette.js";
+import { FD, formatCompactNumber, calculateNumTicks, lightenColor } from "../../../utils/fusedash-visual.js";
+import { bubbleXDomain, bubbleYDomain } from "../lib/domain.js";
+function formatAxisTick(value) {
+  const decimals = Number.isInteger(value) && Math.abs(value) < 1e3 ? 0 : 2;
+  return formatCompactNumber(value, decimals);
+}
+function bubbleFill(point, color, hovered) {
+  if (point.y < 0) return lightenColor(FD.bubbleNegativeFill, 0.5);
+  if (hovered) return color;
+  const colorId = color.replace("#", "hex");
+  return `url(#bubble-gradient-${colorId})`;
+}
+function bubbleFillOpacity(point, hovered) {
+  if (point.y < 0) return hovered ? 1 : 0.6;
+  return hovered ? 0.6 : 1;
+}
+function bubbleStroke(point, color) {
+  if (point.y < 0) return FD.bubbleNegativeFill;
+  return color;
+}
+function renderBubbleChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = (() => {
+      const inset = FD.bubbleMaxRadius / 2 + 1;
+      const base = FD.bubbleBaseMargin;
+      return {
+        top: base.top + inset,
+        right: base.right + inset,
+        bottom: base.bottom,
+        left: base.left
+      };
+    })(),
+    showGrid = true,
+    showTooltip = true,
+    onHover,
+    onLeave
+  } = options;
+  container.replaceChildren();
+  const { points, colorRanges } = model;
+  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] = bubbleXDomain(xValues);
+  const [yMin, yMax] = bubbleYDomain(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}`).attr("role", "img").attr("aria-label", "Bubble chart");
+  const defs = svg.append("defs");
+  const usedColors = new Set(points.filter((p) => p.y >= 0).map((p) => p.color));
+  for (const color of usedColors) {
+    const colorId = color.replace("#", "hex");
+    const gradient = defs.append("linearGradient").attr("id", `bubble-gradient-${colorId}`).attr("x1", "0%").attr("y1", "100%").attr("x2", "0%").attr("y2", "0%");
+    gradient.append("stop").attr("offset", "0%").attr("stop-color", color).attr("stop-opacity", "0.3");
+    gradient.append("stop").attr("offset", "100%").attr("stop-color", color).attr("stop-opacity", "0.1");
+  }
+  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) : "";
+    })
+  ).call(
+    (g) => g.select(".domain").attr("stroke", gridStroke).attr("stroke-dasharray", FD.gridDash)
+  ).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) : "";
+    })
+  ).call((g) => g.select(".domain").attr("stroke", axisStroke));
+  const bubbleLayer = plot.append("g").attr("class", "bubbles");
+  const containers = bubbleLayer.selectAll("g").data(points).enter().append("g").attr("class", "bubble-container").attr("opacity", 1);
+  containers.each(function(point) {
+    const g = select(this);
+    const cx = xScale(point.x);
+    const cy = yScale(point.y);
+    const radius = bubbleRadiusForValue(point.y, colorRanges);
+    g.append("circle").attr("class", "bubble").attr("cx", cx).attr("cy", cy).attr("r", radius).attr("fill", bubbleFill(point, point.color, false)).attr("fill-opacity", bubbleFillOpacity(point, false)).attr("stroke", bubbleStroke(point, point.color)).attr("stroke-width", 1);
+    if (radius >= PUNCHCARD_MIN_LABEL_RADIUS) {
+      g.append("text").attr("class", "bubble-label").attr("x", cx).attr("y", cy).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("fill", "#000").attr("stroke", "#fff").attr("stroke-width", 2).attr("paint-order", "stroke fill").attr("font-size", 12).attr("pointer-events", "none").text(formatCompactNumber(point.y));
+    }
+  });
+  if (showTooltip && onHover) {
+    containers.style("cursor", "pointer").on("mouseenter", function(event, point) {
+      bubbleLayer.selectAll(".bubble-container").attr("opacity", FD.donutArcOpacityDimmed);
+      select(this).attr("opacity", 1);
+      select(this).select(".bubble").attr("fill", bubbleFill(point, point.color, true)).attr("fill-opacity", bubbleFillOpacity(point, true)).attr("stroke-width", 2);
+      onHover({ point, event });
+    }).on("mousemove", (event, point) => {
+      onHover({ point, event });
+    }).on("mouseleave", () => {
+      containers.attr("opacity", 1);
+      containers.select(".bubble").each(function(point) {
+        select(this).attr("fill", bubbleFill(point, point.color, false)).attr("fill-opacity", bubbleFillOpacity(point, false)).attr("stroke-width", 1);
+      });
+      onLeave == null ? void 0 : onLeave();
+    });
+  }
+}
+export {
+  renderBubbleChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/bubble-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/bubble-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';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport { bubbleRadiusForValue, PUNCHCARD_MIN_LABEL_RADIUS } from '../../../utils/fuse-palette.js';\nimport {\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n  lightenColor,\n} from '../../../utils/fusedash-visual.js';\nimport { bubbleXDomain, bubbleYDomain } from '../lib/domain.js';\nimport type { BubbleModel, BubblePoint } from '../lib/types.js';\n\nexport interface RenderBubbleChartOptions {\n  model: BubbleModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  onHover?: (payload: { point: BubblePoint; event: MouseEvent }) => void;\n  onLeave?: () => void;\n}\n\nfunction formatAxisTick(value: number): string {\n  const decimals = Number.isInteger(value) && Math.abs(value) < 1000 ? 0 : 2;\n  return formatCompactNumber(value, decimals);\n}\n\nfunction bubbleFill(point: BubblePoint, color: string, hovered: boolean): string {\n  if (point.y < 0) return lightenColor(FD.bubbleNegativeFill, 0.5);\n  if (hovered) return color;\n  const colorId = color.replace('#', 'hex');\n  return `url(#bubble-gradient-${colorId})`;\n}\n\nfunction bubbleFillOpacity(point: BubblePoint, hovered: boolean): number {\n  if (point.y < 0) return hovered ? 1 : 0.6;\n  return hovered ? 0.6 : 1;\n}\n\nfunction bubbleStroke(point: BubblePoint, color: string): string {\n  if (point.y < 0) return FD.bubbleNegativeFill;\n  return color;\n}\n\n/** FuseDash BubbleChart — linear axes, abs(y) radius bands, grouped bubble fill. */\nexport function renderBubbleChart(\n  container: HTMLElement,\n  options: RenderBubbleChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = (() => {\n      const inset = FD.bubbleMaxRadius / 2 + 1;\n      const base = FD.bubbleBaseMargin;\n      return {\n        top: base.top + inset,\n        right: base.right + inset,\n        bottom: base.bottom,\n        left: base.left,\n      };\n    })(),\n    showGrid = true,\n    showTooltip = true,\n    onHover,\n    onLeave,\n  } = options;\n\n  container.replaceChildren();\n  const { points, colorRanges } = model;\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] = bubbleXDomain(xValues);\n  const [yMin, yMax] = bubbleYDomain(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    .attr('role', 'img')\n    .attr('aria-label', 'Bubble chart');\n\n  const defs = svg.append('defs');\n  const usedColors = new Set(points.filter((p) => p.y >= 0).map((p) => p.color));\n  for (const color of usedColors) {\n    const colorId = color.replace('#', 'hex');\n    const gradient = defs\n      .append('linearGradient')\n      .attr('id', `bubble-gradient-${colorId}`)\n      .attr('x1', '0%')\n      .attr('y1', '100%')\n      .attr('x2', '0%')\n      .attr('y2', '0%');\n    gradient\n      .append('stop')\n      .attr('offset', '0%')\n      .attr('stop-color', color)\n      .attr('stop-opacity', '0.3');\n    gradient\n      .append('stop')\n      .attr('offset', '100%')\n      .attr('stop-color', color)\n      .attr('stop-opacity', '0.1');\n  }\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) : '';\n        }),\n    )\n    .call((g) =>\n      g\n        .select('.domain')\n        .attr('stroke', gridStroke)\n        .attr('stroke-dasharray', FD.gridDash),\n    )\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) : '';\n        }),\n    )\n    .call((g) => g.select('.domain').attr('stroke', axisStroke));\n\n  const bubbleLayer = plot.append('g').attr('class', 'bubbles');\n  const containers = bubbleLayer\n    .selectAll('g')\n    .data(points)\n    .enter()\n    .append('g')\n    .attr('class', 'bubble-container')\n    .attr('opacity', 1);\n\n  containers.each(function (point) {\n    const g = select(this);\n    const cx = xScale(point.x);\n    const cy = yScale(point.y);\n    const radius = bubbleRadiusForValue(point.y, colorRanges);\n\n    g.append('circle')\n      .attr('class', 'bubble')\n      .attr('cx', cx)\n      .attr('cy', cy)\n      .attr('r', radius)\n      .attr('fill', bubbleFill(point, point.color, false))\n      .attr('fill-opacity', bubbleFillOpacity(point, false))\n      .attr('stroke', bubbleStroke(point, point.color))\n      .attr('stroke-width', 1);\n\n    if (radius >= PUNCHCARD_MIN_LABEL_RADIUS) {\n      g.append('text')\n        .attr('class', 'bubble-label')\n        .attr('x', cx)\n        .attr('y', cy)\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'middle')\n        .attr('fill', '#000')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 2)\n        .attr('paint-order', 'stroke fill')\n        .attr('font-size', 12)\n        .attr('pointer-events', 'none')\n        .text(formatCompactNumber(point.y));\n    }\n  });\n\n  if (showTooltip && onHover) {\n    containers\n      .style('cursor', 'pointer')\n      .on('mouseenter', function (this: SVGGElement, event: MouseEvent, point) {\n        bubbleLayer.selectAll('.bubble-container').attr('opacity', FD.donutArcOpacityDimmed);\n        select(this).attr('opacity', 1);\n        select(this)\n          .select('.bubble')\n          .attr('fill', bubbleFill(point, point.color, true))\n          .attr('fill-opacity', bubbleFillOpacity(point, true))\n          .attr('stroke-width', 2);\n        onHover({ point, event });\n      })\n      .on('mousemove', (event: MouseEvent, point) => {\n        onHover({ point, event });\n      })\n      .on('mouseleave', () => {\n        containers.attr('opacity', 1);\n        containers.select('.bubble').each(function (point: BubblePoint) {\n          select(this)\n            .attr('fill', bubbleFill(point, point.color, false))\n            .attr('fill-opacity', bubbleFillOpacity(point, false))\n            .attr('stroke-width', 1);\n        });\n        onLeave?.();\n      });\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/bubble-chart/render/index.d.ts

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

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

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

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

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

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

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