@flanksource/clicky-ui 0.3.54 → 0.3.56

package/dist/data/charts/chart-marks.js

@@ -0,0 +1,112 @@
+import { CHART_INK } from "./chart-palette.js";
+import { ChartLegend } from "./ChartLegend.js";
+import { px } from "./chart-scale.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/data/charts/chart-marks.tsx
+var FRAME_STYLE = {
+	display: "block",
+	maxWidth: "100%",
+	height: "auto",
+	overflow: "visible",
+	fontVariantNumeric: "tabular-nums"
+};
+function ChartFrame({ width, height, label, title, className, children }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-label": label,
+		className,
+		fontSize: 11,
+		height,
+		role: "img",
+		style: FRAME_STYLE,
+		viewBox: `0 0 ${width} ${height}`,
+		width,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [title !== void 0 && /* @__PURE__ */ jsx("title", { children: title }), children]
+	});
+}
+/** An empty chart says so, at the size the chart would have had. */
+function ChartEmpty({ width, height, className }) {
+	return /* @__PURE__ */ jsxs(ChartFrame, {
+		className,
+		height,
+		label: "No data",
+		width,
+		children: [/* @__PURE__ */ jsx("rect", {
+			fill: "none",
+			height: Math.max(0, height - 2),
+			rx: 4,
+			stroke: CHART_INK.grid,
+			strokeDasharray: "4 3",
+			width: Math.max(0, width - 2),
+			x: 1,
+			y: 1
+		}), /* @__PURE__ */ jsx("text", {
+			dominantBaseline: "central",
+			fill: CHART_INK.axis,
+			fontSize: Math.min(11, height * .6),
+			textAnchor: "middle",
+			x: width / 2,
+			y: height / 2,
+			children: "No data"
+		})]
+	});
+}
+/**
+* One bar. `base` is where the bar is anchored (x for horizontal, the baseline
+* y for vertical), `cross` the start of its thickness, and `length` grows away
+* from the base (rightward, or upward).
+*/
+function BarMark({ orientation, base, cross, length, thickness, fill, rounded }) {
+	if (length <= 0) return null;
+	const radius = rounded ? px(Math.min(4, thickness / 2)) : 0;
+	const square = px(Math.min(radius, length));
+	const horizontal = orientation === "horizontal";
+	const body = horizontal ? {
+		x: px(base),
+		y: px(cross),
+		width: px(length),
+		height: px(thickness)
+	} : {
+		x: px(cross),
+		y: px(base - length),
+		width: px(thickness),
+		height: px(length)
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+		"data-mark": "bar",
+		fill,
+		rx: radius || void 0,
+		...body
+	}), square > 0 && /* @__PURE__ */ jsx("rect", {
+		fill,
+		...horizontal ? {
+			x: body.x,
+			y: body.y,
+			width: square,
+			height: body.height
+		} : {
+			x: body.x,
+			y: px(base - square),
+			width: body.width,
+			height: square
+		}
+	})] });
+}
+/** Wraps a chart with its legend below it when `show` is set. */
+function WithLegend({ show, items, width, className, children }) {
+	if (!show) return /* @__PURE__ */ jsx(Fragment, { children: children(className) });
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		style: {
+			width,
+			maxWidth: "100%"
+		},
+		children: [children(void 0), /* @__PURE__ */ jsx(ChartLegend, {
+			items,
+			style: { marginTop: 6 }
+		})]
+	});
+}
+export { BarMark, ChartEmpty, ChartFrame, WithLegend };
+
+//# sourceMappingURL=chart-marks.js.map

