@fusedashlabs/widgets 0.5.0 → 0.6.0

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

@@ -7,9 +7,9 @@ import { parseJsonAttr, getPieDimensions } from "../../../utils/chart-helpers.js
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { renderPieChart } from "../../pie-chart/render/draw.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { computeDonutInnerRadius } from "../lib/domain.js";
 import { normalizePieData, legendSlicesFromPieOrder } from "../../pie-chart/lib/normalize.js";
 import { formatPiePercent } from "../../pie-chart/lib/format.js";
-import { computeDonutInnerRadius } from "../lib/domain.js";
 import { pieChartStyles } from "../../pie-chart/element/styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
@@ -28,7 +28,6 @@ let Ui9000DonutChart = class extends Ui9000ChartElement {
     this.scale = "default";
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._legendSlices = [];
     this._raf = 0;
@@ -98,23 +97,23 @@ let Ui9000DonutChart = class extends Ui9000ChartElement {
       },
       onHover: this.showTooltip ? ({ slice, event }) => {
         var _a2, _b, _c, _d, _e, _f;
-        const rect = this.getBoundingClientRect();
         const xField = model.xField ?? "Category";
         const yField = model.yField ?? "Value";
         const xAxeLabel = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[xField]) == null ? void 0 : _b.label) ?? xField;
         const yAxeLabel = ((_d = (_c = model.axisDetails) == null ? void 0 : _c[yField]) == null ? void 0 : _d.label) ?? yField;
         const symbol = ((_f = (_e = model.axisDetails) == null ? void 0 : _e[yField]) == null ? void 0 : _f.measure_unit_symbol) ?? "";
         const valueText = symbol ? `${slice.value.toLocaleString()} ${symbol}`.trim() : slice.value.toLocaleString();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          xLabel: `${xAxeLabel}: ${slice.label}`,
