@fusedashlabs/widgets 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # Changelog
 
-## Unreleased
+## 0.6.0 — 2026-09-25
+
+### Added
+
+- `<ui9000-inspector>` (`@fusedashlabs/widgets/inspector`) renders one frozen decision trace: objective, profile keys, candidates, winner, rejections, actions, risk band, and outcome. Dataset rows in the trace are refused. v1 traces still render; an out-of-enum risk band is shown as itself.
+- `<ui9000-status-gauge-widget>` (`@fusedashlabs/widgets/status-gauge-widget`) renders one gauge plus metric cards in light and dark themes, on the shared chart palette.
+- Chart headers and tooltips match the FuseDash client: the same header actions, and a hover tip that stays visible inside the page cell.
+
+### Changed
+
+- Bar objects keep distinct axes and grouping. A series column becomes `groupBy` only when it is not the category, and long category lists flip horizontal.
+- Histogram, map, KPI, and network follow the mcp-ui field rules: axes stay unique, histogram bins use an object id, and network links drop self-edges.
+- Fixtures, stories, and traces fail closed when they carry raw dataset rows.
+
+### Fixed
+
+- Hosted Storybook (`/storybook/`) no longer tree-shakes custom-element registrations, so charts and engine playground widgets render. Map stories load GeoJSON/PMTiles from the Storybook base path, not origin `/pmtiles` (404 on mcp.ui9000.com).
+
+### Bundle
+
+- Engine catalog lazy entries (19 ids, map excluded): **4.32 KB gz**. `map-chart` is **0.38 KB gz**. Combined entry set: 13.46 KB gz / all dist JS 386.53 KB gz — **GO** (500 KB budget).
 
 ## 0.5.0 — 2026-09-09
 

package/README.md

@@ -79,32 +79,29 @@ document.body.appendChild(el);
 
 ## Development
 
-This repo is **Yarn-only** (Berry 4.x, `nodeLinker: node-modules`). Do not use npm or pnpm.
+From the monorepo root. Yarn Berry 4.x only.
 
 ```bash
 corepack enable
 yarn install
-yarn build && yarn test
+yarn test:widgets
+yarn workspace @fusedashlabs/widgets build
 yarn storybook   # http://localhost:6006
-yarn dev         # light Vite playground
+yarn workspace @fusedashlabs/widgets dev
 ```
 
 ## Repository
 
-https://github.com/fuselab-creative/ui9000-widgets
+https://github.com/fuselab-creative/ui9000-widgets (`packages/widgets`)
 
 ## Publish (maintainers)
 
-1. Push to `main`, ensure CI is green.
-2. Set `NPM_TOKEN` in GitHub → Settings → Secrets (npmjs automation token with publish scope).
-3. Tag and push:
+Secrets stay on **this** repo (`NPM_TOKEN` already set). Tag from repo root after bumping `packages/widgets/package.json`:
 
 ```bash
-yarn build && yarn test
-git tag v0.4.1
-git push origin main --tags
+yarn test:widgets && yarn workspace @fusedashlabs/widgets build
+git tag v0.5.1
+git push origin v0.5.1
 ```
 
-Release workflow (`.github/workflows/release.yml`) runs `yarn npm publish` on `v*` tags.
-
-Manual fallback: `yarn npm publish` (auth via `yarn npm login` or `YARN_NPM_AUTH_TOKEN`).
+`.github/workflows/release.yml` publishes from `packages/widgets`.

package/dist/catalog/load.js

