@fusedashlabs/widgets 0.4.5 → 0.6.0

package/dist/components/network-graph/metadata.json.d.ts

@@ -6,14 +6,65 @@ declare const _default: {
   "chartTypeKeys": ["networkGraphChart"],
   "source": "client/libs/shared/components/src/Widgets/NetworkGraph/",
   "stack": "d3",
-  "lazyImport": "@fusedashlabs/widgets/lazy/network-graph",
-  "entry": "@fusedashlabs/widgets/network-graph",
+  "lazyImport": "@ui9000/widgets/lazy/network-graph",
+  "entry": "@ui9000/widgets/network-graph",
   "usageConditions": {
     "host": "mcp-chat",
     "notFor": "fusedash-editor",
     "mapsExcluded": true
   },
   "allowedActions": ["hover", "select", "drag", "zoom", "filter", "resize"],
+  "tier": "engine",
+  "intents": ["graph"],
+  "dataRoles": [
+    {
+      "id": "nodes",
+      "required": true,
+      "description": "Entities in the graph (hosts, users, assets)."
+    },
+    {
+      "id": "links",
+      "required": true,
+      "description": "Relationships between nodes."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasNodes && profile.hasLinks",
+      "reason": "Network graph shows entities and the edges between them."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.hasNodes || !profile.hasLinks",
+      "reason": "Without both nodes and links the graph is empty; use table or entity-detail."
+    },
+    {
+      "when": "profile.hasGeo && !profile.hasNodes",
+      "reason": "Spatial-only data belongs on map-chart."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "title",
+    "keyboard": ["Tab into graph", "filter legend"],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "network-picks-nodes-links",
+      "intent": "graph",
+      "profile": { "hasNodes": true, "hasLinks": true },
+      "expect": "eligible",
+      "reasonIncludes": "edges"
+    },
+    {
+      "id": "network-rejects-missing-links",
+      "intent": "graph",
+      "profile": { "hasNodes": true, "hasLinks": false },
+      "expect": "disqualified",
+      "reasonIncludes": "table"
+    }
+  ],
   "propsSchema": {
     "$schema": "https://json-schema.org/draft/2020-12/schema",
     "type": "object",

package/dist/components/network-graph/metadata.json.js

@@ -5,10 +5,17 @@ const description = "Chat-optimized FuseDash NetworkGraph rewritten in D3 (d3-fo
 const chartTypeKeys = ["networkGraphChart"];
 const source = "client/libs/shared/components/src/Widgets/NetworkGraph/";
 const stack = "d3";
-const lazyImport = "@fusedashlabs/widgets/lazy/network-graph";
-const entry = "@fusedashlabs/widgets/network-graph";
+const lazyImport = "@ui9000/widgets/lazy/network-graph";
+const entry = "@ui9000/widgets/network-graph";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 const allowedActions = ["hover", "select", "drag", "zoom", "filter", "resize"];
+const tier = "engine";
+const intents = ["graph"];
+const dataRoles = [{ "id": "nodes", "required": true, "description": "Entities in the graph (hosts, users, assets)." }, { "id": "links", "required": true, "description": "Relationships between nodes." }];
+const eligibility = [{ "when": "profile.hasNodes && profile.hasLinks", "reason": "Network graph shows entities and the edges between them." }];
+const disqualify = [{ "when": "!profile.hasNodes || !profile.hasLinks", "reason": "Without both nodes and links the graph is empty; use table or entity-detail." }, { "when": "profile.hasGeo && !profile.hasNodes", "reason": "Spatial-only data belongs on map-chart." }];
+const accessibility = { "nameFrom": "title", "keyboard": ["Tab into graph", "filter legend"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "network-picks-nodes-links", "intent": "graph", "profile": { "hasNodes": true, "hasLinks": true }, "expect": "eligible", "reasonIncludes": "edges" }, { "id": "network-rejects-missing-links", "intent": "graph", "profile": { "hasNodes": true, "hasLinks": false }, "expect": "disqualified", "reasonIncludes": "table" }];
 const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "object", "description": "FuseDash WidgetItem-shaped payload — the graph lives in data[0].", "required": ["data"], "properties": { "name": { "type": "string" }, "data": { "type": "array", "items": { "type": "object", "properties": { "nodes": { "type": "array", "items": { "$ref": "#/$defs/node" } }, "links": { "type": "array", "items": { "$ref": "#/$defs/link" } } } } } } }, { "type": "object", "description": "Graph payload from chat.", "properties": { "nodes": { "type": "array", "items": { "$ref": "#/$defs/node" } }, "links": { "type": "array", "items": { "$ref": "#/$defs/link" } } } }, { "type": "array", "description": "Links only — node ids are derived from the endpoints.", "items": { "$ref": "#/$defs/link" } }] }, "chart-title": { "type": "string" }, "show-header": { "type": "boolean", "default": true }, "show-legend": { "type": "boolean", "default": true }, "show-tooltip": { "type": "boolean", "default": true } }, "required": ["data"], "$defs": { "node": { "type": "object", "required": ["id"], "properties": { "id": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number", "description": "Drives the size bucket." }, "type": { "type": "string", "description": "Category key → node colour." }, "color": { "type": "string" }, "img": { "type": "string", "description": "Avatar URL clipped to the node circle." } } }, "link": { "type": "object", "required": ["source", "target"], "properties": { "id": { "type": "string" }, "source": { "type": "string" }, "target": { "type": "string" }, "value": { "type": "number" }, "type": { "type": "string", "enum": ["primary", "neutral", "secondary"] } } } } };
 const networkGraphMeta = {
   id,
@@ -22,20 +29,34 @@ const networkGraphMeta = {
   entry,
   usageConditions,
   allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
   propsSchema
 };
 export {
+  accessibility,
   allowedActions,
   chartTypeKeys,
+  dataRoles,
   networkGraphMeta as default,
   description,
+  disqualify,
+  eligibility,
   entry,
+  evalCases,
   id,
+  intents,
   lazyImport,
   propsSchema,
   source,
   stack,
   tag,
+  tier,
   title,
   usageConditions
 };

package/dist/components/network-graph/metadata.json.js.map

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

package/dist/components/number-input/element/ui9000-number-input.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class Ui9000NumberInput extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    label: string;
+    name: string;
+    value?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerNumberInput(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-number-input': Ui9000NumberInput;
+    }
+}
+//# sourceMappingURL=ui9000-number-input.d.ts.map

package/dist/components/number-input/element/ui9000-number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-number-input.d.ts","sourceRoot":"","sources":["../../../../src/components/number-input/element/ui9000-number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAiB;IAEQ,QAAQ,SAAQ;IACnC,KAAK,SAAM;IACX,IAAI,SAAM;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEpD,MAAM;CAuBhB;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/components/number-input/element/ui9000-number-input.js

@@ -0,0 +1,71 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseLabelledField } from "../../../lib/labelled-control.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000NumberInput = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this.label = "";
+    this.name = "";
+  }
+  render() {
+    const field = parseLabelledField(this.dataJson, {
+      label: this.label,
+      name: this.name,
+      value: this.value
+    });
+    if (!field) return html`<p class="blocked" role="alert">Label required</p>`;
+    return html`
+      <div class="root">
+        <label for=${field.name}>${field.label}</label>
+        <input
+          class="field"
+          id=${field.name}
+          name=${field.name}
+          type="number"
+          .value=${field.value}
+          @input=${(e) => {
+      this.value = e.target.value;
+    }}
+        />
+      </div>
+    `;
+  }
+};
+Ui9000NumberInput.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000NumberInput.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000NumberInput.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000NumberInput.prototype, "name", 2);
+__decorateClass([
+  property({ type: String, attribute: false })
+], Ui9000NumberInput.prototype, "value", 2);
+Ui9000NumberInput = __decorateClass([
+  customElement("ui9000-number-input")
+], Ui9000NumberInput);
+function registerNumberInput() {
+  if (!customElements.get("ui9000-number-input")) {
+    customElements.define("ui9000-number-input", Ui9000NumberInput);
+  }
+}
+export {
+  Ui9000NumberInput,
+  registerNumberInput
+};
+//# sourceMappingURL=ui9000-number-input.js.map

