@fusedashlabs/widgets 0.4.5 → 0.6.0

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

@@ -0,0 +1,45 @@
+const id = "inspector";
+const tag = "ui9000-inspector";
+const title = "Inspector";
+const description = "Renders one frozen decision trace: objective, profile keys, candidates with scores, winner, rejections with reasons, actions, risk band and outcome. Props only, and it refuses a trace carrying dataset rows.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets S4-08";
+const stack = "lit";
+const entry = "@ui9000/widgets/inspector";
+const tier = "host";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true, "rowsExcluded": true, "traceContract": "trace.v2.json (this folder) until S4-03 publishes the shape" };
+const allowedActions = ["resize"];
+const accessibility = { "nameFrom": 'panel-label, else "Decision trace — <objective>"', "keyboard": ["Tab past the panel — it is display only"], "shadowBoundary": "Do not use aria-labelledby across the host; the panel region carries aria-label." };
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "trace": { "type": "object", "description": "Decision trace JSON — see trace.v2.json in this folder. v1 traces render with winner, riskBand and outcome shown as not recorded.", "$ref": "./trace.v2.json" }, "panelLabel": { "type": "string", "description": "Overrides the panel's accessible name." } }, "required": ["trace"] };
+const metadata = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  entry,
+  tier,
+  usageConditions,
+  allowedActions,
+  accessibility,
+  propsSchema
+};
+export {
+  accessibility,
+  allowedActions,
+  chartTypeKeys,
+  metadata as default,
+  description,
+  entry,
+  id,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

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

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

package/dist/components/kpi-widget/element/ui9000-kpi-widget.js

@@ -3,10 +3,10 @@ import { styleMap } from "lit/directives/style-map.js";
 import { property, state, customElement } from "lit/decorators.js";
 import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { parseJsonAttr } from "../../../utils/chart-helpers.js";
-import { kpiWidgetStyles } from "./styles.js";
 import { normalizeKpiData } from "../lib/normalize.js";
-import { getKpiGridColumns, getAdvancedSplitLayout, MIN_KPI_CELL_WIDTH, getKpiGridScrollAxis } from "../lib/grid.js";
 import { visualisationChartType } from "../lib/extract.js";
+import { getKpiGridColumns, getAdvancedSplitLayout, MIN_KPI_CELL_WIDTH, getKpiGridScrollAxis } from "../lib/grid.js";
+import { kpiWidgetStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/kpi-widget/index.js

@@ -1,10 +1,10 @@
 import { registerKpiWidget } from "./element/ui9000-kpi-widget.js";
 import { Ui9000KpiWidget } from "./element/ui9000-kpi-widget.js";
-import { default as default2 } from "./metadata.json.js";
-import { MIN_KPI_CELL_WIDTH, getAdvancedSplitLayout, getKpiGridColumns, getKpiGridScrollAxis } from "./lib/grid.js";
+import { normalizeKpiData } from "./lib/normalize.js";
 import { extractCardsFromKpi, isAdvancedKpiItem } from "./lib/extract.js";
 import { formatKpiValue, splitFormattedKpiValue } from "./lib/format.js";
-import { normalizeKpiData } from "./lib/normalize.js";
+import { MIN_KPI_CELL_WIDTH, getAdvancedSplitLayout, getKpiGridColumns, getKpiGridScrollAxis } from "./lib/grid.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   MIN_KPI_CELL_WIDTH,
   Ui9000KpiWidget,

package/dist/components/kpi-widget/metadata.json.d.ts

@@ -14,6 +14,53 @@ declare const _default: {
     "mapsExcluded": true
   },
   "allowedActions": ["resize"],
+  "tier": "engine",
+  "intents": ["summary"],
+  "dataRoles": [
+    {
+      "id": "metric",
+      "required": true,
+      "type": "number",
+      "description": "One or more headline counts or scores."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasNumericMetric && profile.categoryCardinality <= 12",
+      "reason": "KPI summarises a small set of numeric headlines."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "profile.hasTabularRows && profile.rowCount > 20 && !profile.hasNumericMetric",
+      "reason": "Row-heavy evidence belongs on table, not KPI cards."
+    },
+    {
+      "when": "profile.hasGeo && !profile.hasNumericMetric",
+      "reason": "Spatial-only data belongs on map-chart."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "card name",
+    "keyboard": ["Tab between cards"],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "kpi-picks-counts",
+      "intent": "summary",
+      "profile": { "hasNumericMetric": true, "categoryCardinality": 4 },
+      "expect": "eligible",
+      "reasonIncludes": "headlines"
+    },
+    {
+      "id": "kpi-rejects-geo-only",
+      "intent": "spatial",
+      "profile": { "hasGeo": true, "hasNumericMetric": false },
+      "expect": "disqualified",
+      "reasonIncludes": "map-chart"
+    }
+  ],
   "propsSchema": {
     "$schema": "https://json-schema.org/draft/2020-12/schema",
     "type": "object",

package/dist/components/kpi-widget/metadata.json.js

@@ -9,6 +9,13 @@ const lazyImport = "@ui9000/widgets/lazy/kpi-widget";
 const entry = "@ui9000/widgets/kpi-widget";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 const allowedActions = ["resize"];
+const tier = "engine";
+const intents = ["summary"];
+const dataRoles = [{ "id": "metric", "required": true, "type": "number", "description": "One or more headline counts or scores." }];
+const eligibility = [{ "when": "profile.hasNumericMetric && profile.categoryCardinality <= 12", "reason": "KPI summarises a small set of numeric headlines." }];
+const disqualify = [{ "when": "profile.hasTabularRows && profile.rowCount > 20 && !profile.hasNumericMetric", "reason": "Row-heavy evidence belongs on table, not KPI cards." }, { "when": "profile.hasGeo && !profile.hasNumericMetric", "reason": "Spatial-only data belongs on map-chart." }];
+const accessibility = { "nameFrom": "card name", "keyboard": ["Tab between cards"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "kpi-picks-counts", "intent": "summary", "profile": { "hasNumericMetric": true, "categoryCardinality": 4 }, "expect": "eligible", "reasonIncludes": "headlines" }, { "id": "kpi-rejects-geo-only", "intent": "spatial", "profile": { "hasGeo": true, "hasNumericMetric": false }, "expect": "disqualified", "reasonIncludes": "map-chart" }];
 const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "object", "description": "Multi-KPI dashboard (chartType KPIs)", "properties": { "chartType": { "const": "KPIs" }, "items": { "type": "array" } } }, { "type": "object", "description": "Single FuseDash KPI item (chartType KPI)", "properties": { "chartType": { "const": "KPI" }, "type": { "type": "string" }, "data": { "type": "array" } } }, { "type": "array", "description": "Array of KPI items from MCP tool output" }] }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
 const kpiMeta = {
   id,
@@ -22,20 +29,34 @@ const kpiMeta = {
   entry,
   usageConditions,
   allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
   propsSchema
 };
 export {
+  accessibility,
   allowedActions,
   chartTypeKeys,
+  dataRoles,
   kpiMeta as default,
   description,
+  disqualify,
+  eligibility,
   entry,
+  evalCases,
   id,
+  intents,
   lazyImport,
   propsSchema,
   source,
   stack,
   tag,
+  tier,
   title,
   usageConditions
 };

package/dist/components/kpi-widget/metadata.json.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-line-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/element/ui9000-line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAK7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,iBAAiB,CAAC;AAIzB,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,KAAK,EAAE,SAAS,CAAY;IAG5B,MAAM,EAAE,WAAW,CAAW;IAG9B,UAAU,UAAQ;IAGlB,QAAQ,UAAS;IAGjB,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,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;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,IAAI;IA6CH,MAAM;CA2BhB;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-line-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/element/ui9000-line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAK7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAGL,KAAK,SAAS,EAEf,MAAM,iBAAiB,CAAC;AAIzB,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,KAAK,EAAE,SAAS,CAAY;IAG5B,MAAM,EAAE,WAAW,CAAW;IAG9B,UAAU,UAAQ;IAGlB,QAAQ,UAAS;IAGjB,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,IAAI;IAyCH,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}

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