@@ -1,44 +1,46 @@
-import * as metadata$L from "../components/approval-bar/metadata.json.js";
-import * as metadata$K from "../components/area-chart/metadata.json.js";
-import * as metadata$J from "../components/area-grouped-bar-chart/metadata.json.js";
-import * as metadata$I from "../components/bar-chart/metadata.json.js";
-import * as metadata$H from "../components/bias-variance-tradeoff-chart/metadata.json.js";
-import * as metadata$G from "../components/box-plot-chart/metadata.json.js";
-import * as metadata$F from "../components/bubble-chart/metadata.json.js";
-import * as metadata$E from "../components/button/metadata.json.js";
-import * as metadata$D from "../components/chart-renderer/metadata.json.js";
-import * as metadata$C from "../components/checkbox/metadata.json.js";
-import * as metadata$B from "../components/custom-widget/metadata.json.js";
-import * as metadata$A from "../components/date-input/metadata.json.js";
-import * as metadata$z from "../components/donut-chart/metadata.json.js";
-import * as metadata$y from "../components/entity-detail/metadata.json.js";
-import * as metadata$x from "../components/event-timeline/metadata.json.js";
-import * as metadata$w from "../components/evidence-panel/metadata.json.js";
-import * as metadata$v from "../components/form/metadata.json.js";
-import * as metadata$u from "../components/gini-impurity-entropy-chart/metadata.json.js";
-import * as metadata$t from "../components/histogram-chart/metadata.json.js";
-import * as metadata$s from "../components/image/metadata.json.js";
-import * as metadata$r from "../components/kpi-widget/metadata.json.js";
-import * as metadata$q from "../components/line-chart/metadata.json.js";
-import * as metadata$p from "../components/lollipop/metadata.json.js";
-import * as metadata$o from "../components/map-chart/metadata.json.js";
-import * as metadata$n from "../components/matrix-chart/metadata.json.js";
-import * as metadata$m from "../components/multi-select/metadata.json.js";
-import * as metadata$l from "../components/network-graph/metadata.json.js";
-import * as metadata$k from "../components/number-input/metadata.json.js";
-import * as metadata$j from "../components/parallel-coordinates-chart/metadata.json.js";
-import * as metadata$i from "../components/partial-dependence-chart/metadata.json.js";
-import * as metadata$h from "../components/pie-chart/metadata.json.js";
-import * as metadata$g from "../components/polar-area-chart/metadata.json.js";
-import * as metadata$f from "../components/punchcard-chart/metadata.json.js";
-import * as metadata$e from "../components/radar-chart/metadata.json.js";
-import * as metadata$d from "../components/radial-bar-chart/metadata.json.js";
-import * as metadata$c from "../components/sankey-chart/metadata.json.js";
-import * as metadata$b from "../components/scatter-plot-chart/metadata.json.js";
-import * as metadata$a from "../components/scatter-sparkline-chart/metadata.json.js";
-import * as metadata$9 from "../components/select/metadata.json.js";
-import * as metadata$8 from "../components/spark-area-chart/metadata.json.js";
-import * as metadata$7 from "../components/spark-line-chart/metadata.json.js";
+import * as metadata$N from "../components/approval-bar/metadata.json.js";
+import * as metadata$M from "../components/area-chart/metadata.json.js";
+import * as metadata$L from "../components/area-grouped-bar-chart/metadata.json.js";
+import * as metadata$K from "../components/bar-chart/metadata.json.js";
+import * as metadata$J from "../components/bias-variance-tradeoff-chart/metadata.json.js";
+import * as metadata$I from "../components/box-plot-chart/metadata.json.js";
+import * as metadata$H from "../components/bubble-chart/metadata.json.js";
+import * as metadata$G from "../components/button/metadata.json.js";
+import * as metadata$F from "../components/chart-renderer/metadata.json.js";
+import * as metadata$E from "../components/checkbox/metadata.json.js";
+import * as metadata$D from "../components/custom-widget/metadata.json.js";
+import * as metadata$C from "../components/date-input/metadata.json.js";
+import * as metadata$B from "../components/donut-chart/metadata.json.js";
+import * as metadata$A from "../components/entity-detail/metadata.json.js";
+import * as metadata$z from "../components/event-timeline/metadata.json.js";
+import * as metadata$y from "../components/evidence-panel/metadata.json.js";
+import * as metadata$x from "../components/form/metadata.json.js";
+import * as metadata$w from "../components/gini-impurity-entropy-chart/metadata.json.js";
+import * as metadata$v from "../components/histogram-chart/metadata.json.js";
+import * as metadata$u from "../components/image/metadata.json.js";
+import * as metadata$t from "../components/inspector/metadata.json.js";
+import * as metadata$s from "../components/kpi-widget/metadata.json.js";
+import * as metadata$r from "../components/line-chart/metadata.json.js";
+import * as metadata$q from "../components/lollipop/metadata.json.js";
+import * as metadata$p from "../components/map-chart/metadata.json.js";
+import * as metadata$o from "../components/matrix-chart/metadata.json.js";
+import * as metadata$n from "../components/multi-select/metadata.json.js";
+import * as metadata$m from "../components/network-graph/metadata.json.js";
+import * as metadata$l from "../components/number-input/metadata.json.js";
+import * as metadata$k from "../components/parallel-coordinates-chart/metadata.json.js";
+import * as metadata$j from "../components/partial-dependence-chart/metadata.json.js";
+import * as metadata$i from "../components/pie-chart/metadata.json.js";
+import * as metadata$h from "../components/polar-area-chart/metadata.json.js";
+import * as metadata$g from "../components/punchcard-chart/metadata.json.js";
+import * as metadata$f from "../components/radar-chart/metadata.json.js";
+import * as metadata$e from "../components/radial-bar-chart/metadata.json.js";
+import * as metadata$d from "../components/sankey-chart/metadata.json.js";
+import * as metadata$c from "../components/scatter-plot-chart/metadata.json.js";
+import * as metadata$b from "../components/scatter-sparkline-chart/metadata.json.js";
+import * as metadata$a from "../components/select/metadata.json.js";
+import * as metadata$9 from "../components/spark-area-chart/metadata.json.js";
+import * as metadata$8 from "../components/spark-line-chart/metadata.json.js";
+import * as metadata$7 from "../components/status-gauge-widget/metadata.json.js";
 import * as metadata$6 from "../components/step-line-chart/metadata.json.js";
 import * as metadata$5 from "../components/table/metadata.json.js";
 import * as metadata$4 from "../components/text-input/metadata.json.js";