package/dist/data/charts/chart-marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-marks.js","names":["_Fragment"],"sources":["../../../src/data/charts/chart-marks.tsx"],"sourcesContent":["/**\n * The marks every static chart is drawn from, ported from the playground's\n * design-system specimens (`dataviz-marks.tsx`):\n *\n *   - 2px strokes; thinner disappears on a dense page, thicker reads as decoration.\n *   - Rounded data ends, square at the baseline. `rx` rounds all four corners,\n *     so the baseline end is squared off by overdrawing it — rounding both ends\n *     makes a bar look like it floats above its own axis.\n *   - Adjacent fills are separated by a 2px gap in the SURFACE colour, so they\n *     read as separated rather than outlined.\n *   - A recessive grid; one that competes with the data is drawn too dark.\n *\n * Everything is plain SVG with explicit geometry: no measurement, no effects,\n * no state, so `renderToStaticMarkup` produces the finished chart.\n */\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { CHART_FONT_SIZE, CHART_INK } from \"./chart-palette\";\nimport { ChartLegend, type ChartLegendItem } from \"./ChartLegend\";\nimport { px } from \"./chart-scale\";\n\nconst FRAME_STYLE: CSSProperties = {\n  display: \"block\",\n  maxWidth: \"100%\",\n  height: \"auto\",\n  overflow: \"visible\",\n  fontVariantNumeric: \"tabular-nums\",\n};\n\nexport function ChartFrame({\n  width,\n  height,\n  label,\n  title,\n  className,\n  children,\n}: {\n  width: number;\n  height: number;\n  label: string;\n  title?: string;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <svg\n      aria-label={label}\n      className={className}\n      fontSize={CHART_FONT_SIZE}\n      height={height}\n      role=\"img\"\n      style={FRAME_STYLE}\n      viewBox={`0 0 ${width} ${height}`}\n      width={width}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {title !== undefined && <title>{title}</title>}\n      {children}\n    </svg>\n  );\n}\n\n/** An empty chart says so, at the size the chart would have had. */\nexport function ChartEmpty({ width, height, className }: { width: number; height: number; className?: string | undefined }) {\n  return (\n    <ChartFrame className={className} height={height} label=\"No data\" width={width}>\n      <rect\n        fill=\"none\"\n        height={Math.max(0, height - 2)}\n        rx={4}\n        stroke={CHART_INK.grid}\n        strokeDasharray=\"4 3\"\n        width={Math.max(0, width - 2)}\n        x={1}\n        y={1}\n      />\n      <text\n        dominantBaseline=\"central\"\n        fill={CHART_INK.axis}\n        fontSize={Math.min(CHART_FONT_SIZE, height * 0.6)}\n        textAnchor=\"middle\"\n        x={width / 2}\n        y={height / 2}\n      >\n        No data\n      </text>\n    </ChartFrame>\n  );\n}\n\n/**\n * One bar. `base` is where the bar is anchored (x for horizontal, the baseline\n * y for vertical), `cross` the start of its thickness, and `length` grows away\n * from the base (rightward, or upward).\n */\nexport function BarMark({\n  orientation,\n  base,\n  cross,\n  length,\n  thickness,\n  fill,\n  rounded,\n}: {\n  orientation: \"horizontal\" | \"vertical\";\n  base: number;\n  cross: number;\n  length: number;\n  thickness: number;\n  fill: string;\n  rounded: boolean;\n}) {\n  if (length <= 0) return null;\n  const radius = rounded ? px(Math.min(4, thickness / 2)) : 0;\n  const square = px(Math.min(radius, length));\n  const horizontal = orientation === \"horizontal\";\n  const body = horizontal\n    ? { x: px(base), y: px(cross), width: px(length), height: px(thickness) }\n    : { x: px(cross), y: px(base - length), width: px(thickness), height: px(length) };\n  return (\n    <>\n      <rect data-mark=\"bar\" fill={fill} rx={radius || undefined} {...body} />\n      {square > 0 && (\n        <rect\n          fill={fill}\n          {...(horizontal\n            ? { x: body.x, y: body.y, width: square, height: body.height }\n            : { x: body.x, y: px(base - square), width: body.width, height: square })}\n        />\n      )}\n    </>\n  );\n}\n\n/** Wraps a chart with its legend below it when `show` is set. */\nexport function WithLegend({\n  show,\n  items,\n  width,\n  className,\n  children,\n}: {\n  show: boolean;\n  items: ChartLegendItem[];\n  width: number;\n  className?: string | undefined;\n  children: (svgClassName: string | undefined) => ReactNode;\n}) {\n  if (!show) return <>{children(className)}</>;\n  return (\n    <div className={className} style={{ width, maxWidth: \"100%\" }}>\n      {children(undefined)}\n      <ChartLegend items={items} style={{ marginTop: 6 }} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAoBA,IAAM,cAA6B;CACjC,SAAS;CACT,UAAU;CACV,QAAQ;CACR,UAAU;CACV,oBAAoB;AACtB;AAEA,SAAgB,WAAW,EACzB,OACA,QACA,OACA,OACA,WACA,YAQC;CACD,OACE,qBAAC,OAAD;EACE,cAAY;EACD;EACX,UAAA;EACQ;EACR,MAAK;EACL,OAAO;EACP,SAAS,OAAO,MAAM,GAAG;EAClB;EACP,OAAM;EATR,UAAA,CAWG,UAAU,KAAA,KAAa,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GAC5C,QACE;;AAET;;AAGA,SAAgB,WAAW,EAAE,OAAO,QAAQ,aAAgF;CAC1H,OACE,qBAAC,YAAD;EAAuB;EAAmB;EAAQ,OAAM;EAAiB;EAAzE,UAAA,CACE,oBAAC,QAAD;GACE,MAAK;GACL,QAAQ,KAAK,IAAI,GAAG,SAAS,CAAC;GAC9B,IAAI;GACJ,QAAQ,UAAU;GAClB,iBAAgB;GAChB,OAAO,KAAK,IAAI,GAAG,QAAQ,CAAC;GAC5B,GAAG;GACH,GAAG;EACJ,CAAA,GACD,oBAAC,QAAD;GACE,kBAAiB;GACjB,MAAM,UAAU;GAChB,UAAU,KAAK,IAAA,IAAqB,SAAS,EAAG;GAChD,YAAW;GACX,GAAG,QAAQ;GACX,GAAG,SAAS;GACb,UAAA;EAEK,CAAA,CACI;;AAEhB;;;;;;AAOA,SAAgB,QAAQ,EACtB,aACA,MACA,OACA,QACA,WACA,MACA,WASC;CACD,IAAI,UAAU,GAAG,OAAO;CACxB,MAAM,SAAS,UAAU,GAAG,KAAK,IAAI,GAAG,YAAY,CAAC,CAAC,IAAI;CAC1D,MAAM,SAAS,GAAG,KAAK,IAAI,QAAQ,MAAM,CAAC;CAC1C,MAAM,aAAa,gBAAgB;CACnC,MAAM,OAAO,aACT;EAAE,GAAG,GAAG,IAAI;EAAG,GAAG,GAAG,KAAK;EAAG,OAAO,GAAG,MAAM;EAAG,QAAQ,GAAG,SAAS;CAAE,IACtE;EAAE,GAAG,GAAG,KAAK;EAAG,GAAG,GAAG,OAAO,MAAM;EAAG,OAAO,GAAG,SAAS;EAAG,QAAQ,GAAG,MAAM;CAAE;CACnF,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EAAM,aAAU;EAAY;EAAM,IAAI,UAAU,KAAA;EAAW,GAAI;CAAO,CAAA,GACrE,SAAS,KACR,oBAAC,QAAD;EACQ;EACN,GAAK,aACD;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,OAAO;GAAQ,QAAQ,KAAK;EAAO,IAC3D;GAAE,GAAG,KAAK;GAAG,GAAG,GAAG,OAAO,MAAM;GAAG,OAAO,KAAK;GAAO,QAAQ;EAAO;CAC1E,CAAA,CAEH,EAAA,CAAA;AAEN;;AAGA,SAAgB,WAAW,EACzB,MACA,OACA,OACA,WACA,YAOC;CACD,IAAI,CAAC,MAAM,OAAO,oBAAAA,UAAA,EAAA,UAAG,SAAS,SAAS,EAAI,CAAA;CAC3C,OACE,qBAAC,OAAD;EAAgB;EAAW,OAAO;GAAE;GAAO,UAAU;EAAO;EAA5D,UAAA,CACG,SAAS,KAAA,CAAS,GACnB,oBAAC,aAAD;GAAoB;GAAO,OAAO,EAAE,WAAW,EAAE;EAAI,CAAA,CAClD;;AAET"}

