4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:Tbd8,// Shared by the charts: scales, number formatting, the legend, and the table every chart carries for screen readers. import type { ReactNode } from 'react'; import './chart.css'; /** A round maximum at or above the data, with evenly spaced ticks up to it. */ export function niceScale(max: number, count = 4): { max: number; ticks: number[] } { if (!(max > 0)) return { max: 1, ticks: [0, 1] }; const rough = max / count; const power = 10 ** Math.floor(Math.log10(rough)); const step = [1, 2, 2.5, 3, 4, 5, 6, 8, 10].map((m) => m * power).find((s) => s * count >= max) ?? 10 * power; // toPrecision trims binary noise such as 0.30000000000000004. return { max: step * count, ticks: Array.from({ length: count + 1 }, (_, i) => Number((i * step).toPrecision(12))) }; } export interface ValueFormat { /** Appended to every value, for example "K" or "%". */ unit?: string; /** Replaces the default formatting. `unit` is then ignored. */ formatValue?: (value: number) => string; } /** The locale is fixed so the server and the browser print the same text. */ export const formatter = ({ unit = '', formatValue }: ValueFormat) => (value: number) => formatValue ? formatValue(value) : `${value.toLocaleString('en-US')}${unit}`; export type ChartTone = 'default' | 'danger'; /** The fill for the nth series or slice: ink stepping down in strength, or red for a failure. */ export const seriesColor = (index: number, tone: ChartTone = 'default') => (tone === 'danger' ? 'var(--cr-chart-danger)' : `var(--cr-chart-${Math.min(index, 4) + 1})`); export function ChartLegend({ items }: { items: { name: ReactNode; color: string; dashed?: boolean; value?: ReactNode; share?: ReactNode }[] }) { return ( ); } /** The chart's data as a table, for screen readers. The drawing itself is hidden from them. */ export function ChartTable({ caption, columns, rows }: { caption: string; columns: ReactNode[]; rows: ReactNode[][] }) { return ( {columns.map((c, i) => ( ))} {rows.map((row, r) => ( {row.map((cell, i) => (i === 0 ? : ))} ))}

{caption}
{c}
{cell}	{cell}

); } 52:T99f,/* Series step down in ink, so they differ in lightness rather than hue. Red is for a failure. */ .cr-chart { --cr-chart-1: var(--cr-color-text-default); --cr-chart-2: color-mix(in srgb, var(--cr-color-text-default) 50%, transparent); --cr-chart-3: color-mix(in srgb, var(--cr-color-text-default) 30%, transparent); --cr-chart-4: color-mix(in srgb, var(--cr-color-text-default) 18%, transparent); --cr-chart-5: color-mix(in srgb, var(--cr-color-text-default) 10%, transparent); --cr-chart-danger: var(--cr-color-danger-text); --cr-chart-axis: 44px; position: relative; display: flex; flex-direction: column; gap: var(--cr-space-3); margin: 0; color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-variant-numeric: tabular-nums; } /* The plot sits to the right of the axis labels. Ticks are lines across it, with a label hanging off the left. */ .cr-chart__plot { position: relative; margin-inline-start: var(--cr-chart-axis); } .cr-chart__tick { position: absolute; right: 0; left: 0; height: 1px; background: var(--cr-color-border-default); } .cr-chart__tick-label { position: absolute; right: 100%; top: 50%; padding-inline-end: var(--cr-space-2); color: var(--cr-color-text-muted); font-size: 11px; line-height: 1; transform: translateY(-50%); white-space: nowrap; } .cr-chart__labels { position: relative; height: 16px; margin-inline-start: var(--cr-chart-axis); color: var(--cr-color-text-muted); font-size: 11px; } .cr-chart-legend { display: flex; flex-wrap: wrap; gap: var(--cr-space-2) var(--cr-space-4); margin: 0; padding: 0; list-style: none; color: var(--cr-color-text-secondary); font-size: var(--cr-font-size-sm); } .cr-chart-legend__item { display: flex; align-items: center; gap: var(--cr-space-2); } .cr-chart-legend__swatch { flex: none; width: 10px; height: 10px; border-radius: 3px; background: currentColor; } /* A dashed series shows a dashed key, so the legend matches the line and not only its shade. */ .cr-chart-legend__swatch[data-dashed] { width: 14px; height: 0; border-top: 2px dashed currentColor; border-radius: 0; background: none; } .cr-chart-legend__value { margin-inline-start: auto; color: var(--cr-color-text-default); font-weight: var(--cr-font-weight-semibold); } .cr-chart-legend__share { width: 36px; color: var(--cr-color-text-muted); text-align: end; } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"creance-chart/chart.tsx","content":"$51","type":"registry:lib","target":"@lib/creance/chart.tsx"},{"path":"creance-chart/chart.css","content":"$52","type":"registry:file","target":"@lib/creance/chart.css"}],"className":"h-[70svh] min-h-80"}]]}]