@fusedashlabs/widgets 0.4.5 → 0.6.0

package/dist/components/bubble-chart/element/ui9000-bubble-chart.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-bubble-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/element/ui9000-bubble-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;AAa3D,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAyC;IAG/D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAA0D;IAG1E,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;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA+CH,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}
+{"version":3,"file":"ui9000-bubble-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/element/ui9000-bubble-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;AAa3D,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAyC;IAG/D,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,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA0CH,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}

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

@@ -7,9 +7,9 @@ import { parseJsonAttr, getBubbleChartDimensions } from "../../../utils/chart-he
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { normalizeBubbleData } from "../lib/normalize.js";
 import { renderBubbleChart } from "../render/draw.js";
 import { bubbleChartStyles } from "./styles.js";
-import { normalizeBubbleData } from "../lib/normalize.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -28,7 +28,6 @@ let Ui9000BubbleChart = class extends Ui9000ChartElement {
     this.showGrid = true;
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -89,26 +88,19 @@ let Ui9000BubbleChart = class extends Ui9000ChartElement {
       showTooltip: this.showTooltip,
       onHover: this.showTooltip ? ({ point, event }) => {
         var _a2, _b, _c, _d, _e, _f;
-        const rect = this.getBoundingClientRect();
         const xLabel = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[model.xField]) == null ? void 0 : _b.label) ?? model.xField;
         const yLabel = ((_d = (_c = model.axisDetails) == null ? void 0 : _c[model.yField]) == null ? void 0 : _d.label) ?? model.yField;
-        const lines = [
-          `${xLabel}: ${formatCompactNumber(point.x)}`,
-          `${yLabel}: ${formatCompactNumber(point.y)}`
+        const rows = [
+          { label: xLabel, value: formatCompactNumber(point.x) },
+          { label: yLabel, value: formatCompactNumber(point.y) }
         ];
         if (model.groupField) {
           const groupLabel = ((_f = (_e = model.axisDetails) == null ? void 0 : _e[model.groupField]) == null ? void 0 : _f.label) ?? model.groupField;
-          lines.push(`${groupLabel}: ${point.groupKey}`);
+          rows.push({ label: groupLabel, value: String(point.groupKey) });
         }
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          lines
-        };
+        this.openTooltip(event, { rows });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -123,13 +115,6 @@ let Ui9000BubbleChart = class extends Ui9000ChartElement {
           ${this._empty ? html`<div class="empty" part="empty">
                 Bubble chart requires two numeric fields. Pick numeric X and Y axes.
               </div>` : nothing}
-          ${this._tooltip ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -149,9 +134,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000BubbleChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000BubbleChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000BubbleChart.prototype, "_empty", 2);

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class Ui9000Button extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    label: string;
+    actionType: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerButton(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-button': Ui9000Button;
+    }
+}
+//# sourceMappingURL=ui9000-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/element/ui9000-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACe,UAAU,SAAY;IAEnE,MAAM;CAUhB;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/button/element/ui9000-button.js

@@ -0,0 +1,56 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { dispatchUi9000Action } from "../../../element/dispatch-ui9000.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 Ui9000Button = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.actionType = "submit";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, { label: this.label, name: "button", value: "" });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    const type = this.actionType.trim() || "submit";
+    return html`
+      <button class="btn" type="button" @click=${() => dispatchUi9000Action(this, { type })}>
+        ${field.label}
+      </button>
+    `;
+  }
+};
+Ui9000Button.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000Button.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Button.prototype, "label", 2);
+__decorateClass([
+  property({ type: String, attribute: "action-type" })
+], Ui9000Button.prototype, "actionType", 2);
+Ui9000Button = __decorateClass([
+  customElement("ui9000-button")
+], Ui9000Button);
+function registerButton() {
+  if (!customElements.get("ui9000-button")) {
+    customElements.define("ui9000-button", Ui9000Button);
+  }
+}
+export {
+  Ui9000Button,
+  registerButton
+};
+//# sourceMappingURL=ui9000-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-button.js","sources":["../../../../src/components/button/element/ui9000-button.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { dispatchUi9000Action } from '../../../element/dispatch-ui9000.js';\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-button')\nexport class Ui9000Button extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String, attribute: 'action-type' }) actionType = 'submit';\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, { label: this.label, name: 'button', value: '' });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    const type = this.actionType.trim() || 'submit';\n    return html`\n      <button class=\"btn\" type=\"button\" @click=${() => dispatchUi9000Action(this, { type })}>\n        ${field.label}\n      </button>\n    `;\n  }\n}\n\nexport function registerButton(): void {\n  if (!customElements.get('ui9000-button')) {\n    customElements.define('ui9000-button', Ui9000Button);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-button': Ui9000Button;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACkB,SAAA,aAAa;AAAA,EAAA;AAAA,EAE1D,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU,EAAE,OAAO,KAAK,OAAO,MAAM,UAAU,OAAO,GAAA,CAAI;AAChG,QAAI,CAAC,MAAO,QAAO;AACnB,UAAM,OAAO,KAAK,WAAW,KAAA,KAAU;AACvC,WAAO;AAAA,iDACsC,MAAM,qBAAqB,MAAM,EAAE,KAAA,CAAM,CAAC;AAAA,UACjF,MAAM,KAAK;AAAA;AAAA;AAAA,EAGnB;AACF;AAjBa,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;AAC0B,gBAAA;AAAA,EAArD,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe;AAAA,GALzC,aAK2C,WAAA,cAAA,CAAA;AAL3C,eAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,YAAA;AAmBN,SAAS,iBAAuB;AACrC,MAAI,CAAC,eAAe,IAAI,eAAe,GAAG;AACxC,mBAAe,OAAO,iBAAiB,YAAY;AAAA,EACrD;AACF;"}

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