package/dist/components/number-input/element/ui9000-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-number-input.js","sources":["../../../../src/components/number-input/element/ui9000-number-input.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseLabelledField } from '../../../lib/labelled-control.js';\n\n@customElement('ui9000-number-input')\nexport class Ui9000NumberInput extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' }) dataJson = '{}';\n  @property({ type: String }) label = '';\n  @property({ type: String }) name = '';\n  @property({ type: String, attribute: false }) value?: string;\n\n  override render() {\n    const field = parseLabelledField(this.dataJson, {\n      label: this.label,\n      name: this.name,\n      value: this.value,\n    });\n    if (!field) return html`<p class=\"blocked\" role=\"alert\">Label required</p>`;\n    return html`\n      <div class=\"root\">\n        <label for=${field.name}>${field.label}</label>\n        <input\n          class=\"field\"\n          id=${field.name}\n          name=${field.name}\n          type=\"number\"\n          .value=${field.value}\n          @input=${(e: Event) => {\n            this.value = (e.target as HTMLInputElement).value;\n          }}\n        />\n      </div>\n    `;\n  }\n}\n\nexport function registerNumberInput(): void {\n  if (!customElements.get('ui9000-number-input')) {\n    customElements.define('ui9000-number-input', Ui9000NumberInput);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-number-input': Ui9000NumberInput;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAG0C,SAAA,WAAW;AAC9B,SAAA,QAAQ;AACR,SAAA,OAAO;AAAA,EAAA;AAAA,EAG1B,SAAS;AAChB,UAAM,QAAQ,mBAAmB,KAAK,UAAU;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,IAAA,CACb;AACD,QAAI,CAAC,MAAO,QAAO;AACnB,WAAO;AAAA;AAAA,qBAEU,MAAM,IAAI,IAAI,MAAM,KAAK;AAAA;AAAA;AAAA,eAG/B,MAAM,IAAI;AAAA,iBACR,MAAM,IAAI;AAAA;AAAA,mBAER,MAAM,KAAK;AAAA,mBACX,CAAC,MAAa;AACrB,WAAK,QAAS,EAAE,OAA4B;AAAA,IAC9C,CAAC;AAAA;AAAA;AAAA;AAAA,EAIT;AACF;AA/Ba,kBACK,SAAS;AAEsB,gBAAA;AAAA,EAA9C,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,kBAGoC,WAAA,YAAA,CAAA;AACnB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,kBAIiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALf,kBAKiB,WAAA,QAAA,CAAA;AACkB,gBAAA;AAAA,EAA7C,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GANjC,kBAMmC,WAAA,SAAA,CAAA;AANnC,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;AAiCN,SAAS,sBAA4B;AAC1C,MAAI,CAAC,eAAe,IAAI,qBAAqB,GAAG;AAC9C,mBAAe,OAAO,uBAAuB,iBAAiB;AAAA,EAChE;AACF;"}