package/dist/data/charts/chart-palette.cjs

@@ -0,0 +1,74 @@
+// src/data/charts/chart-palette.ts
+/**
+* The Flanksource categorical chart palette, promoted from the playground's
+* design-system page (`apps/playground/src/design-system/patterns/dataviz-palette.ts`,
+* which holds the validator provenance: worst adjacent CVD ΔE 9.4, every slot
+* ≥ 3:1 on both #ffffff and #030712).
+*
+* The order is load-bearing: emerald and rose are kept three slots apart
+* because adjacent they fail deuteranopia (ΔE 5.8).
+*/
+var CHART_PALETTE = [
+	{
+		index: 1,
+		hue: "sky",
+		hex: "#0284c7"
+	},
+	{
+		index: 2,
+		hue: "amber",
+		hex: "#d97706"
+	},
+	{
+		index: 3,
+		hue: "rose",
+		hex: "#e11d48"
+	},
+	{
+		index: 4,
+		hue: "violet",
+		hex: "#7c3aed"
+	},
+	{
+		index: 5,
+		hue: "emerald",
+		hex: "#059669"
+	},
+	{
+		index: 6,
+		hue: "indigo",
+		hex: "#6366f1"
+	},
+	{
+		index: 7,
+		hue: "teal",
+		hex: "#0d9488"
+	}
+];
+/**
+* The `--chart-N` token for a 0-based series index, with the validated hex as
+* the fallback so a render without the theme CSS (a PDF, an email) still has
+* colour. Cycles past the seventh slot.
+*/
+function chartColor(index) {
+	if (!Number.isInteger(index) || index < 0) throw new Error(`chartColor: index must be a non-negative integer, got ${index}`);
+	const slot = CHART_PALETTE[index % CHART_PALETTE.length];
+	return `var(--chart-${slot.index}, ${slot.hex})`;
+}
+/**
+* Non-data ink. Each reads the playground's chart token first, then the
+* clicky-ui theme token, then a literal, so it resolves with or without CSS.
+*/
+var CHART_INK = {
+	text: "var(--foreground, #111827)",
+	axis: "var(--chart-axis, var(--muted-foreground, #6b7280))",
+	grid: "var(--chart-grid, var(--border, #e5e7eb))",
+	surface: "var(--background, #ffffff)",
+	/** The folded "Other" bar: neutral, because it is not one of the series. */
+	other: "var(--muted-foreground, #6b7280)"
+};
+exports.CHART_INK = CHART_INK;
+exports.CHART_PALETTE = CHART_PALETTE;
+exports.chartColor = chartColor;
+
+//# sourceMappingURL=chart-palette.cjs.map

package/dist/data/charts/chart-palette.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-palette.cjs","names":[],"sources":["../../../src/data/charts/chart-palette.ts"],"sourcesContent":["/**\n * The Flanksource categorical chart palette, promoted from the playground's\n * design-system page (`apps/playground/src/design-system/patterns/dataviz-palette.ts`,\n * which holds the validator provenance: worst adjacent CVD ΔE 9.4, every slot\n * ≥ 3:1 on both #ffffff and #030712).\n *\n * The order is load-bearing: emerald and rose are kept three slots apart\n * because adjacent they fail deuteranopia (ΔE 5.8).\n */\nexport const CHART_PALETTE = [\n  { index: 1, hue: \"sky\", hex: \"#0284c7\" },\n  { index: 2, hue: \"amber\", hex: \"#d97706\" },\n  { index: 3, hue: \"rose\", hex: \"#e11d48\" },\n  { index: 4, hue: \"violet\", hex: \"#7c3aed\" },\n  { index: 5, hue: \"emerald\", hex: \"#059669\" },\n  { index: 6, hue: \"indigo\", hex: \"#6366f1\" },\n  { index: 7, hue: \"teal\", hex: \"#0d9488\" },\n] as const;\n\n/**\n * The `--chart-N` token for a 0-based series index, with the validated hex as\n * the fallback so a render without the theme CSS (a PDF, an email) still has\n * colour. Cycles past the seventh slot.\n */\nexport function chartColor(index: number): string {\n  if (!Number.isInteger(index) || index < 0) {\n    throw new Error(`chartColor: index must be a non-negative integer, got ${index}`);\n  }\n  const slot = CHART_PALETTE[index % CHART_PALETTE.length]!;\n  return `var(--chart-${slot.index}, ${slot.hex})`;\n}\n\n/**\n * Non-data ink. Each reads the playground's chart token first, then the\n * clicky-ui theme token, then a literal, so it resolves with or without CSS.\n */\nexport const CHART_INK = {\n  text: \"var(--foreground, #111827)\",\n  axis: \"var(--chart-axis, var(--muted-foreground, #6b7280))\",\n  grid: \"var(--chart-grid, var(--border, #e5e7eb))\",\n  surface: \"var(--background, #ffffff)\",\n  /** The folded \"Other\" bar: neutral, because it is not one of the series. */\n  other: \"var(--muted-foreground, #6b7280)\",\n} as const;\n\nexport const CHART_FONT_SIZE = 11;\n"],"mappings":";;;;;;;;;;AASA,IAAa,gBAAgB;CAC3B;EAAE,OAAO;EAAG,KAAK;EAAO,KAAK;CAAU;CACvC;EAAE,OAAO;EAAG,KAAK;EAAS,KAAK;CAAU;CACzC;EAAE,OAAO;EAAG,KAAK;EAAQ,KAAK;CAAU;CACxC;EAAE,OAAO;EAAG,KAAK;EAAU,KAAK;CAAU;CAC1C;EAAE,OAAO;EAAG,KAAK;EAAW,KAAK;CAAU;CAC3C;EAAE,OAAO;EAAG,KAAK;EAAU,KAAK;CAAU;CAC1C;EAAE,OAAO;EAAG,KAAK;EAAQ,KAAK;CAAU;AAC1C;;;;;;AAOA,SAAgB,WAAW,OAAuB;CAChD,IAAI,CAAC,OAAO,UAAU,KAAK,KAAK,QAAQ,GACtC,MAAM,IAAI,MAAM,yDAAyD,OAAO;CAElF,MAAM,OAAO,cAAc,QAAQ,cAAc;CACjD,OAAO,eAAe,KAAK,MAAM,IAAI,KAAK,IAAI;AAChD;;;;;AAMA,IAAa,YAAY;CACvB,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;;CAET,OAAO;AACT"}

