@fusedashlabs/widgets 0.4.5 → 0.6.0

package/dist/components/approval-bar/metadata.json.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "approval-bar",
+  "tag": "ui9000-approval-bar",
+  "title": "Approval Bar",
+  "description": "Propose / approve / reject. Displays only in a foreign host — does not execute.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/approval-bar",
+  "entry": "@ui9000/widgets/approval-bar",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "approve",
+    "reject"
+  ],
+  "tier": "engine",
+  "intents": [
+    "form"
+  ],
+  "dataRoles": [
+    {
+      "id": "proposal",
+      "required": true,
+      "description": "The action being proposed."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasClaim || profile.hasEntityId",
+      "reason": "Approval bar proposes an action on a claim or entity."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.hasClaim && !profile.hasEntityId",
+      "reason": "Without a claim or entity there is nothing to approve."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "proposal",
+    "keyboard": [
+      "Tab to Approve and Reject"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "approval-picks-claim",
+      "intent": "form",
+      "profile": {
+        "hasClaim": true
+      },
+      "expect": "eligible",
+      "reasonIncludes": "proposes"
+    },
+    {
+      "id": "approval-rejects-empty",
+      "intent": "form",
+      "profile": {
+        "hasClaim": false,
+        "hasEntityId": false
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "nothing to approve"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "properties": {
+          "proposal": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string",
+            "enum": [
+              "proposed",
+              "approved",
+              "rejected"
+            ]
+          }
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;

package/dist/components/approval-bar/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "approval-bar";
+const tag = "ui9000-approval-bar";
+const title = "Approval Bar";
+const description = "Propose / approve / reject. Displays only in a foreign host — does not execute.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/approval-bar";
+const entry = "@ui9000/widgets/approval-bar";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["approve", "reject"];
+const tier = "engine";
+const intents = ["form"];
+const dataRoles = [{ "id": "proposal", "required": true, "description": "The action being proposed." }];
+const eligibility = [{ "when": "profile.hasClaim || profile.hasEntityId", "reason": "Approval bar proposes an action on a claim or entity." }];
+const disqualify = [{ "when": "!profile.hasClaim && !profile.hasEntityId", "reason": "Without a claim or entity there is nothing to approve." }];
+const accessibility = { "nameFrom": "proposal", "keyboard": ["Tab to Approve and Reject"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "approval-picks-claim", "intent": "form", "profile": { "hasClaim": true }, "expect": "eligible", "reasonIncludes": "proposes" }, { "id": "approval-rejects-empty", "intent": "form", "profile": { "hasClaim": false, "hasEntityId": false }, "expect": "disqualified", "reasonIncludes": "nothing to approve" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "properties": { "proposal": { "type": "string" }, "status": { "type": "string", "enum": ["proposed", "approved", "rejected"] } } } }, "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/approval-bar/metadata.json.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/element/ui9000-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,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAUrE,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,MAAM,EAAE,WAAW,CAAW;IAG9B,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAMA;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;IAKjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAyCH,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}
+{"version":3,"file":"ui9000-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/element/ui9000-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,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAUrE,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,MAAM,EAAE,WAAW,CAAW;IAG9B,UAAU,UAAQ;IAGlB,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,WAAW;IAMnB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA4CH,MAAM;CAkBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}

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

@@ -7,8 +7,8 @@ import { parseJsonAttr, getAreaChartDimensions } from "../../../utils/chart-help
 import { lineLegendEntries } from "../../../utils/chart-legend.js";
 import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
-import { renderAreaChart } from "../render/draw.js";
 import { normalizeAreaData } from "../lib/normalize.js";
+import { renderAreaChart } from "../render/draw.js";
 import { lineChartStyles } from "../../line-chart/element/styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
@@ -30,7 +30,6 @@ let Ui9000AreaChart = class extends Ui9000ChartElement {
     this.showGrid = true;
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -96,26 +95,21 @@ let Ui9000AreaChart = class extends Ui9000ChartElement {
       xDomainHint: this.xDomainHint(),
       ...this.axisLabelHandlers(),
       onPointHover: this.showTooltip ? ({ seriesName, category, value, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          seriesName,
-          category,
-          value
-        };
+        var _a2, _b;
+        const yField = model.yField;
+        const symbol = yField ? (_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[yField]) == null ? void 0 : _b.measure_unit_symbol : void 0;
+        const valueLabel = symbol ? `${value.toLocaleString()} ${symbol}` : value.toLocaleString();
+        this.openTooltip(event, {
+          title: seriesName,
+          rows: [{ label: category, value: valueLabel }]
+        });
       } : void 0,
-      onPointLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onPointLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
-    var _a, _b, _c;
     const title = this.headerTitle();
     const model = this._empty ? { layout: "grouped", series: [] } : this.parseData();
-    const yField = model.yField;
-    const valueLabel = this._tooltip ? yField && ((_b = (_a = model.axisDetails) == null ? void 0 : _a[yField]) == null ? void 0 : _b.measure_unit_symbol) ? `${this._tooltip.value.toLocaleString()} ${(_c = model.axisDetails[yField]) == null ? void 0 : _c.measure_unit_symbol}` : this._tooltip.value.toLocaleString() : "";
     return html`
       <div class="widget-shell" part="shell">
         ${this.renderShellHeader(title)}
@@ -123,14 +117,6 @@ let Ui9000AreaChart = class extends Ui9000ChartElement {
           ${this.renderLegend(model)}
           <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="name">${this._tooltip.seriesName}</div>
-                <div>${this._tooltip.category}: ${valueLabel}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -156,9 +142,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000AreaChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000AreaChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000AreaChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-area-chart.js","sources":["../../../../src/components/area-chart/element/ui9000-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 { WidgetScale } from '../../../types/index.js';\nimport { getAreaChartDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeAreaData,\n  type AreaChartInput,\n  type AreaModel,\n} from '../lib/index.js';\nimport { renderAreaChart } from '../render/draw.js';\nimport { areaChartStyles } from './styles.js';\n\n@customElement('ui9000-area-chart')\nexport class Ui9000AreaChart extends Ui9000ChartElement {\n  static override styles = [areaChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  marker: MarkerShape = 'donut';\n\n  @property({ type: Boolean, attribute: 'show-points' })\n  showPoints = true;\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    x: number;\n    y: number;\n    seriesName: string;\n    category: string;\n    value: number;\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(): AreaModel {\n    const raw = parseJsonAttr<AreaChartInput>(this.dataJson, null);\n    return normalizeAreaData(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 this.parseData().uniqueValuesHint;\n  }\n\n  private renderLegend(model: AreaModel) {\n    if (!this.showLegend || model.series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    const legendSeries = model.series.map((s) => ({\n      id: s.id,\n      name: s.name,\n      color: s.color,\n      points: s.points.map((p) => ({ x: p.x, y: p.y1 })),\n    }));\n    return renderChartLegend(lineLegendEntries(legendSeries, theme));\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.series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getAreaChartDimensions(root);\n\n    renderAreaChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      marker: this.marker,\n      showPoints: this.showPoints,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, category, value, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              seriesName,\n              category,\n              value,\n            };\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? { layout: 'grouped' as const, series: [] } : this.parseData();\n    const yField = model.yField;\n    const valueLabel = this._tooltip\n      ? yField && model.axisDetails?.[yField]?.measure_unit_symbol\n        ? `${this._tooltip.value.toLocaleString()} ${model.axisDetails[yField]?.measure_unit_symbol}`\n        : this._tooltip.value.toLocaleString()\n      : '';\n\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</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                <div class=\"name\">${this._tooltip.seriesName}</div>\n                <div>${this._tooltip.category}: ${valueLabel}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-area-chart': Ui9000AreaChart;\n  }\n}\n\nexport function registerAreaChart(): void {\n  if (!customElements.get('ui9000-area-chart')) {\n    customElements.define('ui9000-area-chart', Ui9000AreaChart);\n  }\n}\n\nregisterAreaChart();\n"],"names":["areaChartStyles"],"mappings":"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"}
+{"version":3,"file":"ui9000-area-chart.js","sources":["../../../../src/components/area-chart/element/ui9000-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 { WidgetScale } from '../../../types/index.js';\nimport { getAreaChartDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeAreaData,\n  type AreaChartInput,\n  type AreaModel,\n} from '../lib/index.js';\nimport { renderAreaChart } from '../render/draw.js';\nimport { areaChartStyles } from './styles.js';\n\n@customElement('ui9000-area-chart')\nexport class Ui9000AreaChart extends Ui9000ChartElement {\n  static override styles = [areaChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  marker: MarkerShape = 'donut';\n\n  @property({ type: Boolean, attribute: 'show-points' })\n  showPoints = true;\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(): AreaModel {\n    const raw = parseJsonAttr<AreaChartInput>(this.dataJson, null);\n    return normalizeAreaData(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 this.parseData().uniqueValuesHint;\n  }\n\n  private renderLegend(model: AreaModel) {\n    if (!this.showLegend || model.series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    const legendSeries = model.series.map((s) => ({\n      id: s.id,\n      name: s.name,\n      color: s.color,\n      points: s.points.map((p) => ({ x: p.x, y: p.y1 })),\n    }));\n    return renderChartLegend(lineLegendEntries(legendSeries, theme));\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.series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getAreaChartDimensions(root);\n\n    renderAreaChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      marker: this.marker,\n      showPoints: this.showPoints,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, category, value, event }) => {\n            const yField = model.yField;\n            const symbol = yField\n              ? model.axisDetails?.[yField]?.measure_unit_symbol\n              : undefined;\n            const valueLabel = symbol\n              ? `${value.toLocaleString()} ${symbol}`\n              : value.toLocaleString();\n            this.openTooltip(event, {\n              title: seriesName,\n              rows: [{ label: category, value: valueLabel }],\n            });\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? { layout: 'grouped' as const, series: [] } : this.parseData();\n\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-area-chart': Ui9000AreaChart;\n  }\n}\n\nexport function registerAreaChart(): void {\n  if (!customElements.get('ui9000-area-chart')) {\n    customElements.define('ui9000-area-chart', Ui9000AreaChart);\n  }\n}\n\nregisterAreaChart();\n"],"names":["_a","areaChartStyles"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { registerAreaChart } from "./element/ui9000-area-chart.js";
 import { Ui9000AreaChart } from "./element/ui9000-area-chart.js";
 import { renderAreaChart } from "./render/draw.js";
+import { normalizeAreaData } from "./lib/normalize.js";
 import { default as default2 } from "./metadata.json.js";
 import { collectXDomain } from "../line-chart/lib/domain.js";
-import { normalizeAreaData } from "./lib/normalize.js";
 export {
   Ui9000AreaChart,
   default2 as areaChartMetadata,

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

@@ -7,7 +7,6 @@ export declare class Ui9000AreaGroupedBarChart extends Ui9000ChartElement {
     showGrid: boolean;
     showLegend: boolean;
     showTooltip: boolean;
-    private _tooltip;
     private _empty;
     private _resizeObserver?;
     private _raf;
@@ -18,7 +17,7 @@ export declare class Ui9000AreaGroupedBarChart extends Ui9000ChartElement {
     private parseData;
     private legendEntries;
     private renderLegend;
-    private tooltipLines;
+    private tooltipContent;
     private draw;
     render(): import('lit-html').TemplateResult<1>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-area-grouped-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-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;AAe3D,qBACa,yBAA0B,SAAQ,kBAAkB;IAC/D,OAAgB,MAAM,4BAAiD;IAGvE,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,aAAa;IAiBrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,IAAI;IA4CH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,yBAAyB,CAAC;KAC5D;CACF;AAED,wBAAgB,2BAA2B,IAAI,IAAI,CAIlD"}
+{"version":3,"file":"ui9000-area-grouped-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-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;AAe3D,qBACa,yBAA0B,SAAQ,kBAAkB;IAC/D,OAAgB,MAAM,4BAAiD;IAGvE,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,aAAa;IAiBrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,IAAI;IAmCH,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,yBAAyB,CAAC;KAC5D;CACF;AAED,wBAAgB,2BAA2B,IAAI,IAAI,CAIlD"}

package/dist/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-chart.js

@@ -5,11 +5,11 @@ import { renderChartLegend } from "../../../element/chart-legend-render.js";
 import { readThemeFromElement } from "../../../context/widget-context.js";
 import { parseJsonAttr, getAreaGroupedBarChartDimensions } from "../../../utils/chart-helpers.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
-import { renderAreaGroupedBarChart } from "../render/draw.js";
 import { normalizeAreaGroupedBarData } from "../lib/normalize.js";
-import { formatAgbValue } from "../lib/format.js";
+import { renderAreaGroupedBarChart } from "../render/draw.js";
 import { lineChartStyles } from "../../line-chart/element/styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+import { formatAgbValue } from "../lib/format.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -27,7 +27,6 @@ let Ui9000AreaGroupedBarChart = class extends Ui9000ChartElement {
     this.showGrid = true;
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -75,25 +74,27 @@ let Ui9000AreaGroupedBarChart = class extends Ui9000ChartElement {
     if (entries.length <= 1) return nothing;
     return renderChartLegend(entries);
   }
-  tooltipLines(model, category) {
+  tooltipContent(model, category) {
     var _a, _b;
     const xLabel = ((_b = (_a = model.axisDetails) == null ? void 0 : _a[model.xField]) == null ? void 0 : _b.label) ?? model.xField;
-    const lines = [`${xLabel}: ${category}`];
+    const rows = [
+      { label: xLabel, value: category }
+    ];
     const gMap = model.barsByCategory[category] ?? {};
     let barsSum = 0;
     for (const g of model.groups) {
       const v = gMap[g.key];
       if (!Number.isFinite(v)) continue;
       barsSum += v;
-      lines.push(`${g.label}: ${formatAgbValue(v)}`);
+      rows.push({ label: g.label, value: formatAgbValue(v) });
     }
     const linePt = model.linePoints.find((p) => p.x === category);
     const lineValue = (linePt == null ? void 0 : linePt.y) ?? barsSum;
     if (Number.isFinite(lineValue)) {
       const aLabel = model.lineLabel || model.lineField;
-      lines.push(`${aLabel}: ${formatAgbValue(lineValue)}`);
+      rows.push({ label: aLabel, value: formatAgbValue(lineValue) });
     }
-    return lines;
+    return { rows };
   }
   draw() {
     var _a;
@@ -117,16 +118,9 @@ let Ui9000AreaGroupedBarChart = class extends Ui9000ChartElement {
       showTooltip: this.showTooltip,
       ...this.axisLabelHandlers(),
       onHover: this.showTooltip ? ({ category, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          lines: this.tooltipLines(model, category)
-        };
+        this.openTooltip(event, this.tooltipContent(model, category));
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -139,13 +133,6 @@ let Ui9000AreaGroupedBarChart = 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}
-          ${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>
@@ -165,9 +152,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000AreaGroupedBarChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000AreaGroupedBarChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000AreaGroupedBarChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-area-grouped-bar-chart.js","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-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 {\n  getAreaGroupedBarChartDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatAgbValue,\n  normalizeAreaGroupedBarData,\n  type AreaGroupedBarChartInput,\n  type AreaGroupedBarModel,\n} from '../lib/index.js';\nimport { renderAreaGroupedBarChart } from '../render/draw.js';\nimport { areaGroupedBarChartStyles } from './styles.js';\n\n@customElement('ui9000-area-grouped-bar-chart')\nexport class Ui9000AreaGroupedBarChart extends Ui9000ChartElement {\n  static override styles = [areaGroupedBarChartStyles, 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(): AreaGroupedBarModel {\n    const raw = parseJsonAttr<AreaGroupedBarChartInput>(this.dataJson, null);\n    return normalizeAreaGroupedBarData(raw);\n  }\n\n  private legendEntries(model: AreaGroupedBarModel): ChartLegendEntry[] {\n    const entries: ChartLegendEntry[] = [];\n    if (model.lineField) {\n      entries.push({\n        label: model.lineLabel || model.lineField,\n        swatch: { kind: 'line', color: model.lineColor },\n      });\n    }\n    for (const g of model.groups) {\n      entries.push({\n        label: g.label,\n        swatch: { kind: 'swatch', color: g.color, opacity: 0.85 },\n      });\n    }\n    return entries;\n  }\n\n  private renderLegend(model: AreaGroupedBarModel) {\n    if (!this.showLegend) return nothing;\n    const entries = this.legendEntries(model);\n    if (entries.length <= 1) return nothing;\n    return renderChartLegend(entries);\n  }\n\n  private tooltipLines(model: AreaGroupedBarModel, category: string): string[] {\n    const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n    const lines: string[] = [`${xLabel}: ${category}`];\n\n    const gMap = model.barsByCategory[category] ?? {};\n    let barsSum = 0;\n    for (const g of model.groups) {\n      const v = gMap[g.key];\n      if (!Number.isFinite(v)) continue;\n      barsSum += v;\n      lines.push(`${g.label}: ${formatAgbValue(v)}`);\n    }\n\n    const linePt = model.linePoints.find((p) => p.x === category);\n    const lineValue = linePt?.y ?? barsSum;\n    if (Number.isFinite(lineValue)) {\n      const aLabel = model.lineLabel || model.lineField;\n      lines.push(`${aLabel}: ${formatAgbValue(lineValue)}`);\n    }\n    return lines;\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 =\n      model.categories.length === 0 &&\n      model.linePoints.length === 0 &&\n      model.groups.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getAreaGroupedBarChartDimensions(root);\n\n    renderAreaGroupedBarChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ category, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              lines: this.tooltipLines(model, category),\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : 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\">No data</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-area-grouped-bar-chart': Ui9000AreaGroupedBarChart;\n  }\n}\n\nexport function registerAreaGroupedBarChart(): void {\n  if (!customElements.get('ui9000-area-grouped-bar-chart')) {\n    customElements.define('ui9000-area-grouped-bar-chart', Ui9000AreaGroupedBarChart);\n  }\n}\n\nregisterAreaGroupedBarChart();\n"],"names":["areaGroupedBarChartStyles"],"mappings":"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"}
+{"version":3,"file":"ui9000-area-grouped-bar-chart.js","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-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 {\n  getAreaGroupedBarChartDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatAgbValue,\n  normalizeAreaGroupedBarData,\n  type AreaGroupedBarChartInput,\n  type AreaGroupedBarModel,\n} from '../lib/index.js';\nimport { renderAreaGroupedBarChart } from '../render/draw.js';\nimport { areaGroupedBarChartStyles } from './styles.js';\n\n@customElement('ui9000-area-grouped-bar-chart')\nexport class Ui9000AreaGroupedBarChart extends Ui9000ChartElement {\n  static override styles = [areaGroupedBarChartStyles, 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(): AreaGroupedBarModel {\n    const raw = parseJsonAttr<AreaGroupedBarChartInput>(this.dataJson, null);\n    return normalizeAreaGroupedBarData(raw);\n  }\n\n  private legendEntries(model: AreaGroupedBarModel): ChartLegendEntry[] {\n    const entries: ChartLegendEntry[] = [];\n    if (model.lineField) {\n      entries.push({\n        label: model.lineLabel || model.lineField,\n        swatch: { kind: 'line', color: model.lineColor },\n      });\n    }\n    for (const g of model.groups) {\n      entries.push({\n        label: g.label,\n        swatch: { kind: 'swatch', color: g.color, opacity: 0.85 },\n      });\n    }\n    return entries;\n  }\n\n  private renderLegend(model: AreaGroupedBarModel) {\n    if (!this.showLegend) return nothing;\n    const entries = this.legendEntries(model);\n    if (entries.length <= 1) return nothing;\n    return renderChartLegend(entries);\n  }\n\n  private tooltipContent(\n    model: AreaGroupedBarModel,\n    category: string,\n  ): { rows: { label: string; value: string }[] } {\n    const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n    const rows: { label: string; value: string }[] = [\n      { label: xLabel, value: category },\n    ];\n\n    const gMap = model.barsByCategory[category] ?? {};\n    let barsSum = 0;\n    for (const g of model.groups) {\n      const v = gMap[g.key];\n      if (!Number.isFinite(v)) continue;\n      barsSum += v;\n      rows.push({ label: g.label, value: formatAgbValue(v) });\n    }\n\n    const linePt = model.linePoints.find((p) => p.x === category);\n    const lineValue = linePt?.y ?? barsSum;\n    if (Number.isFinite(lineValue)) {\n      const aLabel = model.lineLabel || model.lineField;\n      rows.push({ label: aLabel, value: formatAgbValue(lineValue) });\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.parseData();\n    this._empty =\n      model.categories.length === 0 &&\n      model.linePoints.length === 0 &&\n      model.groups.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getAreaGroupedBarChartDimensions(root);\n\n    renderAreaGroupedBarChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ category, event }) => {\n            this.openTooltip(event, this.tooltipContent(model, category));\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\">No data</div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-area-grouped-bar-chart': Ui9000AreaGroupedBarChart;\n  }\n}\n\nexport function registerAreaGroupedBarChart(): void {\n  if (!customElements.get('ui9000-area-grouped-bar-chart')) {\n    customElements.define('ui9000-area-grouped-bar-chart', Ui9000AreaGroupedBarChart);\n  }\n}\n\nregisterAreaGroupedBarChart();\n"],"names":["areaGroupedBarChartStyles"],"mappings":"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"}

package/dist/components/area-grouped-bar-chart/index.js

@@ -1,10 +1,10 @@
 import { registerAreaGroupedBarChart } from "./element/ui9000-area-grouped-bar-chart.js";
 import { Ui9000AreaGroupedBarChart } from "./element/ui9000-area-grouped-bar-chart.js";
 import { renderAreaGroupedBarChart } from "./render/draw.js";
+import { normalizeAreaGroupedBarData } from "./lib/normalize.js";
 import { default as default2 } from "./metadata.json.js";
 import { areaGroupedBarYDomain } from "./lib/domain.js";
 import { formatAgbAxisTick, formatAgbValue } from "./lib/format.js";
-import { normalizeAreaGroupedBarData } from "./lib/normalize.js";
 export {
   Ui9000AreaGroupedBarChart,
   default2 as areaGroupedBarChartMetadata,

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

@@ -5,7 +5,7 @@ const barChartStyles = css`
     position: relative;
     width: 100%;
     height: 100%;
-    min-height: 220px;
+    min-height: var(--ui9000-host-min-height, 220px);
     color: var(--ui9000-color-text, #111827);
     font-family: var(--ui9000-font-family, system-ui, sans-serif);
     box-sizing: border-box;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = 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-body {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 240px);\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 200px);\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: var(--ui9000-plot-min-height, 240px);\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 .category {\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,iBAAiB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = 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    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-body {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 240px);\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 200px);\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: var(--ui9000-plot-min-height, 240px);\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 .category {\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,iBAAiB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -15,7 +15,6 @@ export declare class Ui9000BarChart extends Ui9000ChartElement {
     cumulativeLine: boolean;
     xLabel: string;
     yLabel: string;
-    private _tooltip;
     private _empty;
     private _fixedXAxis;
     private _resizeObserver?;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/element/ui9000-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAI7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtE,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,cAAc,CAAc;IAEzC,8EAA8E;IAE9E,MAAM,EAAE,SAAS,CAAa;IAG9B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,4EAA4E;IAE5E,cAAc,UAAS;IAGvB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUtC,YAAY,IAAI,IAAI;IAS7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,YAAY;IA+BpB,OAAO,CAAC,IAAI;IA0EH,MAAM;CAwChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"ui9000-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/element/ui9000-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAI7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtE,OAAO,EAML,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,cAAc,CAAc;IAEzC,8EAA8E;IAE9E,MAAM,EAAE,SAAS,CAAa;IAG9B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,4EAA4E;IAE5E,cAAc,UAAS;IAGvB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUtC,YAAY,IAAI,IAAI;IAS7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,YAAY;IA+BpB,OAAO,CAAC,IAAI;IAsEH,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

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

@@ -7,12 +7,12 @@ import { parseJsonAttr, getBarChartDimensions } from "../../../utils/chart-helpe
 import { lineLegendEntries, resolveSeriesLegendColor } from "../../../utils/chart-legend.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
 import { FD } from "../../../utils/fusedash-visual.js";
-import { renderBarChart } from "../render/draw.js";
-import { barChartStyles } from "./styles.js";
 import { normalizeBarData } from "../lib/normalize.js";
 import { collectBarCategories } from "../lib/domain.js";
 import { barHorizontalMinSpan } from "../lib/layout.js";
 import { formatCompact } from "../lib/format.js";
+import { renderBarChart } from "../render/draw.js";
+import { barChartStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -36,7 +36,6 @@ let Ui9000BarChart = class extends Ui9000ChartElement {
     this.cumulativeLine = false;
     this.xLabel = "";
     this.yLabel = "";
-    this._tooltip = null;
     this._empty = false;
     this._fixedXAxis = false;
     this._raf = 0;
@@ -153,17 +152,15 @@ let Ui9000BarChart = class extends Ui9000ChartElement {
       xAxisContainer: needsFixedXAxis ? xAxisRoot : null,
       ...this.axisLabelHandlers(),
       onHover: this.showTooltip ? ({ category, entries, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          category,
-          entries
-        };
+        this.openTooltip(event, {
+          title: category,
+          rows: entries.map((entry) => ({
+            label: entry.seriesName,
+            value: formatCompact(entry.value)
+          }))
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
     if (xAxisRoot && !needsFixedXAxis) {
       xAxisRoot.replaceChildren();
@@ -188,20 +185,6 @@ let Ui9000BarChart = class extends Ui9000ChartElement {
             ></div>
           </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="category">${this._tooltip.category}</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>
@@ -236,9 +219,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "y-label" })
 ], Ui9000BarChart.prototype, "yLabel", 2);
-__decorateClass([
-  state()
-], Ui9000BarChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000BarChart.prototype, "_empty", 2);