@@ -49,47 +51,49 @@ import * as metadata from "../components/waterfall-chart/metadata.json.js";
 import { assertEngineMetadata } from "./schema.js";
 import { ENGINE_TARGET_ID_SET, ENGINE_TARGET_IDS } from "./engine.js";
 const metadataModules = /* @__PURE__ */ Object.assign({
-  "../components/approval-bar/metadata.json": metadata$L,
-  "../components/area-chart/metadata.json": metadata$K,
-  "../components/area-grouped-bar-chart/metadata.json": metadata$J,
-  "../components/bar-chart/metadata.json": metadata$I,
-  "../components/bias-variance-tradeoff-chart/metadata.json": metadata$H,
-  "../components/box-plot-chart/metadata.json": metadata$G,
-  "../components/bubble-chart/metadata.json": metadata$F,
-  "../components/button/metadata.json": metadata$E,
-  "../components/chart-renderer/metadata.json": metadata$D,
-  "../components/checkbox/metadata.json": metadata$C,
-  "../components/custom-widget/metadata.json": metadata$B,
-  "../components/date-input/metadata.json": metadata$A,
-  "../components/donut-chart/metadata.json": metadata$z,
-  "../components/entity-detail/metadata.json": metadata$y,
-  "../components/event-timeline/metadata.json": metadata$x,
-  "../components/evidence-panel/metadata.json": metadata$w,
-  "../components/form/metadata.json": metadata$v,
-  "../components/gini-impurity-entropy-chart/metadata.json": metadata$u,
-  "../components/histogram-chart/metadata.json": metadata$t,
-  "../components/image/metadata.json": metadata$s,
-  "../components/kpi-widget/metadata.json": metadata$r,
-  "../components/line-chart/metadata.json": metadata$q,
-  "../components/lollipop/metadata.json": metadata$p,
-  "../components/map-chart/metadata.json": metadata$o,
-  "../components/matrix-chart/metadata.json": metadata$n,
-  "../components/multi-select/metadata.json": metadata$m,
-  "../components/network-graph/metadata.json": metadata$l,
-  "../components/number-input/metadata.json": metadata$k,
-  "../components/parallel-coordinates-chart/metadata.json": metadata$j,
-  "../components/partial-dependence-chart/metadata.json": metadata$i,
-  "../components/pie-chart/metadata.json": metadata$h,
-  "../components/polar-area-chart/metadata.json": metadata$g,
-  "../components/punchcard-chart/metadata.json": metadata$f,
-  "../components/radar-chart/metadata.json": metadata$e,
-  "../components/radial-bar-chart/metadata.json": metadata$d,
-  "../components/sankey-chart/metadata.json": metadata$c,
-  "../components/scatter-plot-chart/metadata.json": metadata$b,
-  "../components/scatter-sparkline-chart/metadata.json": metadata$a,
-  "../components/select/metadata.json": metadata$9,
-  "../components/spark-area-chart/metadata.json": metadata$8,
-  "../components/spark-line-chart/metadata.json": metadata$7,
+  "../components/approval-bar/metadata.json": metadata$N,
+  "../components/area-chart/metadata.json": metadata$M,
+  "../components/area-grouped-bar-chart/metadata.json": metadata$L,
+  "../components/bar-chart/metadata.json": metadata$K,
+  "../components/bias-variance-tradeoff-chart/metadata.json": metadata$J,
+  "../components/box-plot-chart/metadata.json": metadata$I,
+  "../components/bubble-chart/metadata.json": metadata$H,
+  "../components/button/metadata.json": metadata$G,
+  "../components/chart-renderer/metadata.json": metadata$F,
+  "../components/checkbox/metadata.json": metadata$E,
+  "../components/custom-widget/metadata.json": metadata$D,
+  "../components/date-input/metadata.json": metadata$C,
+  "../components/donut-chart/metadata.json": metadata$B,
+  "../components/entity-detail/metadata.json": metadata$A,
+  "../components/event-timeline/metadata.json": metadata$z,
+  "../components/evidence-panel/metadata.json": metadata$y,
+  "../components/form/metadata.json": metadata$x,
+  "../components/gini-impurity-entropy-chart/metadata.json": metadata$w,
+  "../components/histogram-chart/metadata.json": metadata$v,
+  "../components/image/metadata.json": metadata$u,
+  "../components/inspector/metadata.json": metadata$t,
+  "../components/kpi-widget/metadata.json": metadata$s,
+  "../components/line-chart/metadata.json": metadata$r,
+  "../components/lollipop/metadata.json": metadata$q,
+  "../components/map-chart/metadata.json": metadata$p,
+  "../components/matrix-chart/metadata.json": metadata$o,
+  "../components/multi-select/metadata.json": metadata$n,
+  "../components/network-graph/metadata.json": metadata$m,
+  "../components/number-input/metadata.json": metadata$l,
+  "../components/parallel-coordinates-chart/metadata.json": metadata$k,
+  "../components/partial-dependence-chart/metadata.json": metadata$j,
+  "../components/pie-chart/metadata.json": metadata$i,
+  "../components/polar-area-chart/metadata.json": metadata$h,
+  "../components/punchcard-chart/metadata.json": metadata$g,
+  "../components/radar-chart/metadata.json": metadata$f,
+  "../components/radial-bar-chart/metadata.json": metadata$e,
+  "../components/sankey-chart/metadata.json": metadata$d,
+  "../components/scatter-plot-chart/metadata.json": metadata$c,
+  "../components/scatter-sparkline-chart/metadata.json": metadata$b,
+  "../components/select/metadata.json": metadata$a,
+  "../components/spark-area-chart/metadata.json": metadata$9,
+  "../components/spark-line-chart/metadata.json": metadata$8,
+  "../components/status-gauge-widget/metadata.json": metadata$7,
   "../components/step-line-chart/metadata.json": metadata$6,
   "../components/table/metadata.json": metadata$5,
   "../components/text-input/metadata.json": metadata$4,

package/dist/catalog/load.js.map

@@ -1 +1 @@
-{"version":3,"file":"load.js","sources":["../../src/catalog/load.ts"],"sourcesContent":["import { assertEngineMetadata } from './schema.js';\nimport { ENGINE_TARGET_ID_SET, ENGINE_TARGET_IDS } from './engine.js';\nimport type { CatalogTier, EngineMetadata, PortMetadata } from './types.js';\n\nconst metadataModules = import.meta.glob('../components/*/metadata.json', {\n  eager: true,\n});\n\nfunction unwrap(mod: unknown): PortMetadata {\n  if (mod && typeof mod === 'object' && 'default' in mod) {\n    return (mod as { default: PortMetadata }).default;\n  }\n  return mod as PortMetadata;\n}\n\n/** Every component metadata.json in the package. */\nexport function collectPortMetadata(): PortMetadata[] {\n  return Object.values(metadataModules).map(unwrap);\n}\n\nexport function catalogTierOf(meta: PortMetadata): CatalogTier {\n  if (meta.tier === 'engine' || meta.tier === 'host' || meta.tier === 'substrate') {\n    return meta.tier;\n  }\n  return 'substrate';\n}\n\n/**\n * Engine catalog: target ∩ files that pass the engine schema.\n * Incomplete / missing ids are omitted — completeness is the S2-7 test.\n */\nexport function loadEngineCatalog(): EngineMetadata[] {\n  const byId = new Map<string, EngineMetadata>();\n  for (const raw of collectPortMetadata()) {\n    if (raw.tier !== 'engine') continue;\n    if (!ENGINE_TARGET_ID_SET.has(raw.id)) {\n      throw new Error(\n        `metadata id \"${raw.id}\" is tier engine but not in ENGINE_TARGET_IDS`,\n      );\n    }\n    const parsed = assertEngineMetadata(raw, raw.id);\n    byId.set(parsed.id, parsed);\n  }\n  return ENGINE_TARGET_IDS.filter((id) => byId.has(id)).map((id) => byId.get(id)!);\n}\n\nexport function missingEngineIds(): string[] {\n  const loaded = new Set(loadEngineCatalog().map((m) => m.id));\n  return ENGINE_TARGET_IDS.filter((id) => !loaded.has(id));\n}\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,kBAAkB,uBAAA,OAAA;AAAA,EAAA,4CAAAA;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,sDAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,4DAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,sCAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,wCAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,2CAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,oCAAAC;AAAAA,EAAA,2DAAAC;AAAAA,EAAA,+CAAAC;AAAAA,EAAA,qCAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,wCAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,0DAAAC;AAAAA,EAAA,wDAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,+CAAAC;AAAAA,EAAA,2CAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,kDAAAC;AAAAA,EAAA,uDAAAC;AAAAA,EAAA,sCAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,+CAAAC;AAAAA,EAAA,qCAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,oCAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,+CAAAC;AAAA,CAAA;AAIxB,SAAS,OAAO,KAA4B;AAC1C,MAAI,OAAO,OAAO,QAAQ,YAAY,aAAa,KAAK;AACtD,WAAQ,IAAkC;AAAA,EAC5C;AACA,SAAO;AACT;AAGO,SAAS,sBAAsC;AACpD,SAAO,OAAO,OAAO,eAAe,EAAE,IAAI,MAAM;AAClD;AAEO,SAAS,cAAc,MAAiC;AAC7D,MAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAU,KAAK,SAAS,aAAa;AAC/E,WAAO,KAAK;AAAA,EACd;AACA,SAAO;AACT;AAMO,SAAS,oBAAsC;AACpD,QAAM,2BAAW,IAAA;AACjB,aAAW,OAAO,uBAAuB;AACvC,QAAI,IAAI,SAAS,SAAU;AAC3B,QAAI,CAAC,qBAAqB,IAAI,IAAI,EAAE,GAAG;AACrC,YAAM,IAAI;AAAA,QACR,gBAAgB,IAAI,EAAE;AAAA,MAAA;AAAA,IAE1B;AACA,UAAM,SAAS,qBAAqB,KAAK,IAAI,EAAE;AAC/C,SAAK,IAAI,OAAO,IAAI,MAAM;AAAA,EAC5B;AACA,SAAO,kBAAkB,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAE;AACjF;AAEO,SAAS,mBAA6B;AAC3C,QAAM,SAAS,IAAI,IAAI,kBAAA,EAAoB,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAC3D,SAAO,kBAAkB,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;AACzD;"}
+{"version":3,"file":"load.js","sources":["../../src/catalog/load.ts"],"sourcesContent":["import { assertEngineMetadata } from './schema.js';\nimport { ENGINE_TARGET_ID_SET, ENGINE_TARGET_IDS } from './engine.js';\nimport type { CatalogTier, EngineMetadata, PortMetadata } from './types.js';\n\nconst metadataModules = import.meta.glob('../components/*/metadata.json', {\n  eager: true,\n});\n\nfunction unwrap(mod: unknown): PortMetadata {\n  if (mod && typeof mod === 'object' && 'default' in mod) {\n    return (mod as { default: PortMetadata }).default;\n  }\n  return mod as PortMetadata;\n}\n\n/** Every component metadata.json in the package. */\nexport function collectPortMetadata(): PortMetadata[] {\n  return Object.values(metadataModules).map(unwrap);\n}\n\nexport function catalogTierOf(meta: PortMetadata): CatalogTier {\n  if (meta.tier === 'engine' || meta.tier === 'host' || meta.tier === 'substrate') {\n    return meta.tier;\n  }\n  return 'substrate';\n}\n\n/**\n * Engine catalog: target ∩ files that pass the engine schema.\n * Incomplete / missing ids are omitted — completeness is the S2-7 test.\n */\nexport function loadEngineCatalog(): EngineMetadata[] {\n  const byId = new Map<string, EngineMetadata>();\n  for (const raw of collectPortMetadata()) {\n    if (raw.tier !== 'engine') continue;\n    if (!ENGINE_TARGET_ID_SET.has(raw.id)) {\n      throw new Error(\n        `metadata id \"${raw.id}\" is tier engine but not in ENGINE_TARGET_IDS`,\n      );\n    }\n    const parsed = assertEngineMetadata(raw, raw.id);\n    byId.set(parsed.id, parsed);\n  }\n  return ENGINE_TARGET_IDS.filter((id) => byId.has(id)).map((id) => byId.get(id)!);\n}\n\nexport function missingEngineIds(): string[] {\n  const loaded = new Set(loadEngineCatalog().map((m) => m.id));\n  return ENGINE_TARGET_IDS.filter((id) => !loaded.has(id));\n}\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47","__vite_glob_0_48","__vite_glob_0_49"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,kBAAkB,uBAAA,OAAA;AAAA,EAAA,4CAAAA;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,sDAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,4DAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,sCAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,wCAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,2CAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,8CAAAC;AAAAA,EAAA,oCAAAC;AAAAA,EAAA,2DAAAC;AAAAA,EAAA,+CAAAC;AAAAA,EAAA,qCAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,wCAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,0DAAAC;AAAAA,EAAA,wDAAAC;AAAAA,EAAA,yCAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,+CAAAC;AAAAA,EAAA,2CAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,kDAAAC;AAAAA,EAAA,uDAAAC;AAAAA,EAAA,sCAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,gDAAAC;AAAAA,EAAA,mDAAAC;AAAAA,EAAA,+CAAAC;AAAAA,EAAA,qCAAAC;AAAAA,EAAA,0CAAAC;AAAAA,EAAA,oCAAAC;AAAAA,EAAA,6CAAAC;AAAAA,EAAA,4CAAAC;AAAAA,EAAA,+CAAAC;AAAA,CAAA;AAIxB,SAAS,OAAO,KAA4B;AAC1C,MAAI,OAAO,OAAO,QAAQ,YAAY,aAAa,KAAK;AACtD,WAAQ,IAAkC;AAAA,EAC5C;AACA,SAAO;AACT;AAGO,SAAS,sBAAsC;AACpD,SAAO,OAAO,OAAO,eAAe,EAAE,IAAI,MAAM;AAClD;AAEO,SAAS,cAAc,MAAiC;AAC7D,MAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAU,KAAK,SAAS,aAAa;AAC/E,WAAO,KAAK;AAAA,EACd;AACA,SAAO;AACT;AAMO,SAAS,oBAAsC;AACpD,QAAM,2BAAW,IAAA;AACjB,aAAW,OAAO,uBAAuB;AACvC,QAAI,IAAI,SAAS,SAAU;AAC3B,QAAI,CAAC,qBAAqB,IAAI,IAAI,EAAE,GAAG;AACrC,YAAM,IAAI;AAAA,QACR,gBAAgB,IAAI,EAAE;AAAA,MAAA;AAAA,IAE1B;AACA,UAAM,SAAS,qBAAqB,KAAK,IAAI,EAAE;AAC/C,SAAK,IAAI,OAAO,IAAI,MAAM;AAAA,EAC5B;AACA,SAAO,kBAAkB,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAE;AACjF;AAEO,SAAS,mBAA6B;AAC3C,QAAM,SAAS,IAAI,IAAI,kBAAA,EAAoB,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;AAC3D,SAAO,kBAAkB,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;AACzD;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/element/ui9000-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAUrE,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,MAAM,EAAE,WAAW,CAAW;IAG9B,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAMA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAyCH,MAAM;CAkChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}
+{"version":3,"file":"ui9000-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/element/ui9000-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAUrE,qBACa,eAAgB,SAAQ,kBAAkB;IACrD,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,MAAM,EAAE,WAAW,CAAW;IAG9B,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA4CH,MAAM;CAkBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-area-grouped-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,yBAA0B,SAAQ,kBAAkB;IAC/D,OAAgB,MAAM,4BAAiD;IAGvE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAA0D;IAG1E,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,IAAI;IA4CH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,yBAAyB,CAAC;KAC5D;CACF;AAED,wBAAgB,2BAA2B,IAAI,IAAI,CAIlD"}
+{"version":3,"file":"ui9000-area-grouped-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,yBAA0B,SAAQ,kBAAkB;IAC/D,OAAgB,MAAM,4BAAiD;IAGvE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IA2BtB,OAAO,CAAC,IAAI;IAmCH,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,yBAAyB,CAAC;KAC5D;CACF;AAED,wBAAgB,2BAA2B,IAAI,IAAI,CAIlD"}

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

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