@fusedashlabs/widgets 0.2.0

package/dist/components/pie-chart/lib/normalize.d.ts

@@ -0,0 +1,6 @@
+import { PieChartData, PieModel, PieSlice } from './types.js';
+/** Normalize chat / FuseDash WidgetItem payloads into pie slices. */
+export declare function normalizePieData(input: PieChartData): PieModel;
+/** Legend keys in FuseDash order: pie segment order filtered by uniqueValues membership. */
+export declare function legendSlicesFromPieOrder(model: PieModel, pieOrderKeys: string[]): PieSlice[];
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/lib/normalize.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAiB,QAAQ,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAiGlF,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,GAAG,QAAQ,CAkB9D;AAED,4FAA4F;AAC5F,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,QAAQ,EACf,YAAY,EAAE,MAAM,EAAE,GACrB,QAAQ,EAAE,CAcZ"}

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

@@ -0,0 +1,100 @@
+import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
+import { filterTruthyValues, isFuseWidgetPayload, firstField, rowsOf, xDomainHintFromWidget, resolveUniqueValuesOrder } from "../../../utils/fuse-widget.js";
+const EMPTY = { slices: [], total: 0 };
+function isLabelValueArray(input) {
+  if (!Array.isArray(input) || input.length === 0) return false;
+  const first = input[0];
+  return first != null && typeof first === "object" && "label" in first && "value" in first;
+}
+function finalizeSlices(rows, formatting, uniqueValues, xKey) {
+  if (!rows.length) return EMPTY;
+  const keys = resolveUniqueValuesOrder(
+    rows.map((r) => r.key),
+    uniqueValues,
+    xKey
+  );
+  const byKey = new Map(rows.map((r) => [r.key, r]));
+  const ordered = keys.map((key) => byKey.get(key)).filter((r) => r != null);
+  for (const row of rows) {
+    if (!ordered.some((s) => s.key === row.key)) ordered.push(row);
+  }
+  const total = ordered.reduce((acc, row) => acc + row.value, 0);
+  const slices = ordered.map((row) => ({
+    key: row.key,
+    label: row.label,
+    value: row.value,
+    color: resolveFormattingColor(formatting, row.key, ordered.length),
+    percentage: total > 0 ? row.value / total * 100 : 0
+  }));
+  return {
+    slices,
+    total
+  };
+}
+function fromLabelValue(rows) {
+  const cleaned = rows.map((row) => ({
+    key: String(row.label),
+    label: String(row.label),
+    value: Number(row.value),
+    color: row.color
+  })).filter((row) => row.label && Number.isFinite(row.value));
+  const total = cleaned.reduce((acc, row) => acc + row.value, 0);
+  const slices = cleaned.map((row) => ({
+    key: row.key,
+    label: row.label,
+    value: row.value,
+    color: row.color ?? resolveFormattingColor(void 0, row.key, cleaned.length),
+    percentage: total > 0 ? row.value / total * 100 : 0
+  }));
+  return { slices, total };
+}
+function fromFuseWidget(widget) {
+  const xKey = firstField(widget.xAxe);
+  const yKey = firstField(widget.yAxe);
+  if (!xKey || !yKey) return EMPTY;
+  const rows = rowsOf(widget);
+  const parsed = [];
+  for (const row of rows) {
+    const x = row[xKey];
+    const y = Number(row[yKey]);
+    if (x == null || x === "" || !Number.isFinite(y)) continue;
+    parsed.push({ key: String(x), label: String(x), value: y });
+  }
+  const xHint = xDomainHintFromWidget(widget);
+  const model = finalizeSlices(parsed, widget.formatting, widget.uniqueValues, xKey);
+  return {
+    ...model,
+    xField: xKey,
+    yField: yKey,
+    axisDetails: widget.axisDetails,
+    uniqueValuesHint: xHint
+  };
+}
+function normalizePieData(input) {
+  if (!input) return EMPTY;
+  if (Array.isArray(input)) {
+    if (!input.length) return EMPTY;
+    if (isLabelValueArray(input)) return fromLabelValue(input);
+    return EMPTY;
+  }
+  if (isFuseWidgetPayload(input)) {
+    return fromFuseWidget(input);
+  }
+  if (typeof input === "object" && Array.isArray(input.slices)) {
+    return input;
+  }
+  return EMPTY;
+}
+function legendSlicesFromPieOrder(model, pieOrderKeys) {
+  var _a;
+  const byKey = new Map(model.slices.map((s) => [s.key, s]));
+  const hint = ((_a = model.uniqueValuesHint) == null ? void 0 : _a.length) ? filterTruthyValues(model.uniqueValuesHint) : null;
+  const orderedKeys = pieOrderKeys.filter((key) => byKey.has(key));
+  const filtered = (hint == null ? void 0 : hint.length) ? orderedKeys.filter((key) => hint.includes(key)) : orderedKeys;
+  return filtered.map((key) => byKey.get(key)).filter((slice) => slice != null);
+}
+export {
+  legendSlicesFromPieOrder,
+  normalizePieData
+};
+//# sourceMappingURL=normalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/pie-chart/lib/normalize.ts"],"sourcesContent":["import { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport {\n  firstField,\n  filterTruthyValues,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { PieChartData, PieLabelValue, PieModel, PieSlice } from './types.js';\n\nconst EMPTY: PieModel = { slices: [], total: 0 };\n\nfunction isLabelValueArray(input: unknown): input is PieLabelValue[] {\n  if (!Array.isArray(input) || input.length === 0) return false;\n  const first = input[0] as Record<string, unknown>;\n  return first != null && typeof first === 'object' && 'label' in first && 'value' in first;\n}\n\nfunction finalizeSlices(\n  rows: Array<{ key: string; label: string; value: number }>,\n  formatting: FuseWidgetLike['formatting'],\n  uniqueValues?: Record<string, string[]> | null,\n  xKey?: string,\n): PieModel {\n  if (!rows.length) return EMPTY;\n\n  const keys = resolveUniqueValuesOrder(\n    rows.map((r) => r.key),\n    uniqueValues,\n    xKey,\n  );\n\n  const byKey = new Map(rows.map((r) => [r.key, r]));\n  const ordered = keys\n    .map((key) => byKey.get(key))\n    .filter((r): r is { key: string; label: string; value: number } => r != null);\n\n  for (const row of rows) {\n    if (!ordered.some((s) => s.key === row.key)) ordered.push(row);\n  }\n\n  const total = ordered.reduce((acc, row) => acc + row.value, 0);\n  const slices: PieSlice[] = ordered.map((row) => ({\n    key: row.key,\n    label: row.label,\n    value: row.value,\n    color: resolveFormattingColor(formatting, row.key, ordered.length),\n    percentage: total > 0 ? (row.value / total) * 100 : 0,\n  }));\n\n  return {\n    slices,\n    total,\n  };\n}\n\nfunction fromLabelValue(rows: PieLabelValue[]): PieModel {\n  const cleaned = rows\n    .map((row) => ({\n      key: String(row.label),\n      label: String(row.label),\n      value: Number(row.value),\n      color: row.color,\n    }))\n    .filter((row) => row.label && Number.isFinite(row.value));\n\n  const total = cleaned.reduce((acc, row) => acc + row.value, 0);\n  const slices: PieSlice[] = cleaned.map((row) => ({\n    key: row.key,\n    label: row.label,\n    value: row.value,\n    color: row.color ?? resolveFormattingColor(undefined, row.key, cleaned.length),\n    percentage: total > 0 ? (row.value / total) * 100 : 0,\n  }));\n\n  return { slices, total };\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): PieModel {\n  const xKey = firstField(widget.xAxe);\n  const yKey = firstField(widget.yAxe);\n  if (!xKey || !yKey) return EMPTY;\n\n  const rows = rowsOf(widget);\n  const parsed: Array<{ key: string; label: string; value: number }> = [];\n  for (const row of rows) {\n    const x = row[xKey];\n    const y = Number(row[yKey]);\n    if (x == null || x === '' || !Number.isFinite(y)) continue;\n    parsed.push({ key: String(x), label: String(x), value: y });\n  }\n\n  const xHint = xDomainHintFromWidget(widget);\n  const model = finalizeSlices(parsed, widget.formatting, widget.uniqueValues, xKey);\n  return {\n    ...model,\n    xField: xKey,\n    yField: yKey,\n    axisDetails: (widget as FuseWidgetLike & {\n      axisDetails?: PieModel['axisDetails'];\n    }).axisDetails,\n    uniqueValuesHint: xHint,\n  };\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into pie slices. */\nexport function normalizePieData(input: PieChartData): PieModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    if (!input.length) return EMPTY;\n    if (isLabelValueArray(input)) return fromLabelValue(input);\n    return EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input);\n  }\n\n  if (typeof input === 'object' && Array.isArray((input as PieModel).slices)) {\n    return input as PieModel;\n  }\n\n  return EMPTY;\n}\n\n/** Legend keys in FuseDash order: pie segment order filtered by uniqueValues membership. */\nexport function legendSlicesFromPieOrder(\n  model: PieModel,\n  pieOrderKeys: string[],\n): PieSlice[] {\n  const byKey = new Map(model.slices.map((s) => [s.key, s]));\n  const hint = model.uniqueValuesHint?.length\n    ? filterTruthyValues(model.uniqueValuesHint)\n    : null;\n\n  const orderedKeys = pieOrderKeys.filter((key) => byKey.has(key));\n  const filtered = hint?.length\n    ? orderedKeys.filter((key) => hint.includes(key))\n    : orderedKeys;\n\n  return filtered\n    .map((key) => byKey.get(key))\n    .filter((slice): slice is PieSlice => slice != null);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/pie-chart/lib/types.d.ts