-          yLabel: `${yAxeLabel}: ${valueText} (${formatPiePercent(slice.percentage)}%)`
-        };
+        this.openTooltip(event, {
+          rows: [
+            { label: xAxeLabel, value: slice.label },
+            {
+              label: yAxeLabel,
+              value: `${valueText} (${formatPiePercent(slice.percentage)}%)`
+            }
+          ]
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -126,14 +125,6 @@ let Ui9000DonutChart = class extends Ui9000ChartElement {
           <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
           ${this.renderLegend()}
           ${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>${this._tooltip.xLabel}</div>
-                <div>${this._tooltip.yLabel}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -150,9 +141,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000DonutChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000DonutChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000DonutChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-donut-chart.js","sources":["../../../../src/components/donut-chart/element/ui9000-donut-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 { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { renderPieChart } from '../../pie-chart/render/draw.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  computeDonutInnerRadius,\n  formatDonutPercent,\n  legendSlicesFromDonutOrder,\n  normalizeDonutData,\n  type DonutChartData,\n  type DonutModel,\n  type DonutChartSlice,\n} from '../lib/index.js';\nimport { donutChartStyles } from './styles.js';\n\n@customElement('ui9000-donut-chart')\nexport class Ui9000DonutChart extends Ui9000ChartElement {\n  static override styles = [donutChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\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    xLabel: string;\n    yLabel: string;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _legendSlices: DonutChartSlice[] = [];\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(): DonutModel {\n    const raw = parseJsonAttr<DonutChartData>(this.dataJson, null);\n    return normalizeDonutData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map(\n          (slice) => `${formatDonutPercent(slice.percentage)}% - ${slice.label}`,\n        ),\n        theme,\n        (_label, index) => this._legendSlices[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n    const plotSize = Math.min(width, height);\n    const outerRadius = plotSize / 2;\n    const innerRadius = computeDonutInnerRadius(outerRadius);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromDonutOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${xAxeLabel}: ${slice.label}`,\n              yLabel: `${yAxeLabel}: ${valueText} (${formatDonutPercent(slice.percentage)}%)`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this.renderLegend()}\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>${this._tooltip.xLabel}</div>\n                <div>${this._tooltip.yLabel}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-donut-chart': Ui9000DonutChart;\n  }\n}\n\nexport function registerDonutChart(): void {\n  if (!customElements.get('ui9000-donut-chart')) {\n    customElements.define('ui9000-donut-chart', Ui9000DonutChart);\n  }\n}\n\nregisterDonutChart();\n"],"names":["normalizeDonutData","formatDonutPercent","legendSlicesFromDonutOrder","_a","donutChartStyles"],"mappings":"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"}
+{"version":3,"file":"ui9000-donut-chart.js","sources":["../../../../src/components/donut-chart/element/ui9000-donut-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 { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { renderPieChart } from '../../pie-chart/render/draw.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  computeDonutInnerRadius,\n  formatDonutPercent,\n  legendSlicesFromDonutOrder,\n  normalizeDonutData,\n  type DonutChartData,\n  type DonutModel,\n  type DonutChartSlice,\n} from '../lib/index.js';\nimport { donutChartStyles } from './styles.js';\n\n@customElement('ui9000-donut-chart')\nexport class Ui9000DonutChart extends Ui9000ChartElement {\n  static override styles = [donutChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\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  @state()\n  private _legendSlices: DonutChartSlice[] = [];\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(): DonutModel {\n    const raw = parseJsonAttr<DonutChartData>(this.dataJson, null);\n    return normalizeDonutData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map(\n          (slice) => `${formatDonutPercent(slice.percentage)}% - ${slice.label}`,\n        ),\n        theme,\n        (_label, index) => this._legendSlices[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n    const plotSize = Math.min(width, height);\n    const outerRadius = plotSize / 2;\n    const innerRadius = computeDonutInnerRadius(outerRadius);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromDonutOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this.openTooltip(event, {\n              rows: [\n                { label: xAxeLabel, value: slice.label },\n                {\n                  label: yAxeLabel,\n                  value: `${valueText} (${formatDonutPercent(slice.percentage)}%)`,\n                },\n              ],\n            });\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this.renderLegend()}\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-donut-chart': Ui9000DonutChart;\n  }\n}\n\nexport function registerDonutChart(): void {\n  if (!customElements.get('ui9000-donut-chart')) {\n    customElements.define('ui9000-donut-chart', Ui9000DonutChart);\n  }\n}\n\nregisterDonutChart();\n"],"names":["normalizeDonutData","formatDonutPercent","legendSlicesFromDonutOrder","_a","donutChartStyles"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { registerDonutChart } from "./element/ui9000-donut-chart.js";
 import { Ui9000DonutChart } from "./element/ui9000-donut-chart.js";
 import { renderPieChart } from "../pie-chart/render/draw.js";
-import { default as default2 } from "./metadata.json.js";
 import { DONUT_THICKNESS_RATIO, MIN_DONUT_THICKNESS, computeDonutInnerRadius } from "./lib/domain.js";
-import { formatPiePercent } from "../pie-chart/lib/format.js";
 import { legendSlicesFromPieOrder, normalizePieData } from "../pie-chart/lib/normalize.js";
+import { formatPiePercent } from "../pie-chart/lib/format.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   DONUT_THICKNESS_RATIO,
   MIN_DONUT_THICKNESS,

package/dist/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.d.ts

@@ -11,7 +11,6 @@ export declare class Ui9000GiniImpurityEntropyChart extends Ui9000ChartElement {
     showCI: boolean;
     /** Client `showSplit` — child markers plus their ΔGini. */
     showSplit: boolean;
-    private _tooltip;
     private _empty;
     private _resizeObserver?;
     private _raf;
@@ -24,7 +23,6 @@ export declare class Ui9000GiniImpurityEntropyChart extends Ui9000ChartElement {
     private parseModel;
     private renderLegend;
     private draw;
-    private renderTooltip;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

package/dist/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-gini-impurity-entropy-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAEL,kBAAkB,EACnB,MAAM,uCAAuC,CAAC;AA0B/C,qBACa,8BAA+B,SAAQ,kBAAkB;IACpE,OAAgB,MAAM,4BAAsD;IAG5E,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,2EAA2E;IAE3E,QAAQ,UAAS;IAEjB,8DAA8D;IAE9D,MAAM,UAAS;IAEf,2DAA2D;IAE3D,SAAS,UAAS;IAGlB,OAAO,CAAC,QAAQ,CAMA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IACjB,gFAAgF;IAChF,OAAO,CAAC,MAAM,CAAC,CAAmD;IAEzD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA2CZ,OAAO,CAAC,aAAa;IAiBZ,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oCAAoC,EAAE,8BAA8B,CAAC;KACtE;CACF;AAED,wBAAgB,gCAAgC,IAAI,IAAI,CAOvD"}
+{"version":3,"file":"ui9000-gini-impurity-entropy-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAEL,kBAAkB,EACnB,MAAM,uCAAuC,CAAC;AAuB/C,qBACa,8BAA+B,SAAQ,kBAAkB;IACpE,OAAgB,MAAM,4BAAsD;IAG5E,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,2EAA2E;IAE3E,QAAQ,UAAS;IAEjB,8DAA8D;IAE9D,MAAM,UAAS;IAEf,2DAA2D;IAE3D,SAAS,UAAS;IAGlB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IACjB,gFAAgF;IAChF,OAAO,CAAC,MAAM,CAAC,CAAmD;IAEzD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAsCH,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oCAAoC,EAAE,8BAA8B,CAAC;KACtE;CACF;AAED,wBAAgB,gCAAgC,IAAI,IAAI,CAOvD"}

package/dist/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.js

@@ -5,10 +5,10 @@ import { renderChartLegend } from "../../../element/chart-legend-render.js";
 import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { parseJsonAttr, getGiniImpurityEntropyDimensions } from "../../../utils/chart-helpers.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { normalizeGiniImpurityEntropyData } from "../lib/normalize.js";
+import { formatImpurityValue, formatProbability } from "../lib/format.js";
 import { renderGiniImpurityEntropyChart } from "../render/draw.js";
 import { giniImpurityEntropyChartStyles } from "./styles.js";
-import { normalizeGiniImpurityEntropyData } from "../lib/normalize.js";
-import { formatProbability, formatImpurityValue } from "../lib/format.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -29,7 +29,6 @@ let Ui9000GiniImpurityEntropyChart = class extends Ui9000ChartElement {
     this.showPHat = false;
     this.showCI = false;
     this.showSplit = false;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -95,37 +94,18 @@ let Ui9000GiniImpurityEntropyChart = class extends Ui9000ChartElement {
       theme: readThemeFromElement(this),
       showGrid: this.showGrid,
       ...this.axisLabelHandlers(),
-      onHover: this.showTooltip ? ({ p, entries, activeSeriesId, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          p,
-          entries,
-          activeSeriesId
-        };
+      onHover: this.showTooltip ? ({ p, entries, event }) => {
+        this.openTooltip(event, {
+          title: `p = ${formatProbability(p)}`,
+          rows: entries.map((entry) => ({
+            label: entry.seriesName,
+            value: formatImpurityValue(entry.value)
+          }))
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
-  renderTooltip() {
-    if (!this._tooltip) return nothing;
-    const { x, y, p, entries, activeSeriesId } = this._tooltip;
-    return html`<div class="tooltip" part="tooltip" style="left:${x}px;top:${y}px">
-      <div class="name">p = ${formatProbability(p)}</div>
-      ${entries.map(
-      (entry) => html`<div
-          class="row ${entry.seriesId === activeSeriesId ? "active" : "dimmed"}"
-        >
-          <span class="dot" style="background:${entry.color}"></span>
-          <span>${entry.seriesName}</span>
-          <span class="value">${formatImpurityValue(entry.value)}</span>
-        </div>`
-    )}
-    </div>`;
-  }
   render() {
     const title = this.headerTitle();
     const model = this.parseModel();
@@ -136,7 +116,7 @@ let Ui9000GiniImpurityEntropyChart = 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.renderTooltip()} ${this.renderShellLabelTooltip()}
+          ${this.renderShellLabelTooltip()}
         </div>
       </div>
     `;
@@ -161,9 +141,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-split" })
 ], Ui9000GiniImpurityEntropyChart.prototype, "showSplit", 2);
-__decorateClass([
-  state()
-], Ui9000GiniImpurityEntropyChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000GiniImpurityEntropyChart.prototype, "_empty", 2);

package/dist/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-gini-impurity-entropy-chart.js","sources":["../../../../src/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport {\n  chartShellStyles,\n  Ui9000ChartElement,\n} from '../../../element/ui9000-chart-base.js';\nimport type { DataPoint } from '../../../types/index.js';\nimport {\n  getGiniImpurityEntropyDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatImpurityValue,\n  formatProbability,\n  normalizeGiniImpurityEntropyData,\n  type GiniImpurityEntropyChartData,\n  type GiniImpurityEntropyFusePayload,\n  type GiniImpurityEntropyModel,\n} from '../lib/index.js';\nimport {\n  renderGiniImpurityEntropyChart,\n  type GiniHoverEntry,\n} from '../render/draw.js';\nimport { giniImpurityEntropyChartStyles } from './styles.js';\n\ntype GiniPayload =\n  | DataPoint[]\n  | GiniImpurityEntropyChartData\n  | GiniImpurityEntropyFusePayload;\n\n@customElement('ui9000-gini-impurity-entropy-chart')\nexport class Ui9000GiniImpurityEntropyChart extends Ui9000ChartElement {\n  static override styles = [giniImpurityEntropyChartStyles, chartShellStyles];\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  /** Client `showPHat` — vertical guide at the observed class proportion. */\n  @property({ type: Boolean, attribute: 'show-p-hat' })\n  showPHat = false;\n\n  /** Client `showCI` — shaded confidence band around `pHat`. */\n  @property({ type: Boolean, attribute: 'show-ci' })\n  showCI = false;\n\n  /** Client `showSplit` — child markers plus their ΔGini. */\n  @property({ type: Boolean, attribute: 'show-split' })\n  showSplit = false;\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    p: number;\n    entries: GiniHoverEntry[];\n    activeSeriesId: string | null;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n  /** Tooltip state re-renders on every mousemove — never re-parse the payload. */\n  private _model?: { key: string; value: GiniImpurityEntropyModel };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseModel(): GiniImpurityEntropyModel {\n    const key = `${this.showPHat}|${this.showCI}|${this.showSplit}|${this.dataJson}`;\n    if (this._model?.key === key) return this._model.value;\n\n    const raw = parseJsonAttr<GiniPayload | null>(this.dataJson, null);\n    const value = normalizeGiniImpurityEntropyData(raw, {\n      // Only pass a flag on when set, so the widget `meta` stays in charge.\n      showPHat: this.showPHat || undefined,\n      showCI: this.showCI || undefined,\n      showSplit: this.showSplit || undefined,\n    });\n    this._model = { key, value };\n    return value;\n  }\n\n  private renderLegend(model: GiniImpurityEntropyModel) {\n    if (!this.showLegend || !model.series.length) return nothing;\n    return renderChartLegend(\n      model.series.map((s) => ({\n        label: s.name,\n        swatch: s.dash\n          ? { kind: 'dashed-line' as const, color: s.color }\n          : { kind: 'line' as const, color: s.color },\n      })),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector(\n      '.chart-root',\n    ) as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseModel();\n    this._empty = model.series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const { width, height, margin } = getGiniImpurityEntropyDimensions(root);\n\n    renderGiniImpurityEntropyChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme: readThemeFromElement(this),\n      showGrid: this.showGrid,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ p, entries, activeSeriesId, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              p,\n              entries,\n              activeSeriesId,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  private renderTooltip() {\n    if (!this._tooltip) return nothing;\n    const { x, y, p, entries, activeSeriesId } = this._tooltip;\n    return html`<div class=\"tooltip\" part=\"tooltip\" style=\"left:${x}px;top:${y}px\">\n      <div class=\"name\">p = ${formatProbability(p)}</div>\n      ${entries.map(\n        (entry) => html`<div\n          class=\"row ${entry.seriesId === activeSeriesId ? 'active' : 'dimmed'}\"\n        >\n          <span class=\"dot\" style=\"background:${entry.color}\"></span>\n          <span>${entry.seriesName}</span>\n          <span class=\"value\">${formatImpurityValue(entry.value)}</span>\n        </div>`,\n      )}\n    </div>`;\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this.parseModel();\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.renderTooltip()} ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-gini-impurity-entropy-chart': Ui9000GiniImpurityEntropyChart;\n  }\n}\n\nexport function registerGiniImpurityEntropyChart(): void {\n  if (!customElements.get('ui9000-gini-impurity-entropy-chart')) {\n    customElements.define(\n      'ui9000-gini-impurity-entropy-chart',\n      Ui9000GiniImpurityEntropyChart,\n    );\n  }\n}\n\nregisterGiniImpurityEntropyChart();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-gini-impurity-entropy-chart.js","sources":["../../../../src/components/gini-impurity-entropy-chart/element/ui9000-gini-impurity-entropy-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport {\n  chartShellStyles,\n  Ui9000ChartElement,\n} from '../../../element/ui9000-chart-base.js';\nimport type { DataPoint } from '../../../types/index.js';\nimport {\n  getGiniImpurityEntropyDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatImpurityValue,\n  formatProbability,\n  normalizeGiniImpurityEntropyData,\n  type GiniImpurityEntropyChartData,\n  type GiniImpurityEntropyFusePayload,\n  type GiniImpurityEntropyModel,\n} from '../lib/index.js';\nimport { renderGiniImpurityEntropyChart } from '../render/draw.js';\nimport { giniImpurityEntropyChartStyles } from './styles.js';\n\ntype GiniPayload =\n  | DataPoint[]\n  | GiniImpurityEntropyChartData\n  | GiniImpurityEntropyFusePayload;\n\n@customElement('ui9000-gini-impurity-entropy-chart')\nexport class Ui9000GiniImpurityEntropyChart extends Ui9000ChartElement {\n  static override styles = [giniImpurityEntropyChartStyles, chartShellStyles];\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  /** Client `showPHat` — vertical guide at the observed class proportion. */\n  @property({ type: Boolean, attribute: 'show-p-hat' })\n  showPHat = false;\n\n  /** Client `showCI` — shaded confidence band around `pHat`. */\n  @property({ type: Boolean, attribute: 'show-ci' })\n  showCI = false;\n\n  /** Client `showSplit` — child markers plus their ΔGini. */\n  @property({ type: Boolean, attribute: 'show-split' })\n  showSplit = false;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n  /** Tooltip state re-renders on every mousemove — never re-parse the payload. */\n  private _model?: { key: string; value: GiniImpurityEntropyModel };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseModel(): GiniImpurityEntropyModel {\n    const key = `${this.showPHat}|${this.showCI}|${this.showSplit}|${this.dataJson}`;\n    if (this._model?.key === key) return this._model.value;\n\n    const raw = parseJsonAttr<GiniPayload | null>(this.dataJson, null);\n    const value = normalizeGiniImpurityEntropyData(raw, {\n      // Only pass a flag on when set, so the widget `meta` stays in charge.\n      showPHat: this.showPHat || undefined,\n      showCI: this.showCI || undefined,\n      showSplit: this.showSplit || undefined,\n    });\n    this._model = { key, value };\n    return value;\n  }\n\n  private renderLegend(model: GiniImpurityEntropyModel) {\n    if (!this.showLegend || !model.series.length) return nothing;\n    return renderChartLegend(\n      model.series.map((s) => ({\n        label: s.name,\n        swatch: s.dash\n          ? { kind: 'dashed-line' as const, color: s.color }\n          : { kind: 'line' as const, color: s.color },\n      })),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector(\n      '.chart-root',\n    ) as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseModel();\n    this._empty = model.series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const { width, height, margin } = getGiniImpurityEntropyDimensions(root);\n\n    renderGiniImpurityEntropyChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme: readThemeFromElement(this),\n      showGrid: this.showGrid,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ p, entries, event }) => {\n            this.openTooltip(event, {\n              title: `p = ${formatProbability(p)}`,\n              rows: entries.map((entry) => ({\n                label: entry.seriesName,\n                value: formatImpurityValue(entry.value),\n              })),\n            });\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this.parseModel();\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-gini-impurity-entropy-chart': Ui9000GiniImpurityEntropyChart;\n  }\n}\n\nexport function registerGiniImpurityEntropyChart(): void {\n  if (!customElements.get('ui9000-gini-impurity-entropy-chart')) {\n    customElements.define(\n      'ui9000-gini-impurity-entropy-chart',\n      Ui9000GiniImpurityEntropyChart,\n    );\n  }\n}\n\nregisterGiniImpurityEntropyChart();\n"],"names":[],"mappings":"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"}

package/dist/components/gini-impurity-entropy-chart/index.js

@@ -1,13 +1,13 @@
 import { registerGiniImpurityEntropyChart } from "./element/ui9000-gini-impurity-entropy-chart.js";
 import { Ui9000GiniImpurityEntropyChart } from "./element/ui9000-gini-impurity-entropy-chart.js";
-import { default as default2 } from "./metadata.json.js";
+import { renderGiniImpurityEntropyChart } from "./render/draw.js";
 import { DEFAULT_SERIES_KEYS, DEFAULT_SERIES_STYLE, DEFAULT_Y_LABEL, SERIES_LABELS } from "./lib/types.js";
-import { collectPExtent, collectValueExtent } from "./lib/domain.js";
+import { normalizeGiniImpurityEntropyData } from "./lib/normalize.js";
 import { extractSeriesFromData, nearestPoint } from "./lib/series.js";
-import { formatImpurityTick, formatImpurityValue, formatProbability } from "./lib/format.js";
+import { collectPExtent, collectValueExtent } from "./lib/domain.js";
 import { giniImpurity, resolveOverlays, splitAnnotation } from "./lib/overlays.js";
-import { normalizeGiniImpurityEntropyData } from "./lib/normalize.js";
-import { renderGiniImpurityEntropyChart } from "./render/draw.js";
+import { formatImpurityTick, formatImpurityValue, formatProbability } from "./lib/format.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   DEFAULT_SERIES_KEYS,
   DEFAULT_SERIES_STYLE,

package/dist/components/gini-impurity-entropy-chart/render/draw.js

@@ -4,10 +4,10 @@ import { select, pointer } from "d3-selection";
 import { line, curveCatmullRom } from "d3-shape";
 import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
 import { FD, calculateNumTicks } from "../../../utils/fusedash-visual.js";
+import { nearestPoint } from "../lib/series.js";
 import { collectPExtent, collectValueExtent } from "../lib/domain.js";
 import { splitAnnotation } from "../lib/overlays.js";
 import { formatProbability, formatImpurityTick } from "../lib/format.js";
-import { nearestPoint } from "../lib/series.js";
 function renderGiniImpurityEntropyChart(container, options) {
   const {
     model,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-histogram-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/element/ui9000-histogram-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAa3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,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;IAKjB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,IAAI;IAwCH,MAAM;CA8BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}
+{"version":3,"file":"ui9000-histogram-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/element/ui9000-histogram-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAa3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,IAAI;IAuCH,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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

@@ -6,10 +6,10 @@ import { readThemeFromElement } from "../../../context/widget-context.js";
 import { parseJsonAttr, getHistogramDimensions } from "../../../utils/chart-helpers.js";
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
-import { renderHistogramChart } from "../render/draw.js";
-import { histogramStyles } from "./styles.js";
 import { normalizeHistogramData } from "../lib/normalize.js";
 import { formatBinRange } from "../lib/format.js";
+import { renderHistogramChart } from "../render/draw.js";
+import { histogramStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -30,7 +30,6 @@ let Ui9000HistogramChart = class extends Ui9000ChartElement {
     this.showTooltip = true;
     this.xLabel = "";
     this.yLabel = "";
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -84,18 +83,15 @@ let Ui9000HistogramChart = class extends Ui9000ChartElement {
       yLabel: this.yLabel || void 0,
       ...this.axisLabelHandlers(),
       onStackHover: this.showTooltip ? ({ x0, x1, stack, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          group: stack.group,
-          range: formatBinRange(x0, x1),
-          count: stack.count
-        };
+        this.openTooltip(event, {
+          title: stack.group,
+          rows: [
+            { label: "Count", value: String(stack.count) },
+            { label: "Range", value: formatBinRange(x0, x1) }
+          ]
+        });
       } : void 0,
-      onStackLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onStackLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -108,15 +104,6 @@ let Ui9000HistogramChart = 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.group}</div>
-                <div>Count: ${this._tooltip.count}</div>
-                <div>Range: ${this._tooltip.range}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -142,9 +129,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "y-label" })
 ], Ui9000HistogramChart.prototype, "yLabel", 2);
-__decorateClass([
-  state()
-], Ui9000HistogramChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000HistogramChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-histogram-chart.js","sources":["../../../../src/components/histogram-chart/element/ui9000-histogram-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 { getHistogramDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatBinRange,\n  normalizeHistogramData,\n  type HistogramChartData,\n  type HistogramModel,\n} from '../lib/index.js';\nimport { renderHistogramChart } from '../render/draw.js';\nimport { histogramStyles } from './styles.js';\n\n@customElement('ui9000-histogram-chart')\nexport class Ui9000HistogramChart extends Ui9000ChartElement {\n  static override styles = [histogramStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    group: string;\n    range: string;\n    count: 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(): HistogramModel {\n    const raw = parseJsonAttr<HistogramChartData>(this.dataJson, []);\n    return normalizeHistogramData(raw);\n  }\n\n  private renderLegend(model: HistogramModel) {\n    if (!this.showLegend || model.groups.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(swatchLegendEntries(model.groups, 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.bins.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getHistogramDimensions(root);\n\n    renderHistogramChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onStackHover: this.showTooltip\n        ? ({ x0, x1, stack, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              group: stack.group,\n              range: formatBinRange(x0, x1),\n              count: stack.count,\n            };\n          }\n        : undefined,\n      onStackLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty\n      ? { bins: [], groups: [], xMin: 0, xMax: 0 }\n      : this.parseData();\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.group}</div>\n                <div>Count: ${this._tooltip.count}</div>\n                <div>Range: ${this._tooltip.range}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-histogram-chart': Ui9000HistogramChart;\n  }\n}\n\nexport function registerHistogramChart(): void {\n  if (!customElements.get('ui9000-histogram-chart')) {\n    customElements.define('ui9000-histogram-chart', Ui9000HistogramChart);\n  }\n}\n\nregisterHistogramChart();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-histogram-chart.js","sources":["../../../../src/components/histogram-chart/element/ui9000-histogram-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 { getHistogramDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatBinRange,\n  normalizeHistogramData,\n  type HistogramChartData,\n  type HistogramModel,\n} from '../lib/index.js';\nimport { renderHistogramChart } from '../render/draw.js';\nimport { histogramStyles } from './styles.js';\n\n@customElement('ui9000-histogram-chart')\nexport class Ui9000HistogramChart extends Ui9000ChartElement {\n  static override styles = [histogramStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _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(): HistogramModel {\n    const raw = parseJsonAttr<HistogramChartData>(this.dataJson, []);\n    return normalizeHistogramData(raw);\n  }\n\n  private renderLegend(model: HistogramModel) {\n    if (!this.showLegend || model.groups.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(swatchLegendEntries(model.groups, 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.bins.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getHistogramDimensions(root);\n\n    renderHistogramChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onStackHover: this.showTooltip\n        ? ({ x0, x1, stack, event }) => {\n            this.openTooltip(event, {\n              title: stack.group,\n              rows: [\n                { label: 'Count', value: String(stack.count) },\n                { label: 'Range', value: formatBinRange(x0, x1) },\n              ],\n            });\n          }\n        : undefined,\n      onStackLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty\n      ? { bins: [], groups: [], xMin: 0, xMax: 0 }\n      : this.parseData();\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-histogram-chart': Ui9000HistogramChart;\n  }\n}\n\nexport function registerHistogramChart(): void {\n  if (!customElements.get('ui9000-histogram-chart')) {\n    customElements.define('ui9000-histogram-chart', Ui9000HistogramChart);\n  }\n}\n\nregisterHistogramChart();\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { registerHistogramChart } from "./element/ui9000-histogram-chart.js";
 import { Ui9000HistogramChart } from "./element/ui9000-histogram-chart.js";
 import { renderHistogramChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
+import { normalizeHistogramData } from "./lib/normalize.js";
 import { collectBinKeys, collectYMax } from "./lib/domain.js";
 import { formatBinRange, formatCompact } from "./lib/format.js";
-import { normalizeHistogramData } from "./lib/normalize.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000HistogramChart,
   collectBinKeys,

package/dist/components/histogram-chart/lib/normalize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/lib/normalize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,kBAAkB,EAIlB,cAAc,EAEf,MAAM,YAAY,CAAC;AA0QpB,2EAA2E;AAC3E,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAC3C,cAAc,CA6BhB"}
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/lib/normalize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,kBAAkB,EAIlB,cAAc,EAEf,MAAM,YAAY,CAAC;AAwQpB,2EAA2E;AAC3E,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAC3C,cAAc,CA6BhB"}

package/dist/components/histogram-chart/lib/normalize.js

@@ -168,9 +168,7 @@ function fromNestedWidget(input) {
   const results = first.histogramResults;
   if (!Array.isArray(results)) return null;
   const uniqueValues = input.uniqueValues ?? {};
-  const uniqueKeys = Object.keys(uniqueValues);
-  const groupByRaw = Array.isArray(input.groupBy) ? String(input.groupBy[0] ?? "") : typeof input.groupBy === "string" ? input.groupBy : "";
-  const groupBy = groupByRaw || uniqueKeys[0] || "";
+  const groupBy = Array.isArray(input.groupBy) ? String(input.groupBy[0] ?? "") : typeof input.groupBy === "string" ? input.groupBy : "";
   const groups = groupBy && Array.isArray(uniqueValues[groupBy]) ? uniqueValues[groupBy] : void 0;
   const model = fromFusePayload({
     xMin: Number(first.min ?? input.xMin ?? 0),

package/dist/components/histogram-chart/lib/normalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.js","sources":["../../../../src/components/histogram-chart/lib/normalize.ts"],"sourcesContent":["import { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport type {\n  HistogramBin,\n  HistogramBinInput,\n  HistogramBinsPayload,\n  HistogramChartData,\n  HistogramFusePayload,\n  HistogramFuseRow,\n  HistogramLabelValue,\n  HistogramModel,\n  HistogramStack,\n} from './types.js';\n\nfunction isLabelValueArray(input: unknown): input is HistogramLabelValue[] {\n  if (!Array.isArray(input) || input.length === 0) return false;\n  const first = input[0] as Record<string, unknown>;\n  return (\n    first != null &&\n    typeof first === 'object' &&\n    'label' in first &&\n    'value' in first\n  );\n}\n\nfunction isBinsPayload(input: unknown): input is HistogramBinsPayload {\n  return (\n    input != null &&\n    typeof input === 'object' &&\n    Array.isArray((input as HistogramBinsPayload).bins)\n  );\n}\n\nfunction isFusePayload(input: unknown): input is HistogramFusePayload {\n  return (\n    input != null &&\n    typeof input === 'object' &&\n    Array.isArray((input as HistogramFusePayload).data) &&\n    'xMin' in (input as object) &&\n    'xMax' in (input as object)\n  );\n}\n\nfunction stackWithOffsets(\n  items: Array<{ group: string; count: number; color?: string }>,\n): HistogramStack[] {\n  let cursor = 0;\n  return items.map((item) => {\n    const count = Number(item.count) || 0;\n    const start = cursor;\n    const end = start + count;\n    cursor = end;\n    return {\n      group: item.group,\n      count,\n      color: item.color,\n      start,\n      end,\n    };\n  });\n}\n\nfunction resolveGroup(row: HistogramFuseRow, groupsHint?: string[]): string {\n  if (row.group != null && String(row.group) !== '') return String(row.group);\n  if (typeof row._id === 'string' && row._id !== '') return row._id;\n  if (row._id && typeof row._id === 'object') {\n    const keys = Object.keys(row._id);\n    if (groupsHint?.length) {\n      for (const g of groupsHint) {\n        if (g in row._id) return String(row._id[g] ?? '');\n      }\n    }\n    if (keys.length === 1) return String(row._id[keys[0]] ?? '');\n    // Prefer non-bucketIndex keys\n    for (const k of keys) {\n      if (k !== 'bucketIndex') return String(row._id[k] ?? '');\n    }\n  }\n  return 'default';\n}\n\nfunction fromLabelValue(rows: HistogramLabelValue[]): HistogramModel {\n  const bins: HistogramBin[] = rows\n    .map((row, index) => {\n      const count = Number(row.value);\n      if (!Number.isFinite(count)) return null;\n      const stacks = stackWithOffsets([\n        { group: 'Series', count, color: row.color },\n      ]);\n      return {\n        index,\n        x0: index,\n        x1: index + 1,\n        stacks,\n      };\n    })\n    .filter((b): b is HistogramBin => b != null);\n\n  return {\n    bins,\n    groups: bins.length ? ['Series'] : [],\n    xMin: 0,\n    xMax: Math.max(bins.length, 1),\n  };\n}\n\nfunction fromBinsPayload(payload: HistogramBinsPayload): HistogramModel {\n  const groupOrder: string[] = [];\n  const seen = new Set<string>();\n\n  const bins: HistogramBin[] = (payload.bins ?? []).map(\n    (bin: HistogramBinInput, index: number) => {\n      const rawStacks = (bin.stacks ?? [])\n        .map((s) => ({\n          group: String(s.group ?? 'default'),\n          count: Number(s.count) || 0,\n          color: s.color,\n        }))\n        .filter((s) => Number.isFinite(s.count));\n\n      for (const s of rawStacks) {\n        if (!seen.has(s.group)) {\n          seen.add(s.group);\n          groupOrder.push(s.group);\n        }\n      }\n\n      return {\n        index,\n        x0: Number(bin.x0),\n        x1: Number(bin.x1),\n        stacks: stackWithOffsets(rawStacks),\n      };\n    },\n  );\n\n  const finiteX0 = bins.map((b) => b.x0).filter(Number.isFinite);\n  const finiteX1 = bins.map((b) => b.x1).filter(Number.isFinite);\n  const xMin =\n    payload.xMin != null && Number.isFinite(payload.xMin)\n      ? Number(payload.xMin)\n      : finiteX0.length\n        ? Math.min(...finiteX0)\n        : 0;\n  const xMax =\n    payload.xMax != null && Number.isFinite(payload.xMax)\n      ? Number(payload.xMax)\n      : finiteX1.length\n        ? Math.max(...finiteX1)\n        : 1;\n\n  return { bins, groups: groupOrder, xMin, xMax };\n}\n\nfunction fromFusePayload(payload: HistogramFusePayload): HistogramModel {\n  const xMin = Number(payload.xMin);\n  const xMax = Number(payload.xMax);\n  const rows = payload.data ?? [];\n  if (!rows.length || !Number.isFinite(xMin) || !Number.isFinite(xMax)) {\n    return { bins: [], groups: [], xMin: 0, xMax: 1 };\n  }\n\n  const bucketMap = new Map<number, HistogramFuseRow[]>();\n  let maxBucket = -1;\n  for (const row of rows) {\n    const bi = Number(row.bucketIndex);\n    if (!Number.isFinite(bi)) continue;\n    maxBucket = Math.max(maxBucket, bi);\n    const list = bucketMap.get(bi) ?? [];\n    list.push(row);\n    bucketMap.set(bi, list);\n  }\n\n  const binsCount = maxBucket + 1;\n  if (binsCount <= 0) {\n    return { bins: [], groups: payload.groups ?? [], xMin, xMax };\n  }\n\n  const binWidth = (xMax - xMin) / binsCount;\n\n  // Discover group order\n  const groupOrder: string[] = [];\n  const seen = new Set<string>();\n  if (payload.groups?.length) {\n    for (const g of payload.groups) {\n      if (!seen.has(g)) {\n        seen.add(g);\n        groupOrder.push(g);\n      }\n    }\n  }\n  for (const row of rows) {\n    const g = resolveGroup(row, payload.groups);\n    if (!seen.has(g)) {\n      seen.add(g);\n      groupOrder.push(g);\n    }\n  }\n\n  const bins: HistogramBin[] = [];\n  for (let i = 0; i < binsCount; i++) {\n    const bucketRows = bucketMap.get(i) ?? [];\n    const byGroup = new Map<string, HistogramFuseRow>();\n    for (const row of bucketRows) {\n      byGroup.set(resolveGroup(row, payload.groups), row);\n    }\n\n    const ordered: Array<{ group: string; count: number; color?: string }> = [];\n    for (const g of groupOrder) {\n      const row = byGroup.get(g);\n      if (!row) continue;\n      ordered.push({\n        group: g,\n        count: Number(row.count) || 0,\n        color: row.color,\n      });\n    }\n\n    bins.push({\n      index: i,\n      x0: xMin + i * binWidth,\n      x1: xMin + (i + 1) * binWidth,\n      stacks: stackWithOffsets(ordered),\n    });\n  }\n\n  return { bins, groups: groupOrder, xMin, xMax };\n}\n\n/** Peel nested FuseDash widget `{ data: [{ min, max, histogramResults }] }`. */\nfunction fromNestedWidget(input: Record<string, unknown>): HistogramModel | null {\n  const rows = input.data;\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n  const first = rows[0] as Record<string, unknown> | null;\n  if (!first || typeof first !== 'object') return null;\n  const results = first.histogramResults;\n  if (!Array.isArray(results)) return null;\n\n  const uniqueValues = (input.uniqueValues ?? {}) as Record<string, string[]>;\n  const uniqueKeys = Object.keys(uniqueValues);\n  const groupByRaw = Array.isArray(input.groupBy)\n    ? String(input.groupBy[0] ?? '')\n    : typeof input.groupBy === 'string'\n      ? input.groupBy\n      : '';\n  // Client: groupBy?.[0] || uniqueValueKeys[0]\n  const groupBy = groupByRaw || uniqueKeys[0] || '';\n  const groups =\n    groupBy && Array.isArray(uniqueValues[groupBy])\n      ? uniqueValues[groupBy]\n      : undefined;\n\n  const model = fromFusePayload({\n    xMin: Number(first.min ?? input.xMin ?? 0),\n    xMax: Number(first.max ?? input.xMax ?? 1),\n    data: results as HistogramFuseRow[],\n    groups,\n  });\n\n  // Apply FuseDash formatting → Qualitative palette hex per stack group\n  const formatting = Array.isArray(input.formatting)\n    ? (input.formatting as Array<{ key?: string; color?: string | number }>)\n    : undefined;\n  if (formatting?.length && model.groups.length) {\n    for (const bin of model.bins) {\n      for (const stack of bin.stacks) {\n        stack.color = resolveFormattingColor(\n          formatting,\n          stack.group,\n          model.groups.length,\n        );\n      }\n    }\n  }\n\n  return model;\n}\n\n/** Normalize chat / FuseDash-ish payloads into stacked histogram model. */\nexport function normalizeHistogramData(\n  input: HistogramChartData | null | undefined,\n): HistogramModel {\n  if (!input) {\n    return { bins: [], groups: [], xMin: 0, xMax: 1 };\n  }\n\n  if (Array.isArray(input)) {\n    if (input.length === 0) {\n      return { bins: [], groups: [], xMin: 0, xMax: 1 };\n    }\n    if (isLabelValueArray(input)) {\n      return fromLabelValue(input);\n    }\n    return { bins: [], groups: [], xMin: 0, xMax: 1 };\n  }\n\n  if (isBinsPayload(input)) {\n    return fromBinsPayload(input);\n  }\n\n  if (isFusePayload(input)) {\n    return fromFusePayload(input);\n  }\n\n  if (typeof input === 'object') {\n    const nested = fromNestedWidget(input as Record<string, unknown>);\n    if (nested && nested.bins.length) return nested;\n  }\n\n  return { bins: [], groups: [], xMin: 0, xMax: 1 };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/histogram-chart/lib/normalize.ts"],"sourcesContent":["import { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport type {\n  HistogramBin,\n  HistogramBinInput,\n  HistogramBinsPayload,\n  HistogramChartData,\n  HistogramFusePayload,\n  HistogramFuseRow,\n  HistogramLabelValue,\n  HistogramModel,\n  HistogramStack,\n} from './types.js';\n\nfunction isLabelValueArray(input: unknown): input is HistogramLabelValue[] {\n  if (!Array.isArray(input) || input.length === 0) return false;\n  const first = input[0] as Record<string, unknown>;\n  return (\n    first != null &&\n    typeof first === 'object' &&\n    'label' in first &&\n    'value' in first\n  );\n}\n\nfunction isBinsPayload(input: unknown): input is HistogramBinsPayload {\n  return (\n    input != null &&\n    typeof input === 'object' &&\n    Array.isArray((input as HistogramBinsPayload).bins)\n  );\n}\n\nfunction isFusePayload(input: unknown): input is HistogramFusePayload {\n  return (\n    input != null &&\n    typeof input === 'object' &&\n    Array.isArray((input as HistogramFusePayload).data) &&\n    'xMin' in (input as object) &&\n    'xMax' in (input as object)\n  );\n}\n\nfunction stackWithOffsets(\n  items: Array<{ group: string; count: number; color?: string }>,\n): HistogramStack[] {\n  let cursor = 0;\n  return items.map((item) => {\n    const count = Number(item.count) || 0;\n    const start = cursor;\n    const end = start + count;\n    cursor = end;\n    return {\n      group: item.group,\n      count,\n      color: item.color,\n      start,\n      end,\n    };\n  });\n}\n\nfunction resolveGroup(row: HistogramFuseRow, groupsHint?: string[]): string {\n  if (row.group != null && String(row.group) !== '') return String(row.group);\n  if (typeof row._id === 'string' && row._id !== '') return row._id;\n  if (row._id && typeof row._id === 'object') {\n    const keys = Object.keys(row._id);\n    if (groupsHint?.length) {\n      for (const g of groupsHint) {\n        if (g in row._id) return String(row._id[g] ?? '');\n      }\n    }\n    if (keys.length === 1) return String(row._id[keys[0]] ?? '');\n    // Prefer non-bucketIndex keys\n    for (const k of keys) {\n      if (k !== 'bucketIndex') return String(row._id[k] ?? '');\n    }\n  }\n  return 'default';\n}\n\nfunction fromLabelValue(rows: HistogramLabelValue[]): HistogramModel {\n  const bins: HistogramBin[] = rows\n    .map((row, index) => {\n      const count = Number(row.value);\n      if (!Number.isFinite(count)) return null;\n      const stacks = stackWithOffsets([\n        { group: 'Series', count, color: row.color },\n      ]);\n      return {\n        index,\n        x0: index,\n        x1: index + 1,\n        stacks,\n      };\n    })\n    .filter((b): b is HistogramBin => b != null);\n\n  return {\n    bins,\n    groups: bins.length ? ['Series'] : [],\n    xMin: 0,\n    xMax: Math.max(bins.length, 1),\n  };\n}\n\nfunction fromBinsPayload(payload: HistogramBinsPayload): HistogramModel {\n  const groupOrder: string[] = [];\n  const seen = new Set<string>();\n\n  const bins: HistogramBin[] = (payload.bins ?? []).map(\n    (bin: HistogramBinInput, index: number) => {\n      const rawStacks = (bin.stacks ?? [])\n        .map((s) => ({\n          group: String(s.group ?? 'default'),\n          count: Number(s.count) || 0,\n          color: s.color,\n        }))\n        .filter((s) => Number.isFinite(s.count));\n\n      for (const s of rawStacks) {\n        if (!seen.has(s.group)) {\n          seen.add(s.group);\n          groupOrder.push(s.group);\n        }\n      }\n\n      return {\n        index,\n        x0: Number(bin.x0),\n        x1: Number(bin.x1),\n        stacks: stackWithOffsets(rawStacks),\n      };\n    },\n  );\n\n  const finiteX0 = bins.map((b) => b.x0).filter(Number.isFinite);\n  const finiteX1 = bins.map((b) => b.x1).filter(Number.isFinite);\n  const xMin =\n    payload.xMin != null && Number.isFinite(payload.xMin)\n      ? Number(payload.xMin)\n      : finiteX0.length\n        ? Math.min(...finiteX0)\n        : 0;\n  const xMax =\n    payload.xMax != null && Number.isFinite(payload.xMax)\n      ? Number(payload.xMax)\n      : finiteX1.length\n        ? Math.max(...finiteX1)\n        : 1;\n\n  return { bins, groups: groupOrder, xMin, xMax };\n}\n\nfunction fromFusePayload(payload: HistogramFusePayload): HistogramModel {\n  const xMin = Number(payload.xMin);\n  const xMax = Number(payload.xMax);\n  const rows = payload.data ?? [];\n  if (!rows.length || !Number.isFinite(xMin) || !Number.isFinite(xMax)) {\n    return { bins: [], groups: [], xMin: 0, xMax: 1 };\n  }\n\n  const bucketMap = new Map<number, HistogramFuseRow[]>();\n  let maxBucket = -1;\n  for (const row of rows) {\n    const bi = Number(row.bucketIndex);\n    if (!Number.isFinite(bi)) continue;\n    maxBucket = Math.max(maxBucket, bi);\n    const list = bucketMap.get(bi) ?? [];\n    list.push(row);\n    bucketMap.set(bi, list);\n  }\n\n  const binsCount = maxBucket + 1;\n  if (binsCount <= 0) {\n    return { bins: [], groups: payload.groups ?? [], xMin, xMax };\n  }\n\n  const binWidth = (xMax - xMin) / binsCount;\n\n  // Discover group order\n  const groupOrder: string[] = [];\n  const seen = new Set<string>();\n  if (payload.groups?.length) {\n    for (const g of payload.groups) {\n      if (!seen.has(g)) {\n        seen.add(g);\n        groupOrder.push(g);\n      }\n    }\n  }\n  for (const row of rows) {\n    const g = resolveGroup(row, payload.groups);\n    if (!seen.has(g)) {\n      seen.add(g);\n      groupOrder.push(g);\n    }\n  }\n\n  const bins: HistogramBin[] = [];\n  for (let i = 0; i < binsCount; i++) {\n    const bucketRows = bucketMap.get(i) ?? [];\n    const byGroup = new Map<string, HistogramFuseRow>();\n    for (const row of bucketRows) {\n      byGroup.set(resolveGroup(row, payload.groups), row);\n    }\n\n    const ordered: Array<{ group: string; count: number; color?: string }> = [];\n    for (const g of groupOrder) {\n      const row = byGroup.get(g);\n      if (!row) continue;\n      ordered.push({\n        group: g,\n        count: Number(row.count) || 0,\n        color: row.color,\n      });\n    }\n\n    bins.push({\n      index: i,\n      x0: xMin + i * binWidth,\n      x1: xMin + (i + 1) * binWidth,\n      stacks: stackWithOffsets(ordered),\n    });\n  }\n\n  return { bins, groups: groupOrder, xMin, xMax };\n}\n\n/** Peel nested FuseDash widget `{ data: [{ min, max, histogramResults }] }`. */\nfunction fromNestedWidget(input: Record<string, unknown>): HistogramModel | null {\n  const rows = input.data;\n  if (!Array.isArray(rows) || rows.length === 0) return null;\n  const first = rows[0] as Record<string, unknown> | null;\n  if (!first || typeof first !== 'object') return null;\n  const results = first.histogramResults;\n  if (!Array.isArray(results)) return null;\n\n  const uniqueValues = (input.uniqueValues ?? {}) as Record<string, string[]>;\n  const groupBy = Array.isArray(input.groupBy)\n    ? String(input.groupBy[0] ?? '')\n    : typeof input.groupBy === 'string'\n      ? input.groupBy\n      : '';\n  // Empty groupBy is one series. uniqueValues then lists bucket labels, not stacks.\n  const groups =\n    groupBy && Array.isArray(uniqueValues[groupBy])\n      ? uniqueValues[groupBy]\n      : undefined;\n\n  const model = fromFusePayload({\n    xMin: Number(first.min ?? input.xMin ?? 0),\n    xMax: Number(first.max ?? input.xMax ?? 1),\n    data: results as HistogramFuseRow[],\n    groups,\n  });\n\n  // Apply FuseDash formatting → Qualitative palette hex per stack group\n  const formatting = Array.isArray(input.formatting)\n    ? (input.formatting as Array<{ key?: string; color?: string | number }>)\n    : undefined;\n  if (formatting?.length && model.groups.length) {\n    for (const bin of model.bins) {\n      for (const stack of bin.stacks) {\n        stack.color = resolveFormattingColor(\n          formatting,\n          stack.group,\n          model.groups.length,\n        );\n      }\n    }\n  }\n\n  return model;\n}\n\n/** Normalize chat / FuseDash-ish payloads into stacked histogram model. */\nexport function normalizeHistogramData(\n  input: HistogramChartData | null | undefined,\n): HistogramModel {\n  if (!input) {\n    return { bins: [], groups: [], xMin: 0, xMax: 1 };\n  }\n\n  if (Array.isArray(input)) {\n    if (input.length === 0) {\n      return { bins: [], groups: [], xMin: 0, xMax: 1 };\n    }\n    if (isLabelValueArray(input)) {\n      return fromLabelValue(input);\n    }\n    return { bins: [], groups: [], xMin: 0, xMax: 1 };\n  }\n\n  if (isBinsPayload(input)) {\n    return fromBinsPayload(input);\n  }\n\n  if (isFusePayload(input)) {\n    return fromFusePayload(input);\n  }\n\n  if (typeof input === 'object') {\n    const nested = fromNestedWidget(input as Record<string, unknown>);\n    if (nested && nested.bins.length) return nested;\n  }\n\n  return { bins: [], groups: [], xMin: 0, xMax: 1 };\n}\n"],"names":[],"mappings":";AAaA,SAAS,kBAAkB,OAAgD;AACzE,MAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,EAAG,QAAO;AACxD,QAAM,QAAQ,MAAM,CAAC;AACrB,SACE,SAAS,QACT,OAAO,UAAU,YACjB,WAAW,SACX,WAAW;AAEf;AAEA,SAAS,cAAc,OAA+C;AACpE,SACE,SAAS,QACT,OAAO,UAAU,YACjB,MAAM,QAAS,MAA+B,IAAI;AAEtD;AAEA,SAAS,cAAc,OAA+C;AACpE,SACE,SAAS,QACT,OAAO,UAAU,YACjB,MAAM,QAAS,MAA+B,IAAI,KAClD,UAAW,SACX,UAAW;AAEf;AAEA,SAAS,iBACP,OACkB;AAClB,MAAI,SAAS;AACb,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,UAAM,QAAQ,OAAO,KAAK,KAAK,KAAK;AACpC,UAAM,QAAQ;AACd,UAAM,MAAM,QAAQ;AACpB,aAAS;AACT,WAAO;AAAA,MACL,OAAO,KAAK;AAAA,MACZ;AAAA,MACA,OAAO,KAAK;AAAA,MACZ;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH;AAEA,SAAS,aAAa,KAAuB,YAA+B;AAC1E,MAAI,IAAI,SAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,GAAI,QAAO,OAAO,IAAI,KAAK;AAC1E,MAAI,OAAO,IAAI,QAAQ,YAAY,IAAI,QAAQ,WAAW,IAAI;AAC9D,MAAI,IAAI,OAAO,OAAO,IAAI,QAAQ,UAAU;AAC1C,UAAM,OAAO,OAAO,KAAK,IAAI,GAAG;AAChC,QAAI,yCAAY,QAAQ;AACtB,iBAAW,KAAK,YAAY;AAC1B,YAAI,KAAK,IAAI,IAAK,QAAO,OAAO,IAAI,IAAI,CAAC,KAAK,EAAE;AAAA,MAClD;AAAA,IACF;AACA,QAAI,KAAK,WAAW,EAAG,QAAO,OAAO,IAAI,IAAI,KAAK,CAAC,CAAC,KAAK,EAAE;AAE3D,eAAW,KAAK,MAAM;AACpB,UAAI,MAAM,cAAe,QAAO,OAAO,IAAI,IAAI,CAAC,KAAK,EAAE;AAAA,IACzD;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,eAAe,MAA6C;AACnE,QAAM,OAAuB,KAC1B,IAAI,CAAC,KAAK,UAAU;AACnB,UAAM,QAAQ,OAAO,IAAI,KAAK;AAC9B,QAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,UAAM,SAAS,iBAAiB;AAAA,MAC9B,EAAE,OAAO,UAAU,OAAO,OAAO,IAAI,MAAA;AAAA,IAAM,CAC5C;AACD,WAAO;AAAA,MACL;AAAA,MACA,IAAI;AAAA,MACJ,IAAI,QAAQ;AAAA,MACZ;AAAA,IAAA;AAAA,EAEJ,CAAC,EACA,OAAO,CAAC,MAAyB,KAAK,IAAI;AAE7C,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,KAAK,SAAS,CAAC,QAAQ,IAAI,CAAA;AAAA,IACnC,MAAM;AAAA,IACN,MAAM,KAAK,IAAI,KAAK,QAAQ,CAAC;AAAA,EAAA;AAEjC;AAEA,SAAS,gBAAgB,SAA+C;AACtE,QAAM,aAAuB,CAAA;AAC7B,QAAM,2BAAW,IAAA;AAEjB,QAAM,QAAwB,QAAQ,QAAQ,CAAA,GAAI;AAAA,IAChD,CAAC,KAAwB,UAAkB;AACzC,YAAM,aAAa,IAAI,UAAU,CAAA,GAC9B,IAAI,CAAC,OAAO;AAAA,QACX,OAAO,OAAO,EAAE,SAAS,SAAS;AAAA,QAClC,OAAO,OAAO,EAAE,KAAK,KAAK;AAAA,QAC1B,OAAO,EAAE;AAAA,MAAA,EACT,EACD,OAAO,CAAC,MAAM,OAAO,SAAS,EAAE,KAAK,CAAC;AAEzC,iBAAW,KAAK,WAAW;AACzB,YAAI,CAAC,KAAK,IAAI,EAAE,KAAK,GAAG;AACtB,eAAK,IAAI,EAAE,KAAK;AAChB,qBAAW,KAAK,EAAE,KAAK;AAAA,QACzB;AAAA,MACF;AAEA,aAAO;AAAA,QACL;AAAA,QACA,IAAI,OAAO,IAAI,EAAE;AAAA,QACjB,IAAI,OAAO,IAAI,EAAE;AAAA,QACjB,QAAQ,iBAAiB,SAAS;AAAA,MAAA;AAAA,IAEtC;AAAA,EAAA;AAGF,QAAM,WAAW,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,OAAO,QAAQ;AAC7D,QAAM,WAAW,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,OAAO,QAAQ;AAC7D,QAAM,OACJ,QAAQ,QAAQ,QAAQ,OAAO,SAAS,QAAQ,IAAI,IAChD,OAAO,QAAQ,IAAI,IACnB,SAAS,SACP,KAAK,IAAI,GAAG,QAAQ,IACpB;AACR,QAAM,OACJ,QAAQ,QAAQ,QAAQ,OAAO,SAAS,QAAQ,IAAI,IAChD,OAAO,QAAQ,IAAI,IACnB,SAAS,SACP,KAAK,IAAI,GAAG,QAAQ,IACpB;AAER,SAAO,EAAE,MAAM,QAAQ,YAAY,MAAM,KAAA;AAC3C;AAEA,SAAS,gBAAgB,SAA+C;;AACtE,QAAM,OAAO,OAAO,QAAQ,IAAI;AAChC,QAAM,OAAO,OAAO,QAAQ,IAAI;AAChC,QAAM,OAAO,QAAQ,QAAQ,CAAA;AAC7B,MAAI,CAAC,KAAK,UAAU,CAAC,OAAO,SAAS,IAAI,KAAK,CAAC,OAAO,SAAS,IAAI,GAAG;AACpE,WAAO,EAAE,MAAM,CAAA,GAAI,QAAQ,CAAA,GAAI,MAAM,GAAG,MAAM,EAAA;AAAA,EAChD;AAEA,QAAM,gCAAgB,IAAA;AACtB,MAAI,YAAY;AAChB,aAAW,OAAO,MAAM;AACtB,UAAM,KAAK,OAAO,IAAI,WAAW;AACjC,QAAI,CAAC,OAAO,SAAS,EAAE,EAAG;AAC1B,gBAAY,KAAK,IAAI,WAAW,EAAE;AAClC,UAAM,OAAO,UAAU,IAAI,EAAE,KAAK,CAAA;AAClC,SAAK,KAAK,GAAG;AACb,cAAU,IAAI,IAAI,IAAI;AAAA,EACxB;AAEA,QAAM,YAAY,YAAY;AAC9B,MAAI,aAAa,GAAG;AAClB,WAAO,EAAE,MAAM,CAAA,GAAI,QAAQ,QAAQ,UAAU,CAAA,GAAI,MAAM,KAAA;AAAA,EACzD;AAEA,QAAM,YAAY,OAAO,QAAQ;AAGjC,QAAM,aAAuB,CAAA;AAC7B,QAAM,2BAAW,IAAA;AACjB,OAAI,aAAQ,WAAR,mBAAgB,QAAQ;AAC1B,eAAW,KAAK,QAAQ,QAAQ;AAC9B,UAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAChB,aAAK,IAAI,CAAC;AACV,mBAAW,KAAK,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACA,aAAW,OAAO,MAAM;AACtB,UAAM,IAAI,aAAa,KAAK,QAAQ,MAAM;AAC1C,QAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAChB,WAAK,IAAI,CAAC;AACV,iBAAW,KAAK,CAAC;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,OAAuB,CAAA;AAC7B,WAAS,IAAI,GAAG,IAAI,WAAW,KAAK;AAClC,UAAM,aAAa,UAAU,IAAI,CAAC,KAAK,CAAA;AACvC,UAAM,8BAAc,IAAA;AACpB,eAAW,OAAO,YAAY;AAC5B,cAAQ,IAAI,aAAa,KAAK,QAAQ,MAAM,GAAG,GAAG;AAAA,IACpD;AAEA,UAAM,UAAmE,CAAA;AACzE,eAAW,KAAK,YAAY;AAC1B,YAAM,MAAM,QAAQ,IAAI,CAAC;AACzB,UAAI,CAAC,IAAK;AACV,cAAQ,KAAK;AAAA,QACX,OAAO;AAAA,QACP,OAAO,OAAO,IAAI,KAAK,KAAK;AAAA,QAC5B,OAAO,IAAI;AAAA,MAAA,CACZ;AAAA,IACH;AAEA,SAAK,KAAK;AAAA,MACR,OAAO;AAAA,MACP,IAAI,OAAO,IAAI;AAAA,MACf,IAAI,QAAQ,IAAI,KAAK;AAAA,MACrB,QAAQ,iBAAiB,OAAO;AAAA,IAAA,CACjC;AAAA,EACH;AAEA,SAAO,EAAE,MAAM,QAAQ,YAAY,MAAM,KAAA;AAC3C;AAGA,SAAS,iBAAiB,OAAuD;AAC/E,QAAM,OAAO,MAAM;AACnB,MAAI,CAAC,MAAM,QAAQ,IAAI,KAAK,KAAK,WAAW,EAAG,QAAO;AACtD,QAAM,QAAQ,KAAK,CAAC;AACpB,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,UAAU,MAAM;AACtB,MAAI,CAAC,MAAM,QAAQ,OAAO,EAAG,QAAO;AAEpC,QAAM,eAAgB,MAAM,gBAAgB,CAAA;AAC5C,QAAM,UAAU,MAAM,QAAQ,MAAM,OAAO,IACvC,OAAO,MAAM,QAAQ,CAAC,KAAK,EAAE,IAC7B,OAAO,MAAM,YAAY,WACvB,MAAM,UACN;AAEN,QAAM,SACJ,WAAW,MAAM,QAAQ,aAAa,OAAO,CAAC,IAC1C,aAAa,OAAO,IACpB;AAEN,QAAM,QAAQ,gBAAgB;AAAA,IAC5B,MAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,CAAC;AAAA,IACzC,MAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,CAAC;AAAA,IACzC,MAAM;AAAA,IACN;AAAA,EAAA,CACD;AAGD,QAAM,aAAa,MAAM,QAAQ,MAAM,UAAU,IAC5C,MAAM,aACP;AACJ,OAAI,yCAAY,WAAU,MAAM,OAAO,QAAQ;AAC7C,eAAW,OAAO,MAAM,MAAM;AAC5B,iBAAW,SAAS,IAAI,QAAQ;AAC9B,cAAM,QAAQ;AAAA,UACZ;AAAA,UACA,MAAM;AAAA,UACN,MAAM,OAAO;AAAA,QAAA;AAAA,MAEjB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,uBACd,OACgB;AAChB,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,MAAM,CAAA,GAAI,QAAQ,CAAA,GAAI,MAAM,GAAG,MAAM,EAAA;AAAA,EAChD;AAEA,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,MAAM,WAAW,GAAG;AACtB,aAAO,EAAE,MAAM,CAAA,GAAI,QAAQ,CAAA,GAAI,MAAM,GAAG,MAAM,EAAA;AAAA,IAChD;AACA,QAAI,kBAAkB,KAAK,GAAG;AAC5B,aAAO,eAAe,KAAK;AAAA,IAC7B;AACA,WAAO,EAAE,MAAM,CAAA,GAAI,QAAQ,CAAA,GAAI,MAAM,GAAG,MAAM,EAAA;AAAA,EAChD;AAEA,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO,gBAAgB,KAAK;AAAA,EAC9B;AAEA,MAAI,cAAc,KAAK,GAAG;AACxB,WAAO,gBAAgB,KAAK;AAAA,EAC9B;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,SAAS,iBAAiB,KAAgC;AAChE,QAAI,UAAU,OAAO,KAAK,OAAQ,QAAO;AAAA,EAC3C;AAEA,SAAO,EAAE,MAAM,CAAA,GAAI,QAAQ,CAAA,GAAI,MAAM,GAAG,MAAM,EAAA;AAChD;"}

package/dist/components/inspector/element/styles.d.ts

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

package/dist/components/inspector/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inspector/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA4F3B,CAAC"}