package/dist/components/number-input/index.d.ts

@@ -0,0 +1,3 @@
+export { Ui9000NumberInput, registerNumberInput } from './element/ui9000-number-input.js';
+export { default as numberInputMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/number-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/number-input/index.js

@@ -0,0 +1,9 @@
+import { registerNumberInput } from "./element/ui9000-number-input.js";
+import { Ui9000NumberInput } from "./element/ui9000-number-input.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000NumberInput,
+  default2 as numberInputMetadata,
+  registerNumberInput
+};
+//# sourceMappingURL=index.js.map

package/dist/components/number-input/index.js.map

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

package/dist/components/number-input/metadata.json.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+  "id": "number-input",
+  "tag": "ui9000-number-input",
+  "title": "Number input",
+  "description": "Number input control. Fail-closed without a label.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/number-input",
+  "entry": "@ui9000/widgets/number-input",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "form"
+  ],
+  "dataRoles": [
+    {
+      "id": "value",
+      "required": false,
+      "description": "Control value."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.allControlsLabelled && profile.controlCount >= 1",
+      "reason": "Form controls are eligible when every control has a label."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.allControlsLabelled",
+      "reason": "Unlabelled control is refused."
+    },
+    {
+      "when": "profile.controlCount === 0",
+      "reason": "No controls to render."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "label",
+    "keyboard": [
+      "Tab into the labelled control"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "number-input-picks-labelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": true,
+        "controlCount": 1
+      },
+      "expect": "eligible",
+      "reasonIncludes": "label"
+    },
+    {
+      "id": "number-input-rejects-unlabelled",
+      "intent": "form",
+      "profile": {
+        "allControlsLabelled": false,
+        "controlCount": 1
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "Unlabelled"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "value": {}
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;

package/dist/components/number-input/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "number-input";
+const tag = "ui9000-number-input";
+const title = "Number input";
+const description = "Number input control. Fail-closed without a label.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/number-input";
+const entry = "@ui9000/widgets/number-input";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["resize"];
+const tier = "engine";
+const intents = ["form"];
+const dataRoles = [{ "id": "value", "required": false, "description": "Control value." }];
+const eligibility = [{ "when": "profile.allControlsLabelled && profile.controlCount >= 1", "reason": "Form controls are eligible when every control has a label." }];
+const disqualify = [{ "when": "!profile.allControlsLabelled", "reason": "Unlabelled control is refused." }, { "when": "profile.controlCount === 0", "reason": "No controls to render." }];
+const accessibility = { "nameFrom": "label", "keyboard": ["Tab into the labelled control"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "number-input-picks-labelled", "intent": "form", "profile": { "allControlsLabelled": true, "controlCount": 1 }, "expect": "eligible", "reasonIncludes": "label" }, { "id": "number-input-rejects-unlabelled", "intent": "form", "profile": { "allControlsLabelled": false, "controlCount": 1 }, "expect": "disqualified", "reasonIncludes": "Unlabelled" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "properties": { "label": { "type": "string" }, "name": { "type": "string" }, "value": {} } } }, "required": ["data"] };
+const metadata = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
+  propsSchema
+};
+export {
+  accessibility,
+  allowedActions,
+  chartTypeKeys,
+  dataRoles,
+  metadata as default,
+  description,
+  disqualify,
+  eligibility,
+  entry,
+  evalCases,
+  id,
+  intents,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/number-input/metadata.json.js.map

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

package/dist/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-chart.d.ts

@@ -10,7 +10,6 @@ export declare class Ui9000ParallelCoordinatesChart extends Ui9000ChartElement {
     showTooltip: boolean;
     /** Axis whose value colours the lines; clicking an axis changes it. */
     colorKey: string;
-    private _tooltip;
     private _activeColorKey;
     private _empty;
     private _resizeObserver?;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-parallel-coordinates-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAO7F,OAAO,EAKL,KAAK,8BAA8B,EACpC,MAAM,iBAAiB,CAAC;AAWzB,qBACa,8BAA+B,SAAQ,kBAAkB;IACpE,OAAgB,MAAM,4BAAiD;IAEvE,0EAA0E;IAE1E,WAAW,EAAE,8BAA8B,GAAG,EAAE,CAAM;IAEtD,qEAAqE;IAErE,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,uEAAuE;IAEvE,QAAQ,SAAM;IAGd,OAAO,CAAC,QAAQ,CAAsB;IAGtC,OAAO,CAAC,eAAe,CAAM;IAG7B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,IAAI;IAmDH,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mCAAmC,EAAE,8BAA8B,CAAC;KACrE;CACF;AAED,wBAAgB,gCAAgC,IAAI,IAAI,CAOvD"}
+{"version":3,"file":"ui9000-parallel-coordinates-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAO7F,OAAO,EAKL,KAAK,8BAA8B,EACpC,MAAM,iBAAiB,CAAC;AAIzB,qBACa,8BAA+B,SAAQ,kBAAkB;IACpE,OAAgB,MAAM,4BAAiD;IAEvE,0EAA0E;IAE1E,WAAW,EAAE,8BAA8B,GAAG,EAAE,CAAM;IAEtD,qEAAqE;IAErE,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,uEAAuE;IAEvE,QAAQ,SAAM;IAGd,OAAO,CAAC,eAAe,CAAM;IAG7B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,IAAI;IA4CH,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mCAAmC,EAAE,8BAA8B,CAAC;KACrE;CACF;AAED,wBAAgB,gCAAgC,IAAI,IAAI,CAOvD"}

package/dist/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-chart.js

@@ -4,10 +4,10 @@ import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { readThemeFromElement } from "../../../context/widget-context.js";
 import { parseJsonAttr, getParallelCoordinatesDimensions } from "../../../utils/chart-helpers.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
-import { renderParallelCoordinatesChart } from "../render/draw.js";
-import { parallelCoordinatesStyles } from "./styles.js";
 import { normalizeParallelCoordinatesData } from "../lib/normalize.js";
 import { formatTooltipValue } from "../lib/format.js";
+import { renderParallelCoordinatesChart } from "../render/draw.js";
+import { parallelCoordinatesStyles } from "./styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -26,7 +26,6 @@ let Ui9000ParallelCoordinatesChart = class extends Ui9000ChartElement {
     this.showLegend = true;
     this.showTooltip = true;
     this.colorKey = "";
-    this._tooltip = null;
     this._activeColorKey = "";
     this._empty = false;
     this._raf = 0;
@@ -92,20 +91,15 @@ let Ui9000ParallelCoordinatesChart = class extends Ui9000ChartElement {
         this._activeColorKey = key;
       },
       onRowHover: this.showTooltip ? ({ row, event }) => {
-        const rect = this.getBoundingClientRect();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          id: model.idKey ? `${model.idKey}: ${row.id}` : row.id,
+        this.openTooltip(event, {
+          title: row.id,
           rows: model.axes.map((key) => ({
-            key,
+            label: key,
             value: formatTooltipValue(row.values[key])
           }))
-        };
+        });
       } : void 0,
-      onRowLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onRowLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -121,20 +115,6 @@ let Ui9000ParallelCoordinatesChart = class extends Ui9000ChartElement {
             </div>
           </div>
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
-          ${this._tooltip ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                <div class="name">${this._tooltip.id}</div>
-                ${this._tooltip.rows.map(
-      (row) => html`<div
-                    class="row ${row.key === (this.colorKey || this._activeColorKey) ? "is-active" : ""}"
-                  >
-                    <span>${row.key}</span><span>${row.value}</span>
-                  </div>`
-    )}
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -154,9 +134,6 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "color-key" })
 ], Ui9000ParallelCoordinatesChart.prototype, "colorKey", 2);