package/dist/data/charts/chart-palette.d.ts

@@ -0,0 +1,58 @@
+/**
+ * The Flanksource categorical chart palette, promoted from the playground's
+ * design-system page (`apps/playground/src/design-system/patterns/dataviz-palette.ts`,
+ * which holds the validator provenance: worst adjacent CVD ΔE 9.4, every slot
+ * ≥ 3:1 on both #ffffff and #030712).
+ *
+ * The order is load-bearing: emerald and rose are kept three slots apart
+ * because adjacent they fail deuteranopia (ΔE 5.8).
+ */
+export declare const CHART_PALETTE: readonly [{
+    readonly index: 1;
+    readonly hue: "sky";
+    readonly hex: "#0284c7";
+}, {
+    readonly index: 2;
+    readonly hue: "amber";
+    readonly hex: "#d97706";
+}, {
+    readonly index: 3;
+    readonly hue: "rose";
+    readonly hex: "#e11d48";
+}, {
+    readonly index: 4;
+    readonly hue: "violet";
+    readonly hex: "#7c3aed";
+}, {
+    readonly index: 5;
+    readonly hue: "emerald";
+    readonly hex: "#059669";
+}, {
+    readonly index: 6;
+    readonly hue: "indigo";
+    readonly hex: "#6366f1";
+}, {
+    readonly index: 7;
+    readonly hue: "teal";
+    readonly hex: "#0d9488";
+}];
+/**
+ * The `--chart-N` token for a 0-based series index, with the validated hex as
+ * the fallback so a render without the theme CSS (a PDF, an email) still has
+ * colour. Cycles past the seventh slot.
+ */
+export declare function chartColor(index: number): string;
+/**
+ * Non-data ink. Each reads the playground's chart token first, then the
+ * clicky-ui theme token, then a literal, so it resolves with or without CSS.
+ */
+export declare const CHART_INK: {
+    readonly text: "var(--foreground, #111827)";
+    readonly axis: "var(--chart-axis, var(--muted-foreground, #6b7280))";
+    readonly grid: "var(--chart-grid, var(--border, #e5e7eb))";
+    readonly surface: "var(--background, #ffffff)";
+    /** The folded "Other" bar: neutral, because it is not one of the series. */
+    readonly other: "var(--muted-foreground, #6b7280)";
+};
+export declare const CHART_FONT_SIZE = 11;
+//# sourceMappingURL=chart-palette.d.ts.map

package/dist/data/charts/chart-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-palette.d.ts","sourceRoot":"","sources":["../../../src/data/charts/chart-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQhB,CAAC;AAEX;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMhD;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;IAKpB,4EAA4E;;CAEpE,CAAC;AAEX,eAAO,MAAM,eAAe,KAAK,CAAC"}

package/dist/data/charts/chart-palette.js

@@ -0,0 +1,72 @@
+// src/data/charts/chart-palette.ts
+/**
+* The Flanksource categorical chart palette, promoted from the playground's
+* design-system page (`apps/playground/src/design-system/patterns/dataviz-palette.ts`,
+* which holds the validator provenance: worst adjacent CVD ΔE 9.4, every slot
+* ≥ 3:1 on both #ffffff and #030712).
+*
+* The order is load-bearing: emerald and rose are kept three slots apart
+* because adjacent they fail deuteranopia (ΔE 5.8).
+*/
+var CHART_PALETTE = [
+	{
+		index: 1,
+		hue: "sky",
+		hex: "#0284c7"
+	},
+	{
+		index: 2,
+		hue: "amber",
+		hex: "#d97706"
+	},
+	{
+		index: 3,
+		hue: "rose",
+		hex: "#e11d48"
+	},
+	{
+		index: 4,
+		hue: "violet",
+		hex: "#7c3aed"
+	},
+	{
+		index: 5,
+		hue: "emerald",
+		hex: "#059669"
+	},
+	{
+		index: 6,
+		hue: "indigo",
+		hex: "#6366f1"
+	},
+	{
+		index: 7,
+		hue: "teal",
+		hex: "#0d9488"
+	}
+];
+/**
+* The `--chart-N` token for a 0-based series index, with the validated hex as
+* the fallback so a render without the theme CSS (a PDF, an email) still has
+* colour. Cycles past the seventh slot.
+*/
+function chartColor(index) {
+	if (!Number.isInteger(index) || index < 0) throw new Error(`chartColor: index must be a non-negative integer, got ${index}`);
+	const slot = CHART_PALETTE[index % CHART_PALETTE.length];
+	return `var(--chart-${slot.index}, ${slot.hex})`;
+}
+/**
+* Non-data ink. Each reads the playground's chart token first, then the
+* clicky-ui theme token, then a literal, so it resolves with or without CSS.
+*/
+var CHART_INK = {
+	text: "var(--foreground, #111827)",
+	axis: "var(--chart-axis, var(--muted-foreground, #6b7280))",
+	grid: "var(--chart-grid, var(--border, #e5e7eb))",
+	surface: "var(--background, #ffffff)",
+	/** The folded "Other" bar: neutral, because it is not one of the series. */
+	other: "var(--muted-foreground, #6b7280)"
+};
+export { CHART_INK, CHART_PALETTE, chartColor };
+
+//# sourceMappingURL=chart-palette.js.map

