@fusedashlabs/widgets 0.2.0

package/dist/components/punchcard-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000PunchcardChart, registerPunchcardChart, } from './element/ui9000-punchcard-chart.js';
+export { renderPunchcardChart } from './render/draw.js';
+export { normalizePunchcardData, collectValueExtent, maxAbsValue, formatCompact, type PunchcardCell, type PunchcardInput, type PunchcardModel, } from './lib/index.js';
+export { default as punchcardChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/punchcard-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/punchcard-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

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

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

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

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

package/dist/components/punchcard-chart/lib/domain.d.ts

@@ -0,0 +1,4 @@
+import { PunchcardModel } from './types.js';
+export declare function collectValueExtent(model: PunchcardModel): [number, number];
+export declare function maxAbsValue(model: PunchcardModel): number;
+//# sourceMappingURL=domain.d.ts.map

package/dist/components/punchcard-chart/lib/domain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/lib/domain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAc1E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAQzD"}

package/dist/components/punchcard-chart/lib/domain.js

@@ -0,0 +1,29 @@
+function collectValueExtent(model) {
+  let min = Infinity;
+  let max = -Infinity;
+  for (const c of model.cells) {
+    if (!Number.isFinite(c.value)) continue;
+    if (c.value < min) min = c.value;
+    if (c.value > max) max = c.value;
+  }
+  if (!Number.isFinite(min) || !Number.isFinite(max)) return [0, 1];
+  if (min === max) {
+    const pad = Math.abs(min) * 0.1 || 1;
+    return [Math.min(0, min - pad), max + pad];
+  }
+  return [Math.min(0, min), max];
+}
+function maxAbsValue(model) {
+  let max = 0;
+  for (const c of model.cells) {
+    if (!Number.isFinite(c.value)) continue;
+    const a = Math.abs(c.value);
+    if (a > max) max = a;
+  }
+  return max || 1;
+}
+export {
+  collectValueExtent,
+  maxAbsValue
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/punchcard-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/punchcard-chart/lib/domain.ts"],"sourcesContent":["import type { PunchcardModel } from './types.js';\n\nexport function collectValueExtent(model: PunchcardModel): [number, number] {\n  let min = Infinity;\n  let max = -Infinity;\n  for (const c of model.cells) {\n    if (!Number.isFinite(c.value)) continue;\n    if (c.value < min) min = c.value;\n    if (c.value > max) max = c.value;\n  }\n  if (!Number.isFinite(min) || !Number.isFinite(max)) return [0, 1];\n  if (min === max) {\n    const pad = Math.abs(min) * 0.1 || 1;\n    return [Math.min(0, min - pad), max + pad];\n  }\n  return [Math.min(0, min), max];\n}\n\nexport function maxAbsValue(model: PunchcardModel): number {\n  let max = 0;\n  for (const c of model.cells) {\n    if (!Number.isFinite(c.value)) continue;\n    const a = Math.abs(c.value);\n    if (a > max) max = a;\n  }\n  return max || 1;\n}\n"],"names":[],"mappings":"AAEO,SAAS,mBAAmB,OAAyC;AAC1E,MAAI,MAAM;AACV,MAAI,MAAM;AACV,aAAW,KAAK,MAAM,OAAO;AAC3B,QAAI,CAAC,OAAO,SAAS,EAAE,KAAK,EAAG;AAC/B,QAAI,EAAE,QAAQ,IAAK,OAAM,EAAE;AAC3B,QAAI,EAAE,QAAQ,IAAK,OAAM,EAAE;AAAA,EAC7B;AACA,MAAI,CAAC,OAAO,SAAS,GAAG,KAAK,CAAC,OAAO,SAAS,GAAG,EAAG,QAAO,CAAC,GAAG,CAAC;AAChE,MAAI,QAAQ,KAAK;AACf,UAAM,MAAM,KAAK,IAAI,GAAG,IAAI,OAAO;AACnC,WAAO,CAAC,KAAK,IAAI,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG;AAAA,EAC3C;AACA,SAAO,CAAC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG;AAC/B;AAEO,SAAS,YAAY,OAA+B;AACzD,MAAI,MAAM;AACV,aAAW,KAAK,MAAM,OAAO;AAC3B,QAAI,CAAC,OAAO,SAAS,EAAE,KAAK,EAAG;AAC/B,UAAM,IAAI,KAAK,IAAI,EAAE,KAAK;AAC1B,QAAI,IAAI,IAAK,OAAM;AAAA,EACrB;AACA,SAAO,OAAO;AAChB;"}

package/dist/components/punchcard-chart/lib/format.d.ts

@@ -0,0 +1,2 @@
+export declare function formatCompact(value: number): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/components/punchcard-chart/lib/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/lib/format.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOnD"}

package/dist/components/punchcard-chart/lib/format.js

@@ -0,0 +1,12 @@
+function formatCompact(value) {
+  const abs = Math.abs(value);
+  if (abs >= 1e9) return `${(value / 1e9).toFixed(1)}B`;
+  if (abs >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+  if (abs >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
+  if (Number.isInteger(value)) return String(value);
+  return value.toFixed(1);
+}
+export {
+  formatCompact
+};
+//# sourceMappingURL=format.js.map

package/dist/components/punchcard-chart/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/punchcard-chart/lib/format.ts"],"sourcesContent":["export function formatCompact(value: number): string {\n  const abs = Math.abs(value);\n  if (abs >= 1_000_000_000) return `${(value / 1_000_000_000).toFixed(1)}B`;\n  if (abs >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (abs >= 1_000) return `${(value / 1_000).toFixed(1)}K`;\n  if (Number.isInteger(value)) return String(value);\n  return value.toFixed(1);\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc,OAAuB;AACnD,QAAM,MAAM,KAAK,IAAI,KAAK;AAC1B,MAAI,OAAO,IAAe,QAAO,IAAI,QAAQ,KAAe,QAAQ,CAAC,CAAC;AACtE,MAAI,OAAO,IAAW,QAAO,IAAI,QAAQ,KAAW,QAAQ,CAAC,CAAC;AAC9D,MAAI,OAAO,IAAO,QAAO,IAAI,QAAQ,KAAO,QAAQ,CAAC,CAAC;AACtD,MAAI,OAAO,UAAU,KAAK,EAAG,QAAO,OAAO,KAAK;AAChD,SAAO,MAAM,QAAQ,CAAC;AACxB;"}

package/dist/components/punchcard-chart/lib/index.d.ts

@@ -0,0 +1,5 @@
+export { type PunchcardCell, type PunchcardInput, type PunchcardModel, } from './types.js';
+export { normalizePunchcardData } from './normalize.js';
+export { collectValueExtent, maxAbsValue } from './domain.js';
+export { formatCompact } from './format.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/punchcard-chart/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+import { PunchcardInput, PunchcardModel } from './types.js';
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+/** Normalize chat / FuseDash WidgetItem payloads into a punchcard model. */
+export declare function normalizePunchcardData(input: PunchcardInput | FuseWidgetLike | null | undefined): PunchcardModel;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/lib/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,EACd,cAAc,EACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAqFvC,4EAA4E;AAC5E,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,GACxD,cAAc,CA0BhB"}

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

@@ -0,0 +1,84 @@
+import { isFuseWidgetPayload, rowsOf, firstField, resolveGroupByKey } from "../../../utils/fuse-widget.js";
+function isCell(d) {
+  if (!d || typeof d !== "object") return false;
+  const o = d;
+  return "x" in o && "y" in o && "value" in o;
+}
+function toCell(raw) {
+  const x = String(raw.x ?? "");
+  const y = String(raw.y ?? "");
+  const value = Number(raw.value);
+  if (!x || !y || !Number.isFinite(value)) return null;
+  return {
+    x,
+    y,
+    value,
+    color: raw.color
+  };
+}
+function uniqueInOrder(values) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const v of values) {
+    if (!seen.has(v)) {
+      seen.add(v);
+      out.push(v);
+    }
+  }
+  return out;
+}
+function modelFromCells(cells, xDomain, yDomain) {
+  const cleaned = cells.map(toCell).filter((c) => c != null);
+  return {
+    cells: cleaned,
+    xDomain: (xDomain == null ? void 0 : xDomain.length) ? xDomain : uniqueInOrder(cleaned.map((c) => c.x)),
+    yDomain: (yDomain == null ? void 0 : yDomain.length) ? yDomain : uniqueInOrder(cleaned.map((c) => c.y))
+  };
+}
+function fromFuseWidget(widget) {
+  var _a, _b;
+  const rows = rowsOf(widget);
+  const xKey = firstField(widget.xAxe) ?? "x";
+  const valueKey = firstField(widget.yAxe) ?? "value";
+  const yCatKey = resolveGroupByKey(widget);
+  const xDomainHint = (_a = widget.uniqueValues) == null ? void 0 : _a[xKey];
+  const yDomainHint = yCatKey ? (_b = widget.uniqueValues) == null ? void 0 : _b[yCatKey] : void 0;
+  const cells = [];
+  for (const row of rows) {
+    const x = row[xKey];
+    const value = Number(row[valueKey]);
+    if (x == null || !Number.isFinite(value)) continue;
+    const yRaw = yCatKey ? row[yCatKey] : "default";
+    if (yRaw == null) continue;
+    cells.push({
+      x: String(x),
+      y: String(yRaw),
+      value,
+      color: typeof row.color === "string" ? row.color : void 0
+    });
+  }
+  return modelFromCells(cells, xDomainHint, yDomainHint);
+}
+function normalizePunchcardData(input) {
+  const empty = { cells: [], xDomain: [], yDomain: [] };
+  if (!input) return empty;
+  if (Array.isArray(input)) {
+    if (input.length === 0) return empty;
+    if (isCell(input[0])) {
+      return modelFromCells(input);
+    }
+    return empty;
+  }
+  if ("cells" in input && Array.isArray(input.cells)) {
+    const payload = input;
+    return modelFromCells(payload.cells, payload.xDomain, payload.yDomain);
+  }
+  if (isFuseWidgetPayload(input)) {
+    return fromFuseWidget(input);
+  }
+  return empty;
+}
+export {
+  normalizePunchcardData
+};
+//# sourceMappingURL=normalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/punchcard-chart/lib/normalize.ts"],"sourcesContent":["import type {\n  PunchcardCell,\n  PunchcardInput,\n  PunchcardModel,\n} from './types.js';\nimport {\n  firstField,\n  isFuseWidgetPayload,\n  resolveGroupByKey,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\n\nfunction isCell(d: unknown): d is PunchcardCell {\n  if (!d || typeof d !== 'object') return false;\n  const o = d as Record<string, unknown>;\n  return 'x' in o && 'y' in o && 'value' in o;\n}\n\nfunction toCell(raw: PunchcardCell): PunchcardCell | null {\n  const x = String(raw.x ?? '');\n  const y = String(raw.y ?? '');\n  const value = Number(raw.value);\n  if (!x || !y || !Number.isFinite(value)) return null;\n  return {\n    x,\n    y,\n    value,\n    color: raw.color,\n  };\n}\n\nfunction uniqueInOrder(values: string[]): string[] {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const v of values) {\n    if (!seen.has(v)) {\n      seen.add(v);\n      out.push(v);\n    }\n  }\n  return out;\n}\n\nfunction modelFromCells(\n  cells: PunchcardCell[],\n  xDomain?: string[],\n  yDomain?: string[],\n): PunchcardModel {\n  const cleaned = cells\n    .map(toCell)\n    .filter((c): c is PunchcardCell => c != null);\n  return {\n    cells: cleaned,\n    xDomain: xDomain?.length ? xDomain : uniqueInOrder(cleaned.map((c) => c.x)),\n    yDomain: yDomain?.length ? yDomain : uniqueInOrder(cleaned.map((c) => c.y)),\n  };\n}\n\n/**\n * Mirror client PunchcardChart:\n * - x = row[xAxe]\n * - y category = row[groupBy ?? uniqueValuesKeys[0]]\n * - value/radius = row[yAxe]\n */\nfunction fromFuseWidget(widget: FuseWidgetLike): PunchcardModel {\n  const rows = rowsOf(widget);\n  const xKey = firstField(widget.xAxe) ?? 'x';\n  const valueKey = firstField(widget.yAxe) ?? 'value';\n  const yCatKey = resolveGroupByKey(widget);\n\n  const xDomainHint = widget.uniqueValues?.[xKey];\n  const yDomainHint = yCatKey ? widget.uniqueValues?.[yCatKey] : undefined;\n\n  const cells: PunchcardCell[] = [];\n  for (const row of rows) {\n    const x = row[xKey];\n    const value = Number(row[valueKey]);\n    if (x == null || !Number.isFinite(value)) continue;\n\n    // Client falls back to uniqueValues[0] as groupByKey even when groupBy is null\n    // (DEFAULT_PUNCHCARD → y category = year, same as x — diagonal bubbles).\n    const yRaw = yCatKey ? row[yCatKey] : 'default';\n    if (yRaw == null) continue;\n\n    cells.push({\n      x: String(x),\n      y: String(yRaw),\n      value,\n      color: typeof row.color === 'string' ? row.color : undefined,\n    });\n  }\n\n  return modelFromCells(cells, xDomainHint, yDomainHint);\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into a punchcard model. */\nexport function normalizePunchcardData(\n  input: PunchcardInput | FuseWidgetLike | null | undefined,\n): PunchcardModel {\n  const empty: PunchcardModel = { cells: [], xDomain: [], yDomain: [] };\n  if (!input) return empty;\n\n  if (Array.isArray(input)) {\n    if (input.length === 0) return empty;\n    if (isCell(input[0])) {\n      return modelFromCells(input as PunchcardCell[]);\n    }\n    return empty;\n  }\n\n  if ('cells' in input && Array.isArray((input as { cells: unknown }).cells)) {\n    const payload = input as {\n      cells: PunchcardCell[];\n      xDomain?: string[];\n      yDomain?: string[];\n    };\n    return modelFromCells(payload.cells, payload.xDomain, payload.yDomain);\n  }\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input);\n  }\n\n  return empty;\n}\n"],"names":[],"mappings":";AAaA,SAAS,OAAO,GAAgC;AAC9C,MAAI,CAAC,KAAK,OAAO,MAAM,SAAU,QAAO;AACxC,QAAM,IAAI;AACV,SAAO,OAAO,KAAK,OAAO,KAAK,WAAW;AAC5C;AAEA,SAAS,OAAO,KAA0C;AACxD,QAAM,IAAI,OAAO,IAAI,KAAK,EAAE;AAC5B,QAAM,IAAI,OAAO,IAAI,KAAK,EAAE;AAC5B,QAAM,QAAQ,OAAO,IAAI,KAAK;AAC9B,MAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AAChD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,IAAI;AAAA,EAAA;AAEf;AAEA,SAAS,cAAc,QAA4B;AACjD,QAAM,2BAAW,IAAA;AACjB,QAAM,MAAgB,CAAA;AACtB,aAAW,KAAK,QAAQ;AACtB,QAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAChB,WAAK,IAAI,CAAC;AACV,UAAI,KAAK,CAAC;AAAA,IACZ;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,eACP,OACA,SACA,SACgB;AAChB,QAAM,UAAU,MACb,IAAI,MAAM,EACV,OAAO,CAAC,MAA0B,KAAK,IAAI;AAC9C,SAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAS,mCAAS,UAAS,UAAU,cAAc,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAAA,IAC1E,UAAS,mCAAS,UAAS,UAAU,cAAc,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAAA,EAAA;AAE9E;AAQA,SAAS,eAAe,QAAwC;;AAC9D,QAAM,OAAO,OAAO,MAAM;AAC1B,QAAM,OAAO,WAAW,OAAO,IAAI,KAAK;AACxC,QAAM,WAAW,WAAW,OAAO,IAAI,KAAK;AAC5C,QAAM,UAAU,kBAAkB,MAAM;AAExC,QAAM,eAAc,YAAO,iBAAP,mBAAsB;AAC1C,QAAM,cAAc,WAAU,YAAO,iBAAP,mBAAsB,WAAW;AAE/D,QAAM,QAAyB,CAAA;AAC/B,aAAW,OAAO,MAAM;AACtB,UAAM,IAAI,IAAI,IAAI;AAClB,UAAM,QAAQ,OAAO,IAAI,QAAQ,CAAC;AAClC,QAAI,KAAK,QAAQ,CAAC,OAAO,SAAS,KAAK,EAAG;AAI1C,UAAM,OAAO,UAAU,IAAI,OAAO,IAAI;AACtC,QAAI,QAAQ,KAAM;AAElB,UAAM,KAAK;AAAA,MACT,GAAG,OAAO,CAAC;AAAA,MACX,GAAG,OAAO,IAAI;AAAA,MACd;AAAA,MACA,OAAO,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ;AAAA,IAAA,CACpD;AAAA,EACH;AAEA,SAAO,eAAe,OAAO,aAAa,WAAW;AACvD;AAGO,SAAS,uBACd,OACgB;AAChB,QAAM,QAAwB,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,GAAI,SAAS,GAAC;AAClE,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAI,OAAO,MAAM,CAAC,CAAC,GAAG;AACpB,aAAO,eAAe,KAAwB;AAAA,IAChD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,SAAS,MAAM,QAAS,MAA6B,KAAK,GAAG;AAC1E,UAAM,UAAU;AAKhB,WAAO,eAAe,QAAQ,OAAO,QAAQ,SAAS,QAAQ,OAAO;AAAA,EACvE;AAEA,MAAI,oBAAoB,KAAK,GAAG;AAC9B,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,SAAO;AACT;"}

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

@@ -0,0 +1,18 @@
+export interface PunchcardCell {
+    x: string;
+    y: string;
+    value: number;
+    color?: string;
+}
+export interface PunchcardModel {
+    cells: PunchcardCell[];
+    xDomain: string[];
+    yDomain: string[];
+}
+/** Chat cells or FuseDash WidgetItem (`data` + `xAxe`/`yAxe`/`groupBy`/`uniqueValues`). */
+export type PunchcardInput = PunchcardCell[] | {
+    cells: PunchcardCell[];
+    xDomain?: string[];
+    yDomain?: string[];
+} | PunchcardModel | Record<string, unknown>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,2FAA2F;AAC3F,MAAM,MAAM,cAAc,GACtB,aAAa,EAAE,GACf;IAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAClE,cAAc,GACd,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,108 @@
+declare const _default: {
+  "id": "punchcard-chart",
+  "tag": "ui9000-punchcard-chart",
+  "title": "Punchcard Chart",
+  "description": "Chat-optimized punchcard rewritten in D3 (Visx → D3). Bubble matrix by x/y categories, no Redux.",
+  "chartTypeKeys": ["punchcardChart"],
+  "source": "client/libs/shared/components/src/Widgets/PunchcardChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/punchcard-chart",
+  "entry": "@ui9000/widgets/punchcard-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": ["x", "y", "value"],
+              "properties": {
+                "x": { "type": "string" },
+                "y": { "type": "string" },
+                "value": { "type": "number" },
+                "color": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["cells"],
+            "properties": {
+              "cells": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["x", "y", "value"],
+                  "properties": {
+                    "x": { "type": "string" },
+                    "y": { "type": "string" },
+                    "value": { "type": "number" },
+                    "color": { "type": "string" }
+                  }
+                }
+              },
+              "xDomain": {
+                "type": "array",
+                "items": { "type": "string" }
+              },
+              "yDomain": {
+                "type": "array",
+                "items": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["data"],
+            "properties": {
+              "data": {
+                "type": "array",
+                "items": { "type": "object" }
+              },
+              "xAxe": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ]
+              },
+              "yAxe": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ]
+              },
+              "groupBy": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ]
+              }
+            }
+          }
+        ]
+      },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"],
+        "default": "default"
+      },
+      "showGrid": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true },
+      "xLabel": { "type": "string" },
+      "yLabel": { "type": "string" }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;

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