@@ -0,0 +1,3 @@
+export { Ui9000Button, registerButton } from './element/ui9000-button.js';
+export { default as buttonMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/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/button/index.js

@@ -0,0 +1,9 @@
+import { registerButton } from "./element/ui9000-button.js";
+import { Ui9000Button } from "./element/ui9000-button.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000Button,
+  default2 as buttonMetadata,
+  registerButton
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "button",
+  "tag": "ui9000-button",
+  "title": "Button",
+  "description": "Button control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/button",
+  "entry": "@ui9000/widgets/button",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "submit"
+  ],
+  "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": "button-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "button-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/button/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "button";
+const tag = "ui9000-button";
+const title = "Button";
+const description = "Button control. Fail-closed without a label.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/button";
+const entry = "@ui9000/widgets/button";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["submit"];
+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": "button-picks-labelled", "intent": "form", "profile": { "allControlsLabelled": true, "controlCount": 1 }, "expect": "eligible", "reasonIncludes": "label" }, { "id": "button-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/button/metadata.json.js.map

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

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

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

package/dist/components/chart-renderer/element/styles.js

@@ -17,6 +17,10 @@ const chartRendererStyles = css`
     height: 100%;
     min-height: inherit;
   }
+  .host[hidden],
+  .empty[hidden] {
+    display: none !important;
+  }
   .empty {
     display: grid;
     place-items: center;

package/dist/components/chart-renderer/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chartRendererStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: var(--ui9000-host-min-height, 220px);\n    box-sizing: border-box;\n  }\n  :host([embedded]) {\n    min-height: 0;\n  }\n  .host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    font-size: 0.875rem;\n    line-height: 1.4;\n  }\n  .empty strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;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;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chartRendererStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: var(--ui9000-host-min-height, 220px);\n    box-sizing: border-box;\n  }\n  :host([embedded]) {\n    min-height: 0;\n  }\n  .host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .host[hidden],\n  .empty[hidden] {\n    display: none !important;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    font-size: 0.875rem;\n    line-height: 1.4;\n  }\n  .empty strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;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/chart-renderer/element/ui9000-chart-renderer.d.ts

@@ -1,14 +1,24 @@
+import { WidgetHeaderHandlers } from '../../../element/widget-header.js';
 export declare class Ui9000ChartRenderer extends HTMLElement {
     static get observedAttributes(): string[];
     private _host;
     private _empty;
     private _mountToken;
+    private _headerHandlers;
+    get headerHandlers(): WidgetHeaderHandlers;
+    set headerHandlers(value: WidgetHeaderHandlers);
     connectedCallback(): void;
     attributeChangedCallback(): void;
+    /** In-memory payload. Not mirrored to the `data` attribute — Storybook's HTML source pass splits quotes there and JSON.parse then fails at column 2. */
+    private _widgetJson;
     private get dataJson();
+    get widgetJson(): string;
+    set widgetJson(value: string);
     private get chartTypeAttr();
     private get scale();
     private applyBoolProp;
+    private applyHeaderVariant;
+    private applyHeaderHandlers;
     private copyHostAttr;
     private boolAttr;
     private showEmpty;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-chart-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"names":[],"mappings":"AAsBA,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAexC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,WAAW,CAAK;IAExB,iBAAiB,IAAI,IAAI;IAqBzB,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAgBH,UAAU;CAgGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}
+{"version":3,"file":"ui9000-chart-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAuB9E,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAgBxC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,eAAe,CAA4B;IAEnD,IAAI,cAAc,IAAI,oBAAoB,CAEzC;IAED,IAAI,cAAc,CAAC,KAAK,EAAE,oBAAoB,EAI7C;IAED,iBAAiB,IAAI,IAAI;IAqBzB,wBAAwB,IAAI,IAAI;IAIhC,wJAAwJ;IACxJ,OAAO,CAAC,WAAW,CAAuB;IAE1C,OAAO,KAAK,QAAQ,GAEnB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAgBH,UAAU;CAsGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}

package/dist/components/chart-renderer/element/ui9000-chart-renderer.js

@@ -1,8 +1,8 @@
 import { loadChart } from "../../../lazy/index.js";
 import { parseJsonAttr } from "../../../utils/chart-helpers.js";
-import { chartRendererStyles } from "./styles.js";
-import { resolveWidgetChartType } from "../lib/resolve-chart-type.js";
 import { resolveChartTarget } from "../lib/registry.js";
+import { resolveWidgetChartType } from "../lib/resolve-chart-type.js";
+import { chartRendererStyles } from "./styles.js";
 function applyTargetAttrs(el, attrs) {
   if (!attrs) return;
   for (const [key, value] of Object.entries(attrs)) {
@@ -20,6 +20,8 @@ class Ui9000ChartRenderer extends HTMLElement {
     this._host = null;
     this._empty = null;
     this._mountToken = 0;
+    this._headerHandlers = {};
+    this._widgetJson = null;
   }
   static get observedAttributes() {
     return [
@@ -30,6 +32,7 @@ class Ui9000ChartRenderer extends HTMLElement {
       "show-legend",
       "show-tooltip",
       "show-header",
+      "header-variant",
       "embedded",
       "chart-title",
       "mapbox-token",
@@ -37,6 +40,15 @@ class Ui9000ChartRenderer extends HTMLElement {
       "pmtiles-base-url"
     ];
   }
+  get headerHandlers() {
+    return this._headerHandlers;
+  }
+  set headerHandlers(value) {
+    var _a;
+    this._headerHandlers = value ?? {};
+    const chart = (_a = this._host) == null ? void 0 : _a.firstElementChild;
+    if (chart instanceof HTMLElement) this.applyHeaderHandlers(chart);
+  }
   connectedCallback() {
     if (this._host) return;
     const root = this.attachShadow({ mode: "open" });
@@ -58,7 +70,16 @@ class Ui9000ChartRenderer extends HTMLElement {
     if (this._host) void this.mountChart();
   }
   get dataJson() {
-    return this.getAttribute("data") ?? "{}";
+    return this._widgetJson ?? this.getAttribute("data") ?? "{}";
+  }
+  get widgetJson() {
+    return this.dataJson;
+  }
+  set widgetJson(value) {
+    const next = value && value.trim() ? value : "{}";
+    if (next === this._widgetJson) return;
+    this._widgetJson = next;
+    if (this._host) void this.mountChart();
   }
   get chartTypeAttr() {
     return this.getAttribute("chart-type") ?? "";
@@ -71,6 +92,15 @@ class Ui9000ChartRenderer extends HTMLElement {
     const on = this.getAttribute(attr) !== "false";
     el[prop] = on;
   }
+  applyHeaderVariant(el) {
+    const variant = this.getAttribute("header-variant");
+    if (variant === "dash" || variant === "chat") el.setAttribute("header-variant", variant);
+    else el.removeAttribute("header-variant");
+  }
+  applyHeaderHandlers(el) {
+    if (!("headerHandlers" in el)) return;
+    el.headerHandlers = this._headerHandlers;
+  }
   copyHostAttr(el, name) {
     const value = this.getAttribute(name);
     if (value) el.setAttribute(name, value);
@@ -128,13 +158,18 @@ class Ui9000ChartRenderer extends HTMLElement {
       el = document.createElement(target.tag);
     }
     if (!el) return;
-    el.setAttribute("data", this.dataJson);
+    const payload = this.dataJson;
+    const dataProp = el;
+    if ("dataJson" in el) dataProp.dataJson = payload;
+    else el.setAttribute("data", payload);
     el.setAttribute("scale", this.scale);
     if (title) el.setAttribute("chart-title", title);
     else el.removeAttribute("chart-title");
     if (this.getAttribute("show-header") === "false")
       el.setAttribute("show-header", "false");
     else el.removeAttribute("show-header");
+    this.applyHeaderVariant(el);
+    this.applyHeaderHandlers(el);
     const showGrid = this.boolAttr("show-grid");
     const showLegend = this.boolAttr("show-legend");
     const showTooltip = this.boolAttr("show-tooltip");
@@ -173,6 +208,7 @@ class Ui9000ChartRenderer extends HTMLElement {
       this._host.replaceChildren();
       this._host.appendChild(el);
     }
+    this._empty.replaceChildren();
     this._empty.hidden = true;
     this._host.hidden = false;
   }