@@ -7,9 +7,9 @@ import { parseJsonAttr, getLineChartDimensions } from "../../../utils/chart-help
 import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
 import { lineLegendEntries } from "../../../utils/chart-legend.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { normalizeLineData } from "../lib/normalize.js";
 import { renderLineChart } from "../render/draw.js";
 import { lineChartStyles } from "./styles.js";
-import { normalizeLineData } from "../lib/normalize.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -34,7 +34,6 @@ let Ui9000LineChart = class extends Ui9000ChartElement {
     this.showTooltip = true;
     this.xLabel = "";
     this.yLabel = "";
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -101,18 +100,12 @@ let Ui9000LineChart = class extends Ui9000ChartElement {
       yLabel: this.yLabel || void 0,
       ...this.axisLabelHandlers(),
       onPointHover: this.showTooltip ? ({ seriesName, point, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          seriesName,
-          pointX: point.x,
-          pointY: point.y
-        };
+        this.openTooltip(event, {
+          title: seriesName,
+          rows: [{ label: String(point.x), value: String(point.y) }]
+        });
       } : void 0,
-      onPointLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onPointLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -125,14 +118,6 @@ let Ui9000LineChart = class extends Ui9000ChartElement {
           ${this.renderLegend(series)}
           <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
-          ${this._tooltip ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                <div class="name">${this._tooltip.seriesName}</div>
-                <div>${this._tooltip.pointX}: ${this._tooltip.pointY}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -170,9 +155,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "y-label" })
 ], Ui9000LineChart.prototype, "yLabel", 2);
