@fusedashlabs/widgets 0.2.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,WAAW,CAAC;AACxD,YAAY,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/spark-area-chart/element/ui9000-spark-area-chart.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-spark-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-area-chart/element/ui9000-spark-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmBtE,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,IAAI;IA0CH,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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

@@ -0,0 +1,181 @@
+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 "../../spark-line-chart/render/draw.js";
+import { sparkLineChartStyles } from "../../spark-line-chart/element/styles.js";
+import { normalizeSparkLineData } from "../../spark-line-chart/lib/normalize.js";
+import { formatCompact } from "../../spark-line-chart/lib/format.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000SparkAreaChart = 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,
+      showArea: true,
+      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>
+    `;
+  }
+};
+Ui9000SparkAreaChart.styles = [sparkLineChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000SparkAreaChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000SparkAreaChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000SparkAreaChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000SparkAreaChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000SparkAreaChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000SparkAreaChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000SparkAreaChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000SparkAreaChart.prototype, "_empty", 2);
+Ui9000SparkAreaChart = __decorateClass([
+  customElement("ui9000-spark-area-chart")
+], Ui9000SparkAreaChart);
+function registerSparkAreaChart() {
+  if (!customElements.get("ui9000-spark-area-chart")) {
+    customElements.define("ui9000-spark-area-chart", Ui9000SparkAreaChart);
+  }
+}
+registerSparkAreaChart();
+export {
+  Ui9000SparkAreaChart,
+  registerSparkAreaChart
+};
+//# sourceMappingURL=ui9000-spark-area-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-spark-area-chart.js","sources":["../../../../src/components/spark-area-chart/element/ui9000-spark-area-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 '../../spark-line-chart/lib/index.js';\nimport { renderSparkLineChart } from '../../spark-line-chart/render/draw.js';\nimport { sparkLineChartStyles } from '../../spark-line-chart/element/styles.js';\n\n@customElement('ui9000-spark-area-chart')\nexport class Ui9000SparkAreaChart 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      showArea: true,\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-area-chart': Ui9000SparkAreaChart;\n  }\n}\n\nexport function registerSparkAreaChart(): void {\n  if (!customElements.get('ui9000-spark-area-chart')) {\n    customElements.define('ui9000-spark-area-chart', Ui9000SparkAreaChart);\n  }\n}\n\nregisterSparkAreaChart();\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BO,IAAM,uBAAN,cAAmC,mBAAmB;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,QAAqB;AAGrB,SAAA,WAAW;AAGX,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAA,SAAS;AAGT,SAAA,SAAS;AAGT,SAAQ,WAKG;AAGX,SAAQ,SAAS;AAGjB,SAAQ,OAAO;AAAA,EAAA;AAAA,EAEN,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,cAAc;AACnE,SAAK,gBAAgB,QAAQ,IAAI;AAAA,EACnC;AAAA,EAES,uBAA6B;;AACpC,eAAK,oBAAL,mBAAsB;AACtB,yBAAqB,KAAK,IAAI;AAC9B,UAAM,qBAAA;AAAA,EACR;AAAA,EAES,QAAQ,SAA+B;AAC9C,QAAI,kBAAkB,OAAO,EAAG,MAAK,aAAA;AAAA,EACvC;AAAA,EAEQ,eAAqB;AAC3B,yBAAqB,KAAK,IAAI;AAC9B,SAAK,OAAO,sBAAsB,MAAM,KAAK,MAAM;AAAA,EACrD;AAAA,EAEQ,YAA+B;AACrC,UAAM,MAAM;AAAA,MACV,KAAK;AAAA,MACL,CAAA;AAAA,IAAC;AAEH,WAAO,uBAAuB,GAAG;AAAA,EACnC;AAAA,EAEQ,cAAoC;AAC1C,UAAM,MAAM,cAAuB,KAAK,UAAU,IAAI;AACtD,QAAI,oBAAoB,GAAG,EAAG,QAAO,sBAAsB,GAAG;AAC9D,WAAO;AAAA,EACT;AAAA,EAEQ,aAAa,QAA2B;AAC9C,QAAI,CAAC,KAAK,cAAc,OAAO,UAAU,EAAG,QAAO;AACnD,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,UAAU,kBAAkB,QAAQ,KAAK;AAC/C,WAAO,kBAAkB,OAAO;AAAA,EAClC;AAAA,EAEQ,OAAa;;AACnB,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,KAAM;AAEX,UAAM,SAAS,KAAK,UAAA;AACpB,SAAK,SAAS,OAAO,WAAW,KAAK,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,MAAM;AACzE,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEA,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,EAAE,OAAO,QAAQ,OAAA,IAAW,uBAAuB,IAAI;AAE7D,yBAAqB,MAAM;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,UAAU;AAAA,MACV,aAAa,KAAK,YAAA;AAAA,MAClB,aAAa,KAAK;AAAA,MAClB,QAAQ,KAAK,UAAU;AAAA,MACvB,QAAQ,KAAK,UAAU;AAAA,MACvB,GAAG,KAAK,kBAAA;AAAA,MACR,SAAS,KAAK,cACV,CAAC,EAAE,QAAQ,SAAS,YAAY;AAC9B,cAAM,OAAO,KAAK,sBAAA;AAClB,aAAK,WAAW;AAAA,UACd,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,IACA;AAAA,MACJ,SAAS,KAAK,cAAc,MAAM;AAAE,aAAK,WAAW;AAAA,MAAM,IAAI;AAAA,IAAA,CAC/D;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,YAAA;AACnB,UAAM,SACJ,KAAK,SAAS,CAAA,IAAK,KAAK,UAAA,EAAY,OAAO,CAAC,MAAM,EAAE,OAAO,SAAS,CAAC;AACvE,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,CAAC;AAAA;AAAA,YAE3B,KAAK,aAAa,MAAM,CAAC;AAAA,yDACoB,KAAK,MAAM;AAAA,YACxD,KAAK,SAAS,sDAAsD,OAAO;AAAA,YAC3E,KAAK,WACH;AAAA;AAAA;AAAA,8BAGgB,KAAK,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;AAAA;AAAA,iCAErC,KAAK,SAAS,MAAM;AAAA,kBACnC,KAAK,SAAS,QAAQ;AAAA,MACtB,CAAC,UAAU;AAAA,6DACgC,MAAM,KAAK;AAAA,4BAC5C,MAAM,UAAU;AAAA,0CACF,cAAc,MAAM,KAAK,CAAC;AAAA;AAAA,IAAA,CAEnD;AAAA,wBAEH,OAAO;AAAA,YACT,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AAvJa,qBACK,SAAS,CAAC,sBAAsB,gBAAgB;AAGhE,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,SAAS;AAAA,GAHnC,qBAIX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,aAAa;AAAA,GANxC,qBAOX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAT1C,qBAUX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAZ3C,qBAaX,WAAA,eAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,WAAW;AAAA,GAfrC,qBAgBX,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,WAAW;AAAA,GAlBrC,qBAmBX,WAAA,UAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GArBI,qBAsBH,WAAA,YAAA,CAAA;AAQA,gBAAA;AAAA,EADP,MAAA;AAAM,GA7BI,qBA8BH,WAAA,UAAA,CAAA;AA9BG,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;AA+JN,SAAS,yBAA+B;AAC7C,MAAI,CAAC,eAAe,IAAI,yBAAyB,GAAG;AAClD,mBAAe,OAAO,2BAA2B,oBAAoB;AAAA,EACvE;AACF;AAEA,uBAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spark-area-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,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,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,91 @@
+declare const _default: {
+  "id": "spark-area-chart",
+  "tag": "ui9000-spark-area-chart",
+  "title": "Spark Area Chart",
+  "description": "Chat-optimized spark area chart rewritten in D3 (Visx → D3). SparkLine + filled area to y=0. Datetime x, multi-series via groupBy, full axes + crosshair hover. No Redux.",
+  "chartTypeKeys": ["sparkAreaChart"],
+  "source": "client/libs/shared/components/src/Widgets/SparkAreaChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/spark-area-chart",
+  "entry": "@ui9000/widgets/spark-area-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;

package/dist/components/spark-area-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "spark-area-chart";
+const tag = "ui9000-spark-area-chart";
+const title = "Spark Area Chart";
+const description = "Chat-optimized spark area chart rewritten in D3 (Visx → D3). SparkLine + filled area to y=0. Datetime x, multi-series via groupBy, full axes + crosshair hover. No Redux.";
+const chartTypeKeys = ["sparkAreaChart"];
+const source = "client/libs/shared/components/src/Widgets/SparkAreaChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/spark-area-chart";
+const entry = "@ui9000/widgets/spark-area-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" }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
+const sparkAreaMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  sparkAreaMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/spark-area-chart/metadata.json.js.map

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

package/dist/components/spark-line-chart/element/styles.d.ts

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

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

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

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

@@ -0,0 +1,65 @@
+import { css } from "lit";
+const sparkLineChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 12px));
+    white-space: nowrap;
+  }
+  .tooltip .x {
+    font-weight: 600;
+    margin-bottom: 2px;
+  }
+  .tooltip .row {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .tooltip .swatch {
+    width: 8px;
+    height: 8px;
+    border-radius: 2px;
+    flex: none;
+  }
+  .tooltip .value {
+    margin-left: auto;
+    font-variant-numeric: tabular-nums;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  sparkLineChartStyles
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/spark-line-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sparkLineChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 12px));\n    white-space: nowrap;\n  }\n  .tooltip .x {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .tooltip .row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .tooltip .swatch {\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    flex: none;\n  }\n  .tooltip .value {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/spark-line-chart/element/ui9000-spark-line-chart.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-spark-line-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/spark-line-chart/element/ui9000-spark-line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmBtE,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,IAAI;IAyCH,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}