@@ -0,0 +1,26 @@
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+export interface PieSlice {
+    key: string;
+    label: string;
+    value: number;
+    color: string;
+    percentage: number;
+}
+export interface PieModel {
+    slices: PieSlice[];
+    total: number;
+    xField?: string;
+    yField?: string;
+    axisDetails?: Record<string, {
+        label?: string;
+        measure_unit_symbol?: string;
+    }>;
+    uniqueValuesHint?: string[];
+}
+export type PieLabelValue = {
+    label: string;
+    value: number;
+    color?: string;
+};
+export type PieChartData = PieLabelValue[] | PieModel | FuseWidgetLike | null | undefined;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E,MAAM,MAAM,YAAY,GACpB,aAAa,EAAE,GACf,QAAQ,GACR,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}

package/dist/components/pie-chart/metadata.json.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+  "id": "pie-chart",
+  "tag": "ui9000-pie-chart",
+  "title": "Pie Chart",
+  "description": "Chat-optimized pie chart rewritten in D3. Full disc or donut via inner-radius-ratio, no Redux.",
+  "chartTypeKeys": ["pieChart"],
+  "source": "client/libs/shared/components/src/Widgets/PieChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/pie-chart",
+  "entry": "@ui9000/widgets/pie-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" },
+              "data": { "type": "array" }
+            }
+          }
+        ]
+      },
+      "inner-radius-ratio": {
+        "type": "number",
+        "minimum": 0,
+        "maximum": 1,
+        "description": "0 = pie, >0 = donut hole size relative to outer radius"
+      },
+      "show-legend": { "type": "boolean" },
+      "show-tooltip": { "type": "boolean" },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"]
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/pie-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "pie-chart";
+const tag = "ui9000-pie-chart";
+const title = "Pie Chart";
+const description = "Chat-optimized pie chart rewritten in D3. Full disc or donut via inner-radius-ratio, no Redux.";
+const chartTypeKeys = ["pieChart"];
+const source = "client/libs/shared/components/src/Widgets/PieChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/pie-chart";
+const entry = "@ui9000/widgets/pie-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" }, "data": { "type": "array" } } }] }, "inner-radius-ratio": { "type": "number", "minimum": 0, "maximum": 1, "description": "0 = pie, >0 = donut hole size relative to outer radius" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+const pieMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  pieMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/pie-chart/metadata.json.js.map

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

package/dist/components/pie-chart/render/draw.d.ts

@@ -0,0 +1,24 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { PieSlice } from '../lib/types.js';
+export interface RenderPieChartOptions {
+    slices: PieSlice[];
+    width: number;
+    height: number;
+    theme: WidgetTheme;
+    themeMode?: 'light' | 'dark';
+    innerRadius?: number;
+    showTooltip?: boolean;
+    onHover?: (payload: {
+        slice: PieSlice;
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+    /** Called once per draw with pie segment key order (for legend). */
+    onLayout?: (orderedKeys: string[]) => void;
+}
+/**
+ * FuseDash PieChart — D3 rewrite of the Visx pie.
+ * Square plot inscribed in the container; legend lives in the Lit shell.
+ */
+export declare function renderPieChart(container: HTMLElement, options: RenderPieChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/render/draw.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5C;AAWD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,qBAAqB,GAAG,IAAI,CA8E3F"}

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

@@ -0,0 +1,60 @@
+import { select } from "d3-selection";
+import { pie, arc } from "d3-shape";
+import { FD } from "../../../utils/fusedash-visual.js";
+function minArcValue(total, outerRadius) {
+  if (!outerRadius || !total) return 0;
+  const pieCircleLength = 2 * Math.PI * outerRadius;
+  const arcLengthRatio = total / pieCircleLength;
+  return Number.isFinite(arcLengthRatio) ? FD.pieMinArcLengthPx * arcLengthRatio : 0;
+}
+function renderPieChart(container, options) {
+  const {
+    slices,
+    width,
+    height,
+    themeMode = "light",
+    innerRadius = 0,
+    showTooltip = true,
+    onHover,
+    onLeave,
+    onLayout
+  } = options;
+  container.replaceChildren();
+  if (!slices.length || width <= 0 || height <= 0) {
+    onLayout == null ? void 0 : onLayout([]);
+    return;
+  }
+  const plotSize = Math.min(width, height);
+  const outerRadius = plotSize / 2;
+  const safeInner = Math.max(0, Math.min(outerRadius, innerRadius));
+  const minimum = minArcValue(
+    slices.reduce((acc, slice) => acc + slice.value, 0),
+    outerRadius
+  );
+  const pieGen = pie().value(
+    (d) => d.value < minimum ? minimum : d.value
+  );
+  const arcs = pieGen(slices);
+  onLayout == null ? void 0 : onLayout(arcs.map((entry) => entry.data.key));
+  const svg = select(container).append("svg").attr("width", plotSize).attr("height", plotSize).attr("viewBox", `0 0 ${plotSize} ${plotSize}`);
+  const stroke = themeMode === "dark" ? FD.donutSliceStrokeDark : FD.donutSliceStroke;
+  const arcGen = arc().innerRadius(safeInner).outerRadius(outerRadius);
+  const g = svg.append("g").attr("transform", `translate(${plotSize / 2}, ${plotSize / 2})`);
+  const paths = g.selectAll("path").data(arcs).enter().append("path").attr("class", "pie-path").attr("d", arcGen).attr("opacity", FD.donutArcOpacity).attr("fill", (d) => d.data.color).attr("stroke", stroke).attr("stroke-width", FD.donutSliceStrokeWidth);
+  if (showTooltip && onHover) {
+    paths.style("cursor", "pointer").on("mouseenter", function(event, datum) {
+      g.selectAll(".pie-path").attr("opacity", FD.donutArcOpacityDimmed);
+      select(this).attr("opacity", 1);
+      onHover({ slice: datum.data, event });
+    }).on("mousemove", (event, datum) => {
+      onHover({ slice: datum.data, event });
+    }).on("mouseleave", () => {
+      g.selectAll(".pie-path").attr("opacity", FD.donutArcOpacity);
+      onLeave == null ? void 0 : onLeave();
+    });
+  }
+}
+export {
+  renderPieChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/pie-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/pie-chart/render/draw.ts"],"sourcesContent":["import { select } from 'd3-selection';\nimport { arc, pie, type PieArcDatum } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport type { PieSlice } from '../lib/types.js';\n\nexport interface RenderPieChartOptions {\n  slices: PieSlice[];\n  width: number;\n  height: number;\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  innerRadius?: number;\n  showTooltip?: boolean;\n  onHover?: (payload: { slice: PieSlice; event: MouseEvent }) => void;\n  onLeave?: () => void;\n  /** Called once per draw with pie segment key order (for legend). */\n  onLayout?: (orderedKeys: string[]) => void;\n}\n\nfunction minArcValue(total: number, outerRadius: number): number {\n  if (!outerRadius || !total) return 0;\n  const pieCircleLength = 2 * Math.PI * outerRadius;\n  const arcLengthRatio = total / pieCircleLength;\n  return Number.isFinite(arcLengthRatio)\n    ? FD.pieMinArcLengthPx * arcLengthRatio\n    : 0;\n}\n\n/**\n * FuseDash PieChart — D3 rewrite of the Visx pie.\n * Square plot inscribed in the container; legend lives in the Lit shell.\n */\nexport function renderPieChart(container: HTMLElement, options: RenderPieChartOptions): void {\n  const {\n    slices,\n    width,\n    height,\n    themeMode = 'light',\n    innerRadius = 0,\n    showTooltip = true,\n    onHover,\n    onLeave,\n    onLayout,\n  } = options;\n\n  container.replaceChildren();\n  if (!slices.length || width <= 0 || height <= 0) {\n    onLayout?.([]);\n    return;\n  }\n\n  const plotSize = Math.min(width, height);\n  const outerRadius = plotSize / 2;\n  const safeInner = Math.max(0, Math.min(outerRadius, innerRadius));\n\n  const minimum = minArcValue(\n    slices.reduce((acc, slice) => acc + slice.value, 0),\n    outerRadius,\n  );\n\n  const pieGen = pie<PieSlice>().value((d) =>\n    d.value < minimum ? minimum : d.value,\n  );\n  const arcs = pieGen(slices);\n  onLayout?.(arcs.map((entry) => entry.data.key));\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', plotSize)\n    .attr('height', plotSize)\n    .attr('viewBox', `0 0 ${plotSize} ${plotSize}`);\n\n  const stroke =\n    themeMode === 'dark' ? FD.donutSliceStrokeDark : FD.donutSliceStroke;\n  const arcGen = arc<PieArcDatum<PieSlice>>()\n    .innerRadius(safeInner)\n    .outerRadius(outerRadius);\n\n  const g = svg\n    .append('g')\n    .attr('transform', `translate(${plotSize / 2}, ${plotSize / 2})`);\n\n  const paths = g\n    .selectAll('path')\n    .data(arcs)\n    .enter()\n    .append('path')\n    .attr('class', 'pie-path')\n    .attr('d', arcGen)\n    .attr('opacity', FD.donutArcOpacity)\n    .attr('fill', (d) => d.data.color)\n    .attr('stroke', stroke)\n    .attr('stroke-width', FD.donutSliceStrokeWidth);\n\n  if (showTooltip && onHover) {\n    paths\n      .style('cursor', 'pointer')\n      .on('mouseenter', function (event: MouseEvent, datum) {\n        g.selectAll('.pie-path').attr('opacity', FD.donutArcOpacityDimmed);\n        select(this).attr('opacity', 1);\n        onHover({ slice: datum.data, event });\n      })\n      .on('mousemove', (event: MouseEvent, datum) => {\n        onHover({ slice: datum.data, event });\n      })\n      .on('mouseleave', () => {\n        g.selectAll('.pie-path').attr('opacity', FD.donutArcOpacity);\n        onLeave?.();\n      });\n  }\n}\n"],"names":[],"mappings":";;;AAqBA,SAAS,YAAY,OAAe,aAA6B;AAC/D,MAAI,CAAC,eAAe,CAAC,MAAO,QAAO;AACnC,QAAM,kBAAkB,IAAI,KAAK,KAAK;AACtC,QAAM,iBAAiB,QAAQ;AAC/B,SAAO,OAAO,SAAS,cAAc,IACjC,GAAG,oBAAoB,iBACvB;AACN;AAMO,SAAS,eAAe,WAAwB,SAAsC;AAC3F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,YAAU,gBAAA;AACV,MAAI,CAAC,OAAO,UAAU,SAAS,KAAK,UAAU,GAAG;AAC/C,yCAAW,CAAA;AACX;AAAA,EACF;AAEA,QAAM,WAAW,KAAK,IAAI,OAAO,MAAM;AACvC,QAAM,cAAc,WAAW;AAC/B,QAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,WAAW,CAAC;AAEhE,QAAM,UAAU;AAAA,IACd,OAAO,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC;AAAA,IAClD;AAAA,EAAA;AAGF,QAAM,SAAS,MAAgB;AAAA,IAAM,CAAC,MACpC,EAAE,QAAQ,UAAU,UAAU,EAAE;AAAA,EAAA;AAElC,QAAM,OAAO,OAAO,MAAM;AAC1B,uCAAW,KAAK,IAAI,CAAC,UAAU,MAAM,KAAK,GAAG;AAE7C,QAAM,MAAM,OAAO,SAAS,EACzB,OAAO,KAAK,EACZ,KAAK,SAAS,QAAQ,EACtB,KAAK,UAAU,QAAQ,EACvB,KAAK,WAAW,OAAO,QAAQ,IAAI,QAAQ,EAAE;AAEhD,QAAM,SACJ,cAAc,SAAS,GAAG,uBAAuB,GAAG;AACtD,QAAM,SAAS,MACZ,YAAY,SAAS,EACrB,YAAY,WAAW;AAE1B,QAAM,IAAI,IACP,OAAO,GAAG,EACV,KAAK,aAAa,aAAa,WAAW,CAAC,KAAK,WAAW,CAAC,GAAG;AAElE,QAAM,QAAQ,EACX,UAAU,MAAM,EAChB,KAAK,IAAI,EACT,MAAA,EACA,OAAO,MAAM,EACb,KAAK,SAAS,UAAU,EACxB,KAAK,KAAK,MAAM,EAChB,KAAK,WAAW,GAAG,eAAe,EAClC,KAAK,QAAQ,CAAC,MAAM,EAAE,KAAK,KAAK,EAChC,KAAK,UAAU,MAAM,EACrB,KAAK,gBAAgB,GAAG,qBAAqB;AAEhD,MAAI,eAAe,SAAS;AAC1B,UACG,MAAM,UAAU,SAAS,EACzB,GAAG,cAAc,SAAU,OAAmB,OAAO;AACpD,QAAE,UAAU,WAAW,EAAE,KAAK,WAAW,GAAG,qBAAqB;AACjE,aAAO,IAAI,EAAE,KAAK,WAAW,CAAC;AAC9B,cAAQ,EAAE,OAAO,MAAM,MAAM,OAAO;AAAA,IACtC,CAAC,EACA,GAAG,aAAa,CAAC,OAAmB,UAAU;AAC7C,cAAQ,EAAE,OAAO,MAAM,MAAM,OAAO;AAAA,IACtC,CAAC,EACA,GAAG,cAAc,MAAM;AACtB,QAAE,UAAU,WAAW,EAAE,KAAK,WAAW,GAAG,eAAe;AAC3D;AAAA,IACF,CAAC;AAAA,EACL;AACF;"}

package/dist/components/pie-chart/render/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC"}

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { css } from "lit";
+const punchcardStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 480px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1 1 auto;
+    width: 100%;
+    min-height: 400px;
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .tooltip .name {
+    font-weight: 600;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  punchcardStyles
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/punchcard-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const punchcardStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 480px;\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  .chart-root {\n    flex: 1 1 auto;\n    width: 100%;\n    min-height: 400px;\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 .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;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/punchcard-chart/element/ui9000-punchcard-chart.d.ts

@@ -0,0 +1,29 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000PunchcardChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    showGrid: boolean;
+    showTooltip: boolean;
+    xLabel: string;
+    yLabel: string;
+    private _tooltip;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-punchcard-chart': Ui9000PunchcardChart;
+    }
+}
+export declare function registerPunchcardChart(): void;
+//# sourceMappingURL=ui9000-punchcard-chart.d.ts.map

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

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

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

@@ -0,0 +1,149 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { parseJsonAttr, getPunchcardDimensions } from "../../../utils/chart-helpers.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderPunchcardChart } from "../render/draw.js";
+import { punchcardStyles } from "./styles.js";
+import { normalizePunchcardData } from "../lib/normalize.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 Ui9000PunchcardChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.showGrid = true;
+    this.showTooltip = true;
+    this.xLabel = "";
+    this.yLabel = "";
+    this._tooltip = null;
+    this._empty = false;
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, []);
+    return normalizePunchcardData(raw);
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseData();
+    this._empty = model.cells.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const { width, height, margin } = getPunchcardDimensions(root);
+    renderPunchcardChart(root, {
+      model,
+      width,
+      height,
+      margin,
+      theme,
+      showGrid: this.showGrid,
+      xLabel: this.xLabel || void 0,
+      yLabel: this.yLabel || void 0,
+      ...this.axisLabelHandlers(),
+      onCellHover: this.showTooltip ? ({ cell, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          cellX: cell.x,
+          cellY: cell.y,
+          cellValue: cell.value
+        };
+      } : void 0,
+      onCellLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${this._tooltip ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                <div class="name">${this._tooltip.cellY}</div>
+                <div>${this._tooltip.cellX}: ${this._tooltip.cellValue}</div>
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000PunchcardChart.styles = [punchcardStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000PunchcardChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000PunchcardChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000PunchcardChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000PunchcardChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000PunchcardChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000PunchcardChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000PunchcardChart.prototype, "_empty", 2);
+Ui9000PunchcardChart = __decorateClass([
+  customElement("ui9000-punchcard-chart")
+], Ui9000PunchcardChart);
+function registerPunchcardChart() {
+  if (!customElements.get("ui9000-punchcard-chart")) {
+    customElements.define("ui9000-punchcard-chart", Ui9000PunchcardChart);
+  }
+}
+registerPunchcardChart();
+export {
+  Ui9000PunchcardChart,
+  registerPunchcardChart
+};
+//# sourceMappingURL=ui9000-punchcard-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-punchcard-chart.js","sources":["../../../../src/components/punchcard-chart/element/ui9000-punchcard-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPunchcardDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePunchcardData,\n  type PunchcardInput,\n  type PunchcardModel,\n} from '../lib/index.js';\nimport { renderPunchcardChart } from '../render/draw.js';\nimport { punchcardStyles } from './styles.js';\n\n@customElement('ui9000-punchcard-chart')\nexport class Ui9000PunchcardChart extends Ui9000ChartElement {\n  static override styles = [punchcardStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    cellX: string;\n    cellY: string;\n    cellValue: number;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PunchcardModel {\n    const raw = parseJsonAttr<PunchcardInput>(this.dataJson, []);\n    return normalizePunchcardData(raw);\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.cells.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPunchcardDimensions(root);\n\n    renderPunchcardChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onCellHover: this.showTooltip\n        ? ({ cell, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              cellX: cell.x,\n              cellY: cell.y,\n              cellValue: cell.value,\n            };\n          }\n        : undefined,\n      onCellLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"name\">${this._tooltip.cellY}</div>\n                <div>${this._tooltip.cellX}: ${this._tooltip.cellValue}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-punchcard-chart': Ui9000PunchcardChart;\n  }\n}\n\nexport function registerPunchcardChart(): void {\n  if (!customElements.get('ui9000-punchcard-chart')) {\n    customElements.define('ui9000-punchcard-chart', Ui9000PunchcardChart);\n  }\n}\n\nregisterPunchcardChart();\n"],"names":[],"mappings":"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"}