package/dist/data/charts/chart-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-palette.js","names":[],"sources":["../../../src/data/charts/chart-palette.ts"],"sourcesContent":["/**\n * The Flanksource categorical chart palette, promoted from the playground's\n * design-system page (`apps/playground/src/design-system/patterns/dataviz-palette.ts`,\n * which holds the validator provenance: worst adjacent CVD ΔE 9.4, every slot\n * ≥ 3:1 on both #ffffff and #030712).\n *\n * The order is load-bearing: emerald and rose are kept three slots apart\n * because adjacent they fail deuteranopia (ΔE 5.8).\n */\nexport const CHART_PALETTE = [\n  { index: 1, hue: \"sky\", hex: \"#0284c7\" },\n  { index: 2, hue: \"amber\", hex: \"#d97706\" },\n  { index: 3, hue: \"rose\", hex: \"#e11d48\" },\n  { index: 4, hue: \"violet\", hex: \"#7c3aed\" },\n  { index: 5, hue: \"emerald\", hex: \"#059669\" },\n  { index: 6, hue: \"indigo\", hex: \"#6366f1\" },\n  { index: 7, hue: \"teal\", hex: \"#0d9488\" },\n] as const;\n\n/**\n * The `--chart-N` token for a 0-based series index, with the validated hex as\n * the fallback so a render without the theme CSS (a PDF, an email) still has\n * colour. Cycles past the seventh slot.\n */\nexport function chartColor(index: number): string {\n  if (!Number.isInteger(index) || index < 0) {\n    throw new Error(`chartColor: index must be a non-negative integer, got ${index}`);\n  }\n  const slot = CHART_PALETTE[index % CHART_PALETTE.length]!;\n  return `var(--chart-${slot.index}, ${slot.hex})`;\n}\n\n/**\n * Non-data ink. Each reads the playground's chart token first, then the\n * clicky-ui theme token, then a literal, so it resolves with or without CSS.\n */\nexport const CHART_INK = {\n  text: \"var(--foreground, #111827)\",\n  axis: \"var(--chart-axis, var(--muted-foreground, #6b7280))\",\n  grid: \"var(--chart-grid, var(--border, #e5e7eb))\",\n  surface: \"var(--background, #ffffff)\",\n  /** The folded \"Other\" bar: neutral, because it is not one of the series. */\n  other: \"var(--muted-foreground, #6b7280)\",\n} as const;\n\nexport const CHART_FONT_SIZE = 11;\n"],"mappings":";;;;;;;;;;AASA,IAAa,gBAAgB;CAC3B;EAAE,OAAO;EAAG,KAAK;EAAO,KAAK;CAAU;CACvC;EAAE,OAAO;EAAG,KAAK;EAAS,KAAK;CAAU;CACzC;EAAE,OAAO;EAAG,KAAK;EAAQ,KAAK;CAAU;CACxC;EAAE,OAAO;EAAG,KAAK;EAAU,KAAK;CAAU;CAC1C;EAAE,OAAO;EAAG,KAAK;EAAW,KAAK;CAAU;CAC3C;EAAE,OAAO;EAAG,KAAK;EAAU,KAAK;CAAU;CAC1C;EAAE,OAAO;EAAG,KAAK;EAAQ,KAAK;CAAU;AAC1C;;;;;;AAOA,SAAgB,WAAW,OAAuB;CAChD,IAAI,CAAC,OAAO,UAAU,KAAK,KAAK,QAAQ,GACtC,MAAM,IAAI,MAAM,yDAAyD,OAAO;CAElF,MAAM,OAAO,cAAc,QAAQ,cAAc;CACjD,OAAO,eAAe,KAAK,MAAM,IAAI,KAAK,IAAI;AAChD;;;;;AAMA,IAAa,YAAY;CACvB,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;;CAET,OAAO;AACT"}

package/dist/data/charts/chart-scale.cjs

@@ -0,0 +1,115 @@
+// src/data/charts/chart-scale.ts
+/**
+* Average glyph advance at the chart font size. There is no layout engine in a
+* static render, so text is measured by estimate; 0.6em over-estimates typical
+* sans-serif digits and letters, which errs toward thinning rather than overlap.
+*/
+var CHAR_WIDTH = 6.6;
+var LABEL_GAP = 6;
+function textWidth(text) {
+	return text.length * CHAR_WIDTH;
+}
+/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */
+function px(value) {
+	return Math.round(value * 100) / 100;
+}
+function niceNumber(value, round) {
+	const exponent = Math.floor(Math.log10(value));
+	const fraction = value / 10 ** exponent;
+	let nice;
+	if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;
+	else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
+	return nice * 10 ** exponent;
+}
+/** Heckbert's nice axis ticks covering [min, max], about five of them. */
+function niceTicks(min, max) {
+	if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) throw new Error(`niceTicks: invalid range ${min}..${max}`);
+	const top = max === min ? min + 1 : max;
+	const step = niceNumber(niceNumber(top - min, false) / 4, true);
+	const decimals = Math.max(0, -Math.floor(Math.log10(step)));
+	const first = Math.floor(min / step) * step;
+	const last = Math.ceil(top / step) * step;
+	const ticks = [];
+	for (let i = 0; first + i * step <= last + step / 2; i++) ticks.push(Number((first + i * step).toFixed(decimals)) + 0);
+	return ticks;
+}
+/** Keeps the first `maxBars - 1` rows and sums the tail into one "Other" row. */
+function foldTail(rows, maxBars) {
+	if (maxBars === void 0) return [...rows];
+	if (!Number.isInteger(maxBars) || maxBars < 2) throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);
+	if (rows.length <= maxBars) return [...rows];
+	const tail = rows.slice(maxBars - 1);
+	return [...rows.slice(0, maxBars - 1), {
+		label: "Other",
+		value: tail.reduce((sum, row) => sum + row.value, 0),
+		folded: tail.length
+	}];
+}
+/** Every how many slots a label can be drawn without colliding with the next shown one. */
+function labelStep(labels, slotWidth) {
+	const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;
+	return Math.max(1, Math.ceil(widest / slotWidth));
+}
+/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */
+function clampLabelX(center, label, width) {
+	const half = textWidth(label) / 2;
+	return px(Math.min(Math.max(center, half), width - half));
+}
+function truncateLabel(label, maxWidth) {
+	if (textWidth(label) <= maxWidth) return label;
+	const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);
+	return `${label.slice(0, keep)}…`;
+}
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})(?:$|T)/;
+/**
+* Default x label: an ISO date becomes "Aug 16" (read from the string, not via
+* Date, so the output does not depend on the render's timezone); anything else
+* is shown as given.
+*/
+function formatChartX(x) {
+	const match = ISO_DATE.exec(x);
+	if (!match) return x;
+	const month = MONTHS[Number(match[2]) - 1];
+	if (!month) throw new Error(`formatChartX: invalid month in ${x}`);
+	return `${month} ${Number(match[3])}`;
+}
+var VALUE_FORMAT = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+/** Default value label: grouped, up to 2 decimals, locale-independent. */
+function formatChartValue(value) {
+	return VALUE_FORMAT.format(value);
+}
+function assertChartSize(component, width, height) {
+	if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);
+	if (height !== void 0 && (!Number.isFinite(height) || height <= 0)) throw new Error(`${component}: height must be a positive number, got ${height}`);
+}
+function assertFinite(component, label, value) {
+	if (!Number.isFinite(value)) throw new Error(`${component}: value for "${label}" must be finite, got ${value}`);
+}
+exports.CHAR_WIDTH = CHAR_WIDTH;
+exports.assertChartSize = assertChartSize;
+exports.assertFinite = assertFinite;
+exports.clampLabelX = clampLabelX;
+exports.foldTail = foldTail;
+exports.formatChartValue = formatChartValue;
+exports.formatChartX = formatChartX;
+exports.labelStep = labelStep;
+exports.niceTicks = niceTicks;
+exports.px = px;
+exports.textWidth = textWidth;
+exports.truncateLabel = truncateLabel;
+
+//# sourceMappingURL=chart-scale.cjs.map

