@fusedashlabs/widgets 0.4.5 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-scatter-plot.js","sources":["../../../../src/components/scatter-plot-chart/element/ui9000-scatter-plot.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getScatterPlotDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeScatterData,\n  type ScatterChartData,\n  type ScatterModel,\n} from '../lib/index.js';\nimport { renderScatterPlot } from '../render/draw.js';\nimport { scatterPlotStyles } from './styles.js';\n\n@customElement('ui9000-scatter-plot')\nexport class Ui9000ScatterPlot extends Ui9000ChartElement {\n  static override styles = [scatterPlotStyles, 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: Boolean, attribute: 'show-reference-line' })\n  showReferenceLine = false;\n\n  @state()\n  private _tooltip: { x: number; y: number; lines: string[] } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): ScatterModel {\n    const raw = parseJsonAttr<ScatterChartData>(this.dataJson, null);\n    return normalizeScatterData(raw);\n  }\n\n  private renderLegend(model: ScatterModel) {\n    if (!this.showLegend || model.groups.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.groups.map((g) => g.label),\n        theme,\n        (_label, index) => model.groups[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.points.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getScatterPlotDimensions(root);\n\n    renderScatterPlot(root, {\n      points: model.points,\n      width,\n      height,\n      margin,\n      theme,\n      xField: model.xField,\n      yField: model.yField,\n      showGrid: this.showGrid,\n      showReferenceLine: this.showReferenceLine,\n      axisDetails: model.axisDetails,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? ({ point, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n            const yLabel = model.axisDetails?.[model.yField]?.label ?? model.yField;\n            const lines = [`${xLabel}: ${point.x}`, `${yLabel}: ${point.y}`];\n            if (model.groupField) {\n              const groupLabel =\n                model.axisDetails?.[model.groupField]?.label ?? model.groupField;\n              lines.push(`${groupLabel}: ${point.groupKey}`);\n            }\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              lines,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? null : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${model ? this.renderLegend(model) : nothing}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">\n                Scatterplot requires two numeric fields. Pick numeric X and Y axes.\n              </div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-scatter-plot': Ui9000ScatterPlot;\n  }\n}\n\nexport function registerScatterPlot(): void {\n  if (!customElements.get('ui9000-scatter-plot')) {\n    customElements.define('ui9000-scatter-plot', Ui9000ScatterPlot);\n  }\n}\n\nregisterScatterPlot();\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"ui9000-scatter-plot.js","sources":["../../../../src/components/scatter-plot-chart/element/ui9000-scatter-plot.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getScatterPlotDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeScatterData,\n  type ScatterChartData,\n  type ScatterModel,\n} from '../lib/index.js';\nimport { renderScatterPlot } from '../render/draw.js';\nimport { scatterPlotStyles } from './styles.js';\n\n@customElement('ui9000-scatter-plot')\nexport class Ui9000ScatterPlot extends Ui9000ChartElement {\n  static override styles = [scatterPlotStyles, 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: Boolean, attribute: 'show-reference-line' })\n  showReferenceLine = false;\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(): ScatterModel {\n    const raw = parseJsonAttr<ScatterChartData>(this.dataJson, null);\n    return normalizeScatterData(raw);\n  }\n\n  private renderLegend(model: ScatterModel) {\n    if (!this.showLegend || model.groups.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.groups.map((g) => g.label),\n        theme,\n        (_label, index) => model.groups[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.points.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getScatterPlotDimensions(root);\n\n    renderScatterPlot(root, {\n      points: model.points,\n      width,\n      height,\n      margin,\n      theme,\n      xField: model.xField,\n      yField: model.yField,\n      showGrid: this.showGrid,\n      showReferenceLine: this.showReferenceLine,\n      axisDetails: model.axisDetails,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? ({ point, event }) => {\n            const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n            const yLabel = model.axisDetails?.[model.yField]?.label ?? model.yField;\n            const rows = [\n              { label: xLabel, value: String(point.x) },\n              { label: yLabel, value: String(point.y) },\n            ];\n            if (model.groupField) {\n              const groupLabel =\n                model.axisDetails?.[model.groupField]?.label ?? model.groupField;\n              rows.push({ label: groupLabel, value: String(point.groupKey) });\n            }\n            this.openTooltip(event, { rows });\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? null : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${model ? this.renderLegend(model) : nothing}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">\n                Scatterplot requires two numeric fields. Pick numeric X and Y axes.\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-scatter-plot': Ui9000ScatterPlot;\n  }\n}\n\nexport function registerScatterPlot(): void {\n  if (!customElements.get('ui9000-scatter-plot')) {\n    customElements.define('ui9000-scatter-plot', Ui9000ScatterPlot);\n  }\n}\n\nregisterScatterPlot();\n"],"names":["_a"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { registerScatterPlot } from "./element/ui9000-scatter-plot.js";
 import { Ui9000ScatterPlot } from "./element/ui9000-scatter-plot.js";
 import { renderScatterPlot } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
 import { normalizeScatterData } from "./lib/normalize.js";
 import { paddedLinearDomain } from "./lib/domain.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000ScatterPlot,
   normalizeScatterData,

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

@@ -7,7 +7,6 @@ export declare class Ui9000ScatterSparklineChart extends Ui9000ChartElement {
     showGrid: boolean;
     showLegend: boolean;
     showTooltip: boolean;
-    private _tooltip;
     private _empty;
     private _resizeObserver?;
     private _raf;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-scatter-sparkline-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkB3D,qBACa,2BAA4B,SAAQ,kBAAkB;IACjE,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAcA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,IAAI;IAoDH,MAAM;CA6ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gCAAgC,EAAE,2BAA2B,CAAC;KAC/D;CACF;AAED,wBAAgB,6BAA6B,IAAI,IAAI,CAOpD"}
+{"version":3,"file":"ui9000-scatter-sparkline-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-sparkline-chart/element/ui9000-scatter-sparkline-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkB3D,qBACa,2BAA4B,SAAQ,kBAAkB;IACjE,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,IAAI;IA+CH,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gCAAgC,EAAE,2BAA2B,CAAC;KAC/D;CACF;AAED,wBAAgB,6BAA6B,IAAI,IAAI,CAOpD"}

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

@@ -6,10 +6,10 @@ import { readThemeFromElement } from "../../../context/widget-context.js";
 import { parseJsonAttr, getSparkLineDimensions } from "../../../utils/chart-helpers.js";
 import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { formatCompact } from "../../spark-line-chart/lib/format.js";
 import { sparkLineChartStyles } from "../../spark-line-chart/element/styles.js";
-import { renderScatterSparklineChart } from "../render/draw.js";
 import { normalizeScatterSparklineData } from "../lib/normalize.js";
-import { formatCompact } from "../../spark-line-chart/lib/format.js";
+import { renderScatterSparklineChart } from "../render/draw.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -28,7 +28,6 @@ let Ui9000ScatterSparklineChart = class extends Ui9000ChartElement {
     this.showGrid = true;
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -117,31 +116,23 @@ let Ui9000ScatterSparklineChart = class extends Ui9000ChartElement {
       showTooltip: this.showTooltip,
       ...this.axisLabelHandlers(),
       onLineHover: this.showTooltip ? ({ xLabel, entries, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          mode: "line",
-          xLabel,
-          entries
-        };
+        this.openTooltip(event, {
+          title: xLabel,
+          rows: entries.map((entry) => ({
+            label: entry.seriesName,
+            value: formatCompact(entry.value)
+          }))
+        });
       } : void 0,
       onPointHover: this.showTooltip ? ({ point, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          mode: "point",
+        this.openTooltip(event, {
           rows: this.formatPointTooltip(model, point)
-        };
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
-    var _a, _b;
     const title = this.headerTitle();
     const model = this._empty ? null : this.parseModel();
     return html`
@@ -151,32 +142,6 @@ let Ui9000ScatterSparklineChart = class extends Ui9000ChartElement {
           ${model ? this.renderLegend(model) : nothing}
           <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
-          ${((_a = this._tooltip) == null ? void 0 : _a.mode) === "line" ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                <div class="x">${this._tooltip.xLabel}</div>
-                ${this._tooltip.entries.map(
-      (entry) => html`<div class="row">
-                    <span class="swatch" style="background:${entry.color}"></span>
-                    <span>${entry.seriesName}</span>
-                    <span class="value">${formatCompact(entry.value)}</span>
-                  </div>`
-    )}
-              </div>` : nothing}
-          ${((_b = this._tooltip) == null ? void 0 : _b.mode) === "point" ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                ${this._tooltip.rows.map(
-      (row) => html`<div class="row">
-                    <span>${row.label}</span>
-                    <span class="value">${row.value}</span>
-                  </div>`
-    )}
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -196,9 +161,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000ScatterSparklineChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000ScatterSparklineChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000ScatterSparklineChart.prototype, "_empty", 2);

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

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

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

@@ -1,9 +1,9 @@
 import { registerScatterSparklineChart } from "./element/ui9000-scatter-sparkline-chart.js";
 import { Ui9000ScatterSparklineChart } from "./element/ui9000-scatter-sparkline-chart.js";
-import { default as default2 } from "./metadata.json.js";
-import { collectScatterSparklineYDomain } from "./lib/domain.js";
-import { normalizeScatterSparklineData } from "./lib/normalize.js";
 import { renderScatterSparklineChart } from "./render/draw.js";
+import { normalizeScatterSparklineData } from "./lib/normalize.js";
+import { collectScatterSparklineYDomain } from "./lib/domain.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000ScatterSparklineChart,
   collectScatterSparklineYDomain,

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

@@ -4,9 +4,9 @@ import { select, pointer } from "d3-selection";
 import { line, area, symbol, symbolCircle, symbolTriangle, symbolSquare, symbolCross } from "d3-shape";
 import { resolvePlotLeftMargin, decorateManualAxisLabel, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
 import { FD, calculateNumTicks, calculateScaleLinearDomain, formatCompactNumber, seriesColor } from "../../../utils/fusedash-visual.js";
-import { collectScatterSparklineYDomain } from "../lib/domain.js";
 import { orderSparkXDomain, collectSparkXDomain, parseXDate } from "../../spark-line-chart/lib/domain.js";
 import { makeDateLabelFormatter, selectTickIndices } from "../../spark-line-chart/lib/format.js";
+import { collectScatterSparklineYDomain } from "../lib/domain.js";
 const MARKER_HALF = 20;
 function resolveColor(series, index, theme) {
   if (series.color) return series.color;

package/dist/components/select/element/ui9000-select.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class Ui9000Select extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    label: string;
+    name: string;
+    value?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerSelect(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-select': Ui9000Select;
+    }
+}
+//# sourceMappingURL=ui9000-select.d.ts.map

package/dist/components/select/element/ui9000-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/element/ui9000-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACX,IAAI,SAAM;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEpD,MAAM;CAyBhB;AAED,wBAAgB,cAAc,IAAI,IAAI,CAIrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/select/element/ui9000-select.js

@@ -0,0 +1,73 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseLabelledField } from "../../../lib/labelled-control.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 Ui9000Select = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.name = "";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, {
+      label: this.label,
+      name: this.name,
+      value: this.value
+    });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    const options = field.options.length ? field.options : [field.value].filter(Boolean);
+    return html`
+      <div class="root">
+        <label for=${field.name}>${field.label}</label>
+        <select
+          class="field"
+          id=${field.name}
+          name=${field.name}
+          .value=${field.value}
+          @change=${(e) => {
+      this.value = e.target.value;
+    }}
+        >
+          ${options.map((opt) => html`<option value=${opt} ?selected=${opt === field.value}>${opt}</option>`)}
+        </select>
+      </div>
+    `;
+  }
+};
+Ui9000Select.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000Select.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Select.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Select.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, attribute: false })
+], Ui9000Select.prototype, "value", 2);
+Ui9000Select = __decorateClass([
+  customElement("ui9000-select")
+], Ui9000Select);
+function registerSelect() {
+  if (!customElements.get("ui9000-select")) {
+    customElements.define("ui9000-select", Ui9000Select);
+  }
+}
+export {
+  Ui9000Select,
+  registerSelect
+};
+//# sourceMappingURL=ui9000-select.js.map

package/dist/components/select/element/ui9000-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-select.js","sources":["../../../../src/components/select/element/ui9000-select.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-select')\nexport class Ui9000Select extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String }) name = '';\n  @property({ type: String, attribute: false }) value?: string;\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, {\n      label: this.label,\n      name: this.name,\n      value: this.value,\n    });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    const options = field.options.length ? field.options : [field.value].filter(Boolean);\n    return html`\n      <div class=\"root\">\n        <label for=${field.name}>${field.label}</label>\n        <select\n          class=\"field\"\n          id=${field.name}\n          name=${field.name}\n          .value=${field.value}\n          @change=${(e: Event) => {\n            this.value = (e.target as HTMLSelectElement).value;\n          }}\n        >\n          ${options.map((opt) => html`<option value=${opt} ?selected=${opt === field.value}>${opt}</option>`)}\n        </select>\n      </div>\n    `;\n  }\n}\n\nexport function registerSelect(): void {\n  if (!customElements.get('ui9000-select')) {\n    customElements.define('ui9000-select', Ui9000Select);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-select': Ui9000Select;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACR,SAAA,OAAO;AAAA,EAAA;AAAA,EAG1B,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,IAAA,CACb;AACD,QAAI,CAAC,MAAO,QAAO;AACnB,UAAM,UAAU,MAAM,QAAQ,SAAS,MAAM,UAAU,CAAC,MAAM,KAAK,EAAE,OAAO,OAAO;AACnF,WAAO;AAAA;AAAA,qBAEU,MAAM,IAAI,IAAI,MAAM,KAAK;AAAA;AAAA;AAAA,eAG/B,MAAM,IAAI;AAAA,iBACR,MAAM,IAAI;AAAA,mBACR,MAAM,KAAK;AAAA,oBACV,CAAC,MAAa;AACtB,WAAK,QAAS,EAAE,OAA6B;AAAA,IAC/C,CAAC;AAAA;AAAA,YAEC,QAAQ,IAAI,CAAC,QAAQ,qBAAqB,GAAG,cAAc,QAAQ,MAAM,KAAK,IAAI,GAAG,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA,EAI3G;AACF;AAjCa,aACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,aAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,aAIiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,aAKiB,WAAA,QAAA,CAAA;AACkB,gBAAA;AAAA,EAA7C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GANjC,aAMmC,WAAA,SAAA,CAAA;AANnC,eAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,YAAA;AAmCN,SAAS,iBAAuB;AACrC,MAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,mBAAe,OAAO,iBAAiB,YAAY;AAAA,EACrD;AACF;"}

package/dist/components/select/index.d.ts

@@ -0,0 +1,3 @@
+export { Ui9000Select, registerSelect } from './element/ui9000-select.js';
+export { default as selectMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/select/index.js

@@ -0,0 +1,9 @@
+import { registerSelect } from "./element/ui9000-select.js";
+import { Ui9000Select } from "./element/ui9000-select.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000Select,
+  registerSelect,
+  default2 as selectMetadata
+};
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

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

package/dist/components/select/metadata.json.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "select",
+  "tag": "ui9000-select",
+  "title": "Select",
+  "description": "Select control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/select",
+  "entry": "@ui9000/widgets/select",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "form"
+  ],
+  "dataRoles": [
+    {
+      "id": "value",
+      "required": false,
+      "description": "Control value."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.allControlsLabelled && profile.controlCount >= 1",
+      "reason": "Form controls are eligible when every control has a label."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.allControlsLabelled",
+      "reason": "Unlabelled control is refused."
+    },
+    {
+      "when": "profile.controlCount === 0",
+      "reason": "No controls to render."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "label",
+    "keyboard": [
+      "Tab into the labelled control"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "select-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "select-rejects-unlabelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": false,
+        "controlCount": 1
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "Unlabelled"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "value": {}
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;

package/dist/components/select/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "select";
+const tag = "ui9000-select";
+const title = "Select";
+const description = "Select control. Fail-closed without a label.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/select";
+const entry = "@ui9000/widgets/select";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["resize"];
+const tier = "engine";
+const intents = ["form"];
+const dataRoles = [{ "id": "value", "required": false, "description": "Control value." }];
+const eligibility = [{ "when": "profile.allControlsLabelled && profile.controlCount >= 1", "reason": "Form controls are eligible when every control has a label." }];
+const disqualify = [{ "when": "!profile.allControlsLabelled", "reason": "Unlabelled control is refused." }, { "when": "profile.controlCount === 0", "reason": "No controls to render." }];
+const accessibility = { "nameFrom": "label", "keyboard": ["Tab into the labelled control"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "select-picks-labelled", "intent": "form", "profile": { "allControlsLabelled": true, "controlCount": 1 }, "expect": "eligible", "reasonIncludes": "label" }, { "id": "select-rejects-unlabelled", "intent": "form", "profile": { "allControlsLabelled": false, "controlCount": 1 }, "expect": "disqualified", "reasonIncludes": "Unlabelled" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "properties": { "label": { "type": "string" }, "name": { "type": "string" }, "value": {} } } }, "required": ["data"] };
+const metadata = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
+  propsSchema
+};
+export {
+  accessibility,
+  allowedActions,
+  chartTypeKeys,
+  dataRoles,
+  metadata as default,
+  description,
+  disqualify,
+  eligibility,
+  entry,
+  evalCases,
+  id,
+  intents,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/select/metadata.json.js.map

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

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

@@ -9,7 +9,6 @@ export declare class Ui9000SparkAreaChart extends Ui9000ChartElement {
     showTooltip: boolean;
     xLabel: string;
     yLabel: string;
-    private _tooltip;
     private _empty;
     private _resizeObserver?;
     private _raf;

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

@@ -1 +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"}
+{"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;AAkBtE,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,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;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}