@fusedashlabs/widgets 0.4.5 → 0.6.0

package/dist/components/partial-dependence-chart/element/ui9000-partial-dependence-chart.js

@@ -5,9 +5,9 @@ import { renderChartLegend } from "../../../element/chart-legend-render.js";
 import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { parseJsonAttr, getPartialDependenceDimensions } from "../../../utils/chart-helpers.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { normalizePartialDependenceData } from "../lib/normalize.js";
 import { renderPartialDependenceChart } from "../render/draw.js";
 import { partialDependenceStyles } from "./styles.js";
-import { normalizePartialDependenceData } from "../lib/normalize.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -27,7 +27,6 @@ let Ui9000PartialDependenceChart = class extends Ui9000ChartElement {
     this.showGrid = true;
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -88,19 +87,14 @@ let Ui9000PartialDependenceChart = class extends Ui9000ChartElement {
       showGrid: this.showGrid,
       showTooltip: this.showTooltip,
       onHover: this.showTooltip ? ({ x, y, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          lines: [
-            `${xLabel}: ${x.toFixed(TOOLTIP_DECIMALS)}`,
-            `${yLabel}: ${y == null ? "-" : y.toFixed(TOOLTIP_DECIMALS)}`
+        this.openTooltip(event, {
+          rows: [
+            { label: xLabel, value: x.toFixed(TOOLTIP_DECIMALS) },
+            { label: yLabel, value: y == null ? "-" : y.toFixed(TOOLTIP_DECIMALS) }
           ]
-        };
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -115,13 +109,6 @@ let Ui9000PartialDependenceChart = class extends Ui9000ChartElement {
           ${this._empty ? html`<div class="empty" part="empty">
                 Partial dependence needs numeric X and Y fields with at least one ICE series.
               </div>` : nothing}
-          ${this._tooltip ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -141,9 +128,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000PartialDependenceChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000PartialDependenceChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000PartialDependenceChart.prototype, "_empty", 2);

package/dist/components/partial-dependence-chart/element/ui9000-partial-dependence-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-partial-dependence-chart.js","sources":["../../../../src/components/partial-dependence-chart/element/ui9000-partial-dependence-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { CSS_VARS, readCssVar, readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport {\n  getPartialDependenceDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePartialDependenceData,\n  type PartialDependenceChartData,\n  type PartialDependenceModel,\n} from '../lib/index.js';\nimport { renderPartialDependenceChart } from '../render/draw.js';\nimport { partialDependenceStyles } from './styles.js';\n\n/** Client tooltip prints three decimals for both axes. */\nconst TOOLTIP_DECIMALS = 3;\n\n@customElement('ui9000-partial-dependence-chart')\nexport class Ui9000PartialDependenceChart extends Ui9000ChartElement {\n  static override styles = [partialDependenceStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _tooltip: { x: number; y: number; lines: string[] } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PartialDependenceModel {\n    return normalizePartialDependenceData(\n      parseJsonAttr<PartialDependenceChartData>(this.dataJson, null),\n    );\n  }\n\n  /** Client legend carries the single \"Average\" entry; ICE curves stay unlabelled. */\n  private renderLegend(model: PartialDependenceModel) {\n    if (!this.showLegend || !model.averageSeries.length) return nothing;\n    return renderChartLegend([\n      { label: 'Average', swatch: { kind: 'dashed-line', color: model.color } },\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.iceSeries.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const themeMode =\n      readCssVar(this, CSS_VARS.mode, 'light') === 'dark' ? 'dark' : 'light';\n    const { width, height, margin } = getPartialDependenceDimensions(root, this.scale);\n    const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n    const yLabel = model.axisDetails?.[model.yField]?.label ?? model.yField;\n\n    renderPartialDependenceChart(root, {\n      iceSeries: model.iceSeries,\n      averageSeries: model.averageSeries,\n      width,\n      height,\n      margin,\n      theme,\n      themeMode,\n      color: model.color,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? ({ x, y, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              lines: [\n                `${xLabel}: ${x.toFixed(TOOLTIP_DECIMALS)}`,\n                `${yLabel}: ${y == null ? '-' : y.toFixed(TOOLTIP_DECIMALS)}`,\n              ],\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? null : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${model ? this.renderLegend(model) : nothing}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">\n                Partial dependence needs numeric X and Y fields with at least one ICE series.\n              </div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-partial-dependence-chart': Ui9000PartialDependenceChart;\n  }\n}\n\nexport function registerPartialDependenceChart(): void {\n  if (!customElements.get('ui9000-partial-dependence-chart')) {\n    customElements.define('ui9000-partial-dependence-chart', Ui9000PartialDependenceChart);\n  }\n}\n\nregisterPartialDependenceChart();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-partial-dependence-chart.js","sources":["../../../../src/components/partial-dependence-chart/element/ui9000-partial-dependence-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { CSS_VARS, readCssVar, readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport {\n  getPartialDependenceDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePartialDependenceData,\n  type PartialDependenceChartData,\n  type PartialDependenceModel,\n} from '../lib/index.js';\nimport { renderPartialDependenceChart } from '../render/draw.js';\nimport { partialDependenceStyles } from './styles.js';\n\n/** Client tooltip prints three decimals for both axes. */\nconst TOOLTIP_DECIMALS = 3;\n\n@customElement('ui9000-partial-dependence-chart')\nexport class Ui9000PartialDependenceChart extends Ui9000ChartElement {\n  static override styles = [partialDependenceStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PartialDependenceModel {\n    return normalizePartialDependenceData(\n      parseJsonAttr<PartialDependenceChartData>(this.dataJson, null),\n    );\n  }\n\n  /** Client legend carries the single \"Average\" entry; ICE curves stay unlabelled. */\n  private renderLegend(model: PartialDependenceModel) {\n    if (!this.showLegend || !model.averageSeries.length) return nothing;\n    return renderChartLegend([\n      { label: 'Average', swatch: { kind: 'dashed-line', color: model.color } },\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.iceSeries.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const themeMode =\n      readCssVar(this, CSS_VARS.mode, 'light') === 'dark' ? 'dark' : 'light';\n    const { width, height, margin } = getPartialDependenceDimensions(root, this.scale);\n    const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n    const yLabel = model.axisDetails?.[model.yField]?.label ?? model.yField;\n\n    renderPartialDependenceChart(root, {\n      iceSeries: model.iceSeries,\n      averageSeries: model.averageSeries,\n      width,\n      height,\n      margin,\n      theme,\n      themeMode,\n      color: model.color,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? ({ x, y, event }) => {\n            this.openTooltip(event, {\n              rows: [\n                { label: xLabel, value: x.toFixed(TOOLTIP_DECIMALS) },\n                { label: yLabel, value: y == null ? '-' : y.toFixed(TOOLTIP_DECIMALS) },\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._empty ? null : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${model ? this.renderLegend(model) : nothing}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">\n                Partial dependence needs numeric X and Y fields with at least one ICE series.\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-partial-dependence-chart': Ui9000PartialDependenceChart;\n  }\n}\n\nexport function registerPartialDependenceChart(): void {\n  if (!customElements.get('ui9000-partial-dependence-chart')) {\n    customElements.define('ui9000-partial-dependence-chart', Ui9000PartialDependenceChart);\n  }\n}\n\nregisterPartialDependenceChart();\n"],"names":[],"mappings":"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"}

package/dist/components/partial-dependence-chart/index.js

@@ -1,10 +1,10 @@
 import { registerPartialDependenceChart } from "./element/ui9000-partial-dependence-chart.js";
 import { Ui9000PartialDependenceChart } from "./element/ui9000-partial-dependence-chart.js";
 import { renderPartialDependenceChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
-import { computeAverageSeries, nearestAveragePoint } from "./lib/series.js";
 import { normalizePartialDependenceData } from "./lib/normalize.js";
+import { computeAverageSeries, nearestAveragePoint } from "./lib/series.js";
 import { pdpLinearDomain } from "./lib/domain.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000PartialDependenceChart,
   computeAverageSeries,

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

@@ -6,7 +6,6 @@ export declare class Ui9000PieChart extends Ui9000ChartElement {
     scale: WidgetScale;
     showLegend: boolean;
     showTooltip: boolean;
-    private _tooltip;
     private _empty;
     private _legendSlices;
     private _resizeObserver?;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-pie-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,aAAa,CAAkB;IAEvC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAgDH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"ui9000-pie-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,aAAa,CAAkB;IAEvC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAkDH,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

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

@@ -6,10 +6,10 @@ import { readThemeFromElement } from "../../../context/widget-context.js";
 import { parseJsonAttr, getPieDimensions } from "../../../utils/chart-helpers.js";
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { formatPiePercent } from "../lib/format.js";
+import { normalizePieData, legendSlicesFromPieOrder } from "../lib/normalize.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
 import { renderPieChart } from "../render/draw.js";
 import { pieChartStyles } from "./styles.js";
-import { normalizePieData, legendSlicesFromPieOrder } from "../lib/normalize.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -27,7 +27,6 @@ let Ui9000PieChart = class extends Ui9000ChartElement {
     this.scale = "default";
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._legendSlices = [];
     this._raf = 0;
@@ -92,23 +91,23 @@ let Ui9000PieChart = 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() {
@@ -120,14 +119,6 @@ let Ui9000PieChart = 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>
@@ -144,9 +135,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000PieChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000PieChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000PieChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-pie-chart.js","sources":["../../../../src/components/pie-chart/element/ui9000-pie-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 { formatPiePercent } from '../lib/format.js';\nimport {\n  legendSlicesFromPieOrder,\n  normalizePieData,\n  type PieChartData,\n  type PieModel,\n  type PieSlice,\n} from '../lib/index.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { renderPieChart } from '../render/draw.js';\nimport { pieChartStyles } from './styles.js';\n\n@customElement('ui9000-pie-chart')\nexport class Ui9000PieChart extends Ui9000ChartElement {\n  static override styles = [pieChartStyles, 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: PieSlice[] = [];\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(): PieModel {\n    const raw = parseJsonAttr<PieChartData>(this.dataJson, null);\n    return normalizePieData(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((slice) => `${formatPiePercent(slice.percentage)}% - ${slice.label}`),\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\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius: 0,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromPieOrder(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} (${formatPiePercent(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-pie-chart': Ui9000PieChart;\n  }\n}\n\nexport function registerPieChart(): void {\n  if (!customElements.get('ui9000-pie-chart')) {\n    customElements.define('ui9000-pie-chart', Ui9000PieChart);\n  }\n}\n\nregisterPieChart();\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"ui9000-pie-chart.js","sources":["../../../../src/components/pie-chart/element/ui9000-pie-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 { formatPiePercent } from '../lib/format.js';\nimport {\n  legendSlicesFromPieOrder,\n  normalizePieData,\n  type PieChartData,\n  type PieModel,\n  type PieSlice,\n} from '../lib/index.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { renderPieChart } from '../render/draw.js';\nimport { pieChartStyles } from './styles.js';\n\n@customElement('ui9000-pie-chart')\nexport class Ui9000PieChart extends Ui9000ChartElement {\n  static override styles = [pieChartStyles, 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: PieSlice[] = [];\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(): PieModel {\n    const raw = parseJsonAttr<PieChartData>(this.dataJson, null);\n    return normalizePieData(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((slice) => `${formatPiePercent(slice.percentage)}% - ${slice.label}`),\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\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius: 0,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromPieOrder(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} (${formatPiePercent(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-pie-chart': Ui9000PieChart;\n  }\n}\n\nexport function registerPieChart(): void {\n  if (!customElements.get('ui9000-pie-chart')) {\n    customElements.define('ui9000-pie-chart', Ui9000PieChart);\n  }\n}\n\nregisterPieChart();\n"],"names":["_a"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { registerPieChart } from "./element/ui9000-pie-chart.js";
 import { Ui9000PieChart } from "./element/ui9000-pie-chart.js";
 import { renderPieChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
-import { formatPieLegendLabel, formatPiePercent } from "./lib/format.js";
 import { legendSlicesFromPieOrder, normalizePieData } from "./lib/normalize.js";
+import { formatPieLegendLabel, formatPiePercent } from "./lib/format.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000PieChart,
   formatPieLegendLabel,

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

@@ -1,5 +1,5 @@
 import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
-import { filterTruthyValues, isFuseWidgetPayload, firstField, rowsOf, xDomainHintFromWidget, resolveUniqueValuesOrder } from "../../../utils/fuse-widget.js";
+import { isFuseWidgetPayload, firstField, rowsOf, xDomainHintFromWidget, filterTruthyValues, resolveUniqueValuesOrder } from "../../../utils/fuse-widget.js";
 const EMPTY = { slices: [], total: 0 };
 function isLabelValueArray(input) {
   if (!Array.isArray(input) || input.length === 0) return false;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-polar-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmB3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAAyE;IAGzF,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;IAIjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAmDH,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}
+{"version":3,"file":"ui9000-polar-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmB3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAkDH,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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

@@ -6,9 +6,9 @@ import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { parseJsonAttr, getPolarAreaDimensions } from "../../../utils/chart-helpers.js";
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { normalizePolarAreaData } from "../lib/normalize.js";
 import { renderPolarAreaChart } from "../render/draw.js";
 import { polarAreaChartStyles } from "./styles.js";
-import { normalizePolarAreaData } from "../lib/normalize.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -33,7 +33,6 @@ let Ui9000PolarAreaChart = class extends Ui9000ChartElement {
     this.showGrid = true;
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -92,22 +91,25 @@ let Ui9000PolarAreaChart = class extends Ui9000ChartElement {
       ...this.axisLabelHandlers(),
       onHover: this.showTooltip ? ({ sector, event }) => {
         var _a2, _b, _c, _d, _e, _f;
-        const rect = this.getBoundingClientRect();
         const xField = model.xField ?? "Category";
         const yField = model.yField ?? "Value";
         const symbol = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[yField]) == null ? void 0 : _b.measure_unit_symbol) ?? "";
         const value = sector.value.toLocaleString();
         const categoryText = sector.group ? `${sector.label} · ${sector.group}` : sector.label;
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          xLabel: `${((_d = (_c = model.axisDetails) == null ? void 0 : _c[xField]) == null ? void 0 : _d.label) ?? xField}: ${categoryText}`,
-          yLabel: `${((_f = (_e = model.axisDetails) == null ? void 0 : _e[yField]) == null ? void 0 : _f.label) ?? yField}: ${symbol ? `${value} ${symbol}` : value}`
-        };
+        this.openTooltip(event, {
+          rows: [
+            {
+              label: ((_d = (_c = model.axisDetails) == null ? void 0 : _c[xField]) == null ? void 0 : _d.label) ?? xField,
+              value: categoryText
+            },
+            {
+              label: ((_f = (_e = model.axisDetails) == null ? void 0 : _e[yField]) == null ? void 0 : _f.label) ?? yField,
+              value: symbol ? `${value} ${symbol}` : value
+            }
+          ]
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -119,14 +121,6 @@ let Ui9000PolarAreaChart = 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>${this._tooltip.xLabel}</div>
-                <div>${this._tooltip.yLabel}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -146,9 +140,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000PolarAreaChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000PolarAreaChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000PolarAreaChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-polar-area-chart.js","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-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 { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPolarAreaDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePolarAreaData,\n  type PolarAreaChartData,\n  type PolarAreaModel,\n} from '../lib/index.js';\nimport { renderPolarAreaChart } from '../render/draw.js';\nimport { polarAreaChartStyles } from './styles.js';\n\nconst EMPTY_MODEL: PolarAreaModel = {\n  sectors: [],\n  categories: [],\n  legend: [],\n  maxValue: 0,\n};\n\n@customElement('ui9000-polar-area-chart')\nexport class Ui9000PolarAreaChart extends Ui9000ChartElement {\n  static override styles = [polarAreaChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _tooltip: { x: number; y: number; xLabel: string; yLabel: string } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PolarAreaModel {\n    return normalizePolarAreaData(parseJsonAttr<PolarAreaChartData>(this.dataJson, null));\n  }\n\n  private renderLegend(model: PolarAreaModel) {\n    if (!this.showLegend || !model.legend.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.legend.map((entry) => entry.label),\n        theme,\n        (_label, index) => model.legend[index].color,\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.sectors.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPolarAreaDimensions(root, this.scale);\n\n    renderPolarAreaChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ sector, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const value = sector.value.toLocaleString();\n            const categoryText = sector.group\n              ? `${sector.label} · ${sector.group}`\n              : sector.label;\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${model.axisDetails?.[xField]?.label ?? xField}: ${categoryText}`,\n              yLabel: `${model.axisDetails?.[yField]?.label ?? yField}: ${\n                symbol ? `${value} ${symbol}` : value\n              }`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const model = this._empty ? EMPTY_MODEL : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(this.headerTitle())}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this._tooltip\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-polar-area-chart': Ui9000PolarAreaChart;\n  }\n}\n\nexport function registerPolarAreaChart(): void {\n  if (!customElements.get('ui9000-polar-area-chart')) {\n    customElements.define('ui9000-polar-area-chart', Ui9000PolarAreaChart);\n  }\n}\n\nregisterPolarAreaChart();\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"ui9000-polar-area-chart.js","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-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 { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPolarAreaDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePolarAreaData,\n  type PolarAreaChartData,\n  type PolarAreaModel,\n} from '../lib/index.js';\nimport { renderPolarAreaChart } from '../render/draw.js';\nimport { polarAreaChartStyles } from './styles.js';\n\nconst EMPTY_MODEL: PolarAreaModel = {\n  sectors: [],\n  categories: [],\n  legend: [],\n  maxValue: 0,\n};\n\n@customElement('ui9000-polar-area-chart')\nexport class Ui9000PolarAreaChart extends Ui9000ChartElement {\n  static override styles = [polarAreaChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PolarAreaModel {\n    return normalizePolarAreaData(parseJsonAttr<PolarAreaChartData>(this.dataJson, null));\n  }\n\n  private renderLegend(model: PolarAreaModel) {\n    if (!this.showLegend || !model.legend.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.legend.map((entry) => entry.label),\n        theme,\n        (_label, index) => model.legend[index].color,\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.sectors.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPolarAreaDimensions(root, this.scale);\n\n    renderPolarAreaChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ sector, event }) => {\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const value = sector.value.toLocaleString();\n            const categoryText = sector.group\n              ? `${sector.label} · ${sector.group}`\n              : sector.label;\n            this.openTooltip(event, {\n              rows: [\n                {\n                  label: model.axisDetails?.[xField]?.label ?? xField,\n                  value: categoryText,\n                },\n                {\n                  label: model.axisDetails?.[yField]?.label ?? yField,\n                  value: symbol ? `${value} ${symbol}` : value,\n                },\n              ],\n            });\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const model = this._empty ? EMPTY_MODEL : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(this.headerTitle())}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-polar-area-chart': Ui9000PolarAreaChart;\n  }\n}\n\nexport function registerPolarAreaChart(): void {\n  if (!customElements.get('ui9000-polar-area-chart')) {\n    customElements.define('ui9000-polar-area-chart', Ui9000PolarAreaChart);\n  }\n}\n\nregisterPolarAreaChart();\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAA8B;AAAA,EAClC,SAAS,CAAA;AAAA,EACT,YAAY,CAAA;AAAA,EACZ,QAAQ,CAAA;AAAA,EACR,UAAU;AACZ;AAGO,IAAM,uBAAN,cAAmC,mBAAmB;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,QAAqB;AAGrB,SAAA,WAAW;AAGX,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAQ,SAAS;AAGjB,SAAQ,OAAO;AAAA,EAAA;AAAA,EAEN,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,cAAc;AACnE,SAAK,gBAAgB,QAAQ,IAAI;AAAA,EACnC;AAAA,EAES,uBAA6B;;AACpC,eAAK,oBAAL,mBAAsB;AACtB,yBAAqB,KAAK,IAAI;AAC9B,UAAM,qBAAA;AAAA,EACR;AAAA,EAES,QAAQ,SAA+B;AAC9C,QAAI,kBAAkB,OAAO,EAAG,MAAK,aAAA;AAAA,EACvC;AAAA,EAEQ,eAAqB;AAC3B,yBAAqB,KAAK,IAAI;AAC9B,SAAK,OAAO,sBAAsB,MAAM,KAAK,MAAM;AAAA,EACrD;AAAA,EAEQ,YAA4B;AAClC,WAAO,uBAAuB,cAAkC,KAAK,UAAU,IAAI,CAAC;AAAA,EACtF;AAAA,EAEQ,aAAa,OAAuB;AAC1C,QAAI,CAAC,KAAK,cAAc,CAAC,MAAM,OAAO,OAAQ,QAAO;AACrD,UAAM,QAAQ,qBAAqB,IAAI;AACvC,WAAO;AAAA,MACL;AAAA,QACE,MAAM,OAAO,IAAI,CAAC,UAAU,MAAM,KAAK;AAAA,QACvC;AAAA,QACA,CAAC,QAAQ,UAAU,MAAM,OAAO,KAAK,EAAE;AAAA,MAAA;AAAA,IACzC;AAAA,EAEJ;AAAA,EAEQ,OAAa;;AACnB,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,KAAM;AAEX,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS,MAAM,QAAQ,WAAW;AACvC,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEA,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,EAAE,OAAO,QAAQ,OAAA,IAAW,uBAAuB,MAAM,KAAK,KAAK;AAEzE,yBAAqB,MAAM;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,KAAK;AAAA,MACf,aAAa,KAAK;AAAA,MAClB,GAAG,KAAK,kBAAA;AAAA,MACR,SAAS,KAAK,cACV,CAAC,EAAE,QAAQ,YAAY;;AACrB,cAAM,SAAS,MAAM,UAAU;AAC/B,cAAM,SAAS,MAAM,UAAU;AAC/B,cAAM,WAAS,MAAAA,MAAA,MAAM,gBAAN,gBAAAA,IAAoB,YAApB,mBAA6B,wBAAuB;AACnE,cAAM,QAAQ,OAAO,MAAM,eAAA;AAC3B,cAAM,eAAe,OAAO,QACxB,GAAG,OAAO,KAAK,MAAM,OAAO,KAAK,KACjC,OAAO;AACX,aAAK,YAAY,OAAO;AAAA,UACtB,MAAM;AAAA,YACJ;AAAA,cACE,SAAO,iBAAM,gBAAN,mBAAoB,YAApB,mBAA6B,UAAS;AAAA,cAC7C,OAAO;AAAA,YAAA;AAAA,YAET;AAAA,cACE,SAAO,iBAAM,gBAAN,mBAAoB,YAApB,mBAA6B,UAAS;AAAA,cAC7C,OAAO,SAAS,GAAG,KAAK,IAAI,MAAM,KAAK;AAAA,YAAA;AAAA,UACzC;AAAA,QACF,CACD;AAAA,MACH,IACA;AAAA,MACJ,SAAS,KAAK,cAAc,MAAM,KAAK,iBAAiB;AAAA,IAAA,CACzD;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,SAAS,cAAc,KAAK,UAAA;AAC/C,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,YAAA,CAAa,CAAC;AAAA;AAAA,YAExC,KAAK,aAAa,KAAK,CAAC;AAAA,yDACqB,KAAK,MAAM;AAAA,YACxD,KAAK,SAAS,sDAAsD,OAAO;AAAA,YAC3E,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AA1Ha,qBACK,SAAS,CAAC,sBAAsB,gBAAgB;AAGhE,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,SAAS;AAAA,GAHnC,qBAIX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,aAAa;AAAA,GANxC,qBAOX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAT1C,qBAUX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAZ3C,qBAaX,WAAA,eAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAfI,qBAgBH,WAAA,UAAA,CAAA;AAhBG,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;AAkIN,SAAS,yBAA+B;AAC7C,MAAI,CAAC,eAAe,IAAI,yBAAyB,GAAG;AAClD,mBAAe,OAAO,2BAA2B,oBAAoB;AAAA,EACvE;AACF;AAEA,uBAAA;"}

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

@@ -1,9 +1,9 @@
 import { registerPolarAreaChart } from "./element/ui9000-polar-area-chart.js";
 import { Ui9000PolarAreaChart } from "./element/ui9000-polar-area-chart.js";
 import { renderPolarAreaChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
 import { normalizePolarAreaData } from "./lib/normalize.js";
 import { polarGroupedSectorAngles, polarLabelAnchor, polarMaxValue, polarRadialTicks, polarSectorAngles } from "./lib/domain.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000PolarAreaChart,
   normalizePolarAreaData,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-punchcard-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/element/ui9000-punchcard-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAW3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,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,IAAI;IAwCH,MAAM;CAyBhB;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-punchcard-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/element/ui9000-punchcard-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAW3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,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,IAAI;IAoCH,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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

@@ -4,9 +4,9 @@ import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { readThemeFromElement } from "../../../context/widget-context.js";
 import { parseJsonAttr, getPunchcardDimensions } from "../../../utils/chart-helpers.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { normalizePunchcardData } from "../lib/normalize.js";
 import { renderPunchcardChart } from "../render/draw.js";
 import { punchcardStyles } from "./styles.js";
-import { normalizePunchcardData } from "../lib/normalize.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -26,7 +26,6 @@ let Ui9000PunchcardChart = class extends Ui9000ChartElement {
     this.showTooltip = true;
     this.xLabel = "";
     this.yLabel = "";
-    this._tooltip = null;
     this._empty = false;
     this._raf = 0;
   }
@@ -75,18 +74,12 @@ let Ui9000PunchcardChart = class extends Ui9000ChartElement {
       yLabel: this.yLabel || void 0,
       ...this.axisLabelHandlers(),
       onCellHover: this.showTooltip ? ({ cell, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          cellX: cell.x,
-          cellY: cell.y,
-          cellValue: cell.value
-        };
+        this.openTooltip(event, {
+          title: cell.y,
+          rows: [{ label: cell.x, value: String(cell.value) }]
+        });
       } : void 0,
-      onCellLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onCellLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -97,14 +90,6 @@ let Ui9000PunchcardChart = class extends Ui9000ChartElement {
         <div class="widget-body">
           <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.cellY}</div>
-                <div>${this._tooltip.cellX}: ${this._tooltip.cellValue}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -127,9 +112,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "y-label" })
 ], Ui9000PunchcardChart.prototype, "yLabel", 2);
-__decorateClass([
-  state()
-], Ui9000PunchcardChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000PunchcardChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-punchcard-chart.js","sources":["../../../../src/components/punchcard-chart/element/ui9000-punchcard-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 { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPunchcardDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePunchcardData,\n  type PunchcardInput,\n  type PunchcardModel,\n} from '../lib/index.js';\nimport { renderPunchcardChart } from '../render/draw.js';\nimport { punchcardStyles } from './styles.js';\n\n@customElement('ui9000-punchcard-chart')\nexport class Ui9000PunchcardChart extends Ui9000ChartElement {\n  static override styles = [punchcardStyles, 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-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    cellX: string;\n    cellY: string;\n    cellValue: 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(): PunchcardModel {\n    const raw = parseJsonAttr<PunchcardInput>(this.dataJson, []);\n    return normalizePunchcardData(raw);\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.cells.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPunchcardDimensions(root);\n\n    renderPunchcardChart(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      onCellHover: this.showTooltip\n        ? ({ cell, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              cellX: cell.x,\n              cellY: cell.y,\n              cellValue: cell.value,\n            };\n          }\n        : undefined,\n      onCellLeave: 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._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.cellY}</div>\n                <div>${this._tooltip.cellX}: ${this._tooltip.cellValue}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-punchcard-chart': Ui9000PunchcardChart;\n  }\n}\n\nexport function registerPunchcardChart(): void {\n  if (!customElements.get('ui9000-punchcard-chart')) {\n    customElements.define('ui9000-punchcard-chart', Ui9000PunchcardChart);\n  }\n}\n\nregisterPunchcardChart();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-punchcard-chart.js","sources":["../../../../src/components/punchcard-chart/element/ui9000-punchcard-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 { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPunchcardDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePunchcardData,\n  type PunchcardInput,\n  type PunchcardModel,\n} from '../lib/index.js';\nimport { renderPunchcardChart } from '../render/draw.js';\nimport { punchcardStyles } from './styles.js';\n\n@customElement('ui9000-punchcard-chart')\nexport class Ui9000PunchcardChart extends Ui9000ChartElement {\n  static override styles = [punchcardStyles, 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-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(): PunchcardModel {\n    const raw = parseJsonAttr<PunchcardInput>(this.dataJson, []);\n    return normalizePunchcardData(raw);\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.cells.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPunchcardDimensions(root);\n\n    renderPunchcardChart(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      onCellHover: this.showTooltip\n        ? ({ cell, event }) => {\n            this.openTooltip(event, {\n              title: cell.y,\n              rows: [{ label: cell.x, value: String(cell.value) }],\n            });\n          }\n        : undefined,\n      onCellLeave: 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._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-punchcard-chart': Ui9000PunchcardChart;\n  }\n}\n\nexport function registerPunchcardChart(): void {\n  if (!customElements.get('ui9000-punchcard-chart')) {\n    customElements.define('ui9000-punchcard-chart', Ui9000PunchcardChart);\n  }\n}\n\nregisterPunchcardChart();\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { registerPunchcardChart } from "./element/ui9000-punchcard-chart.js";
 import { Ui9000PunchcardChart } from "./element/ui9000-punchcard-chart.js";
 import { renderPunchcardChart } from "./render/draw.js";
-import { default as default2 } from "./metadata.json.js";
+import { normalizePunchcardData } from "./lib/normalize.js";
 import { collectValueExtent, maxAbsValue } from "./lib/domain.js";
 import { formatCompact } from "./lib/format.js";
-import { normalizePunchcardData } from "./lib/normalize.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   Ui9000PunchcardChart,
   collectValueExtent,

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

@@ -2,7 +2,7 @@ import { axisLeft, axisBottom } from "d3-axis";
 import { scaleBand } from "d3-scale";
 import { select } from "d3-selection";
 import { decorateAxisLabels, layoutPunchcardYAxisLabels } from "../../../utils/axis-labels.js";
-import { punchcardLeftGutter, PUNCHCARD_BOTTOM_MARGIN, generatePunchcardColorRanges, punchcardLayoutMaxRadius, punchcardColorForValue, punchcardScaledRadius, PUNCHCARD_MIN_LABEL_RADIUS, SEQUENTIAL_1, PUNCHCARD_LABEL_GUTTER_PAD } from "../../../utils/fuse-palette.js";
+import { punchcardLeftGutter, PUNCHCARD_BOTTOM_MARGIN, generatePunchcardColorRanges, punchcardLayoutMaxRadius, punchcardColorForValue, punchcardScaledRadius, PUNCHCARD_MIN_LABEL_RADIUS, PUNCHCARD_LABEL_GUTTER_PAD, SEQUENTIAL_1 } from "../../../utils/fuse-palette.js";
 import { FD } from "../../../utils/fusedash-visual.js";
 import { formatCompact } from "../lib/format.js";
 const X_AXIS_TICK_PADDING = 6;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-radar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/radar-chart/element/ui9000-radar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,gBAAiB,SAAQ,kBAAkB;IACtD,OAAgB,MAAM,4BAAwC;IAG9D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAOA;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;IAOjB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA2CH,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAIzC"}
+{"version":3,"file":"ui9000-radar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/radar-chart/element/ui9000-radar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,gBAAiB,SAAQ,kBAAkB;IACtD,OAAgB,MAAM,4BAAwC;IAG9D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAwCH,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAIzC"}