package/dist/data/charts/chart-scale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.cjs","names":[],"sources":["../../../src/data/charts/chart-scale.ts"],"sourcesContent":["import { CHART_FONT_SIZE } from \"./chart-palette\";\n\n/**\n * Average glyph advance at the chart font size. There is no layout engine in a\n * static render, so text is measured by estimate; 0.6em over-estimates typical\n * sans-serif digits and letters, which errs toward thinning rather than overlap.\n */\nexport const CHAR_WIDTH = CHART_FONT_SIZE * 0.6;\nconst LABEL_GAP = 6;\n\nexport function textWidth(text: string): number {\n  return text.length * CHAR_WIDTH;\n}\n\n/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */\nexport function px(value: number): number {\n  return Math.round(value * 100) / 100;\n}\n\nfunction niceNumber(value: number, round: boolean): number {\n  const exponent = Math.floor(Math.log10(value));\n  const fraction = value / 10 ** exponent;\n  let nice: number;\n  if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;\n  else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n  return nice * 10 ** exponent;\n}\n\n/** Heckbert's nice axis ticks covering [min, max], about five of them. */\nexport function niceTicks(min: number, max: number): number[] {\n  if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) {\n    throw new Error(`niceTicks: invalid range ${min}..${max}`);\n  }\n  const top = max === min ? min + 1 : max;\n  const step = niceNumber(niceNumber(top - min, false) / 4, true);\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)));\n  const first = Math.floor(min / step) * step;\n  const last = Math.ceil(top / step) * step;\n  const ticks: number[] = [];\n  for (let i = 0; first + i * step <= last + step / 2; i++) {\n    ticks.push(Number((first + i * step).toFixed(decimals)) + 0);\n  }\n  return ticks;\n}\n\nexport type FoldedRow<T> = T | { label: string; value: number; folded: number };\n\n/** Keeps the first `maxBars - 1` rows and sums the tail into one \"Other\" row. */\nexport function foldTail<T extends { label: string; value: number }>(\n  rows: readonly T[],\n  maxBars: number | undefined,\n): FoldedRow<T>[] {\n  if (maxBars === undefined) return [...rows];\n  if (!Number.isInteger(maxBars) || maxBars < 2) {\n    throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);\n  }\n  if (rows.length <= maxBars) return [...rows];\n  const tail = rows.slice(maxBars - 1);\n  return [\n    ...rows.slice(0, maxBars - 1),\n    { label: \"Other\", value: tail.reduce((sum, row) => sum + row.value, 0), folded: tail.length },\n  ];\n}\n\n/** Every how many slots a label can be drawn without colliding with the next shown one. */\nexport function labelStep(labels: readonly string[], slotWidth: number): number {\n  const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;\n  return Math.max(1, Math.ceil(widest / slotWidth));\n}\n\n/** Height below the plot reserved for x labels, so they clear the 0 tick label. */\nexport const X_AXIS_BAND = 22;\n/** Distance from the chart's bottom edge to the x label baseline. */\nexport const X_LABEL_INSET = 6;\n\n/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */\nexport function clampLabelX(center: number, label: string, width: number): number {\n  const half = textWidth(label) / 2;\n  return px(Math.min(Math.max(center, half), width - half));\n}\n\nexport function truncateLabel(label: string, maxWidth: number): string {\n  if (textWidth(label) <= maxWidth) return label;\n  const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);\n  return `${label.slice(0, keep)}…`;\n}\n\nconst MONTHS = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})(?:$|T)/;\n\n/**\n * Default x label: an ISO date becomes \"Aug 16\" (read from the string, not via\n * Date, so the output does not depend on the render's timezone); anything else\n * is shown as given.\n */\nexport function formatChartX(x: string): string {\n  const match = ISO_DATE.exec(x);\n  if (!match) return x;\n  const month = MONTHS[Number(match[2]) - 1];\n  if (!month) throw new Error(`formatChartX: invalid month in ${x}`);\n  return `${month} ${Number(match[3])}`;\n}\n\nconst VALUE_FORMAT = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 });\n\n/** Default value label: grouped, up to 2 decimals, locale-independent. */\nexport function formatChartValue(value: number): string {\n  return VALUE_FORMAT.format(value);\n}\n\nexport function assertChartSize(component: string, width: number, height?: number): void {\n  if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);\n  if (height !== undefined && (!Number.isFinite(height) || height <= 0)) {\n    throw new Error(`${component}: height must be a positive number, got ${height}`);\n  }\n}\n\nexport function assertFinite(component: string, label: string, value: number): void {\n  if (!Number.isFinite(value)) throw new Error(`${component}: value for \"${label}\" must be finite, got ${value}`);\n}\n"],"mappings":"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"}

