@fusedashlabs/widgets 0.2.0 → 0.4.0

package/dist/components/radial-bar-chart/lib/normalize.js

@@ -0,0 +1,92 @@
+import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
+import { isFuseWidgetPayload, firstField, rowsOf, resolveUniqueValuesOrder } from "../../../utils/fuse-widget.js";
+import { resolveWidgetFormatting } from "../../../utils/chart-formatting/from-fuse-widget.js";
+const EMPTY = { bars: [], legend: [] };
+function isLabelValueArray(input) {
+  if (!Array.isArray(input) || !input.length) return false;
+  const first = input[0];
+  return !!first && typeof first === "object" && "label" in first && "value" in first;
+}
+function isPointsPayload(input) {
+  return !!input && typeof input === "object" && Array.isArray(input.points);
+}
+function parseRows(rows) {
+  const parsed = [];
+  for (const row of rows) {
+    const key = row.key;
+    const value = Number(row.value);
+    if (key == null || key === "" || !Number.isFinite(value)) continue;
+    parsed.push({ key: String(key), label: String(key), value });
+  }
+  return parsed;
+}
+function buildModel(parsed, orderedKeys, colorFor) {
+  if (!parsed.length) return EMPTY;
+  const byKey = new Map(parsed.map((row) => [row.key, row]));
+  const legend = orderedKeys.map((key) => byKey.get(key)).filter((row) => row != null).map((row) => ({ ...row, color: colorFor(row.key, orderedKeys.length) }));
+  return { bars: [...legend].reverse(), legend };
+}
+function fromFuseWidget(widget) {
+  var _a, _b;
+  const xKey = firstField(widget.xAxe ?? void 0);
+  const yKey = firstField(widget.yAxe ?? void 0);
+  if (!xKey || !yKey) return EMPTY;
+  const parsed = parseRows(
+    rowsOf(widget).map((row) => ({ key: row[xKey], value: row[yKey] }))
+  );
+  const orderKey = ((_b = (_a = widget.uniqueValues) == null ? void 0 : _a[xKey]) == null ? void 0 : _b.length) ? xKey : Object.keys(widget.uniqueValues ?? {})[0];
+  const orderedKeys = resolveUniqueValuesOrder(
+    parsed.map((row) => row.key),
+    widget.uniqueValues,
+    orderKey
+  );
+  const formatting = resolveWidgetFormatting(widget);
+  const model = buildModel(
+    parsed,
+    orderedKeys,
+    (key, count) => resolveFormattingColor(formatting, key, count)
+  );
+  return {
+    ...model,
+    xField: xKey,
+    yField: yKey,
+    axisDetails: widget.axisDetails ?? void 0
+  };
+}
+function fromLabelValue(rows) {
+  const parsed = parseRows(
+    rows.map((row) => ({ key: row.label, value: row.value }))
+  );
+  const colorByKey = new Map(
+    rows.filter((row) => row.color).map((row) => [String(row.label), row.color])
+  );
+  const formatting = parsed.map((row, index) => ({
+    key: row.key,
+    color: String(index % 12 + 1)
+  }));
+  return buildModel(
+    parsed,
+    parsed.map((row) => row.key),
+    (key, count) => colorByKey.get(key) ?? resolveFormattingColor(formatting, key, count)
+  );
+}
+function normalizeRadialBarData(input) {
+  if (!input) return EMPTY;
+  if (Array.isArray(input)) {
+    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;
+  }
+  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);
+  if (isPointsPayload(input)) {
+    return fromLabelValue(
+      input.points.map((point) => ({ label: String(point.x), value: point.y }))
+    );
+  }
+  if (Array.isArray(input.bars)) {
+    return input;
+  }
+  return EMPTY;
+}
+export {
+  normalizeRadialBarData
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/radial-bar-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/radial-bar-chart/lib/normalize.ts"],"sourcesContent":["import { resolveWidgetFormatting } from '../../../utils/chart-formatting/index.js';\nimport { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport {\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type {\n  RadialBarChartData,\n  RadialBarDatum,\n  RadialBarLabelValue,\n  RadialBarModel,\n  RadialBarPoints,\n} from './types.js';\n\nconst EMPTY: RadialBarModel = { bars: [], legend: [] };\n\ntype ParsedRow = { key: string; label: string; value: number };\n\nfunction isLabelValueArray(input: unknown): input is RadialBarLabelValue[] {\n  if (!Array.isArray(input) || !input.length) return false;\n  const first = input[0] as Record<string, unknown> | null;\n  return !!first && typeof first === 'object' && 'label' in first && 'value' in first;\n}\n\nfunction isPointsPayload(input: unknown): input is RadialBarPoints {\n  return (\n    !!input &&\n    typeof input === 'object' &&\n    Array.isArray((input as RadialBarPoints).points)\n  );\n}\n\nfunction parseRows(\n  rows: Array<{ key: unknown; value: unknown }>,\n): ParsedRow[] {\n  const parsed: ParsedRow[] = [];\n  for (const row of rows) {\n    const key = row.key;\n    const value = Number(row.value);\n    if (key == null || key === '' || !Number.isFinite(value)) continue;\n    parsed.push({ key: String(key), label: String(key), value });\n  }\n  return parsed;\n}\n\n/**\n * Rings sit in `uniqueValues` order reversed (client sorts then `.reverse()`),\n * while the legend keeps the original order.\n */\nfunction buildModel(\n  parsed: ParsedRow[],\n  orderedKeys: string[],\n  colorFor: (key: string, count: number) => string,\n): RadialBarModel {\n  if (!parsed.length) return EMPTY;\n\n  const byKey = new Map(parsed.map((row) => [row.key, row]));\n  const legend: RadialBarDatum[] = orderedKeys\n    .map((key) => byKey.get(key))\n    .filter((row): row is ParsedRow => row != null)\n    .map((row) => ({ ...row, color: colorFor(row.key, orderedKeys.length) }));\n\n  return { bars: [...legend].reverse(), legend };\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): RadialBarModel {\n  const xKey = firstField(widget.xAxe ?? undefined);\n  const yKey = firstField(widget.yAxe ?? undefined);\n  if (!xKey || !yKey) return EMPTY;\n\n  const parsed = parseRows(\n    rowsOf(widget).map((row) => ({ key: row[xKey], value: row[yKey] })),\n  );\n  // Client reads the category order from `uniqueValues[xAxe]` and falls back to\n  // the first `uniqueValues` key for the legend.\n  const orderKey = widget.uniqueValues?.[xKey]?.length\n    ? xKey\n    : Object.keys(widget.uniqueValues ?? {})[0];\n  const orderedKeys = resolveUniqueValuesOrder(\n    parsed.map((row) => row.key),\n    widget.uniqueValues,\n    orderKey,\n  );\n\n  const formatting = resolveWidgetFormatting(widget);\n  const model = buildModel(parsed, orderedKeys, (key, count) =>\n    resolveFormattingColor(formatting, key, count),\n  );\n\n  return {\n    ...model,\n    xField: xKey,\n    yField: yKey,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\nfunction fromLabelValue(rows: RadialBarLabelValue[]): RadialBarModel {\n  const parsed = parseRows(\n    rows.map((row) => ({ key: row.label, value: row.value })),\n  );\n  const colorByKey = new Map(\n    rows\n      .filter((row) => row.color)\n      .map((row) => [String(row.label), row.color as string]),\n  );\n  // Chat payloads carry no formatting, so generate the same 1-based color\n  // indices `getUniversalFormatting` would have produced for a widget.\n  const formatting = parsed.map((row, index) => ({\n    key: row.key,\n    color: String((index % 12) + 1),\n  }));\n\n  return buildModel(\n    parsed,\n    parsed.map((row) => row.key),\n    (key, count) => colorByKey.get(key) ?? resolveFormattingColor(formatting, key, count),\n  );\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into radial bar rings. */\nexport function normalizeRadialBarData(\n  input: RadialBarChartData,\n): RadialBarModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);\n\n  if (isPointsPayload(input)) {\n    return fromLabelValue(\n      input.points.map((point) => ({ label: String(point.x), value: point.y })),\n    );\n  }\n\n  if (Array.isArray((input as RadialBarModel).bars)) {\n    return input as RadialBarModel;\n  }\n\n  return EMPTY;\n}\n"],"names":[],"mappings":";;;AAiBA,MAAM,QAAwB,EAAE,MAAM,IAAI,QAAQ,CAAA,EAAC;AAInD,SAAS,kBAAkB,OAAgD;AACzE,MAAI,CAAC,MAAM,QAAQ,KAAK,KAAK,CAAC,MAAM,OAAQ,QAAO;AACnD,QAAM,QAAQ,MAAM,CAAC;AACrB,SAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,WAAW,SAAS,WAAW;AAChF;AAEA,SAAS,gBAAgB,OAA0C;AACjE,SACE,CAAC,CAAC,SACF,OAAO,UAAU,YACjB,MAAM,QAAS,MAA0B,MAAM;AAEnD;AAEA,SAAS,UACP,MACa;AACb,QAAM,SAAsB,CAAA;AAC5B,aAAW,OAAO,MAAM;AACtB,UAAM,MAAM,IAAI;AAChB,UAAM,QAAQ,OAAO,IAAI,KAAK;AAC9B,QAAI,OAAO,QAAQ,QAAQ,MAAM,CAAC,OAAO,SAAS,KAAK,EAAG;AAC1D,WAAO,KAAK,EAAE,KAAK,OAAO,GAAG,GAAG,OAAO,OAAO,GAAG,GAAG,MAAA,CAAO;AAAA,EAC7D;AACA,SAAO;AACT;AAMA,SAAS,WACP,QACA,aACA,UACgB;AAChB,MAAI,CAAC,OAAO,OAAQ,QAAO;AAE3B,QAAM,QAAQ,IAAI,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;AACzD,QAAM,SAA2B,YAC9B,IAAI,CAAC,QAAQ,MAAM,IAAI,GAAG,CAAC,EAC3B,OAAO,CAAC,QAA0B,OAAO,IAAI,EAC7C,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,OAAO,SAAS,IAAI,KAAK,YAAY,MAAM,IAAI;AAE1E,SAAO,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,QAAA,GAAW,OAAA;AACxC;AAEA,SAAS,eAAe,QAAwC;;AAC9D,QAAM,OAAO,WAAW,OAAO,QAAQ,MAAS;AAChD,QAAM,OAAO,WAAW,OAAO,QAAQ,MAAS;AAChD,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAE3B,QAAM,SAAS;AAAA,IACb,OAAO,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,IAAI,IAAI,GAAG,OAAO,IAAI,IAAI,IAAI;AAAA,EAAA;AAIpE,QAAM,aAAW,kBAAO,iBAAP,mBAAsB,UAAtB,mBAA6B,UAC1C,OACA,OAAO,KAAK,OAAO,gBAAgB,CAAA,CAAE,EAAE,CAAC;AAC5C,QAAM,cAAc;AAAA,IAClB,OAAO,IAAI,CAAC,QAAQ,IAAI,GAAG;AAAA,IAC3B,OAAO;AAAA,IACP;AAAA,EAAA;AAGF,QAAM,aAAa,wBAAwB,MAAM;AACjD,QAAM,QAAQ;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAa,CAAC,KAAK,UAClD,uBAAuB,YAAY,KAAK,KAAK;AAAA,EAAA;AAG/C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,aAAa,OAAO,eAAe;AAAA,EAAA;AAEvC;AAEA,SAAS,eAAe,MAA6C;AACnE,QAAM,SAAS;AAAA,IACb,KAAK,IAAI,CAAC,SAAS,EAAE,KAAK,IAAI,OAAO,OAAO,IAAI,QAAQ;AAAA,EAAA;AAE1D,QAAM,aAAa,IAAI;AAAA,IACrB,KACG,OAAO,CAAC,QAAQ,IAAI,KAAK,EACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,KAAK,GAAG,IAAI,KAAe,CAAC;AAAA,EAAA;AAI1D,QAAM,aAAa,OAAO,IAAI,CAAC,KAAK,WAAW;AAAA,IAC7C,KAAK,IAAI;AAAA,IACT,OAAO,OAAQ,QAAQ,KAAM,CAAC;AAAA,EAAA,EAC9B;AAEF,SAAO;AAAA,IACL;AAAA,IACA,OAAO,IAAI,CAAC,QAAQ,IAAI,GAAG;AAAA,IAC3B,CAAC,KAAK,UAAU,WAAW,IAAI,GAAG,KAAK,uBAAuB,YAAY,KAAK,KAAK;AAAA,EAAA;AAExF;AAGO,SAAS,uBACd,OACgB;AAChB,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,kBAAkB,KAAK,IAAI,eAAe,KAAK,IAAI;AAAA,EAC5D;AAEA,MAAI,oBAAoB,KAAK,EAAG,QAAO,eAAe,KAAK;AAE3D,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO;AAAA,MACL,MAAM,OAAO,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,IAAI;AAAA,IAAA;AAAA,EAE5E;AAEA,MAAI,MAAM,QAAS,MAAyB,IAAI,GAAG;AACjD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;"}

package/dist/components/radial-bar-chart/lib/types.d.ts

@@ -0,0 +1,34 @@
+import { FuseAxisDetail } from '../../../utils/format-text.js';
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+/** One ring of the radial bar chart. */
+export interface RadialBarDatum {
+    key: string;
+    label: string;
+    value: number;
+    color: string;
+}
+export interface RadialBarModel {
+    /**
+     * Rings from the inside out. The client sorts `data` by `uniqueValues[xAxe]`
+     * and then reverses it, so the last category ends up on the innermost ring.
+     */
+    bars: RadialBarDatum[];
+    /** Legend keeps the `uniqueValues` order, i.e. the reverse of `bars`. */
+    legend: RadialBarDatum[];
+    xField?: string;
+    yField?: string;
+    axisDetails?: Record<string, FuseAxisDetail>;
+}
+export type RadialBarLabelValue = {
+    label: string;
+    value: number;
+    color?: string;
+};
+export type RadialBarPoints = {
+    points: Array<{
+        x: string | number;
+        y: number;
+    }>;
+};
+export type RadialBarChartData = RadialBarLabelValue[] | RadialBarPoints | RadialBarModel | FuseWidgetLike | null | undefined;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/radial-bar-chart/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,wCAAwC;AACxC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CAC9C;AAED,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,mBAAmB,EAAE,GACrB,eAAe,GACf,cAAc,GACd,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}

package/dist/components/radial-bar-chart/metadata.json.d.ts

@@ -0,0 +1,62 @@
+declare const _default: {
+  "id": "radial-bar-chart",
+  "tag": "ui9000-radial-bar-chart",
+  "title": "Radial Bar Chart",
+  "description": "Chat-optimized radial bar chart rewritten in D3. One ring per category over a 270° sweep, no Redux.",
+  "chartTypeKeys": ["radialBarChart"],
+  "source": "client/libs/shared/components/src/Widgets/RadialBarChart/",
+  "stack": "d3",
+  "lazyImport": "@fusedashlabs/widgets/lazy/radial-bar-chart",
+  "entry": "@fusedashlabs/widgets/radial-bar-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["label", "value"],
+              "properties": {
+                "label": { "type": "string" },
+                "value": { "type": "number" },
+                "color": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "description": "FuseDash WidgetItem-shaped payload",
+            "properties": {
+              "chartType": { "type": "string" },
+              "xAxe": { "type": "array", "items": { "type": "string" } },
+              "yAxe": { "type": "array", "items": { "type": "string" } },
+              "uniqueValues": { "type": "object" },
+              "formatting": { "type": "array" },
+              "axisDetails": { "type": "object" },
+              "data": { "type": "array" }
+            }
+          }
+        ]
+      },
+      "show-grid": { "type": "boolean" },
+      "show-legend": { "type": "boolean" },
+      "show-tooltip": { "type": "boolean" },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"]
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/radial-bar-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "radial-bar-chart";
+const tag = "ui9000-radial-bar-chart";
+const title = "Radial Bar Chart";
+const description = "Chat-optimized radial bar chart rewritten in D3. One ring per category over a 270° sweep, no Redux.";
+const chartTypeKeys = ["radialBarChart"];
+const source = "client/libs/shared/components/src/Widgets/RadialBarChart/";
+const stack = "d3";
+const lazyImport = "@fusedashlabs/widgets/lazy/radial-bar-chart";
+const entry = "@fusedashlabs/widgets/radial-bar-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, { "type": "object", "description": "FuseDash WidgetItem-shaped payload", "properties": { "chartType": { "type": "string" }, "xAxe": { "type": "array", "items": { "type": "string" } }, "yAxe": { "type": "array", "items": { "type": "string" } }, "uniqueValues": { "type": "object" }, "formatting": { "type": "array" }, "axisDetails": { "type": "object" }, "data": { "type": "array" } } }] }, "show-grid": { "type": "boolean" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+const radialBarMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  radialBarMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/radial-bar-chart/metadata.json.js.map

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

package/dist/components/radial-bar-chart/render/draw.d.ts

@@ -0,0 +1,29 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { RadialBarDatum } from '../lib/types.js';
+export interface RenderRadialBarChartOptions extends AxisLabelTooltipHandlers {
+    /** Rings from the inside out. */
+    bars: RadialBarDatum[];
+    width: number;
+    height: number;
+    margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    onHover?: (payload: {
+        bar: RadialBarDatum;
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash RadialBarChart — D3 rewrite of the client widget.
+ * Rings sweep 270° clockwise from 12 o'clock; the legend lives in the Lit shell.
+ */
+export declare function renderRadialBarChart(container: HTMLElement, options: RenderRadialBarChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/render/draw.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AAWvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;IAC3E,iCAAiC;IACjC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAmJN"}

package/dist/components/radial-bar-chart/render/draw.js

@@ -0,0 +1,92 @@
+import { select } from "d3-selection";
+import { arc } from "d3-shape";
+import { decorateManualAxisLabel } from "../../../utils/axis-labels.js";
+import { FD, formatCompactNumber } from "../../../utils/fusedash-visual.js";
+import { radialBarAngleScale, radialBarOuterRadius, radialBarRadiusScale, radialBarTickAnchor, RADIAL_BAR_SWEEP, radialBarArcWidth, radialBarLabelLimit } from "../lib/domain.js";
+function drawRings(parent, radii, endAngle) {
+  const ring = arc().innerRadius((d) => d.radius).outerRadius((d) => d.radius).startAngle(0).endAngle(endAngle);
+  parent.selectAll("path").data(radii.map((radius) => ({ radius }))).enter().append("path").attr("class", "radial-grid-arc").attr("d", ring).attr("fill", "none").attr("stroke", FD.radialBarGridStroke);
+}
+function renderRadialBarChart(container, options) {
+  const {
+    bars,
+    width,
+    height,
+    margin,
+    showGrid = true,
+    showTooltip = true,
+    onHover,
+    onLeave
+  } = options;
+  container.replaceChildren();
+  if (!bars.length || width <= 0 || height <= 0) return;
+  const angleScale = radialBarAngleScale(bars.map((bar) => bar.value));
+  const ticks = angleScale.ticks(FD.radialBarTicks);
+  const outerRadius = radialBarOuterRadius(width, height, margin);
+  if (outerRadius <= 0) return;
+  const innerRadius = outerRadius * FD.radialBarInnerRadiusRatio;
+  const radiusScale = radialBarRadiusScale(innerRadius, outerRadius);
+  const ringCount = bars.length;
+  const ringInterval = (outerRadius - innerRadius) / ringCount;
+  const arcWidth = radialBarArcWidth(innerRadius, outerRadius, ringCount);
+  const rimRadius = radiusScale(outerRadius);
+  const holeRadius = radiusScale(innerRadius);
+  const endAngle = angleScale(angleScale.domain()[1]);
+  const zeroAngle = angleScale(0);
+  const ringRadius = (index) => radiusScale(innerRadius + ringInterval * index) + ringInterval / 2;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`);
+  const root = svg.append("g").attr("transform", `translate(${width / 2}, ${height / 2})`);
+  if (showGrid) {
+    drawRings(
+      root.append("g").attr("class", "radial-grid"),
+      Array.from(
+        { length: ringCount + 1 },
+        (_, i) => radiusScale(innerRadius + ringInterval * i)
+      ),
+      endAngle
+    );
+  }
+  const axisGroup = root.append("g").attr("class", "radial-axis");
+  const labelLimit = radialBarLabelLimit(innerRadius, outerRadius);
+  ticks.forEach((value) => {
+    const angle = angleScale(value) - Math.PI / 2;
+    const cos = Math.cos(angle);
+    const sin = Math.sin(angle);
+    if (showGrid) {
+      axisGroup.append("line").attr("x1", holeRadius * cos).attr("y1", holeRadius * sin).attr("x2", rimRadius * cos).attr("y2", rimRadius * sin).attr("stroke", FD.radialBarGridStroke).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-dasharray", value === 0 ? null : FD.radialBarTickDash);
+    }
+    const labelRadius = rimRadius + FD.radialBarTickLabelOffset;
+    axisGroup.append("text").attr("class", "radial-tick-label").attr("x", labelRadius * cos).attr("y", labelRadius * sin).attr("text-anchor", radialBarTickAnchor(angle)).attr("dominant-baseline", "central").attr("font-size", FD.radialBarTickLabelSize).attr("fill", FD.radialBarLabelFill).text(formatCompactNumber(value));
+  });
+  const ringLabels = root.append("g").attr("class", "radial-ring-labels");
+  bars.forEach((bar, i) => {
+    const text = ringLabels.append("text").attr("class", "radial-ring-label").attr("x", -rimRadius).attr("y", -ringRadius(i)).attr("text-anchor", "start").attr("dominant-baseline", "central").attr("font-size", FD.radialBarRingLabelSize).attr("fill", FD.radialBarLabelFill);
+    decorateManualAxisLabel(text, bar.label, {
+      maxLength: labelLimit,
+      onAxisLabelHover: options.onAxisLabelHover,
+      onAxisLabelLeave: options.onAxisLabelLeave
+    });
+  });
+  const barArc = arc().cornerRadius(FD.radialBarArcCornerRadius).innerRadius((d) => ringRadius(d.index) - arcWidth / 2).outerRadius((d) => ringRadius(d.index) + arcWidth / 2).startAngle(
+    (d) => d.value >= 0 ? zeroAngle : Math.min(angleScale(d.value), RADIAL_BAR_SWEEP)
+  ).endAngle(
+    (d) => d.value >= 0 ? Math.min(angleScale(d.value), RADIAL_BAR_SWEEP) : zeroAngle
+  );
+  const paths = root.append("g").attr("class", "radial-bars").selectAll("path").data(bars.map((bar, index) => ({ ...bar, index }))).enter().append("path").attr("class", "radial-bar").attr("d", barArc).attr("fill", (d) => d.color).attr("opacity", FD.radialBarArcOpacity);
+  if (showTooltip && onHover) {
+    paths.style("cursor", "pointer").on("mouseenter", function(event, datum) {
+      root.selectAll(".radial-bar").attr("opacity", FD.radialBarArcOpacityDimmed);
+      select(this).attr("opacity", 1);
+      onHover({ bar: datum, event });
+    }).on("mousemove", (event, datum) => {
+      onHover({ bar: datum, event });
+    }).on("mouseleave", () => {
+      root.selectAll(".radial-bar").attr("opacity", FD.radialBarArcOpacity);
+      onLeave == null ? void 0 : onLeave();
+    });
+  }
+}
+export {
+  renderRadialBarChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/radial-bar-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/radial-bar-chart/render/draw.ts"],"sourcesContent":["import { select, type Selection } from 'd3-selection';\nimport { arc } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport {\n  decorateManualAxisLabel,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport { FD, formatCompactNumber } from '../../../utils/fusedash-visual.js';\nimport {\n  RADIAL_BAR_SWEEP,\n  radialBarAngleScale,\n  radialBarArcWidth,\n  radialBarLabelLimit,\n  radialBarOuterRadius,\n  radialBarRadiusScale,\n  radialBarTickAnchor,\n} from '../lib/domain.js';\nimport type { RadialBarDatum } from '../lib/types.js';\n\nexport interface RenderRadialBarChartOptions extends AxisLabelTooltipHandlers {\n  /** Rings from the inside out. */\n  bars: RadialBarDatum[];\n  width: number;\n  height: number;\n  margin: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  onHover?: (payload: { bar: RadialBarDatum; event: MouseEvent }) => void;\n  onLeave?: () => void;\n}\n\nfunction drawRings(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  radii: number[],\n  endAngle: number,\n): void {\n  const ring = arc<{ radius: number }>()\n    .innerRadius((d) => d.radius)\n    .outerRadius((d) => d.radius)\n    .startAngle(0)\n    .endAngle(endAngle);\n\n  parent\n    .selectAll('path')\n    .data(radii.map((radius) => ({ radius })))\n    .enter()\n    .append('path')\n    .attr('class', 'radial-grid-arc')\n    .attr('d', ring)\n    .attr('fill', 'none')\n    .attr('stroke', FD.radialBarGridStroke);\n}\n\n/**\n * FuseDash RadialBarChart — D3 rewrite of the client widget.\n * Rings sweep 270° clockwise from 12 o'clock; the legend lives in the Lit shell.\n */\nexport function renderRadialBarChart(\n  container: HTMLElement,\n  options: RenderRadialBarChartOptions,\n): void {\n  const {\n    bars,\n    width,\n    height,\n    margin,\n    showGrid = true,\n    showTooltip = true,\n    onHover,\n    onLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!bars.length || width <= 0 || height <= 0) return;\n\n  const angleScale = radialBarAngleScale(bars.map((bar) => bar.value));\n  const ticks = angleScale.ticks(FD.radialBarTicks);\n\n  const outerRadius = radialBarOuterRadius(width, height, margin);\n  if (outerRadius <= 0) return;\n\n  const innerRadius = outerRadius * FD.radialBarInnerRadiusRatio;\n  const radiusScale = radialBarRadiusScale(innerRadius, outerRadius);\n  const ringCount = bars.length;\n  const ringInterval = (outerRadius - innerRadius) / ringCount;\n  const arcWidth = radialBarArcWidth(innerRadius, outerRadius, ringCount);\n  const rimRadius = radiusScale(outerRadius);\n  const holeRadius = radiusScale(innerRadius);\n  const endAngle = angleScale(angleScale.domain()[1]);\n  const zeroAngle = angleScale(0);\n\n  /** Mid-radius of ring `index`, matching the client `arcCenter`. */\n  const ringRadius = (index: number): number =>\n    radiusScale(innerRadius + ringInterval * index) + ringInterval / 2;\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('viewBox', `0 0 ${width} ${height}`);\n\n  const root = svg\n    .append('g')\n    .attr('transform', `translate(${width / 2}, ${height / 2})`);\n\n  if (showGrid) {\n    drawRings(\n      root.append('g').attr('class', 'radial-grid'),\n      Array.from({ length: ringCount + 1 }, (_, i) =>\n        radiusScale(innerRadius + ringInterval * i),\n      ),\n      endAngle,\n    );\n  }\n\n  const axisGroup = root.append('g').attr('class', 'radial-axis');\n  const labelLimit = radialBarLabelLimit(innerRadius, outerRadius);\n\n  ticks.forEach((value) => {\n    const angle = angleScale(value) - Math.PI / 2;\n    const cos = Math.cos(angle);\n    const sin = Math.sin(angle);\n\n    if (showGrid) {\n      axisGroup\n        .append('line')\n        .attr('x1', holeRadius * cos)\n        .attr('y1', holeRadius * sin)\n        .attr('x2', rimRadius * cos)\n        .attr('y2', rimRadius * sin)\n        .attr('stroke', FD.radialBarGridStroke)\n        .attr('stroke-linejoin', 'round')\n        .attr('stroke-linecap', 'round')\n        .attr('stroke-dasharray', value === 0 ? null : FD.radialBarTickDash);\n    }\n\n    const labelRadius = rimRadius + FD.radialBarTickLabelOffset;\n    axisGroup\n      .append('text')\n      .attr('class', 'radial-tick-label')\n      .attr('x', labelRadius * cos)\n      .attr('y', labelRadius * sin)\n      .attr('text-anchor', radialBarTickAnchor(angle))\n      .attr('dominant-baseline', 'central')\n      .attr('font-size', FD.radialBarTickLabelSize)\n      .attr('fill', FD.radialBarLabelFill)\n      .text(formatCompactNumber(value));\n  });\n\n  // Ring labels sit in the empty quarter, above and left of the hole.\n  const ringLabels = root.append('g').attr('class', 'radial-ring-labels');\n  bars.forEach((bar, i) => {\n    const text = ringLabels\n      .append('text')\n      .attr('class', 'radial-ring-label')\n      .attr('x', -rimRadius)\n      .attr('y', -ringRadius(i))\n      .attr('text-anchor', 'start')\n      .attr('dominant-baseline', 'central')\n      .attr('font-size', FD.radialBarRingLabelSize)\n      .attr('fill', FD.radialBarLabelFill);\n    decorateManualAxisLabel(text, bar.label, {\n      maxLength: labelLimit,\n      onAxisLabelHover: options.onAxisLabelHover,\n      onAxisLabelLeave: options.onAxisLabelLeave,\n    });\n  });\n\n  const barArc = arc<RadialBarDatum & { index: number }>()\n    .cornerRadius(FD.radialBarArcCornerRadius)\n    .innerRadius((d) => ringRadius(d.index) - arcWidth / 2)\n    .outerRadius((d) => ringRadius(d.index) + arcWidth / 2)\n    .startAngle((d) =>\n      d.value >= 0 ? zeroAngle : Math.min(angleScale(d.value), RADIAL_BAR_SWEEP),\n    )\n    .endAngle((d) =>\n      d.value >= 0 ? Math.min(angleScale(d.value), RADIAL_BAR_SWEEP) : zeroAngle,\n    );\n\n  const paths = root\n    .append('g')\n    .attr('class', 'radial-bars')\n    .selectAll('path')\n    .data(bars.map((bar, index) => ({ ...bar, index })))\n    .enter()\n    .append('path')\n    .attr('class', 'radial-bar')\n    .attr('d', barArc)\n    .attr('fill', (d) => d.color)\n    .attr('opacity', FD.radialBarArcOpacity);\n\n  if (showTooltip && onHover) {\n    paths\n      .style('cursor', 'pointer')\n      .on('mouseenter', function (event: MouseEvent, datum) {\n        root.selectAll('.radial-bar').attr('opacity', FD.radialBarArcOpacityDimmed);\n        select(this).attr('opacity', 1);\n        onHover({ bar: datum, event });\n      })\n      .on('mousemove', (event: MouseEvent, datum) => {\n        onHover({ bar: datum, event });\n      })\n      .on('mouseleave', () => {\n        root.selectAll('.radial-bar').attr('opacity', FD.radialBarArcOpacity);\n        onLeave?.();\n      });\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/radial-bar-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderRadialBarChart, type RenderRadialBarChartOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radial-bar-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,GACjC,MAAM,WAAW,CAAC"}

package/dist/components/sankey-chart/element/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA6ExB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAyDxB,CAAC"}

package/dist/components/sankey-chart/element/styles.js

@@ -1,8 +1,7 @@
 import { css } from "lit";
 const sankeyStyles = css`
   :host {
-    display: flex;
-    flex-direction: column;
+    display: block;
     position: relative;
     width: 100%;
     height: 100%;
@@ -11,45 +10,26 @@ const sankeyStyles = css`
     font-family: var(--ui9000-font-family, system-ui, sans-serif);
     box-sizing: border-box;
   }
+
+  /* Client BlockLabelAxe / LabelAxe — source | target above the plot. */
   .axis-labels {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    flex-shrink: 0;
     margin: 0 3px 8px 3px;
     font-size: 12px;
     font-weight: 500;
     line-height: 14px;
-    color: var(--ui9000-color-text-muted, #6c7584);
+    color: var(--ui9000-color-text, #111827);
   }
+
   .chart-root {
     flex: 1 1 auto;
     min-height: 0;
     width: 100%;
   }
-  .legend {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding-top: 8px;
-    font-size: 12px;
-    color: var(--ui9000-color-text-muted, #6c7584);
-  }
-  .swatches {
-    display: flex;
-    align-items: center;
-  }
-  .swatch {
-    width: 14px;
-    height: 8px;
-  }
-  .swatch:first-child {
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
-  .swatch:last-child {
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
+
   .tooltip {
     position: absolute;
     pointer-events: none;

package/dist/components/sankey-chart/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/sankey-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sankeyStyles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .axis-labels {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0 3px 8px 3px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    color: var(--ui9000-color-text-muted, #6c7584);\n  }\n  .chart-root {\n    flex: 1 1 auto;\n    min-height: 0;\n    width: 100%;\n  }\n  .legend {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-top: 8px;\n    font-size: 12px;\n    color: var(--ui9000-color-text-muted, #6c7584);\n  }\n  .swatches {\n    display: flex;\n    align-items: center;\n  }\n  .swatch {\n    width: 14px;\n    height: 8px;\n  }\n  .swatch:first-child {\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .swatch:last-child {\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .key {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    flex: 1 1 auto;\n    padding: 20px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/sankey-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sankeyStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n\n  /* Client BlockLabelAxe / LabelAxe — source | target above the plot. */\n  .axis-labels {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    flex-shrink: 0;\n    margin: 0 3px 8px 3px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    color: var(--ui9000-color-text, #111827);\n  }\n\n  .chart-root {\n    flex: 1 1 auto;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .key {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    flex: 1 1 auto;\n    padding: 20px;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,8 +1,7 @@
-import { LitElement, PropertyValues } from 'lit';
-export declare class Ui9000SankeyChart extends LitElement {
-    static styles: import('lit').CSSResult;
-    /** JSON: FuseDash widget payload | { nodes?, links } | SankeyLink[] */
-    dataJson: string;
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+export declare class Ui9000SankeyChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
     showLegend: boolean;
     showTooltip: boolean;
     /** Overrides the header above the left column. */
@@ -18,10 +17,11 @@ export declare class Ui9000SankeyChart extends LitElement {
     updated(changed: PropertyValues): void;
     private scheduleDraw;
     private parseData;
+    private renderLegend;
     private draw;
     private setTooltip;
     private clearTooltip;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-sankey-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/element/ui9000-sankey-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAuCrE,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAgB;IAEtC,uEAAuE;IAEvE,QAAQ,SAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,kDAAkD;IAElD,WAAW,SAAM;IAEjB,mDAAmD;IAEnD,WAAW,SAAM;IAGjB,OAAO,CAAC,QAAQ,CAA6D;IAG7E,OAAO,CAAC,KAAK,CAA0B;IAEvC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,IAAI;IAiDZ,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAIX,MAAM;CAmDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}
+{"version":3,"file":"ui9000-sankey-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/element/ui9000-sankey-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAoC7F,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAoC;IAG1D,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,kDAAkD;IAElD,WAAW,SAAM;IAEjB,mDAAmD;IAEnD,WAAW,SAAM;IAGjB,OAAO,CAAC,QAAQ,CAA6D;IAG7E,OAAO,CAAC,KAAK,CAA0B;IAEvC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,IAAI;IAiDZ,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAIX,MAAM;CA6ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}