@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-step-line-chart.js","sources":["../../../../src/components/step-line-chart/element/ui9000-step-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 { getStepLineDimensions, 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 { FD } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatCompact,\n  normalizeStepLineData,\n  type StepLineChartData,\n  type StepLineGrafType,\n  type StepLineHoverEntry,\n  type StepLineSeries,\n} from '../lib/index.js';\nimport { renderStepLineChart } from '../render/draw.js';\nimport { stepLineChartStyles } from './styles.js';\n\n@customElement('ui9000-step-line-chart')\nexport class Ui9000StepLineChart extends Ui9000ChartElement {\n  static override styles = [stepLineChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String, attribute: 'graf-type' })\n  grafType: StepLineGrafType = 'none';\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: StepLineHoverEntry[];\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(): StepLineSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | StepLineChartData | StepLineSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeStepLineData(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: StepLineSeries[]) {\n    const overlay =\n      this.grafType === 'curve'\n        ? { label: 'Ideal', kind: 'line' as const, color: FD.stepIdealColor }\n        : this.grafType === 'line'\n          ? { label: 'Random guessing', kind: 'dashed-line' as const, color: '' }\n          : null;\n    const itemCount = series.length + (overlay ? 1 : 0);\n    if (!this.showLegend || itemCount <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    const entries = lineLegendEntries(series, theme);\n    if (overlay) {\n      entries.push({\n        label: overlay.label,\n        swatch:\n          overlay.kind === 'dashed-line'\n            ? { kind: 'dashed-line', color: theme.textMuted }\n            : { kind: 'line', color: overlay.color },\n      });\n    }\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 } = getStepLineDimensions(root);\n\n    renderStepLineChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      grafType: this.grafType,\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-step-line-chart': Ui9000StepLineChart;\n  }\n}\n\nexport function registerStepLineChart(): void {\n  if (!customElements.get('ui9000-step-line-chart')) {\n    customElements.define('ui9000-step-line-chart', Ui9000StepLineChart);\n  }\n}\n\nregisterStepLineChart();\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { Ui9000StepLineChart, registerStepLineChart, } from './element/ui9000-step-line-chart.js';
+export { renderStepLineChart } from './render/draw.js';
+export { averageYByX, collectStepXDomain, collectStepYDomain, formatCompact, isDateXDomain, normalizeStepLineData, orderStepXDomain, parseXDate, selectTickIndices, type StepLineChartData, type StepLineGrafType, type StepLineHoverEntry, type StepLinePoint, type StepLineSeries, } from './lib/index.js';
+export { default as stepLineChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/step-line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,23 @@
+import { registerStepLineChart } from "./element/ui9000-step-line-chart.js";
+import { Ui9000StepLineChart } from "./element/ui9000-step-line-chart.js";
+import { renderStepLineChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { averageYByX, collectStepXDomain, collectStepYDomain, isDateXDomain, orderStepXDomain, parseXDate } from "./lib/domain.js";
+import { formatCompact, selectTickIndices } from "./lib/format.js";
+import { normalizeStepLineData } from "./lib/normalize.js";
+export {
+  Ui9000StepLineChart,
+  averageYByX,
+  collectStepXDomain,
+  collectStepYDomain,
+  formatCompact,
+  isDateXDomain,
+  normalizeStepLineData,
+  orderStepXDomain,
+  parseXDate,
+  registerStepLineChart,
+  renderStepLineChart,
+  selectTickIndices,
+  default2 as stepLineChartMetadata
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+import { StepLineSeries } from './types.js';
+/**
+ * Parse an x value as a date.
+ *
+ * `new Date('2024-01-01')` is spec'd to be parsed as UTC midnight, which then
+ * renders as the *previous* day west of Greenwich. Calendar-only strings are
+ * therefore built in local time so the label matches the payload.
+ */
+export declare function parseXDate(x: string): Date;
+/** Unique x values across every series; optional FuseDash `uniqueValues` order. */
+export declare function collectStepXDomain(series: StepLineSeries[], xDomainHint?: string[]): string[];
+/**
+ * FuseDash `isXDateMode`: every x parses as a date AND there are at least two
+ * distinct instants. A single date (or repeated identical ones) stays categorical.
+ */
+export declare function isDateXDomain(xDomain: string[]): boolean;
+/** Time mode sorts ascending; category mode keeps the payload order. */
+export declare function orderStepXDomain(xDomain: string[]): string[];
+/**
+ * FuseDash y domain: `calculateScaleLinearDomain` extent scaled by 1.2 on both
+ * ends (`.nice()` is applied by the scale itself).
+ */
+export declare function collectStepYDomain(series: StepLineSeries[]): [number, number];
+/**
+ * Mean y at each x, across series — the anchor FuseDash uses to place the
+ * `Ideal` / `Random guessing` overlay.
+ */
+export declare function averageYByX(series: StepLineSeries[], xDomain: string[]): number[];
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIjD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAO1C;AAED,mFAAmF;AACnF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,cAAc,EAAE,EACxB,WAAW,CAAC,EAAE,MAAM,EAAE,GACrB,MAAM,EAAE,CAmBV;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CASxD;AAED,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAG5D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAY7E;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAcjF"}

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

@@ -0,0 +1,81 @@
+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 collectStepXDomain(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 isDateXDomain(xDomain) {
+  if (!xDomain.length) return false;
+  const times = [];
+  for (const x of xDomain) {
+    const t = parseXDate(x).valueOf();
+    if (Number.isNaN(t)) return false;
+    times.push(t);
+  }
+  return new Set(times).size >= 2;
+}
+function orderStepXDomain(xDomain) {
+  if (!isDateXDomain(xDomain)) return xDomain;
+  return [...xDomain].sort((a, b) => parseXDate(a).valueOf() - parseXDate(b).valueOf());
+}
+function collectStepYDomain(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.stepDomainPadFactor;
+  return [min * pad, max * pad];
+}
+function averageYByX(series, xDomain) {
+  return xDomain.map((x) => {
+    let sum = 0;
+    let count = 0;
+    for (const s of series) {
+      const point = s.points.find((p) => p.x === x);
+      const v = Number(point == null ? void 0 : point.y);
+      if (Number.isFinite(v)) {
+        sum += v;
+        count += 1;
+      }
+    }
+    return count ? sum / count : NaN;
+  });
+}
+export {
+  averageYByX,
+  collectStepXDomain,
+  collectStepYDomain,
+  isDateXDomain,
+  orderStepXDomain,
+  parseXDate
+};
+//# sourceMappingURL=domain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/step-line-chart/lib/domain.ts"],"sourcesContent":["import { calculateScaleLinearDomain, FD } from '../../../utils/fusedash-visual.js';\nimport type { StepLineSeries } from './types.js';\n\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * Parse an x value as a date.\n *\n * `new Date('2024-01-01')` is spec'd to be parsed as UTC midnight, which then\n * renders as the *previous* day west of Greenwich. Calendar-only strings are\n * therefore built in local time so the label matches the payload.\n */\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 across every series; optional FuseDash `uniqueValues` order. */\nexport function collectStepXDomain(\n  series: StepLineSeries[],\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/**\n * FuseDash `isXDateMode`: every x parses as a date AND there are at least two\n * distinct instants. A single date (or repeated identical ones) stays categorical.\n */\nexport function isDateXDomain(xDomain: string[]): boolean {\n  if (!xDomain.length) return false;\n  const times: number[] = [];\n  for (const x of xDomain) {\n    const t = parseXDate(x).valueOf();\n    if (Number.isNaN(t)) return false;\n    times.push(t);\n  }\n  return new Set(times).size >= 2;\n}\n\n/** Time mode sorts ascending; category mode keeps the payload order. */\nexport function orderStepXDomain(xDomain: string[]): string[] {\n  if (!isDateXDomain(xDomain)) return xDomain;\n  return [...xDomain].sort((a, b) => parseXDate(a).valueOf() - parseXDate(b).valueOf());\n}\n\n/**\n * FuseDash y domain: `calculateScaleLinearDomain` extent scaled by 1.2 on both\n * ends (`.nice()` is applied by the scale itself).\n */\nexport function collectStepYDomain(series: StepLineSeries[]): [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.stepDomainPadFactor;\n  return [min * pad, max * pad];\n}\n\n/**\n * Mean y at each x, across series — the anchor FuseDash uses to place the\n * `Ideal` / `Random guessing` overlay.\n */\nexport function averageYByX(series: StepLineSeries[], xDomain: string[]): number[] {\n  return xDomain.map((x) => {\n    let sum = 0;\n    let count = 0;\n    for (const s of series) {\n      const point = s.points.find((p) => p.x === x);\n      const v = Number(point?.y);\n      if (Number.isFinite(v)) {\n        sum += v;\n        count += 1;\n      }\n    }\n    return count ? sum / count : NaN;\n  });\n}\n"],"names":[],"mappings":";AAGA,MAAM,YAAY;AASX,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,mBACd,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;AAMO,SAAS,cAAc,SAA4B;AACxD,MAAI,CAAC,QAAQ,OAAQ,QAAO;AAC5B,QAAM,QAAkB,CAAA;AACxB,aAAW,KAAK,SAAS;AACvB,UAAM,IAAI,WAAW,CAAC,EAAE,QAAA;AACxB,QAAI,OAAO,MAAM,CAAC,EAAG,QAAO;AAC5B,UAAM,KAAK,CAAC;AAAA,EACd;AACA,SAAO,IAAI,IAAI,KAAK,EAAE,QAAQ;AAChC;AAGO,SAAS,iBAAiB,SAA6B;AAC5D,MAAI,CAAC,cAAc,OAAO,EAAG,QAAO;AACpC,SAAO,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,MAAM,WAAW,CAAC,EAAE,QAAA,IAAY,WAAW,CAAC,EAAE,SAAS;AACtF;AAMO,SAAS,mBAAmB,QAA4C;AAC7E,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;AAMO,SAAS,YAAY,QAA0B,SAA6B;AACjF,SAAO,QAAQ,IAAI,CAAC,MAAM;AACxB,QAAI,MAAM;AACV,QAAI,QAAQ;AACZ,eAAW,KAAK,QAAQ;AACtB,YAAM,QAAQ,EAAE,OAAO,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5C,YAAM,IAAI,OAAO,+BAAO,CAAC;AACzB,UAAI,OAAO,SAAS,CAAC,GAAG;AACtB,eAAO;AACP,iBAAS;AAAA,MACX;AAAA,IACF;AACA,WAAO,QAAQ,MAAM,QAAQ;AAAA,EAC/B,CAAC;AACH;"}

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

@@ -0,0 +1,15 @@
+/** Y tick / tooltip number formatting — same rule as FuseDash `tickFormat`. */
+export declare function formatCompact(value: number): string;
+/**
+ * Chat-side stand-in for FuseDash `formatDatetimeTypeLabel`, which relies on
+ * dataset `axisDetails.subtype`. We derive the granularity from the domain:
+ * add the year when it spans more than one, add the clock when any instant is
+ * not midnight.
+ */
+export declare function makeDateLabelFormatter(dates: Date[]): (date: Date) => string;
+/**
+ * Pick which x ticks to label so none collide — the chat-host equivalent of
+ * FuseDash `useVisxDynamicAxisLabel`, which rotates/resizes instead.
+ */
+export declare function selectTickIndices(labels: string[], positions: number[], charWidth?: number, gap?: number): number[];
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/lib/format.ts"],"names":[],"mappings":"AAEA,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGnD;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAiB5E;AAED;;;GAGG;AACH,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/step-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/step-line-chart/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/step-line-chart/lib/format.ts"],"sourcesContent":["import { formatCompactNumber } from '../../../utils/fusedash-visual.js';\n\n/** Y tick / tooltip number formatting — same rule as FuseDash `tickFormat`. */\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/**\n * Chat-side stand-in for FuseDash `formatDatetimeTypeLabel`, which relies on\n * dataset `axisDetails.subtype`. We derive the granularity from the domain:\n * add the year when it spans more than one, add the clock when any instant is\n * not midnight.\n */\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\n/**\n * Pick which x ticks to label so none collide — the chat-host equivalent of\n * FuseDash `useVisxDynamicAxisLabel`, which rotates/resizes instead.\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":";AAGO,SAAS,cAAc,OAAuB;AACnD,QAAM,WAAW,OAAO,UAAU,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,MAAO,IAAI;AACzE,SAAO,oBAAoB,OAAO,QAAQ;AAC5C;AAQO,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;AAMO,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/step-line-chart/lib/index.d.ts

@@ -0,0 +1,5 @@
+export { type StepLineChartData, type StepLineGrafType, type StepLineHoverEntry, type StepLinePoint, type StepLineSeries, } from './types.js';
+export { normalizeStepLineData } from './normalize.js';
+export { averageYByX, collectStepXDomain, collectStepYDomain, isDateXDomain, orderStepXDomain, parseXDate, } from './domain.js';
+export { formatCompact, makeDateLabelFormatter, selectTickIndices } from './format.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,9 @@
+import { DataPoint } from '../../../types/index.js';
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+import { StepLineChartData, StepLineSeries } from './types.js';
+/**
+ * Normalize chat / FuseDash WidgetItem payloads into a series list.
+ * Mirrors FuseDash `getGroupedData`: null/undefined rows are dropped.
+ */
+export declare function normalizeStepLineData(input: DataPoint[] | StepLineChartData | StepLineSeries[] | FuseWidgetLike | null | undefined): StepLineSeries[];
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/step-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,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAsDpE;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EACD,SAAS,EAAE,GACX,iBAAiB,GACjB,cAAc,EAAE,GAChB,cAAc,GACd,IAAI,GACJ,SAAS,GACZ,cAAc,EAAE,CAsDlB"}

package/dist/components/step-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 normalizeStepLineData(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 {
+  normalizeStepLineData
+};
+//# sourceMappingURL=normalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/step-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 { StepLineChartData, StepLineSeries } from './types.js';\n\nfunction cleanPoints(points: { x: unknown; y: unknown }[]): StepLineSeries['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): StepLineSeries[] {\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, StepLineSeries['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/**\n * Normalize chat / FuseDash WidgetItem payloads into a series list.\n * Mirrors FuseDash `getGroupedData`: null/undefined rows are dropped.\n */\nexport function normalizeStepLineData(\n  input:\n    | DataPoint[]\n    | StepLineChartData\n    | StepLineSeries[]\n    | FuseWidgetLike\n    | null\n    | undefined,\n): StepLineSeries[] {\n  if (!input) return [];\n\n  if (Array.isArray(input)) {\n    if (input.length === 0) return [];\n    const first = input[0] as DataPoint | StepLineSeries;\n    if ('points' in first && Array.isArray((first as StepLineSeries).points)) {\n      return (input as StepLineSeries[]).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 StepLineChartData;\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/step-line-chart/lib/types.d.ts

@@ -0,0 +1,36 @@
+/**
+ * FuseDash `grafType` — drives the reference overlay drawn on top of the steps.
+ *
+ * - `none`  → plain step chart (`<StepLineChart>` without `grafType`)
+ * - `curve` → KS plot: smooth "Ideal" curve + max-deviation (KS distance) marker
+ * - `line`  → ROC curve: dashed "Random guessing" diagonal
+ */
+export type StepLineGrafType = 'none' | 'curve' | 'line';
+export interface StepLinePoint {
+    /** Category label, or a parsable date string for time mode */
+    x: string;
+    y: number;
+}
+export interface StepLineSeries {
+    /** Stable id for legend / tooltip (FuseDash groupBy key) */
+    id: string;
+    /** Display name (defaults to id) */
+    name?: string;
+    /** Optional series color; falls back to palette / theme */
+    color?: string;
+    points: StepLinePoint[];
+}
+export interface StepLineChartData {
+    /** Single-series points (chat MVP default) */
+    points?: StepLinePoint[];
+    /** Multi-series (replaces FuseDash `groupBy`) */
+    series?: StepLineSeries[];
+}
+/** One row of the crosshair tooltip: every series' value at the hovered x. */
+export interface StepLineHoverEntry {
+    seriesId: string;
+    seriesName: string;
+    color: string;
+    value: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/lib/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,iDAAiD;IACjD,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,8EAA8E;AAC9E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

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

@@ -0,0 +1,97 @@
+declare const _default: {
+  "id": "step-line-chart",
+  "tag": "ui9000-step-line-chart",
+  "title": "Step Line Chart",
+  "description": "Chat-optimized step line chart rewritten in D3 (Visx → D3). Categorical or time x, multi-series, optional KS / ROC reference overlay. No Redux.",
+  "chartTypeKeys": ["stepLineChart", "ksPlotChart", "rocCurveChart"],
+  "source": "client/libs/shared/components/src/Widgets/StepLineChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/step-line-chart",
+  "entry": "@ui9000/widgets/step-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"
+      },
+      "grafType": {
+        "type": "string",
+        "enum": ["none", "curve", "line"],
+        "default": "none",
+        "description": "Reference overlay: 'curve' draws the KS-plot Ideal curve plus the max-deviation marker, 'line' draws the ROC random-guessing diagonal."
+      },
+      "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;

package/dist/components/step-line-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "step-line-chart";
+const tag = "ui9000-step-line-chart";
+const title = "Step Line Chart";
+const description = "Chat-optimized step line chart rewritten in D3 (Visx → D3). Categorical or time x, multi-series, optional KS / ROC reference overlay. No Redux.";
+const chartTypeKeys = ["stepLineChart", "ksPlotChart", "rocCurveChart"];
+const source = "client/libs/shared/components/src/Widgets/StepLineChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/step-line-chart";
+const entry = "@ui9000/widgets/step-line-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": ["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" }, "grafType": { "type": "string", "enum": ["none", "curve", "line"], "default": "none", "description": "Reference overlay: 'curve' draws the KS-plot Ideal curve plus the max-deviation marker, 'line' draws the ROC random-guessing diagonal." }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
+const stepLineMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  stepLineMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/step-line-chart/metadata.json.js.map

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