package/dist/data/charts/chart-scale.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Average glyph advance at the chart font size. There is no layout engine in a
+ * static render, so text is measured by estimate; 0.6em over-estimates typical
+ * sans-serif digits and letters, which errs toward thinning rather than overlap.
+ */
+export declare const CHAR_WIDTH: number;
+export declare function textWidth(text: string): number;
+/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */
+export declare function px(value: number): number;
+/** Heckbert's nice axis ticks covering [min, max], about five of them. */
+export declare function niceTicks(min: number, max: number): number[];
+export type FoldedRow<T> = T | {
+    label: string;
+    value: number;
+    folded: number;
+};
+/** Keeps the first `maxBars - 1` rows and sums the tail into one "Other" row. */
+export declare function foldTail<T extends {
+    label: string;
+    value: number;
+}>(rows: readonly T[], maxBars: number | undefined): FoldedRow<T>[];
+/** Every how many slots a label can be drawn without colliding with the next shown one. */
+export declare function labelStep(labels: readonly string[], slotWidth: number): number;
+/** Height below the plot reserved for x labels, so they clear the 0 tick label. */
+export declare const X_AXIS_BAND = 22;
+/** Distance from the chart's bottom edge to the x label baseline. */
+export declare const X_LABEL_INSET = 6;
+/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */
+export declare function clampLabelX(center: number, label: string, width: number): number;
+export declare function truncateLabel(label: string, maxWidth: number): string;
+/**
+ * Default x label: an ISO date becomes "Aug 16" (read from the string, not via
+ * Date, so the output does not depend on the render's timezone); anything else
+ * is shown as given.
+ */
+export declare function formatChartX(x: string): string;
+/** Default value label: grouped, up to 2 decimals, locale-independent. */
+export declare function formatChartValue(value: number): string;
+export declare function assertChartSize(component: string, width: number, height?: number): void;
+export declare function assertFinite(component: string, label: string, value: number): void;
+//# sourceMappingURL=chart-scale.d.ts.map

package/dist/data/charts/chart-scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.d.ts","sourceRoot":"","sources":["../../../src/data/charts/chart-scale.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,UAAU,QAAwB,CAAC;AAGhD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,+EAA+E;AAC/E,wBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExC;AAWD,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAc5D;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,iFAAiF;AACjF,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACjE,IAAI,EAAE,SAAS,CAAC,EAAE,EAClB,OAAO,EAAE,MAAM,GAAG,SAAS,GAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAWhB;AAED,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAG9E;AAED,mFAAmF;AACnF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,qEAAqE;AACrE,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGhF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIrE;AAKD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAM9C;AAID,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAKvF;AAED,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAElF"}

package/dist/data/charts/chart-scale.js

@@ -0,0 +1,104 @@
+// src/data/charts/chart-scale.ts
+/**
+* Average glyph advance at the chart font size. There is no layout engine in a
+* static render, so text is measured by estimate; 0.6em over-estimates typical
+* sans-serif digits and letters, which errs toward thinning rather than overlap.
+*/
+var CHAR_WIDTH = 6.6;
+var LABEL_GAP = 6;
+function textWidth(text) {
+	return text.length * CHAR_WIDTH;
+}
+/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */
+function px(value) {
+	return Math.round(value * 100) / 100;
+}
+function niceNumber(value, round) {
+	const exponent = Math.floor(Math.log10(value));
+	const fraction = value / 10 ** exponent;
+	let nice;
+	if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;
+	else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
+	return nice * 10 ** exponent;
+}
+/** Heckbert's nice axis ticks covering [min, max], about five of them. */
+function niceTicks(min, max) {
+	if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) throw new Error(`niceTicks: invalid range ${min}..${max}`);
+	const top = max === min ? min + 1 : max;
+	const step = niceNumber(niceNumber(top - min, false) / 4, true);
+	const decimals = Math.max(0, -Math.floor(Math.log10(step)));
+	const first = Math.floor(min / step) * step;
+	const last = Math.ceil(top / step) * step;
+	const ticks = [];
+	for (let i = 0; first + i * step <= last + step / 2; i++) ticks.push(Number((first + i * step).toFixed(decimals)) + 0);
+	return ticks;
+}
+/** Keeps the first `maxBars - 1` rows and sums the tail into one "Other" row. */
+function foldTail(rows, maxBars) {
+	if (maxBars === void 0) return [...rows];
+	if (!Number.isInteger(maxBars) || maxBars < 2) throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);
+	if (rows.length <= maxBars) return [...rows];
+	const tail = rows.slice(maxBars - 1);
+	return [...rows.slice(0, maxBars - 1), {
+		label: "Other",
+		value: tail.reduce((sum, row) => sum + row.value, 0),
+		folded: tail.length
+	}];
+}
+/** Every how many slots a label can be drawn without colliding with the next shown one. */
+function labelStep(labels, slotWidth) {
+	const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;
+	return Math.max(1, Math.ceil(widest / slotWidth));
+}
+/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */
+function clampLabelX(center, label, width) {
+	const half = textWidth(label) / 2;
+	return px(Math.min(Math.max(center, half), width - half));
+}
+function truncateLabel(label, maxWidth) {
+	if (textWidth(label) <= maxWidth) return label;
+	const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);
+	return `${label.slice(0, keep)}…`;
+}
+var MONTHS = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})(?:$|T)/;
+/**
+* Default x label: an ISO date becomes "Aug 16" (read from the string, not via
+* Date, so the output does not depend on the render's timezone); anything else
+* is shown as given.
+*/
+function formatChartX(x) {
+	const match = ISO_DATE.exec(x);
+	if (!match) return x;
+	const month = MONTHS[Number(match[2]) - 1];
+	if (!month) throw new Error(`formatChartX: invalid month in ${x}`);
+	return `${month} ${Number(match[3])}`;
+}
+var VALUE_FORMAT = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+/** Default value label: grouped, up to 2 decimals, locale-independent. */
+function formatChartValue(value) {
+	return VALUE_FORMAT.format(value);
+}
+function assertChartSize(component, width, height) {
+	if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);
+	if (height !== void 0 && (!Number.isFinite(height) || height <= 0)) throw new Error(`${component}: height must be a positive number, got ${height}`);
+}
+function assertFinite(component, label, value) {
+	if (!Number.isFinite(value)) throw new Error(`${component}: value for "${label}" must be finite, got ${value}`);
+}
+export { CHAR_WIDTH, assertChartSize, assertFinite, clampLabelX, foldTail, formatChartValue, formatChartX, labelStep, niceTicks, px, textWidth, truncateLabel };
+
+//# sourceMappingURL=chart-scale.js.map