@@ -0,0 +1,42 @@
+const id = "punchcard-chart";
+const tag = "ui9000-punchcard-chart";
+const title = "Punchcard Chart";
+const description = "Chat-optimized punchcard rewritten in D3 (Visx → D3). Bubble matrix by x/y categories, no Redux.";
+const chartTypeKeys = ["punchcardChart"];
+const source = "client/libs/shared/components/src/Widgets/PunchcardChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/punchcard-chart";
+const entry = "@ui9000/widgets/punchcard-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": ["x", "y", "value"], "properties": { "x": { "type": "string" }, "y": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, { "type": "object", "required": ["cells"], "properties": { "cells": { "type": "array", "items": { "type": "object", "required": ["x", "y", "value"], "properties": { "x": { "type": "string" }, "y": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, "xDomain": { "type": "array", "items": { "type": "string" } }, "yDomain": { "type": "array", "items": { "type": "string" } } } }, { "type": "object", "required": ["data"], "properties": { "data": { "type": "array", "items": { "type": "object" } }, "xAxe": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }] }, "yAxe": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }] }, "groupBy": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }] } } }] }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
+const punchcardMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  punchcardMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { PunchcardCell, PunchcardModel } from '../lib/index.js';
+export interface RenderPunchcardOptions extends AxisLabelTooltipHandlers {
+    model: PunchcardModel;
+    width: number;
+    height: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    xLabel?: string;
+    yLabel?: string;
+    onCellHover?: (payload: {
+        cell: PunchcardCell;
+        event: MouseEvent;
+    }) => void;
+    onCellLeave?: () => void;
+}
+/**
+ * FuseDash PunchcardChart — inner plot coords (translate margin), tight label gutter.
+ */
+export declare function renderPunchcardChart(container: HTMLElement, options: RenderPunchcardOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/punchcard-chart/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAiB9E,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB;IACtE,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE;QACtB,IAAI,EAAE,aAAa,CAAC;QACpB,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,sBAAsB,GAC9B,IAAI,CAuRN"}

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

@@ -0,0 +1,146 @@
+import { axisLeft, axisBottom } from "d3-axis";
+import { scaleBand } from "d3-scale";
+import { select } from "d3-selection";
+import { decorateAxisLabels, layoutPunchcardYAxisLabels } from "../../../utils/axis-labels.js";
+import { punchcardLeftGutter, PUNCHCARD_BOTTOM_MARGIN, generatePunchcardColorRanges, punchcardLayoutMaxRadius, punchcardColorForValue, punchcardScaledRadius, PUNCHCARD_MIN_LABEL_RADIUS, SEQUENTIAL_1, PUNCHCARD_LABEL_GUTTER_PAD } from "../../../utils/fuse-palette.js";
+import { FD } from "../../../utils/fusedash-visual.js";
+import { formatCompact } from "../lib/format.js";
+const X_AXIS_TICK_PADDING = 6;
+function renderPunchcardChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.punchcardMargin },
+    theme,
+    showGrid = true,
+    xLabel,
+    yLabel,
+    onCellHover,
+    onCellLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  if (!model.cells.length || width <= 0 || height <= 0) return;
+  const xDomain = model.xDomain.length ? model.xDomain : [...new Set(model.cells.map((c) => c.x))];
+  const yDomain = model.yDomain.length ? model.yDomain : [...new Set(model.cells.map((c) => c.y))];
+  const leftGutter = punchcardLeftGutter(yDomain);
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom || PUNCHCARD_BOTTOM_MARGIN,
+    left: leftGutter,
+    right: margin.right
+  };
+  const innerW = width - m.left - m.right;
+  const innerH = height - m.top - m.bottom;
+  if (innerW < 8 || innerH < 8) return;
+  const values = model.cells.map((c) => c.value).filter(Number.isFinite);
+  const ranges = generatePunchcardColorRanges(values, SEQUENTIAL_1);
+  const layoutMaxR = punchcardLayoutMaxRadius(
+    innerW,
+    innerH,
+    xDomain.length,
+    yDomain.length
+  );
+  const xScale = scaleBand().domain(xDomain).range([layoutMaxR, innerW - layoutMaxR]).paddingInner(0).paddingOuter(-0.5);
+  const yScale = scaleBand().domain(yDomain).range([layoutMaxR, innerH - layoutMaxR]).paddingInner(0).paddingOuter(-0.5);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Punchcard chart").style("display", "block").style("font-family", theme.fontFamily);
+  const defs = svg.append("defs");
+  const usedColors = /* @__PURE__ */ new Set();
+  for (const cell of model.cells) {
+    usedColors.add(punchcardColorForValue(cell.value, ranges));
+  }
+  for (const color of usedColors) {
+    const colorId = color.replace("#", "hex");
+    const gradient = defs.append("linearGradient").attr("id", `bubble-gradient-${colorId}`).attr("x1", "0%").attr("y1", "100%").attr("x2", "0%").attr("y2", "0%");
+    gradient.append("stop").attr("offset", "0%").attr("stop-color", color).attr("stop-opacity", "0.3");
+    gradient.append("stop").attr("offset", "100%").attr("stop-color", color).attr("stop-opacity", "0.1");
+  }
+  const plot = svg.append("g").attr("class", "plot").attr("transform", `translate(${m.left},${m.top})`);
+  if (showGrid) {
+    const grid = plot.append("g").attr("class", "grid");
+    for (const cat of xDomain) {
+      const bx = xScale(cat);
+      if (bx == null) continue;
+      const cx = bx + xScale.bandwidth() / 2;
+      grid.append("line").attr("x1", cx).attr("x2", cx).attr("y1", 0).attr("y2", innerH).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+    for (const cat of yDomain) {
+      const by = yScale(cat);
+      if (by == null) continue;
+      const cy = by + yScale.bandwidth() / 2;
+      grid.append("line").attr("x1", 0).attr("x2", innerW).attr("y1", cy).attr("y2", cy).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+  }
+  const frame = plot.append("g").attr("class", "plot-frame");
+  frame.append("line").attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", innerH).attr("stroke", FD.axisStroke).attr("shape-rendering", "crispEdges");
+  frame.append("line").attr("x1", 0).attr("x2", innerW).attr("y1", innerH).attr("y2", innerH).attr("stroke", FD.axisStroke).attr("shape-rendering", "crispEdges");
+  const layer = plot.append("g").attr("class", "bubbles");
+  for (const cell of model.cells) {
+    const bx = xScale(cell.x);
+    const by = yScale(cell.y);
+    if (bx == null || by == null || !Number.isFinite(cell.value)) continue;
+    const cx = bx + xScale.bandwidth() / 2;
+    const cy = by + yScale.bandwidth() / 2;
+    const color = cell.color ?? punchcardColorForValue(cell.value, ranges);
+    const r = punchcardScaledRadius(cell.value, ranges, layoutMaxR);
+    const colorId = color.replace("#", "hex");
+    const isNeg = cell.value < 0;
+    const g = layer.append("g").attr("class", "bubble").style("cursor", onCellHover ? "pointer" : "default");
+    g.append("circle").attr("cx", cx).attr("cy", cy).attr("r", r).attr("fill", isNeg ? "#DADAE1" : `url(#bubble-gradient-${colorId})`).attr("fill-opacity", isNeg ? 0.6 : 1).attr("stroke", isNeg ? "#DADAE1" : color).attr("stroke-width", 1);
+    if (r >= PUNCHCARD_MIN_LABEL_RADIUS) {
+      g.append("text").attr("x", cx).attr("y", cy).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("fill", "#000").attr("font-size", 12).attr("pointer-events", "none").text(formatCompact(cell.value));
+    }
+    if (onCellHover) {
+      g.on("mouseenter", function(event) {
+        plot.selectAll(".bubble").attr("opacity", 0.2);
+        select(this).attr("opacity", 1);
+        onCellHover({ cell, event });
+      }).on("mousemove", (event) => {
+        onCellHover({ cell, event });
+      }).on("mouseleave", () => {
+        plot.selectAll(".bubble").attr("opacity", 1);
+        onCellLeave == null ? void 0 : onCellLeave();
+      });
+    }
+  }
+  const yAxis = plot.append("g").attr("class", "y-axis").call(axisLeft(yScale).tickSize(0).tickPadding(4));
+  yAxis.select(".domain").remove();
+  yAxis.selectAll("line").attr("stroke", "none");
+  yAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+  decorateAxisLabels(yAxis, {
+    slotWidth: leftGutter - PUNCHCARD_LABEL_GUTTER_PAD,
+    ...axisLabels
+  });
+  layoutPunchcardYAxisLabels(yAxis, leftGutter, PUNCHCARD_LABEL_GUTTER_PAD);
+  const xAxis = plot.append("g").attr("class", "x-axis").attr("transform", `translate(0,${innerH})`).call(axisBottom(xScale).tickSize(0).tickPadding(X_AXIS_TICK_PADDING));
+  xAxis.select(".domain").remove();
+  xAxis.selectAll("line").attr("stroke", "none");
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+  const xTickNodes = xAxis.selectAll("text").nodes();
+  if (xTickNodes.length > 0) {
+    select(xTickNodes[0]).attr("text-anchor", "start");
+    if (xTickNodes.length > 1) {
+      select(xTickNodes[xTickNodes.length - 1]).attr("text-anchor", "end");
+    }
+  }
+  decorateAxisLabels(xAxis, {
+    slotWidth: xScale.bandwidth(),
+    ...axisLabels
+  });
+  if (xLabel) {
+    svg.append("text").attr("x", m.left + innerW / 2).attr("y", height - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    svg.append("text").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+}
+export {
+  renderPunchcardChart
+};
+//# sourceMappingURL=draw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/punchcard-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand } from 'd3-scale';\nimport { select } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport {\n  decorateAxisLabels,\n  layoutPunchcardYAxisLabels,\n} from '../../../utils/axis-labels.js';\nimport {\n  generatePunchcardColorRanges,\n  punchcardColorForValue,\n  PUNCHCARD_BOTTOM_MARGIN,\n  PUNCHCARD_LABEL_GUTTER_PAD,\n  PUNCHCARD_MIN_LABEL_RADIUS,\n  punchcardLayoutMaxRadius,\n  punchcardLeftGutter,\n  punchcardScaledRadius,\n  SEQUENTIAL_1,\n} from '../../../utils/fuse-palette.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport {\n  formatCompact,\n  type PunchcardCell,\n  type PunchcardModel,\n} from '../lib/index.js';\n\nconst X_AXIS_TICK_PADDING = 6;\n\nexport interface RenderPunchcardOptions extends AxisLabelTooltipHandlers {\n  model: PunchcardModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  xLabel?: string;\n  yLabel?: string;\n  onCellHover?: (payload: {\n    cell: PunchcardCell;\n    event: MouseEvent;\n  }) => void;\n  onCellLeave?: () => void;\n}\n\n/**\n * FuseDash PunchcardChart — inner plot coords (translate margin), tight label gutter.\n */\nexport function renderPunchcardChart(\n  container: HTMLElement,\n  options: RenderPunchcardOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.punchcardMargin },\n    theme,\n    showGrid = true,\n    xLabel,\n    yLabel,\n    onCellHover,\n    onCellLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  if (!model.cells.length || width <= 0 || height <= 0) return;\n\n  const xDomain = model.xDomain.length\n    ? model.xDomain\n    : [...new Set(model.cells.map((c) => c.x))];\n  const yDomain = model.yDomain.length\n    ? model.yDomain\n    : [...new Set(model.cells.map((c) => c.y))];\n\n  const leftGutter = punchcardLeftGutter(yDomain);\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom || PUNCHCARD_BOTTOM_MARGIN,\n    left: leftGutter,\n    right: margin.right,\n  };\n\n  const innerW = width - m.left - m.right;\n  const innerH = height - m.top - m.bottom;\n  if (innerW < 8 || innerH < 8) return;\n\n  const values = model.cells.map((c) => c.value).filter(Number.isFinite);\n  const ranges = generatePunchcardColorRanges(values, SEQUENTIAL_1);\n\n  const layoutMaxR = punchcardLayoutMaxRadius(\n    innerW,\n    innerH,\n    xDomain.length,\n    yDomain.length,\n  );\n\n  // Client: scaleBand.rangeRound([maxR, size - maxR]).paddingOuter(-0.5)\n  const xScale = scaleBand<string>()\n    .domain(xDomain)\n    .range([layoutMaxR, innerW - layoutMaxR])\n    .paddingInner(0)\n    .paddingOuter(-0.5);\n\n  const yScale = scaleBand<string>()\n    .domain(yDomain)\n    .range([layoutMaxR, innerH - layoutMaxR])\n    .paddingInner(0)\n    .paddingOuter(-0.5);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Punchcard chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const defs = svg.append('defs');\n  const usedColors = new Set<string>();\n  for (const cell of model.cells) {\n    usedColors.add(punchcardColorForValue(cell.value, ranges));\n  }\n  for (const color of usedColors) {\n    const colorId = color.replace('#', 'hex');\n    const gradient = defs\n      .append('linearGradient')\n      .attr('id', `bubble-gradient-${colorId}`)\n      .attr('x1', '0%')\n      .attr('y1', '100%')\n      .attr('x2', '0%')\n      .attr('y2', '0%');\n    gradient\n      .append('stop')\n      .attr('offset', '0%')\n      .attr('stop-color', color)\n      .attr('stop-opacity', '0.3');\n    gradient\n      .append('stop')\n      .attr('offset', '100%')\n      .attr('stop-color', color)\n      .attr('stop-opacity', '0.1');\n  }\n\n  const plot = svg\n    .append('g')\n    .attr('class', 'plot')\n    .attr('transform', `translate(${m.left},${m.top})`);\n\n  if (showGrid) {\n    const grid = plot.append('g').attr('class', 'grid');\n\n    for (const cat of xDomain) {\n      const bx = xScale(cat);\n      if (bx == null) continue;\n      const cx = bx + xScale.bandwidth() / 2;\n      grid\n        .append('line')\n        .attr('x1', cx)\n        .attr('x2', cx)\n        .attr('y1', 0)\n        .attr('y2', innerH)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    for (const cat of yDomain) {\n      const by = yScale(cat);\n      if (by == null) continue;\n      const cy = by + yScale.bandwidth() / 2;\n      grid\n        .append('line')\n        .attr('x1', 0)\n        .attr('x2', innerW)\n        .attr('y1', cy)\n        .attr('y2', cy)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n  }\n\n  // Full plot border — d3 domain stops at first/last band, not plot edge\n  const frame = plot.append('g').attr('class', 'plot-frame');\n  frame\n    .append('line')\n    .attr('x1', 0)\n    .attr('x2', 0)\n    .attr('y1', 0)\n    .attr('y2', innerH)\n    .attr('stroke', FD.axisStroke)\n    .attr('shape-rendering', 'crispEdges');\n  frame\n    .append('line')\n    .attr('x1', 0)\n    .attr('x2', innerW)\n    .attr('y1', innerH)\n    .attr('y2', innerH)\n    .attr('stroke', FD.axisStroke)\n    .attr('shape-rendering', 'crispEdges');\n\n  const layer = plot.append('g').attr('class', 'bubbles');\n\n  for (const cell of model.cells) {\n    const bx = xScale(cell.x);\n    const by = yScale(cell.y);\n    if (bx == null || by == null || !Number.isFinite(cell.value)) continue;\n\n    const cx = bx + xScale.bandwidth() / 2;\n    const cy = by + yScale.bandwidth() / 2;\n    const color = cell.color ?? punchcardColorForValue(cell.value, ranges);\n    const r = punchcardScaledRadius(cell.value, ranges, layoutMaxR);\n    const colorId = color.replace('#', 'hex');\n    const isNeg = cell.value < 0;\n\n    const g = layer\n      .append('g')\n      .attr('class', 'bubble')\n      .style('cursor', onCellHover ? 'pointer' : 'default');\n\n    g.append('circle')\n      .attr('cx', cx)\n      .attr('cy', cy)\n      .attr('r', r)\n      .attr('fill', isNeg ? '#DADAE1' : `url(#bubble-gradient-${colorId})`)\n      .attr('fill-opacity', isNeg ? 0.6 : 1)\n      .attr('stroke', isNeg ? '#DADAE1' : color)\n      .attr('stroke-width', 1);\n\n    if (r >= PUNCHCARD_MIN_LABEL_RADIUS) {\n      g.append('text')\n        .attr('x', cx)\n        .attr('y', cy)\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'middle')\n        .attr('fill', '#000')\n        .attr('font-size', 12)\n        .attr('pointer-events', 'none')\n        .text(formatCompact(cell.value));\n    }\n\n    if (onCellHover) {\n      g.on('mouseenter', function (this: SVGGElement, event: MouseEvent) {\n        plot.selectAll('.bubble').attr('opacity', 0.2);\n        select(this).attr('opacity', 1);\n        onCellHover({ cell, event });\n      })\n        .on('mousemove', (event: MouseEvent) => {\n          onCellHover({ cell, event });\n        })\n        .on('mouseleave', () => {\n          plot.selectAll('.bubble').attr('opacity', 1);\n          onCellLeave?.();\n        });\n    }\n  }\n\n  const yAxis = plot\n    .append('g')\n    .attr('class', 'y-axis')\n    .call(axisLeft(yScale).tickSize(0).tickPadding(4));\n  yAxis.select('.domain').remove();\n  yAxis.selectAll('line').attr('stroke', 'none');\n  yAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize);\n\n  decorateAxisLabels(yAxis, {\n    slotWidth: leftGutter - PUNCHCARD_LABEL_GUTTER_PAD,\n    ...axisLabels,\n  });\n  layoutPunchcardYAxisLabels(yAxis, leftGutter, PUNCHCARD_LABEL_GUTTER_PAD);\n\n  const xAxis = plot\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${innerH})`)\n    .call(axisBottom(xScale).tickSize(0).tickPadding(X_AXIS_TICK_PADDING));\n  xAxis.select('.domain').remove();\n  xAxis.selectAll('line').attr('stroke', 'none');\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n  if (xTickNodes.length > 0) {\n    select(xTickNodes[0]).attr('text-anchor', 'start');\n    if (xTickNodes.length > 1) {\n      select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n    }\n  }\n\n  decorateAxisLabels(xAxis, {\n    slotWidth: xScale.bandwidth(),\n    ...axisLabels,\n  });\n\n  if (xLabel) {\n    svg\n      .append('text')\n      .attr('x', m.left + innerW / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    svg\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":[],"mappings":"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"}

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

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

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

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