-__decorateClass([
-  state()
-], Ui9000ParallelCoordinatesChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000ParallelCoordinatesChart.prototype, "_activeColorKey", 2);

package/dist/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-parallel-coordinates-chart.js","sources":["../../../../src/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-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 {\n  getParallelCoordinatesDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatTooltipValue,\n  normalizeParallelCoordinatesData,\n  type ParallelCoordinatesInput,\n  type ParallelCoordinatesModel,\n  type ParallelCoordinatesOrientation,\n} from '../lib/index.js';\nimport { renderParallelCoordinatesChart } from '../render/draw.js';\nimport { parallelCoordinatesStyles } from './styles.js';\n\ntype TooltipState = {\n  x: number;\n  y: number;\n  id: string;\n  rows: Array<{ key: string; value: string }>;\n} | null;\n\n@customElement('ui9000-parallel-coordinates-chart')\nexport class Ui9000ParallelCoordinatesChart extends Ui9000ChartElement {\n  static override styles = [parallelCoordinatesStyles, chartShellStyles];\n\n  /** Overrides the widget's own `orientation` when set to a known value. */\n  @property({ type: String })\n  orientation: ParallelCoordinatesOrientation | '' = '';\n\n  /** Shows the colour ramp for the active axis in the right gutter. */\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  /** Axis whose value colours the lines; clicking an axis changes it. */\n  @property({ type: String, attribute: 'color-key' })\n  colorKey = '';\n\n  @state()\n  private _tooltip: TooltipState = null;\n\n  @state()\n  private _activeColorKey = '';\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 firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n    if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n  }\n\n  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(): ParallelCoordinatesModel {\n    const raw = parseJsonAttr<ParallelCoordinatesInput>(this.dataJson, []);\n    const model = normalizeParallelCoordinatesData(raw);\n    if (this.orientation === 'horizontal' || this.orientation === 'vertical') {\n      return { ...model, orientation: this.orientation };\n    }\n    return model;\n  }\n\n  private draw(): void {\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as HTMLElement | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!scroll || !root) return;\n\n    const model = this.parseData();\n    this._empty = model.axes.length === 0 || model.rows.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const { width, margin } = getParallelCoordinatesDimensions(scroll, model.orientation);\n    const theme = readThemeFromElement(this);\n    const colorKey = this.colorKey || this._activeColorKey || model.colorKey;\n\n    renderParallelCoordinatesChart(root, {\n      model,\n      width,\n      height: scroll.clientHeight || 300,\n      margin,\n      theme,\n      orientation: model.orientation,\n      showLegend: this.showLegend,\n      colorKey,\n      ...this.axisLabelHandlers(),\n      onColorKeyChange: (key) => {\n        this._activeColorKey = key;\n      },\n      onRowHover: this.showTooltip\n        ? ({ row, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              id: model.idKey ? `${model.idKey}: ${row.id}` : row.id,\n              rows: model.axes.map((key) => ({\n                key,\n                value: formatTooltipValue(row.values[key]),\n              })),\n            };\n          }\n        : undefined,\n      onRowLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const orientation = this.parseData().orientation;\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            <div class=\"chart-scroll\" part=\"scroll\" data-orientation=${orientation}>\n              <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n            </div>\n          </div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"name\">${this._tooltip.id}</div>\n                ${this._tooltip.rows.map(\n                  (row) => html`<div\n                    class=\"row ${row.key === (this.colorKey || this._activeColorKey)\n                      ? 'is-active'\n                      : ''}\"\n                  >\n                    <span>${row.key}</span><span>${row.value}</span>\n                  </div>`,\n                )}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-parallel-coordinates-chart': Ui9000ParallelCoordinatesChart;\n  }\n}\n\nexport function registerParallelCoordinatesChart(): void {\n  if (!customElements.get('ui9000-parallel-coordinates-chart')) {\n    customElements.define(\n      'ui9000-parallel-coordinates-chart',\n      Ui9000ParallelCoordinatesChart,\n    );\n  }\n}\n\nregisterParallelCoordinatesChart();\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BO,IAAM,iCAAN,cAA6C,mBAAmB;AAAA,EAAhE,cAAA;AAAA,UAAA,GAAA,SAAA;AAKL,SAAA,cAAmD;AAInD,SAAA,aAAa;AAGb,SAAA,cAAc;AAId,SAAA,WAAW;AAGX,SAAQ,WAAyB;AAGjC,SAAQ,kBAAkB;AAG1B,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,eAAqB;;AAC5B,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,UAAM,UAAS,UAAK,eAAL,mBAAiB,cAAc;AAC9C,QAAI,gBAAgB,YAAa,YAAK,oBAAL,mBAAsB,QAAQ;AAC/D,QAAI,kBAAkB,YAAa,YAAK,oBAAL,mBAAsB,QAAQ;AAAA,EACnE;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,YAAsC;AAC5C,UAAM,MAAM,cAAwC,KAAK,UAAU,CAAA,CAAE;AACrE,UAAM,QAAQ,iCAAiC,GAAG;AAClD,QAAI,KAAK,gBAAgB,gBAAgB,KAAK,gBAAgB,YAAY;AACxE,aAAO,EAAE,GAAG,OAAO,aAAa,KAAK,YAAA;AAAA,IACvC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,OAAa;;AACnB,UAAM,UAAS,UAAK,eAAL,mBAAiB,cAAc;AAC9C,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,UAAU,CAAC,KAAM;AAEtB,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS,MAAM,KAAK,WAAW,KAAK,MAAM,KAAK,WAAW;AAC/D,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,OAAA,IAAW,iCAAiC,QAAQ,MAAM,WAAW;AACpF,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,WAAW,KAAK,YAAY,KAAK,mBAAmB,MAAM;AAEhE,mCAA+B,MAAM;AAAA,MACnC;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,gBAAgB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,aAAa,MAAM;AAAA,MACnB,YAAY,KAAK;AAAA,MACjB;AAAA,MACA,GAAG,KAAK,kBAAA;AAAA,MACR,kBAAkB,CAAC,QAAQ;AACzB,aAAK,kBAAkB;AAAA,MACzB;AAAA,MACA,YAAY,KAAK,cACb,CAAC,EAAE,KAAK,YAAY;AAClB,cAAM,OAAO,KAAK,sBAAA;AAClB,aAAK,WAAW;AAAA,UACd,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,IAAI,MAAM,QAAQ,GAAG,MAAM,KAAK,KAAK,IAAI,EAAE,KAAK,IAAI;AAAA,UACpD,MAAM,MAAM,KAAK,IAAI,CAAC,SAAS;AAAA,YAC7B;AAAA,YACA,OAAO,mBAAmB,IAAI,OAAO,GAAG,CAAC;AAAA,UAAA,EACzC;AAAA,QAAA;AAAA,MAEN,IACA;AAAA,MACJ,YAAY,KAAK,cACb,MAAM;AACJ,aAAK,WAAW;AAAA,MAClB,IACA;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,YAAA;AACnB,UAAM,cAAc,KAAK,UAAA,EAAY;AACrC,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,CAAC;AAAA;AAAA;AAAA,uEAGgC,WAAW;AAAA,6DACrB,KAAK,MAAM;AAAA;AAAA;AAAA,YAG5D,KAAK,SACH,sDACA,OAAO;AAAA,YACT,KAAK,WACH;AAAA;AAAA;AAAA,8BAGgB,KAAK,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;AAAA;AAAA,oCAElC,KAAK,SAAS,EAAE;AAAA,kBAClC,KAAK,SAAS,KAAK;AAAA,MACnB,CAAC,QAAQ;AAAA,iCACM,IAAI,SAAS,KAAK,YAAY,KAAK,mBAC5C,cACA,EAAE;AAAA;AAAA,4BAEE,IAAI,GAAG,gBAAgB,IAAI,KAAK;AAAA;AAAA,IAAA,CAE3C;AAAA,wBAEH,OAAO;AAAA,YACT,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AA5Ja,+BACK,SAAS,CAAC,2BAA2B,gBAAgB;AAIrE,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,+BAKX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAR1C,+BASX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAX3C,+BAYX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,aAAa;AAAA,GAfvC,+BAgBX,WAAA,YAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAlBI,+BAmBH,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GArBI,+BAsBH,WAAA,mBAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAxBI,+BAyBH,WAAA,UAAA,CAAA;AAzBG,iCAAN,gBAAA;AAAA,EADN,cAAc,mCAAmC;AAAA,GACrC,8BAAA;AAoKN,SAAS,mCAAyC;AACvD,MAAI,CAAC,eAAe,IAAI,mCAAmC,GAAG;AAC5D,mBAAe;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF;AAEA,iCAAA;"}
+{"version":3,"file":"ui9000-parallel-coordinates-chart.js","sources":["../../../../src/components/parallel-coordinates-chart/element/ui9000-parallel-coordinates-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 {\n  getParallelCoordinatesDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatTooltipValue,\n  normalizeParallelCoordinatesData,\n  type ParallelCoordinatesInput,\n  type ParallelCoordinatesModel,\n  type ParallelCoordinatesOrientation,\n} from '../lib/index.js';\nimport { renderParallelCoordinatesChart } from '../render/draw.js';\nimport { parallelCoordinatesStyles } from './styles.js';\n\n@customElement('ui9000-parallel-coordinates-chart')\nexport class Ui9000ParallelCoordinatesChart extends Ui9000ChartElement {\n  static override styles = [parallelCoordinatesStyles, chartShellStyles];\n\n  /** Overrides the widget's own `orientation` when set to a known value. */\n  @property({ type: String })\n  orientation: ParallelCoordinatesOrientation | '' = '';\n\n  /** Shows the colour ramp for the active axis in the right gutter. */\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  /** Axis whose value colours the lines; clicking an axis changes it. */\n  @property({ type: String, attribute: 'color-key' })\n  colorKey = '';\n\n  @state()\n  private _activeColorKey = '';\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 firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n    if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n  }\n\n  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(): ParallelCoordinatesModel {\n    const raw = parseJsonAttr<ParallelCoordinatesInput>(this.dataJson, []);\n    const model = normalizeParallelCoordinatesData(raw);\n    if (this.orientation === 'horizontal' || this.orientation === 'vertical') {\n      return { ...model, orientation: this.orientation };\n    }\n    return model;\n  }\n\n  private draw(): void {\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as HTMLElement | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!scroll || !root) return;\n\n    const model = this.parseData();\n    this._empty = model.axes.length === 0 || model.rows.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const { width, margin } = getParallelCoordinatesDimensions(scroll, model.orientation);\n    const theme = readThemeFromElement(this);\n    const colorKey = this.colorKey || this._activeColorKey || model.colorKey;\n\n    renderParallelCoordinatesChart(root, {\n      model,\n      width,\n      height: scroll.clientHeight || 300,\n      margin,\n      theme,\n      orientation: model.orientation,\n      showLegend: this.showLegend,\n      colorKey,\n      ...this.axisLabelHandlers(),\n      onColorKeyChange: (key) => {\n        this._activeColorKey = key;\n      },\n      onRowHover: this.showTooltip\n        ? ({ row, event }) => {\n            this.openTooltip(event, {\n              title: row.id,\n              rows: model.axes.map((key) => ({\n                label: key,\n                value: formatTooltipValue(row.values[key]),\n              })),\n            });\n          }\n        : undefined,\n      onRowLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const orientation = this.parseData().orientation;\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            <div class=\"chart-scroll\" part=\"scroll\" data-orientation=${orientation}>\n              <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n            </div>\n          </div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-parallel-coordinates-chart': Ui9000ParallelCoordinatesChart;\n  }\n}\n\nexport function registerParallelCoordinatesChart(): void {\n  if (!customElements.get('ui9000-parallel-coordinates-chart')) {\n    customElements.define(\n      'ui9000-parallel-coordinates-chart',\n      Ui9000ParallelCoordinatesChart,\n    );\n  }\n}\n\nregisterParallelCoordinatesChart();\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBO,IAAM,iCAAN,cAA6C,mBAAmB;AAAA,EAAhE,cAAA;AAAA,UAAA,GAAA,SAAA;AAKL,SAAA,cAAmD;AAInD,SAAA,aAAa;AAGb,SAAA,cAAc;AAId,SAAA,WAAW;AAGX,SAAQ,kBAAkB;AAG1B,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,eAAqB;;AAC5B,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,UAAM,UAAS,UAAK,eAAL,mBAAiB,cAAc;AAC9C,QAAI,gBAAgB,YAAa,YAAK,oBAAL,mBAAsB,QAAQ;AAC/D,QAAI,kBAAkB,YAAa,YAAK,oBAAL,mBAAsB,QAAQ;AAAA,EACnE;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,YAAsC;AAC5C,UAAM,MAAM,cAAwC,KAAK,UAAU,CAAA,CAAE;AACrE,UAAM,QAAQ,iCAAiC,GAAG;AAClD,QAAI,KAAK,gBAAgB,gBAAgB,KAAK,gBAAgB,YAAY;AACxE,aAAO,EAAE,GAAG,OAAO,aAAa,KAAK,YAAA;AAAA,IACvC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,OAAa;;AACnB,UAAM,UAAS,UAAK,eAAL,mBAAiB,cAAc;AAC9C,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,UAAU,CAAC,KAAM;AAEtB,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS,MAAM,KAAK,WAAW,KAAK,MAAM,KAAK,WAAW;AAC/D,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,OAAA,IAAW,iCAAiC,QAAQ,MAAM,WAAW;AACpF,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,WAAW,KAAK,YAAY,KAAK,mBAAmB,MAAM;AAEhE,mCAA+B,MAAM;AAAA,MACnC;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,gBAAgB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,aAAa,MAAM;AAAA,MACnB,YAAY,KAAK;AAAA,MACjB;AAAA,MACA,GAAG,KAAK,kBAAA;AAAA,MACR,kBAAkB,CAAC,QAAQ;AACzB,aAAK,kBAAkB;AAAA,MACzB;AAAA,MACA,YAAY,KAAK,cACb,CAAC,EAAE,KAAK,YAAY;AAClB,aAAK,YAAY,OAAO;AAAA,UACtB,OAAO,IAAI;AAAA,UACX,MAAM,MAAM,KAAK,IAAI,CAAC,SAAS;AAAA,YAC7B,OAAO;AAAA,YACP,OAAO,mBAAmB,IAAI,OAAO,GAAG,CAAC;AAAA,UAAA,EACzC;AAAA,QAAA,CACH;AAAA,MACH,IACA;AAAA,MACJ,YAAY,KAAK,cAAc,MAAM,KAAK,iBAAiB;AAAA,IAAA,CAC5D;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,YAAA;AACnB,UAAM,cAAc,KAAK,UAAA,EAAY;AACrC,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,CAAC;AAAA;AAAA;AAAA,uEAGgC,WAAW;AAAA,6DACrB,KAAK,MAAM;AAAA;AAAA;AAAA,YAG5D,KAAK,SACH,sDACA,OAAO;AAAA,YACT,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AAhIa,+BACK,SAAS,CAAC,2BAA2B,gBAAgB;AAIrE,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJf,+BAKX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAR1C,+BASX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAX3C,+BAYX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,aAAa;AAAA,GAfvC,+BAgBX,WAAA,YAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAlBI,+BAmBH,WAAA,mBAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GArBI,+BAsBH,WAAA,UAAA,CAAA;AAtBG,iCAAN,gBAAA;AAAA,EADN,cAAc,mCAAmC;AAAA,GACrC,8BAAA;AAwIN,SAAS,mCAAyC;AACvD,MAAI,CAAC,eAAe,IAAI,mCAAmC,GAAG;AAC5D,mBAAe;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF;AAEA,iCAAA;"}

package/dist/components/parallel-coordinates-chart/index.js

@@ -1,10 +1,10 @@
 import { registerParallelCoordinatesChart } from "./element/ui9000-parallel-coordinates-chart.js";
 import { Ui9000ParallelCoordinatesChart } from "./element/ui9000-parallel-coordinates-chart.js";
-import { default as default2 } from "./metadata.json.js";
-import { AXIS_TITLE_MAX, formatAxisTick, formatTooltipValue } from "./lib/format.js";
+import { renderParallelCoordinatesChart } from "./render/draw.js";
 import { MAX_PARALLEL_LINES, normalizeParallelCoordinatesData, resolveParallelFormatting } from "./lib/normalize.js";
 import { axisExtent, axisExtents, tickCountForSpan } from "./lib/domain.js";
-import { renderParallelCoordinatesChart } from "./render/draw.js";
+import { AXIS_TITLE_MAX, formatAxisTick, formatTooltipValue } from "./lib/format.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   AXIS_TITLE_MAX,
   MAX_PARALLEL_LINES,

package/dist/components/partial-dependence-chart/element/ui9000-partial-dependence-chart.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-partial-dependence-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/partial-dependence-chart/element/ui9000-partial-dependence-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;AAiB3D,qBACa,4BAA6B,SAAQ,kBAAkB;IAClE,OAAgB,MAAM,4BAA+C;IAGrE,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;IAMjB,oFAAoF;IACpF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,IAAI;IAkDH,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,4BAA4B,CAAC;KACjE;CACF;AAED,wBAAgB,8BAA8B,IAAI,IAAI,CAIrD"}
+{"version":3,"file":"ui9000-partial-dependence-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/partial-dependence-chart/element/ui9000-partial-dependence-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;AAiB3D,qBACa,4BAA6B,SAAQ,kBAAkB;IAClE,OAAgB,MAAM,4BAA+C;IAGrE,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;IAMjB,oFAAoF;IACpF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,IAAI;IA2CH,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,4BAA4B,CAAC;KACjE;CACF;AAED,wBAAgB,8BAA8B,IAAI,IAAI,CAIrD"}