package/dist/data/charts/chart-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scale.js","names":[],"sources":["../../../src/data/charts/chart-scale.ts"],"sourcesContent":["import { CHART_FONT_SIZE } from \"./chart-palette\";\n\n/**\n * Average glyph advance at the chart font size. There is no layout engine in a\n * static render, so text is measured by estimate; 0.6em over-estimates typical\n * sans-serif digits and letters, which errs toward thinning rather than overlap.\n */\nexport const CHAR_WIDTH = CHART_FONT_SIZE * 0.6;\nconst LABEL_GAP = 6;\n\nexport function textWidth(text: string): number {\n  return text.length * CHAR_WIDTH;\n}\n\n/** Rounds geometry to 2dp so the emitted markup is short and deterministic. */\nexport function px(value: number): number {\n  return Math.round(value * 100) / 100;\n}\n\nfunction niceNumber(value: number, round: boolean): number {\n  const exponent = Math.floor(Math.log10(value));\n  const fraction = value / 10 ** exponent;\n  let nice: number;\n  if (round) nice = fraction < 1.5 ? 1 : fraction < 3 ? 2 : fraction < 7 ? 5 : 10;\n  else nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n  return nice * 10 ** exponent;\n}\n\n/** Heckbert's nice axis ticks covering [min, max], about five of them. */\nexport function niceTicks(min: number, max: number): number[] {\n  if (!Number.isFinite(min) || !Number.isFinite(max) || min > max) {\n    throw new Error(`niceTicks: invalid range ${min}..${max}`);\n  }\n  const top = max === min ? min + 1 : max;\n  const step = niceNumber(niceNumber(top - min, false) / 4, true);\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)));\n  const first = Math.floor(min / step) * step;\n  const last = Math.ceil(top / step) * step;\n  const ticks: number[] = [];\n  for (let i = 0; first + i * step <= last + step / 2; i++) {\n    ticks.push(Number((first + i * step).toFixed(decimals)) + 0);\n  }\n  return ticks;\n}\n\nexport type FoldedRow<T> = T | { label: string; value: number; folded: number };\n\n/** Keeps the first `maxBars - 1` rows and sums the tail into one \"Other\" row. */\nexport function foldTail<T extends { label: string; value: number }>(\n  rows: readonly T[],\n  maxBars: number | undefined,\n): FoldedRow<T>[] {\n  if (maxBars === undefined) return [...rows];\n  if (!Number.isInteger(maxBars) || maxBars < 2) {\n    throw new Error(`maxBars must be an integer ≥ 2, got ${maxBars}`);\n  }\n  if (rows.length <= maxBars) return [...rows];\n  const tail = rows.slice(maxBars - 1);\n  return [\n    ...rows.slice(0, maxBars - 1),\n    { label: \"Other\", value: tail.reduce((sum, row) => sum + row.value, 0), folded: tail.length },\n  ];\n}\n\n/** Every how many slots a label can be drawn without colliding with the next shown one. */\nexport function labelStep(labels: readonly string[], slotWidth: number): number {\n  const widest = Math.max(0, ...labels.map(textWidth)) + LABEL_GAP;\n  return Math.max(1, Math.ceil(widest / slotWidth));\n}\n\n/** Height below the plot reserved for x labels, so they clear the 0 tick label. */\nexport const X_AXIS_BAND = 22;\n/** Distance from the chart's bottom edge to the x label baseline. */\nexport const X_LABEL_INSET = 6;\n\n/** The x for a middle-anchored label that keeps the whole label inside [0, width]. */\nexport function clampLabelX(center: number, label: string, width: number): number {\n  const half = textWidth(label) / 2;\n  return px(Math.min(Math.max(center, half), width - half));\n}\n\nexport function truncateLabel(label: string, maxWidth: number): string {\n  if (textWidth(label) <= maxWidth) return label;\n  const keep = Math.max(1, Math.floor(maxWidth / CHAR_WIDTH) - 1);\n  return `${label.slice(0, keep)}…`;\n}\n\nconst MONTHS = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst ISO_DATE = /^(\\d{4})-(\\d{2})-(\\d{2})(?:$|T)/;\n\n/**\n * Default x label: an ISO date becomes \"Aug 16\" (read from the string, not via\n * Date, so the output does not depend on the render's timezone); anything else\n * is shown as given.\n */\nexport function formatChartX(x: string): string {\n  const match = ISO_DATE.exec(x);\n  if (!match) return x;\n  const month = MONTHS[Number(match[2]) - 1];\n  if (!month) throw new Error(`formatChartX: invalid month in ${x}`);\n  return `${month} ${Number(match[3])}`;\n}\n\nconst VALUE_FORMAT = new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 });\n\n/** Default value label: grouped, up to 2 decimals, locale-independent. */\nexport function formatChartValue(value: number): string {\n  return VALUE_FORMAT.format(value);\n}\n\nexport function assertChartSize(component: string, width: number, height?: number): void {\n  if (!Number.isFinite(width) || width <= 0) throw new Error(`${component}: width must be a positive number, got ${width}`);\n  if (height !== undefined && (!Number.isFinite(height) || height <= 0)) {\n    throw new Error(`${component}: height must be a positive number, got ${height}`);\n  }\n}\n\nexport function assertFinite(component: string, label: string, value: number): void {\n  if (!Number.isFinite(value)) throw new Error(`${component}: value for \"${label}\" must be finite, got ${value}`);\n}\n"],"mappings":"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"}