-__decorateClass([
-  state()
-], Ui9000LineChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000LineChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-line-chart.js","sources":["../../../../src/components/line-chart/element/ui9000-line-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport {\n  renderChartLegend,\n} from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getLineChartDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeLineData,\n  type LineChartData,\n  type LineCurve,\n  type LineSeries,\n} from '../lib/index.js';\nimport { renderLineChart } from '../render/draw.js';\nimport { lineChartStyles } from './styles.js';\n\n@customElement('ui9000-line-chart')\nexport class Ui9000LineChart extends Ui9000ChartElement {\n  static override styles = [lineChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  curve: LineCurve = 'linear';\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-area' })\n  showArea = false;\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    seriesName: string;\n    pointX: string;\n    pointY: 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(): LineSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | LineChartData | LineSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeLineData(raw);\n  }\n\n  private xDomainHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: LineSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(lineLegendEntries(series, 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 series = this.parseData();\n    this._empty = series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getLineChartDimensions(root);\n\n    renderLineChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      curve: this.curve,\n      marker: this.marker,\n      showPoints: this.showPoints,\n      showArea: this.showArea,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, point, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              seriesName,\n              pointX: point.x,\n              pointY: point.y,\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 series = this._empty ? [] : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(series)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\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.pointX}: ${this._tooltip.pointY}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-line-chart': Ui9000LineChart;\n  }\n}\n\nexport function registerLineChart(): void {\n  if (!customElements.get('ui9000-line-chart')) {\n    customElements.define('ui9000-line-chart', Ui9000LineChart);\n  }\n}\n\nregisterLineChart();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-line-chart.js","sources":["../../../../src/components/line-chart/element/ui9000-line-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport {\n  renderChartLegend,\n} from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getLineChartDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { lineLegendEntries } from '../../../utils/chart-legend.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeLineData,\n  type LineChartData,\n  type LineCurve,\n  type LineSeries,\n} from '../lib/index.js';\nimport { renderLineChart } from '../render/draw.js';\nimport { lineChartStyles } from './styles.js';\n\n@customElement('ui9000-line-chart')\nexport class Ui9000LineChart extends Ui9000ChartElement {\n  static override styles = [lineChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  curve: LineCurve = 'linear';\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-area' })\n  showArea = false;\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _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(): LineSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | LineChartData | LineSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeLineData(raw);\n  }\n\n  private xDomainHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: LineSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(lineLegendEntries(series, 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 series = this.parseData();\n    this._empty = series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getLineChartDimensions(root);\n\n    renderLineChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      curve: this.curve,\n      marker: this.marker,\n      showPoints: this.showPoints,\n      showArea: this.showArea,\n      showGrid: this.showGrid,\n      xDomainHint: this.xDomainHint(),\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, point, event }) => {\n            this.openTooltip(event, {\n              title: seriesName,\n              rows: [{ label: String(point.x), value: String(point.y) }],\n            });\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series = this._empty ? [] : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(series)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\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-line-chart': Ui9000LineChart;\n  }\n}\n\nexport function registerLineChart(): void {\n  if (!customElements.get('ui9000-line-chart')) {\n    customElements.define('ui9000-line-chart', Ui9000LineChart);\n  }\n}\n\nregisterLineChart();\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { registerLineChart } from "./element/ui9000-line-chart.js";
 import { Ui9000LineChart } from "./element/ui9000-line-chart.js";
 import { renderLineChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
+import { normalizeLineData } from "./lib/normalize.js";
 import { collectXDomain, collectYExtent } from "./lib/domain.js";
 import { formatCompact } from "./lib/format.js";
-import { normalizeLineData } from "./lib/normalize.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000LineChart,
   collectXDomain,

package/dist/components/line-chart/render/draw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EASL,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB;IACtE,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,SAAS,CAAC;QACjB,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAoBD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,sBAAsB,GAC9B,IAAI,CAsSN"}
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EASL,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB;IACtE,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,SAAS,CAAC;QACjB,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAoBD;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,sBAAsB,GAC9B,IAAI,CAwSN"}

package/dist/components/line-chart/render/draw.js

@@ -149,7 +149,7 @@ function renderLineChart(container, options) {
     }
   }
   decorateAxisLabels(xAxis, {
-    slotWidth: xScale.bandwidth(),
+    slotWidth: xScale.step(),
     ...axisLabels
   });
   const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(

package/dist/components/line-chart/render/draw.js.map

@@ -1 +1 @@
-{"version":3,"file":"draw.js","sources":["../../../../src/components/line-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport { curveLinear, curveMonotoneX, curveStepAfter, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { decorateAxisLabels, applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  appendGlowFilter,\n  appendLineMarker,\n  calculateNumTicks,\n  calculateScaleLinearDomain,\n  FD,\n  formatCompactNumber,\n  hexWithAlpha,\n  seriesColor as fdSeriesColor,\n  type MarkerShape,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  collectXDomain,\n  type LineCurve,\n  type LinePoint,\n  type LineSeries,\n} from '../lib/index.js';\n\nexport interface RenderLineChartOptions extends AxisLabelTooltipHandlers {\n  series: LineSeries[];\n  width: number;\n  height: number;\n  /** FuseDash new-design margins when omitted by host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  curve?: LineCurve;\n  /** FuseDash default: donut */\n  marker?: MarkerShape;\n  showPoints?: boolean;\n  showArea?: boolean;\n  showGrid?: boolean;\n  /** FuseDash `uniqueValues[xAxe]` order when available. */\n  xDomainHint?: string[];\n  showGlow?: boolean;\n  themeMode?: 'light' | 'dark';\n  xLabel?: string;\n  yLabel?: string;\n  onPointHover?: (payload: {\n    seriesId: string;\n    seriesName: string;\n    point: LinePoint;\n    event: MouseEvent;\n  }) => void;\n  onPointLeave?: () => void;\n}\n\nfunction curveFactory(curve: LineCurve) {\n  switch (curve) {\n    case 'step':\n      return curveStepAfter;\n    case 'monotone':\n      return curveMonotoneX;\n    default:\n      return curveLinear;\n  }\n}\n\nfunction resolveColor(series: LineSeries, index: number, theme: WidgetTheme): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\n/**\n * FuseDash SingleLineChart / GroupedLineChart plot — visual parity via D3.\n * Coordinate system matches Visx: scales include margin in range (no plot-group translate).\n */\nexport function renderLineChart(\n  container: HTMLElement,\n  options: RenderLineChartOptions,\n): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.lineMargin },\n    theme,\n    curve = 'linear',\n    marker = 'donut',\n    showPoints = true,\n    showGrid = true,\n    xDomainHint,\n    showGlow = true,\n    themeMode = 'light',\n    xLabel,\n    yLabel,\n    onPointHover,\n    onPointLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const xDomain = collectXDomain(series, xDomainHint);\n  const allY: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (Number.isFinite(p.y)) allY.push(p.y);\n    }\n  }\n  const [minY, maxY] = calculateScaleLinearDomain(allY);\n  const numTicks = calculateNumTicks(height);\n  const isGrouped = series.length > 1;\n\n  // FuseDash: scaleBand + padding -1; points at x + bandwidth/2\n  const xScale = scaleBand<string>()\n    .domain(xDomain)\n    .range([plotLeft, plotRight])\n    .padding(-1);\n\n  const yScale = scaleLinear()\n    .domain([minY, maxY])\n    .range([plotBottom, plotTop]);\n\n  const yTicks = yScale.ticks(numTicks);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Line chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const glowUrl = showGlow ? appendGlowFilter(svg) : '';\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  // --- Grid (FuseDash dashed #afb3bb) ---\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n\n    for (const cat of xDomain) {\n      const bx = xScale(cat);\n      if (bx == null) continue;\n      const x = bx + xScale.bandwidth() / 2;\n      grid\n        .append('line')\n        .attr('x1', x)\n        .attr('x2', x)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1,2')\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    for (const t of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(t))\n        .attr('y2', yScale(t))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    // right edge guide\n    grid\n      .append('line')\n      .attr('x1', plotRight)\n      .attr('x2', plotRight)\n      .attr('y1', plotTop)\n      .attr('y2', plotBottom)\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', '1, 2')\n      .attr('shape-rendering', 'crispEdges');\n  }\n\n  const lineGen = d3Line<LinePoint>()\n    .defined((d) => Number.isFinite(d.y) && xScale(d.x) != null)\n    .x((d) => (xScale(d.x) ?? 0) + xScale.bandwidth() / 2)\n    .y((d) => yScale(d.y))\n    .curve(curveFactory(curve));\n\n  const hoverGuide = root\n    .append('line')\n    .attr('class', 'hover-guide')\n    .attr('stroke', themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight)\n    .attr('stroke-width', 2)\n    .attr('opacity', 0)\n    .attr('pointer-events', 'none');\n\n  series.forEach((s, i) => {\n    const color = resolveColor(s, i, theme);\n    const layer = root.append('g').attr('class', `series series-${s.id}`);\n    // Single: hex@80%; Grouped: opaque stroke (client GroupedLineChart)\n    const stroke = isGrouped ? color : hexWithAlpha(color, FD.lineStrokeAlphaPct);\n\n    layer\n      .append('path')\n      .datum(s.points)\n      .attr('fill', 'none')\n      .attr('stroke', stroke)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-linejoin', 'round')\n      .attr('filter', glowUrl || null)\n      .attr('d', lineGen);\n\n    if (showPoints && marker !== 'disabled') {\n      const markersG = layer.append('g').attr('class', 'markers');\n\n      for (const p of s.points) {\n        if (!Number.isFinite(p.y) || xScale(p.x) == null) continue;\n        const cx = (xScale(p.x) ?? 0) + xScale.bandwidth() / 2;\n        const cy = yScale(p.y);\n        const hit = markersG\n          .append('g')\n          .attr('class', 'marker')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        appendLineMarker(hit, {\n          shape: marker,\n          color,\n          cx,\n          cy,\n          r: FD.markerRadius,\n          themeMode,\n        });\n\n        // invisible hit target\n        hit\n          .append('circle')\n          .attr('cx', cx)\n          .attr('cy', cy)\n          .attr('r', 10)\n          .attr('fill', 'transparent')\n          .attr('stroke', 'none');\n\n        if (onPointHover) {\n          hit\n            .on('mouseenter', (event: MouseEvent) => {\n              hoverGuide\n                .attr('x1', cx)\n                .attr('x2', cx)\n                .attr('y1', plotTop)\n                .attr('y2', plotBottom)\n                .attr('opacity', 0.8);\n              // Dim sibling series (FuseDash legacy hover; new-design keeps opacity 1 —\n              // still useful in chat for multi-series readability)\n              if (isGrouped) {\n                root.selectAll('.series').attr('opacity', 0.2);\n                layer.attr('opacity', 1);\n              }\n              onPointHover({\n                seriesId: s.id,\n                seriesName: s.name ?? s.id,\n                point: p,\n                event,\n              });\n            })\n            .on('mouseleave', () => {\n              hoverGuide.attr('opacity', 0);\n              if (isGrouped) {\n                root.selectAll('.series').attr('opacity', 1);\n              }\n              onPointLeave?.();\n            });\n        }\n      }\n    }\n  });\n\n  // --- Axes (FuseDash AxisBottom / AxisLeft) ---\n  const xAxis = root\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(\n      axisBottom(xScale)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d) => String(d)),\n    );\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis.selectAll('line').attr('stroke', 'none');\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  // Keep first/last X labels inside the SVG (scaleBand edge ticks otherwise clip)\n  const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n  if (xTickNodes.length > 0) {\n    select(xTickNodes[0]).attr('text-anchor', 'start');\n    if (xTickNodes.length > 1) {\n      select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n    }\n  }\n\n  decorateAxisLabels(xAxis, {\n    slotWidth: xScale.bandwidth(),\n    ...axisLabels,\n  });\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(5)\n        .tickPadding(6)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    );\n  // hide axis line; dashed tick strokes like FuseDash\n  yAxis.select('.domain').attr('stroke', 'none');\n  yAxis\n    .selectAll('line')\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-dasharray', '1 2');\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n\n  if (xLabel) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  // Unit: horizontal top-left — never rotate through Y ticks\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor","d3Line"],"mappings":"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"}
+{"version":3,"file":"draw.js","sources":["../../../../src/components/line-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport { curveLinear, curveMonotoneX, curveStepAfter, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { decorateAxisLabels, applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  appendGlowFilter,\n  appendLineMarker,\n  calculateNumTicks,\n  calculateScaleLinearDomain,\n  FD,\n  formatCompactNumber,\n  hexWithAlpha,\n  seriesColor as fdSeriesColor,\n  type MarkerShape,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  collectXDomain,\n  type LineCurve,\n  type LinePoint,\n  type LineSeries,\n} from '../lib/index.js';\n\nexport interface RenderLineChartOptions extends AxisLabelTooltipHandlers {\n  series: LineSeries[];\n  width: number;\n  height: number;\n  /** FuseDash new-design margins when omitted by host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  curve?: LineCurve;\n  /** FuseDash default: donut */\n  marker?: MarkerShape;\n  showPoints?: boolean;\n  showArea?: boolean;\n  showGrid?: boolean;\n  /** FuseDash `uniqueValues[xAxe]` order when available. */\n  xDomainHint?: string[];\n  showGlow?: boolean;\n  themeMode?: 'light' | 'dark';\n  xLabel?: string;\n  yLabel?: string;\n  onPointHover?: (payload: {\n    seriesId: string;\n    seriesName: string;\n    point: LinePoint;\n    event: MouseEvent;\n  }) => void;\n  onPointLeave?: () => void;\n}\n\nfunction curveFactory(curve: LineCurve) {\n  switch (curve) {\n    case 'step':\n      return curveStepAfter;\n    case 'monotone':\n      return curveMonotoneX;\n    default:\n      return curveLinear;\n  }\n}\n\nfunction resolveColor(series: LineSeries, index: number, theme: WidgetTheme): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\n/**\n * FuseDash SingleLineChart / GroupedLineChart plot — visual parity via D3.\n * Coordinate system matches Visx: scales include margin in range (no plot-group translate).\n */\nexport function renderLineChart(\n  container: HTMLElement,\n  options: RenderLineChartOptions,\n): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.lineMargin },\n    theme,\n    curve = 'linear',\n    marker = 'donut',\n    showPoints = true,\n    showGrid = true,\n    xDomainHint,\n    showGlow = true,\n    themeMode = 'light',\n    xLabel,\n    yLabel,\n    onPointHover,\n    onPointLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const xDomain = collectXDomain(series, xDomainHint);\n  const allY: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (Number.isFinite(p.y)) allY.push(p.y);\n    }\n  }\n  const [minY, maxY] = calculateScaleLinearDomain(allY);\n  const numTicks = calculateNumTicks(height);\n  const isGrouped = series.length > 1;\n\n  // FuseDash: scaleBand + padding -1; points at x + bandwidth/2\n  const xScale = scaleBand<string>()\n    .domain(xDomain)\n    .range([plotLeft, plotRight])\n    .padding(-1);\n\n  const yScale = scaleLinear()\n    .domain([minY, maxY])\n    .range([plotBottom, plotTop]);\n\n  const yTicks = yScale.ticks(numTicks);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Line chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const glowUrl = showGlow ? appendGlowFilter(svg) : '';\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  // --- Grid (FuseDash dashed #afb3bb) ---\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n\n    for (const cat of xDomain) {\n      const bx = xScale(cat);\n      if (bx == null) continue;\n      const x = bx + xScale.bandwidth() / 2;\n      grid\n        .append('line')\n        .attr('x1', x)\n        .attr('x2', x)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1,2')\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    for (const t of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(t))\n        .attr('y2', yScale(t))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    // right edge guide\n    grid\n      .append('line')\n      .attr('x1', plotRight)\n      .attr('x2', plotRight)\n      .attr('y1', plotTop)\n      .attr('y2', plotBottom)\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', '1, 2')\n      .attr('shape-rendering', 'crispEdges');\n  }\n\n  const lineGen = d3Line<LinePoint>()\n    .defined((d) => Number.isFinite(d.y) && xScale(d.x) != null)\n    .x((d) => (xScale(d.x) ?? 0) + xScale.bandwidth() / 2)\n    .y((d) => yScale(d.y))\n    .curve(curveFactory(curve));\n\n  const hoverGuide = root\n    .append('line')\n    .attr('class', 'hover-guide')\n    .attr('stroke', themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight)\n    .attr('stroke-width', 2)\n    .attr('opacity', 0)\n    .attr('pointer-events', 'none');\n\n  series.forEach((s, i) => {\n    const color = resolveColor(s, i, theme);\n    const layer = root.append('g').attr('class', `series series-${s.id}`);\n    // Single: hex@80%; Grouped: opaque stroke (client GroupedLineChart)\n    const stroke = isGrouped ? color : hexWithAlpha(color, FD.lineStrokeAlphaPct);\n\n    layer\n      .append('path')\n      .datum(s.points)\n      .attr('fill', 'none')\n      .attr('stroke', stroke)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-linejoin', 'round')\n      .attr('filter', glowUrl || null)\n      .attr('d', lineGen);\n\n    if (showPoints && marker !== 'disabled') {\n      const markersG = layer.append('g').attr('class', 'markers');\n\n      for (const p of s.points) {\n        if (!Number.isFinite(p.y) || xScale(p.x) == null) continue;\n        const cx = (xScale(p.x) ?? 0) + xScale.bandwidth() / 2;\n        const cy = yScale(p.y);\n        const hit = markersG\n          .append('g')\n          .attr('class', 'marker')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        appendLineMarker(hit, {\n          shape: marker,\n          color,\n          cx,\n          cy,\n          r: FD.markerRadius,\n          themeMode,\n        });\n\n        // invisible hit target\n        hit\n          .append('circle')\n          .attr('cx', cx)\n          .attr('cy', cy)\n          .attr('r', 10)\n          .attr('fill', 'transparent')\n          .attr('stroke', 'none');\n\n        if (onPointHover) {\n          hit\n            .on('mouseenter', (event: MouseEvent) => {\n              hoverGuide\n                .attr('x1', cx)\n                .attr('x2', cx)\n                .attr('y1', plotTop)\n                .attr('y2', plotBottom)\n                .attr('opacity', 0.8);\n              // Dim sibling series (FuseDash legacy hover; new-design keeps opacity 1 —\n              // still useful in chat for multi-series readability)\n              if (isGrouped) {\n                root.selectAll('.series').attr('opacity', 0.2);\n                layer.attr('opacity', 1);\n              }\n              onPointHover({\n                seriesId: s.id,\n                seriesName: s.name ?? s.id,\n                point: p,\n                event,\n              });\n            })\n            .on('mouseleave', () => {\n              hoverGuide.attr('opacity', 0);\n              if (isGrouped) {\n                root.selectAll('.series').attr('opacity', 1);\n              }\n              onPointLeave?.();\n            });\n        }\n      }\n    }\n  });\n\n  // --- Axes (FuseDash AxisBottom / AxisLeft) ---\n  const xAxis = root\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(\n      axisBottom(xScale)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d) => String(d)),\n    );\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis.selectAll('line').attr('stroke', 'none');\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  // Keep first/last X labels inside the SVG (scaleBand edge ticks otherwise clip)\n  const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n  if (xTickNodes.length > 0) {\n    select(xTickNodes[0]).attr('text-anchor', 'start');\n    if (xTickNodes.length > 1) {\n      select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n    }\n  }\n\n  // padding(-1) makes bandwidth ~2× the gap between ticks, so labels\n  // truncate to the max and collide. Fit each label to the tick step.\n  decorateAxisLabels(xAxis, {\n    slotWidth: xScale.step(),\n    ...axisLabels,\n  });\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(5)\n        .tickPadding(6)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    );\n  // hide axis line; dashed tick strokes like FuseDash\n  yAxis.select('.domain').attr('stroke', 'none');\n  yAxis\n    .selectAll('line')\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-dasharray', '1 2');\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n\n  if (xLabel) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  // Unit: horizontal top-left — never rotate through Y ticks\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor","d3Line"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-lollipop.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,mBAAmB,CAAc;IAE9C,+EAA+E;IAE/E,MAAM,EAAE,cAAc,CAAa;IAGnC,MAAM,EAAE,WAAW,CAAa;IAGhC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAMA;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;IAMzB,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,aAAa;IAOrB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAuEH,MAAM;CAoChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"ui9000-lollipop.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,mBAAmB,CAAc;IAE9C,+EAA+E;IAE/E,MAAM,EAAE,cAAc,CAAa;IAGnC,MAAM,EAAE,WAAW,CAAa;IAGhC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,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;IAMzB,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,aAAa;IAOrB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAmEH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

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

@@ -7,11 +7,11 @@ import { parseJsonAttr, getLollipopDimensions } from "../../../utils/chart-helpe
 import { swatchLegendEntries, resolveSeriesLegendColor } from "../../../utils/chart-legend.js";
 import { isFuseWidgetPayload, xDomainHintFromWidget } from "../../../utils/fuse-widget.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
-import { renderLollipopChart } from "../render/draw.js";
-import { lollipopStyles } from "./styles.js";
 import { normalizeLollipopData } from "../lib/normalize.js";
 import { collectLabels } from "../lib/domain.js";
 import { lollipopHorizontalMinSpan } from "../lib/layout.js";
+import { renderLollipopChart } from "../render/draw.js";
+import { lollipopStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -35,7 +35,6 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
     this.showTooltip = true;
     this.xLabel = "";
     this.yLabel = "";
-    this._tooltip = null;
     this._empty = false;
     this._fixedXAxis = false;
     this._raf = 0;
@@ -146,18 +145,12 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
       xAxisContainer: needsFixedXAxis ? xAxisRoot : null,
       ...this.axisLabelHandlers(),
       onPointHover: this.showTooltip ? ({ seriesName, point, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          seriesName,
-          pointLabel: point.label,
-          pointValue: point.value
-        };
+        this.openTooltip(event, {
+          title: seriesName,
+          rows: [{ label: point.label, value: String(point.value) }]
+        });
       } : void 0,
-      onPointLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onPointLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
     if (xAxisRoot && !needsFixedXAxis) {
       xAxisRoot.replaceChildren();
@@ -182,14 +175,6 @@ let Ui9000Lollipop = 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="name">${this._tooltip.seriesName}</div>
-                <div>${this._tooltip.pointLabel}: ${this._tooltip.pointValue}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -224,9 +209,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "y-label" })
 ], Ui9000Lollipop.prototype, "yLabel", 2);
-__decorateClass([
-  state()
-], Ui9000Lollipop.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000Lollipop.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-lollipop.js","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getLollipopDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries, resolveSeriesLegendColor } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  collectLabels,\n  lollipopHorizontalMinSpan,\n  normalizeLollipopData,\n  type LollipopChartData,\n  type LollipopLayout,\n  type LollipopOrientation,\n  type LollipopSeries,\n} from '../lib/index.js';\nimport { renderLollipopChart } from '../render/draw.js';\nimport { lollipopStyles } from './styles.js';\n\n@customElement('ui9000-lollipop')\nexport class Ui9000Lollipop extends Ui9000ChartElement {\n  static override styles = [lollipopStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  orientation: LollipopOrientation = 'vertical';\n\n  /** Multi-series only — a single series always renders as the plain lollipop */\n  @property({ type: String })\n  layout: LollipopLayout = 'grouped';\n\n  @property({ type: String })\n  marker: MarkerShape = 'rhombus';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    seriesName: string;\n    pointLabel: string;\n    pointValue: number;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _fixedXAxis = 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    if (changed.has('_fixedXAxis')) {\n      const body = this.shadowRoot?.querySelector('.chart-body');\n      const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n      if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n      if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n    }\n  }\n\n  override firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    const chartBody = this.shadowRoot?.querySelector('.chart-body');\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n    if (chartBody instanceof HTMLElement) this._resizeObserver?.observe(chartBody);\n    if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): LollipopSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | LollipopChartData | LollipopSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeLollipopData(raw);\n  }\n\n  private resolveLayout(): LollipopLayout {\n    if (this.layout === 'stacked') return 'stacked';\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw) && raw.stacked) return 'stacked';\n    return 'grouped';\n  }\n\n  private labelHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: LollipopSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        series.map((s) => s.name ?? s.id),\n        theme,\n        (_group, i) => resolveSeriesLegendColor(series[i], i, theme),\n      ),\n    );\n  }\n\n  private draw(): void {\n    const chartBody = this.shadowRoot?.querySelector('.chart-body') as\n      | HTMLElement\n      | null;\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as\n      | HTMLElement\n      | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    const xAxisRoot = this.shadowRoot?.querySelector('.chart-x-axis') as\n      | HTMLElement\n      | null;\n    if (!chartBody || !scroll || !root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      xAxisRoot?.replaceChildren();\n      this._fixedXAxis = false;\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const layout = this.resolveLayout();\n    const labels = collectLabels(series, this.labelHint());\n    const { width, margin } = getLollipopDimensions(chartBody);\n    const scrollViewportH = scroll.clientHeight || 300;\n    const minPlotSpan = lollipopHorizontalMinSpan(\n      labels.length,\n      series.length,\n    );\n    const availPlotH = scrollViewportH - margin.top;\n    const needsFixedXAxis =\n      this.orientation === 'horizontal' && minPlotSpan > availPlotH + 1;\n    this._fixedXAxis = needsFixedXAxis;\n\n    renderLollipopChart(root, {\n      series,\n      width,\n      height: scrollViewportH,\n      margin,\n      theme,\n      orientation: this.orientation,\n      layout,\n      marker: this.marker,\n      showGrid: this.showGrid,\n      labelHint: this.labelHint(),\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, point, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              seriesName,\n              pointLabel: point.label,\n              pointValue: point.value,\n            };\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n\n    if (xAxisRoot && !needsFixedXAxis) {\n      xAxisRoot.replaceChildren();\n    }\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series = this._empty ? [] : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            ${this.renderLegend(series)}\n            <div class=\"chart-scroll\" part=\"scroll\">\n              <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n            </div>\n            <div\n              class=\"chart-x-axis\"\n              part=\"x-axis\"\n              ?hidden=${!this._fixedXAxis}\n            ></div>\n          </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.pointLabel}: ${this._tooltip.pointValue}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-lollipop': Ui9000Lollipop;\n  }\n}\n\nexport function registerLollipop(): void {\n  if (!customElements.get('ui9000-lollipop')) {\n    customElements.define('ui9000-lollipop', Ui9000Lollipop);\n  }\n}\n\nregisterLollipop();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-lollipop.js","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getLollipopDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries, resolveSeriesLegendColor } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  collectLabels,\n  lollipopHorizontalMinSpan,\n  normalizeLollipopData,\n  type LollipopChartData,\n  type LollipopLayout,\n  type LollipopOrientation,\n  type LollipopSeries,\n} from '../lib/index.js';\nimport { renderLollipopChart } from '../render/draw.js';\nimport { lollipopStyles } from './styles.js';\n\n@customElement('ui9000-lollipop')\nexport class Ui9000Lollipop extends Ui9000ChartElement {\n  static override styles = [lollipopStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  orientation: LollipopOrientation = 'vertical';\n\n  /** Multi-series only — a single series always renders as the plain lollipop */\n  @property({ type: String })\n  layout: LollipopLayout = 'grouped';\n\n  @property({ type: String })\n  marker: MarkerShape = 'rhombus';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _fixedXAxis = 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    if (changed.has('_fixedXAxis')) {\n      const body = this.shadowRoot?.querySelector('.chart-body');\n      const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n      if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n      if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n    }\n  }\n\n  override firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    const chartBody = this.shadowRoot?.querySelector('.chart-body');\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n    if (chartBody instanceof HTMLElement) this._resizeObserver?.observe(chartBody);\n    if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): LollipopSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | LollipopChartData | LollipopSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeLollipopData(raw);\n  }\n\n  private resolveLayout(): LollipopLayout {\n    if (this.layout === 'stacked') return 'stacked';\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw) && raw.stacked) return 'stacked';\n    return 'grouped';\n  }\n\n  private labelHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: LollipopSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        series.map((s) => s.name ?? s.id),\n        theme,\n        (_group, i) => resolveSeriesLegendColor(series[i], i, theme),\n      ),\n    );\n  }\n\n  private draw(): void {\n    const chartBody = this.shadowRoot?.querySelector('.chart-body') as\n      | HTMLElement\n      | null;\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as\n      | HTMLElement\n      | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    const xAxisRoot = this.shadowRoot?.querySelector('.chart-x-axis') as\n      | HTMLElement\n      | null;\n    if (!chartBody || !scroll || !root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      xAxisRoot?.replaceChildren();\n      this._fixedXAxis = false;\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const layout = this.resolveLayout();\n    const labels = collectLabels(series, this.labelHint());\n    const { width, margin } = getLollipopDimensions(chartBody);\n    const scrollViewportH = scroll.clientHeight || 300;\n    const minPlotSpan = lollipopHorizontalMinSpan(\n      labels.length,\n      series.length,\n    );\n    const availPlotH = scrollViewportH - margin.top;\n    const needsFixedXAxis =\n      this.orientation === 'horizontal' && minPlotSpan > availPlotH + 1;\n    this._fixedXAxis = needsFixedXAxis;\n\n    renderLollipopChart(root, {\n      series,\n      width,\n      height: scrollViewportH,\n      margin,\n      theme,\n      orientation: this.orientation,\n      layout,\n      marker: this.marker,\n      showGrid: this.showGrid,\n      labelHint: this.labelHint(),\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, point, event }) => {\n            this.openTooltip(event, {\n              title: seriesName,\n              rows: [{ label: point.label, value: String(point.value) }],\n            });\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n\n    if (xAxisRoot && !needsFixedXAxis) {\n      xAxisRoot.replaceChildren();\n    }\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series = this._empty ? [] : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            ${this.renderLegend(series)}\n            <div class=\"chart-scroll\" part=\"scroll\">\n              <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n            </div>\n            <div\n              class=\"chart-x-axis\"\n              part=\"x-axis\"\n              ?hidden=${!this._fixedXAxis}\n            ></div>\n          </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-lollipop': Ui9000Lollipop;\n  }\n}\n\nexport function registerLollipop(): void {\n  if (!customElements.get('ui9000-lollipop')) {\n    customElements.define('ui9000-lollipop', Ui9000Lollipop);\n  }\n}\n\nregisterLollipop();\n"],"names":[],"mappings":"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"}