@fusedashlabs/widgets 0.2.0

package/dist/components/spark-line-chart/element/ui9000-spark-line-chart.js

@@ -0,0 +1,180 @@
+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 { lineLegendEntries } from "../../../utils/chart-legend.js";
+import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderSparkLineChart } from "../render/draw.js";
+import { sparkLineChartStyles } from "./styles.js";
+import { normalizeSparkLineData } from "../lib/normalize.js";
+import { formatCompact } from "../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 Ui9000SparkLineChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this.xLabel = "";
+    this.yLabel = "";
+    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());
+  }
+  parseData() {
+    const raw = parseJsonAttr(
+      this.dataJson,
+      []
+    );
+    return normalizeSparkLineData(raw);
+  }
+  xDomainHint() {
+    const raw = parseJsonAttr(this.dataJson, null);
+    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);
+    return void 0;
+  }
+  renderLegend(series) {
+    if (!this.showLegend || series.length <= 1) return nothing;
+    const theme = readThemeFromElement(this);
+    const entries = lineLegendEntries(series, theme);
+    return renderChartLegend(entries);
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const series = this.parseData();
+    this._empty = series.length === 0 || series.every((s) => !s.points.length);
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const { width, height, margin } = getSparkLineDimensions(root);
+    renderSparkLineChart(root, {
+      series,
+      width,
+      height,
+      margin,
+      theme,
+      showGrid: this.showGrid,
+      xDomainHint: this.xDomainHint(),
+      showTooltip: this.showTooltip,
+      xLabel: this.xLabel || void 0,
+      yLabel: this.yLabel || void 0,
+      ...this.axisLabelHandlers(),
+      onHover: this.showTooltip ? ({ xLabel, entries, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          xLabel,
+          entries
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    const series = this._empty ? [] : this.parseData().filter((s) => s.points.length > 0);
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${this.renderLegend(series)}
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${this._tooltip ? 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}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000SparkLineChart.styles = [sparkLineChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000SparkLineChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000SparkLineChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000SparkLineChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000SparkLineChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000SparkLineChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000SparkLineChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000SparkLineChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000SparkLineChart.prototype, "_empty", 2);
+Ui9000SparkLineChart = __decorateClass([
+  customElement("ui9000-spark-line-chart")
+], Ui9000SparkLineChart);
+function registerSparkLineChart() {
+  if (!customElements.get("ui9000-spark-line-chart")) {
+    customElements.define("ui9000-spark-line-chart", Ui9000SparkLineChart);
+  }
+}
+registerSparkLineChart();
+export {
+  Ui9000SparkLineChart,
+  registerSparkLineChart
+};
+//# sourceMappingURL=ui9000-spark-line-chart.js.map

package/dist/components/spark-line-chart/element/ui9000-spark-line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-spark-line-chart.js","sources":["../../../../src/components/spark-line-chart/element/ui9000-spark-line-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 { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getSparkLineDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatCompact,\n  normalizeSparkLineData,\n  type SparkLineChartData,\n  type SparkLineHoverEntry,\n  type SparkLineSeries,\n} from '../lib/index.js';\nimport { renderSparkLineChart } from '../render/draw.js';\nimport { sparkLineChartStyles } from './styles.js';\n\n@customElement('ui9000-spark-line-chart')\nexport class Ui9000SparkLineChart 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  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    xLabel: string;\n    entries: SparkLineHoverEntry[];\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 parseData(): SparkLineSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | SparkLineChartData | SparkLineSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeSparkLineData(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(series: SparkLineSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    const entries = lineLegendEntries(series, theme);\n    return renderChartLegend(entries);\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0 || series.every((s) => !s.points.length);\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    renderSparkLineChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      showTooltip: this.showTooltip,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onHover: 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              xLabel,\n              entries,\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 series =\n      this._empty ? [] : this.parseData().filter((s) => s.points.length > 0);\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(series)}\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\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.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-spark-line-chart': Ui9000SparkLineChart;\n  }\n}\n\nexport function registerSparkLineChart(): void {\n  if (!customElements.get('ui9000-spark-line-chart')) {\n    customElements.define('ui9000-spark-line-chart', Ui9000SparkLineChart);\n  }\n}\n\nregisterSparkLineChart();\n"],"names":[],"mappings":"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"}

package/dist/components/spark-line-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000SparkLineChart, registerSparkLineChart, } from './element/ui9000-spark-line-chart.js';
+export { renderSparkLineChart } from './render/draw.js';
+export { collectSparkXDomain, collectSparkYDomain, formatCompact, normalizeSparkLineData, orderSparkXDomain, parseXDate, selectTickIndices, type SparkLineChartData, type SparkLineHoverEntry, type SparkLinePoint, type SparkLineSeries, } from './lib/index.js';
+export { default as sparkLineChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spark-line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/spark-line-chart/index.js

@@ -0,0 +1,21 @@
+import { registerSparkLineChart } from "./element/ui9000-spark-line-chart.js";
+import { Ui9000SparkLineChart } from "./element/ui9000-spark-line-chart.js";
+import { renderSparkLineChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { collectSparkXDomain, collectSparkYDomain, orderSparkXDomain, parseXDate } from "./lib/domain.js";
+import { formatCompact, selectTickIndices } from "./lib/format.js";
+import { normalizeSparkLineData } from "./lib/normalize.js";
+export {
+  Ui9000SparkLineChart,
+  collectSparkXDomain,
+  collectSparkYDomain,
+  formatCompact,
+  normalizeSparkLineData,
+  orderSparkXDomain,
+  parseXDate,
+  registerSparkLineChart,
+  renderSparkLineChart,
+  selectTickIndices,
+  default2 as sparkLineChartMetadata
+};
+//# sourceMappingURL=index.js.map

package/dist/components/spark-line-chart/index.js.map

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

package/dist/components/spark-line-chart/lib/domain.d.ts

@@ -0,0 +1,10 @@
+import { SparkLineSeries } from './types.js';
+/** Calendar-only strings are parsed in local time (matches FuseDash). */
+export declare function parseXDate(x: string): Date;
+/** Unique x values; optional FuseDash `uniqueValues[xAxe]` order. */
+export declare function collectSparkXDomain(series: SparkLineSeries[], xDomainHint?: string[]): string[];
+/** SparkLineChart always uses datetime x — sort ascending. */
+export declare function orderSparkXDomain(xDomain: string[]): string[];
+/** FuseDash y domain: extent × 1.2 before `.nice()`. */
+export declare function collectSparkYDomain(series: SparkLineSeries[]): [number, number];
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-line-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIlD,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAO1C;AAED,qEAAqE;AACrE,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,eAAe,EAAE,EACzB,WAAW,CAAC,EAAE,MAAM,EAAE,GACrB,MAAM,EAAE,CAmBV;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAE7D;AAED,wDAAwD;AACxD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAY/E"}

package/dist/components/spark-line-chart/lib/domain.js

@@ -0,0 +1,53 @@
+import { calculateScaleLinearDomain, FD } from "../../../utils/fusedash-visual.js";
+const DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+function parseXDate(x) {
+  const match = DATE_ONLY.exec(x);
+  if (match) {
+    const [year, month, day] = x.split("-").map(Number);
+    return new Date(year, month - 1, day);
+  }
+  return new Date(x);
+}
+function collectSparkXDomain(series, xDomainHint) {
+  const seen = /* @__PURE__ */ new Set();
+  const fromData = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      if (!seen.has(p.x)) {
+        seen.add(p.x);
+        fromData.push(p.x);
+      }
+    }
+  }
+  if (xDomainHint == null ? void 0 : xDomainHint.length) {
+    const ordered = xDomainHint.filter((x) => seen.has(x));
+    for (const x of fromData) {
+      if (!ordered.includes(x)) ordered.push(x);
+    }
+    return ordered;
+  }
+  return fromData;
+}
+function orderSparkXDomain(xDomain) {
+  return [...xDomain].sort((a, b) => parseXDate(a).valueOf() - parseXDate(b).valueOf());
+}
+function collectSparkYDomain(series) {
+  const values = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      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];
+  const pad = FD.sparkDomainPadFactor;
+  return [min * pad, max * pad];
+}
+export {
+  collectSparkXDomain,
+  collectSparkYDomain,
+  orderSparkXDomain,
+  parseXDate
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/spark-line-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/spark-line-chart/lib/domain.ts"],"sourcesContent":["import { calculateScaleLinearDomain, FD } from '../../../utils/fusedash-visual.js';\nimport type { SparkLineSeries } from './types.js';\n\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/** Calendar-only strings are parsed in local time (matches FuseDash). */\nexport function parseXDate(x: string): Date {\n  const match = DATE_ONLY.exec(x);\n  if (match) {\n    const [year, month, day] = x.split('-').map(Number);\n    return new Date(year, month - 1, day);\n  }\n  return new Date(x);\n}\n\n/** Unique x values; optional FuseDash `uniqueValues[xAxe]` order. */\nexport function collectSparkXDomain(\n  series: SparkLineSeries[],\n  xDomainHint?: string[],\n): string[] {\n  const seen = new Set<string>();\n  const fromData: string[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (!seen.has(p.x)) {\n        seen.add(p.x);\n        fromData.push(p.x);\n      }\n    }\n  }\n  if (xDomainHint?.length) {\n    const ordered = xDomainHint.filter((x) => seen.has(x));\n    for (const x of fromData) {\n      if (!ordered.includes(x)) ordered.push(x);\n    }\n    return ordered;\n  }\n  return fromData;\n}\n\n/** SparkLineChart always uses datetime x — sort ascending. */\nexport function orderSparkXDomain(xDomain: string[]): string[] {\n  return [...xDomain].sort((a, b) => parseXDate(a).valueOf() - parseXDate(b).valueOf());\n}\n\n/** FuseDash y domain: extent × 1.2 before `.nice()`. */\nexport function collectSparkYDomain(series: SparkLineSeries[]): [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  if (!values.length) return [0, 1];\n  const [min, max] = calculateScaleLinearDomain(values);\n  if (min === 0 && max === 0) return [0, 1];\n  const pad = FD.sparkDomainPadFactor;\n  return [min * pad, max * pad];\n}\n"],"names":[],"mappings":";AAGA,MAAM,YAAY;AAGX,SAAS,WAAW,GAAiB;AAC1C,QAAM,QAAQ,UAAU,KAAK,CAAC;AAC9B,MAAI,OAAO;AACT,UAAM,CAAC,MAAM,OAAO,GAAG,IAAI,EAAE,MAAM,GAAG,EAAE,IAAI,MAAM;AAClD,WAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,GAAG;AAAA,EACtC;AACA,SAAO,IAAI,KAAK,CAAC;AACnB;AAGO,SAAS,oBACd,QACA,aACU;AACV,QAAM,2BAAW,IAAA;AACjB,QAAM,WAAqB,CAAA;AAC3B,aAAW,KAAK,QAAQ;AACtB,eAAW,KAAK,EAAE,QAAQ;AACxB,UAAI,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG;AAClB,aAAK,IAAI,EAAE,CAAC;AACZ,iBAAS,KAAK,EAAE,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACA,MAAI,2CAAa,QAAQ;AACvB,UAAM,UAAU,YAAY,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;AACrD,eAAW,KAAK,UAAU;AACxB,UAAI,CAAC,QAAQ,SAAS,CAAC,EAAG,SAAQ,KAAK,CAAC;AAAA,IAC1C;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGO,SAAS,kBAAkB,SAA6B;AAC7D,SAAO,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,WAAW,CAAC,EAAE,QAAA,IAAY,WAAW,CAAC,EAAE,SAAS;AACtF;AAGO,SAAS,oBAAoB,QAA6C;AAC/E,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,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,QAAM,MAAM,GAAG;AACf,SAAO,CAAC,MAAM,KAAK,MAAM,GAAG;AAC9B;"}

package/dist/components/spark-line-chart/lib/format.d.ts

@@ -0,0 +1,5 @@
+export declare function formatCompact(value: number): string;
+/** Chat stand-in for FuseDash `formatDatetimeTypeLabel`. */
+export declare function makeDateLabelFormatter(dates: Date[]): (date: Date) => string;
+export declare function selectTickIndices(labels: string[], positions: number[], charWidth?: number, gap?: number): number[];
+//# sourceMappingURL=format.d.ts.map

package/dist/components/spark-line-chart/lib/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-line-chart/lib/format.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGnD;AAED,4DAA4D;AAC5D,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAiB5E;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EAAE,EAChB,SAAS,EAAE,MAAM,EAAE,EACnB,SAAS,SAAM,EACf,GAAG,SAAI,GACN,MAAM,EAAE,CAgCV"}

package/dist/components/spark-line-chart/lib/format.js

@@ -0,0 +1,55 @@
+import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
+function formatCompact(value) {
+  const decimals = Number.isInteger(value) && Math.abs(value) < 1e3 ? 0 : 2;
+  return formatCompactNumber(value, decimals);
+}
+function makeDateLabelFormatter(dates) {
+  const years = new Set(dates.map((d) => d.getFullYear()));
+  const hasTime = dates.some(
+    (d) => d.getHours() || d.getMinutes() || d.getSeconds()
+  );
+  const dateOpts = {
+    month: "short",
+    day: "numeric",
+    ...years.size > 1 ? { year: "numeric" } : {}
+  };
+  const timeOpts = { hour: "2-digit", minute: "2-digit" };
+  return (date) => {
+    const datePart = date.toLocaleDateString(void 0, dateOpts);
+    return hasTime ? `${datePart} ${date.toLocaleTimeString(void 0, timeOpts)}` : datePart;
+  };
+}
+function selectTickIndices(labels, positions, charWidth = 6.2, gap = 8) {
+  const n = labels.length;
+  if (n <= 1) return n === 1 ? [0] : [];
+  const extent = (i) => {
+    const w = labels[i].length * charWidth;
+    const x = positions[i];
+    if (i === 0) return [x, x + w];
+    if (i === n - 1) return [x - w, x];
+    return [x - w / 2, x + w / 2];
+  };
+  const kept = [];
+  let prevRight = -Infinity;
+  for (let i = 0; i < n - 1; i++) {
+    if (!Number.isFinite(positions[i])) continue;
+    const [left, right] = extent(i);
+    if (left >= prevRight + gap) {
+      kept.push(i);
+      prevRight = right;
+    }
+  }
+  if (!Number.isFinite(positions[n - 1])) return kept;
+  const [lastLeft] = extent(n - 1);
+  while (kept.length && extent(kept[kept.length - 1])[1] + gap > lastLeft) {
+    kept.pop();
+  }
+  kept.push(n - 1);
+  return kept;
+}
+export {
+  formatCompact,
+  makeDateLabelFormatter,
+  selectTickIndices
+};
+//# sourceMappingURL=format.js.map

package/dist/components/spark-line-chart/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/spark-line-chart/lib/format.ts"],"sourcesContent":["import { formatCompactNumber } from '../../../utils/fusedash-visual.js';\n\nexport function formatCompact(value: number): string {\n  const decimals = Number.isInteger(value) && Math.abs(value) < 1000 ? 0 : 2;\n  return formatCompactNumber(value, decimals);\n}\n\n/** Chat stand-in for FuseDash `formatDatetimeTypeLabel`. */\nexport function makeDateLabelFormatter(dates: Date[]): (date: Date) => string {\n  const years = new Set(dates.map((d) => d.getFullYear()));\n  const hasTime = dates.some(\n    (d) => d.getHours() || d.getMinutes() || d.getSeconds(),\n  );\n\n  const dateOpts: Intl.DateTimeFormatOptions = {\n    month: 'short',\n    day: 'numeric',\n    ...(years.size > 1 ? { year: 'numeric' } : {}),\n  };\n  const timeOpts: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' };\n\n  return (date: Date) => {\n    const datePart = date.toLocaleDateString(undefined, dateOpts);\n    return hasTime ? `${datePart} ${date.toLocaleTimeString(undefined, timeOpts)}` : datePart;\n  };\n}\n\nexport function selectTickIndices(\n  labels: string[],\n  positions: number[],\n  charWidth = 6.2,\n  gap = 8,\n): number[] {\n  const n = labels.length;\n  if (n <= 1) return n === 1 ? [0] : [];\n\n  const extent = (i: number): [number, number] => {\n    const w = labels[i].length * charWidth;\n    const x = positions[i];\n    if (i === 0) return [x, x + w];\n    if (i === n - 1) return [x - w, x];\n    return [x - w / 2, x + w / 2];\n  };\n\n  const kept: number[] = [];\n  let prevRight = -Infinity;\n  for (let i = 0; i < n - 1; i++) {\n    if (!Number.isFinite(positions[i])) continue;\n    const [left, right] = extent(i);\n    if (left >= prevRight + gap) {\n      kept.push(i);\n      prevRight = right;\n    }\n  }\n\n  if (!Number.isFinite(positions[n - 1])) return kept;\n\n  const [lastLeft] = extent(n - 1);\n  while (kept.length && extent(kept[kept.length - 1])[1] + gap > lastLeft) {\n    kept.pop();\n  }\n  kept.push(n - 1);\n\n  return kept;\n}\n"],"names":[],"mappings":";AAEO,SAAS,cAAc,OAAuB;AACnD,QAAM,WAAW,OAAO,UAAU,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,MAAO,IAAI;AACzE,SAAO,oBAAoB,OAAO,QAAQ;AAC5C;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,QAAM,QAAQ,IAAI,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,YAAA,CAAa,CAAC;AACvD,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,MAAM,EAAE,SAAA,KAAc,EAAE,WAAA,KAAgB,EAAE,WAAA;AAAA,EAAW;AAGxD,QAAM,WAAuC;AAAA,IAC3C,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,MAAM,OAAO,IAAI,EAAE,MAAM,UAAA,IAAc,CAAA;AAAA,EAAC;AAE9C,QAAM,WAAuC,EAAE,MAAM,WAAW,QAAQ,UAAA;AAExE,SAAO,CAAC,SAAe;AACrB,UAAM,WAAW,KAAK,mBAAmB,QAAW,QAAQ;AAC5D,WAAO,UAAU,GAAG,QAAQ,IAAI,KAAK,mBAAmB,QAAW,QAAQ,CAAC,KAAK;AAAA,EACnF;AACF;AAEO,SAAS,kBACd,QACA,WACA,YAAY,KACZ,MAAM,GACI;AACV,QAAM,IAAI,OAAO;AACjB,MAAI,KAAK,EAAG,QAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAA;AAEnC,QAAM,SAAS,CAAC,MAAgC;AAC9C,UAAM,IAAI,OAAO,CAAC,EAAE,SAAS;AAC7B,UAAM,IAAI,UAAU,CAAC;AACrB,QAAI,MAAM,EAAG,QAAO,CAAC,GAAG,IAAI,CAAC;AAC7B,QAAI,MAAM,IAAI,UAAU,CAAC,IAAI,GAAG,CAAC;AACjC,WAAO,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC;AAAA,EAC9B;AAEA,QAAM,OAAiB,CAAA;AACvB,MAAI,YAAY;AAChB,WAAS,IAAI,GAAG,IAAI,IAAI,GAAG,KAAK;AAC9B,QAAI,CAAC,OAAO,SAAS,UAAU,CAAC,CAAC,EAAG;AACpC,UAAM,CAAC,MAAM,KAAK,IAAI,OAAO,CAAC;AAC9B,QAAI,QAAQ,YAAY,KAAK;AAC3B,WAAK,KAAK,CAAC;AACX,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,MAAI,CAAC,OAAO,SAAS,UAAU,IAAI,CAAC,CAAC,EAAG,QAAO;AAE/C,QAAM,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC;AAC/B,SAAO,KAAK,UAAU,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,MAAM,UAAU;AACvE,SAAK,IAAA;AAAA,EACP;AACA,OAAK,KAAK,IAAI,CAAC;AAEf,SAAO;AACT;"}

package/dist/components/spark-line-chart/lib/index.d.ts

@@ -0,0 +1,5 @@
+export { type SparkLineChartData, type SparkLineHoverEntry, type SparkLinePoint, type SparkLineSeries, } from './types.js';
+export { normalizeSparkLineData } from './normalize.js';
+export { collectSparkXDomain, collectSparkYDomain, orderSparkXDomain, parseXDate, } from './domain.js';
+export { formatCompact, makeDateLabelFormatter, selectTickIndices } from './format.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-line-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/spark-line-chart/lib/normalize.d.ts

@@ -0,0 +1,6 @@
+import { DataPoint } from '../../../types/index.js';
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+import { SparkLineChartData, SparkLineSeries } from './types.js';
+/** Normalize chat / FuseDash WidgetItem payloads into a datetime series list. */
+export declare function normalizeSparkLineData(input: DataPoint[] | SparkLineChartData | SparkLineSeries[] | FuseWidgetLike | null | undefined): SparkLineSeries[];
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-line-chart/lib/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAsDtE,iFAAiF;AACjF,wBAAgB,sBAAsB,CACpC,KAAK,EACD,SAAS,EAAE,GACX,kBAAkB,GAClB,eAAe,EAAE,GACjB,cAAc,GACd,IAAI,GACJ,SAAS,GACZ,eAAe,EAAE,CAsDnB"}

package/dist/components/spark-line-chart/lib/normalize.js

@@ -0,0 +1,100 @@
+import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
+import { isFuseWidgetPayload, rowsOf, firstField, resolveUniqueValuesOrder } from "../../../utils/fuse-widget.js";
+function cleanPoints(points) {
+  return points.filter((p) => p.x != null && p.y != null && Number.isFinite(Number(p.y))).map((p) => ({ x: String(p.x), y: Number(p.y) }));
+}
+function fromFuseWidget(widget) {
+  const rows = rowsOf(widget);
+  const xKey = firstField(widget.xAxe) ?? "x";
+  const yKey = firstField(widget.yAxe) ?? "y";
+  const groupKey = firstField(widget.groupBy);
+  const formatting = widget.formatting;
+  if (groupKey) {
+    const byGroup = /* @__PURE__ */ new Map();
+    for (const row of rows) {
+      const x = row[xKey];
+      const y = Number(row[yKey]);
+      if (x == null || !Number.isFinite(y)) continue;
+      const g = String(row[groupKey] ?? "default");
+      const pts = byGroup.get(g) ?? [];
+      pts.push({ x: String(x), y });
+      byGroup.set(g, pts);
+    }
+    const keys = resolveUniqueValuesOrder(
+      byGroup.keys(),
+      widget.uniqueValues,
+      groupKey
+    );
+    return keys.map((id) => ({
+      id,
+      name: id,
+      color: resolveFormattingColor(formatting, id, keys.length),
+      points: byGroup.get(id)
+    }));
+  }
+  const points = cleanPoints(
+    rows.map((row) => ({ x: row[xKey], y: row[yKey] }))
+  );
+  return points.length ? [
+    {
+      id: "default",
+      name: "Series",
+      color: resolveFormattingColor(formatting, "default", 1),
+      points
+    }
+  ] : [];
+}
+function normalizeSparkLineData(input) {
+  var _a, _b;
+  if (!input) return [];
+  if (Array.isArray(input)) {
+    if (input.length === 0) return [];
+    const first = input[0];
+    if ("points" in first && Array.isArray(first.points)) {
+      return input.map((s, i) => ({
+        id: s.id || `series-${i}`,
+        name: s.name ?? s.id ?? `Series ${i + 1}`,
+        color: s.color,
+        points: cleanPoints(s.points ?? [])
+      }));
+    }
+    return [
+      {
+        id: "default",
+        name: "Series",
+        points: cleanPoints(
+          input.map((d) => ({ x: d.label, y: d.value }))
+        )
+      }
+    ];
+  }
+  if (isFuseWidgetPayload(input) && !("series" in input) && !("points" in input)) {
+    return fromFuseWidget(input);
+  }
+  const chart = input;
+  if ((_a = chart.series) == null ? void 0 : _a.length) {
+    return chart.series.map((s, i) => ({
+      id: s.id || `series-${i}`,
+      name: s.name ?? s.id ?? `Series ${i + 1}`,
+      color: s.color,
+      points: cleanPoints(s.points ?? [])
+    }));
+  }
+  if ((_b = chart.points) == null ? void 0 : _b.length) {
+    return [
+      {
+        id: "default",
+        name: "Series",
+        points: cleanPoints(chart.points)
+      }
+    ];
+  }
+  if (isFuseWidgetPayload(input)) {
+    return fromFuseWidget(input);
+  }
+  return [];
+}
+export {
+  normalizeSparkLineData
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/spark-line-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/spark-line-chart/lib/normalize.ts"],"sourcesContent":["import type { DataPoint } from '../../../types/index.js';\nimport { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport {\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { SparkLineChartData, SparkLineSeries } from './types.js';\n\nfunction cleanPoints(points: { x: unknown; y: unknown }[]): SparkLineSeries['points'] {\n  return points\n    .filter((p) => p.x != null && p.y != null && Number.isFinite(Number(p.y)))\n    .map((p) => ({ x: String(p.x), y: Number(p.y) }));\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): SparkLineSeries[] {\n  const rows = rowsOf(widget);\n  const xKey = firstField(widget.xAxe) ?? 'x';\n  const yKey = firstField(widget.yAxe) ?? 'y';\n  const groupKey = firstField(widget.groupBy);\n  const formatting = widget.formatting;\n\n  if (groupKey) {\n    const byGroup = new Map<string, SparkLineSeries['points']>();\n    for (const row of rows) {\n      const x = row[xKey];\n      const y = Number(row[yKey]);\n      if (x == null || !Number.isFinite(y)) continue;\n      const g = String(row[groupKey] ?? 'default');\n      const pts = byGroup.get(g) ?? [];\n      pts.push({ x: String(x), y });\n      byGroup.set(g, pts);\n    }\n    const keys = resolveUniqueValuesOrder(\n      byGroup.keys(),\n      widget.uniqueValues,\n      groupKey,\n    );\n    return keys.map((id) => ({\n      id,\n      name: id,\n      color: resolveFormattingColor(formatting, id, keys.length),\n      points: byGroup.get(id)!,\n    }));\n  }\n\n  const points = cleanPoints(\n    rows.map((row) => ({ x: row[xKey], y: row[yKey] })),\n  );\n  return points.length\n    ? [\n        {\n          id: 'default',\n          name: 'Series',\n          color: resolveFormattingColor(formatting, 'default', 1),\n          points,\n        },\n      ]\n    : [];\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into a datetime series list. */\nexport function normalizeSparkLineData(\n  input:\n    | DataPoint[]\n    | SparkLineChartData\n    | SparkLineSeries[]\n    | FuseWidgetLike\n    | null\n    | undefined,\n): SparkLineSeries[] {\n  if (!input) return [];\n\n  if (Array.isArray(input)) {\n    if (input.length === 0) return [];\n    const first = input[0] as DataPoint | SparkLineSeries;\n    if ('points' in first && Array.isArray((first as SparkLineSeries).points)) {\n      return (input as SparkLineSeries[]).map((s, i) => ({\n        id: s.id || `series-${i}`,\n        name: s.name ?? s.id ?? `Series ${i + 1}`,\n        color: s.color,\n        points: cleanPoints(s.points ?? []),\n      }));\n    }\n    return [\n      {\n        id: 'default',\n        name: 'Series',\n        points: cleanPoints(\n          (input as DataPoint[]).map((d) => ({ x: d.label, y: d.value })),\n        ),\n      },\n    ];\n  }\n\n  if (isFuseWidgetPayload(input) && !('series' in input) && !('points' in input)) {\n    return fromFuseWidget(input);\n  }\n\n  const chart = input as SparkLineChartData;\n  if (chart.series?.length) {\n    return chart.series.map((s, i) => ({\n      id: s.id || `series-${i}`,\n      name: s.name ?? s.id ?? `Series ${i + 1}`,\n      color: s.color,\n      points: cleanPoints(s.points ?? []),\n    }));\n  }\n\n  if (chart.points?.length) {\n    return [\n      {\n        id: 'default',\n        name: 'Series',\n        points: cleanPoints(chart.points),\n      },\n    ];\n  }\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input);\n  }\n\n  return [];\n}\n"],"names":[],"mappings":"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"}

package/dist/components/spark-line-chart/lib/types.d.ts

@@ -0,0 +1,22 @@
+export interface SparkLinePoint {
+    /** Parsable date string (datetime x) */
+    x: string;
+    y: number;
+}
+export interface SparkLineSeries {
+    id: string;
+    name?: string;
+    color?: string;
+    points: SparkLinePoint[];
+}
+export interface SparkLineChartData {
+    points?: SparkLinePoint[];
+    series?: SparkLineSeries[];
+}
+export interface SparkLineHoverEntry {
+    seriesId: string;
+    seriesName: string;
+    color: string;
+    value: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-line-chart/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/components/spark-line-chart/metadata.json.d.ts

@@ -0,0 +1,91 @@
+declare const _default: {
+  "id": "spark-line-chart",
+  "tag": "ui9000-spark-line-chart",
+  "title": "Spark Line Chart",
+  "description": "Chat-optimized spark line chart rewritten in D3 (Visx → D3). Datetime x, multi-series via groupBy, full axes + crosshair hover. No Redux.",
+  "chartTypeKeys": ["sparkLineChart"],
+  "source": "client/libs/shared/components/src/Widgets/SparkLineChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/spark-line-chart",
+  "entry": "@ui9000/widgets/spark-line-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": ["label", "value"],
+              "properties": {
+                "label": { "type": "string" },
+                "value": { "type": "number" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "properties": {
+              "points": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["x", "y"],
+                  "properties": {
+                    "x": { "type": "string" },
+                    "y": { "type": "number" }
+                  }
+                }
+              },
+              "series": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["id", "points"],
+                  "properties": {
+                    "id": { "type": "string" },
+                    "name": { "type": "string" },
+                    "color": { "type": "string" },
+                    "points": {
+                      "type": "array",
+                      "items": {
+                        "type": "object",
+                        "required": ["x", "y"],
+                        "properties": {
+                          "x": { "type": "string" },
+                          "y": { "type": "number" }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"],
+        "default": "default"
+      },
+      "showGrid": { "type": "boolean", "default": true },
+      "showLegend": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true },
+      "xLabel": { "type": "string" },
+      "yLabel": { "type": "string" }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;