@eifi1/ui-kit 0.51.3 → 0.51.5

package/dist/components/series-chart-budget.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/series-chart-budget.ts"],"sourcesContent":["// The axis budget of a series chart: which of its y axes are drawn, when there are more\n// than the width can carry. Pure, and apart from the chart, so the rule is tested on\n// numbers rather than on a jsdom that has no layout to measure.\n//\n// lenkbank's curve plot declares four visible axes — velocity, position and acceleration\n// on the left, loads on the right — and every one reserves its band of ticks and title.\n// At 1280 px that is a quarter of the card; at 390 px it is all of it, and the plot the\n// axes are for is ten pixels wide. An axis over budget is drawn the way a `hide: true`\n// one always was: it still scales its lines (and the zoom still refits it), but it draws\n// no ticks, no title, and reserves no width.\n\n/**\n * How many y axes a chart draws. A number caps the TOTAL; `{ left, right }` caps each\n * side (a side left out is not capped). Axes over the cap are hidden in declaration\n * order — the first of each side is the last to go, see {@link budgetedAxes}.\n */\nexport type SeriesChartAxisBudget = number | { left?: number; right?: number };\n\n/** The part of an axis the budget reads. */\ninterface BudgetAxis {\n  id: string;\n  orientation?: \"left\" | \"right\";\n  hide?: boolean;\n  title?: string;\n  width?: number;\n}\n\n/**\n * The narrowest the plot may get before the automatic budget steps in, in px at Normal —\n * × the text size's scale since 0.32 (see {@link autoAxisBudget}).\n *\n * About a phone's plot with one axis a side (390 px viewport, card padding, two bands\n * of 48 + 16), where a curve's shape still reads. It is the point below which the chart\n * is already broken today — a plot the width of a thumb between four columns of numbers\n * — so the rule changes nothing that was working.\n */\nexport const MIN_PLOT_WIDTH = 160;\n\n/** The budget the automatic rule applies: one axis a side. */\nexport const NARROW_AXIS_BUDGET: SeriesChartAxisBudget = { left: 1, right: 1 };\n\n/**\n * The automatic rule's second step: the left axis alone — for a chart with an axis on\n * each side that even one a side leaves too little plot (0.32, see {@link autoAxisBudget}).\n */\nexport const LEFT_AXIS_BUDGET: SeriesChartAxisBudget = { left: 1, right: 0 };\n\n/** The plot's margin on a side no axis band covers — `SeriesPlot`'s own. */\nconst BARE_SIDE_MARGIN = 10;\n\nconst sideOf = (axis: BudgetAxis) => axis.orientation ?? \"left\";\n\n/**\n * The ids of the VISIBLE axes a budget hides — axes already `hide: true` are neither\n * counted nor returned. Empty for no budget.\n *\n * Kept, in order of priority: the first visible axis of each side (in declaration order,\n * so the axis a caller lists first — the one the grid hangs its rules off — always\n * stays), then the rest in declaration order, until the cap. Per side, that is simply the\n * first `left` left-hand axes and the first `right` right-hand ones.\n */\nexport function budgetedAxes(\n  axes: readonly BudgetAxis[],\n  budget: SeriesChartAxisBudget | undefined,\n): string[] {\n  if (budget === undefined) return [];\n  const visible = axes.filter((axis) => !axis.hide);\n  if (typeof budget === \"number\") {\n    const cap = Math.max(0, Math.floor(budget));\n    const firsts = new Set<string>();\n    const seen = new Set<string>();\n    for (const axis of visible) {\n      if (!seen.has(sideOf(axis))) firsts.add(axis.id);\n      seen.add(sideOf(axis));\n    }\n    const priority = [\n      ...visible.filter((axis) => firsts.has(axis.id)),\n      ...visible.filter((axis) => !firsts.has(axis.id)),\n    ];\n    const kept = new Set(priority.slice(0, cap).map((axis) => axis.id));\n    return visible.filter((axis) => !kept.has(axis.id)).map((axis) => axis.id);\n  }\n  const used = { left: 0, right: 0 };\n  const out: string[] = [];\n  for (const axis of visible) {\n    const side = sideOf(axis);\n    const cap = budget[side];\n    if (cap !== undefined && used[side] >= Math.max(0, Math.floor(cap))) out.push(axis.id);\n    else used[side] += 1;\n  }\n  return out;\n}\n\n/**\n * The automatic budget for a chart `width` px wide, in two steps — each taken only when\n * the plot would otherwise be narrower than {@link MIN_PLOT_WIDTH} × `scale`:\n *\n * 1. {@link NARROW_AXIS_BUDGET}, one axis a side, when some side draws more than one\n *    (lenkbank's four-axis curve plot on a phone);\n * 2. {@link LEFT_AXIS_BUDGET}, the left axis alone, when the chart has an axis on EACH\n *    side and one a side still leaves the plot too narrow (0.32,\n *    docs/text-size-harmonization.md §4, §10.10). At 150 % a 390 px phone's two bands\n *    are 96 px each and the plot kept about 80 px. The right-hand axis is the secondary\n *    one — the grid hangs its rules off the left — so it goes: its lines keep their own\n *    scale, and its unit moves into the tooltip, the readout and the legend\n *    ({@link axisUnit}, `seriesLegendEntries`), where its values stay readable.\n *\n * `scale` is the text size's (`useTextSize().scale`): the bands grow with the type\n * (`bandWidth` is handed the scaled ones), and so does the floor (§3.2, \"a chart's axis\n * width and tick spacing are multiplied by `scale`\") — the room a curve needs between\n * labels grows with the labels.\n *\n * `undefined` when neither step is needed, for a single-axis chart (a facing pair's two\n * charts each have one) and for a width that is not known (no layout, no\n * `ResizeObserver`).\n *\n * Decided on the CHART's width and the axes as declared, never on the plot the budget\n * produced, so hiding an axis cannot widen the plot back over the line and bring it\n * back: the rule has no feedback to oscillate on.\n */\nexport function autoAxisBudget(\n  axes: readonly BudgetAxis[],\n  width: number | undefined,\n  bandWidth: (axis: BudgetAxis) => number,\n  scale = 1,\n): SeriesChartAxisBudget | undefined {\n  if (width === undefined || !(width > 0)) return undefined;\n  const visible = axes.filter((axis) => !axis.hide);\n  const left = visible.filter((axis) => sideOf(axis) === \"left\");\n  const right = visible.filter((axis) => sideOf(axis) === \"right\");\n  const floor = MIN_PLOT_WIDTH * scale;\n  /** The plot's width with `drawn` axes drawn: what their bands and the bare sides leave. */\n  const plot = (drawn: readonly BudgetAxis[]) => {\n    const onLeft = drawn.some((axis) => sideOf(axis) === \"left\");\n    const onRight = drawn.some((axis) => sideOf(axis) === \"right\");\n    const bands = drawn.reduce((sum, axis) => sum + bandWidth(axis), 0);\n    return width - bands - (onLeft ? 0 : BARE_SIDE_MARGIN) - (onRight ? 0 : BARE_SIDE_MARGIN);\n  };\n  if (left.length && right.length && plot([left[0], right[0]]) < floor) return LEFT_AXIS_BUDGET;\n  if (left.length <= 1 && right.length <= 1) return undefined;\n  return plot(visible) < floor ? NARROW_AXIS_BUDGET : undefined;\n}\n\n/**\n * The unit an axis' series say when the axis is not drawn: its `unit`, or else the\n * parenthesised tail of its title — \"Load (N)\" says \"N\", which is how the apps write\n * every axis title. `undefined` when neither says one.\n */\nexport function axisUnit(axis: { unit?: string; title?: string }): string | undefined {\n  if (axis.unit !== undefined) return axis.unit || undefined;\n  const tail = /\\(([^()]+)\\)\\s*$/.exec(axis.title ?? \"\");\n  return tail?.[1].trim() || undefined;\n}\n"],"mappings":";AAoCO,MAAM,iBAAiB;AAGvB,MAAM,qBAA4C,EAAE,MAAM,GAAG,OAAO,EAAE;AAMtE,MAAM,mBAA0C,EAAE,MAAM,GAAG,OAAO,EAAE;AAG3E,MAAM,mBAAmB;AAEzB,MAAM,SAAS,CAAC,SAAqB,KAAK,eAAe;AAWlD,SAAS,aACd,MACA,QACU;AACV,MAAI,WAAW,OAAW,QAAO,CAAC;AAClC,QAAM,UAAU,KAAK,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI;AAChD,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,MAAM,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,CAAC;AAC1C,UAAM,SAAS,oBAAI,IAAY;AAC/B,UAAM,OAAO,oBAAI,IAAY;AAC7B,eAAW,QAAQ,SAAS;AAC1B,UAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,EAAG,QAAO,IAAI,KAAK,EAAE;AAC/C,WAAK,IAAI,OAAO,IAAI,CAAC;AAAA,IACvB;AACA,UAAM,WAAW;AAAA,MACf,GAAG,QAAQ,OAAO,CAAC,SAAS,OAAO,IAAI,KAAK,EAAE,CAAC;AAAA,MAC/C,GAAG,QAAQ,OAAO,CAAC,SAAS,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC;AAAA,IAClD;AACA,UAAM,OAAO,IAAI,IAAI,SAAS,MAAM,GAAG,GAAG,EAAE,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAClE,WAAO,QAAQ,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,EAC3E;AACA,QAAM,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE;AACjC,QAAM,MAAgB,CAAC;AACvB,aAAW,QAAQ,SAAS;AAC1B,UAAM,OAAO,OAAO,IAAI;AACxB,UAAM,MAAM,OAAO,IAAI;AACvB,QAAI,QAAQ,UAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,GAAG,CAAC,EAAG,KAAI,KAAK,KAAK,EAAE;AAAA,QAChF,MAAK,IAAI,KAAK;AAAA,EACrB;AACA,SAAO;AACT;AA6BO,SAAS,eACd,MACA,OACA,WACA,QAAQ,GAC2B;AACnC,MAAI,UAAU,UAAa,EAAE,QAAQ,GAAI,QAAO;AAChD,QAAM,UAAU,KAAK,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI;AAChD,QAAM,OAAO,QAAQ,OAAO,CAAC,SAAS,OAAO,IAAI,MAAM,MAAM;AAC7D,QAAM,QAAQ,QAAQ,OAAO,CAAC,SAAS,OAAO,IAAI,MAAM,OAAO;AAC/D,QAAM,QAAQ,iBAAiB;AAE/B,QAAM,OAAO,CAAC,UAAiC;AAC7C,UAAM,SAAS,MAAM,KAAK,CAAC,SAAS,OAAO,IAAI,MAAM,MAAM;AAC3D,UAAM,UAAU,MAAM,KAAK,CAAC,SAAS,OAAO,IAAI,MAAM,OAAO;AAC7D,UAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,CAAC;AAClE,WAAO,QAAQ,SAAS,SAAS,IAAI,qBAAqB,UAAU,IAAI;AAAA,EAC1E;AACA,MAAI,KAAK,UAAU,MAAM,UAAU,KAAK,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,MAAO,QAAO;AAC7E,MAAI,KAAK,UAAU,KAAK,MAAM,UAAU,EAAG,QAAO;AAClD,SAAO,KAAK,OAAO,IAAI,QAAQ,qBAAqB;AACtD;AAOO,SAAS,SAAS,MAA6D;AACpF,MAAI,KAAK,SAAS,OAAW,QAAO,KAAK,QAAQ;AACjD,QAAM,OAAO,mBAAmB,KAAK,KAAK,SAAS,EAAE;AACrD,SAAO,OAAO,CAAC,EAAE,KAAK,KAAK;AAC7B;","names":[]}
+{"version":3,"sources":["../../src/components/series-chart-budget.ts"],"sourcesContent":["// The axis budget of a series chart: which of its y axes are drawn, when there are more\n// than the width can carry. Pure, and apart from the chart, so the rule is tested on\n// numbers rather than on a jsdom that has no layout to measure.\n//\n// lenkbank's curve plot declares four visible axes — velocity, position and acceleration\n// on the left, loads on the right — and every one reserves its band of ticks and title.\n// At 1280 px that is a quarter of the card; at 390 px it is all of it, and the plot the\n// axes are for is ten pixels wide. An axis over budget is drawn the way a `hide: true`\n// one always was: it still scales its lines (and the zoom still refits it), but it draws\n// no ticks, no title, and reserves no width.\n\n/**\n * How many y axes a chart draws. A number caps the TOTAL; `{ left, right }` caps each\n * side (a side left out is not capped). Axes over the cap are hidden in declaration\n * order — the first of each side is the last to go, see {@link budgetedAxes}.\n */\nexport type SeriesChartAxisBudget = number | { left?: number; right?: number };\n\n/** The part of an axis the budget reads. */\ninterface BudgetAxis {\n  id: string;\n  orientation?: \"left\" | \"right\";\n  hide?: boolean;\n  title?: string;\n  width?: number;\n}\n\n/**\n * The narrowest the plot may get before the automatic budget steps in, in px at Normal —\n * × the text size's scale since 0.32 (see {@link autoAxisBudget}).\n *\n * About a phone's plot with one axis a side (390 px viewport, card padding, two bands\n * of 48 + 16), where a curve's shape still reads. It is the point below which the chart\n * is already broken today — a plot the width of a thumb between four columns of numbers\n * — so the rule changes nothing that was working.\n */\nexport const MIN_PLOT_WIDTH = 160;\n\n/** The budget the automatic rule applies: one axis a side. */\nexport const NARROW_AXIS_BUDGET: SeriesChartAxisBudget = { left: 1, right: 1 };\n\n/**\n * The automatic rule's second step: the left axis alone — for a chart with an axis on\n * each side that even one a side leaves too little plot (0.32, see {@link autoAxisBudget}).\n */\nexport const LEFT_AXIS_BUDGET: SeriesChartAxisBudget = { left: 1, right: 0 };\n\n/** The plot's margin on a side no axis band covers — `SeriesPlot`'s own. */\nconst BARE_SIDE_MARGIN = 10;\n\nconst sideOf = (axis: BudgetAxis) => axis.orientation ?? \"left\";\n\n/**\n * The ids of the VISIBLE axes a budget hides — axes already `hide: true` are neither\n * counted nor returned. Empty for no budget.\n *\n * Kept, in order of priority: the first visible axis of each side (in declaration order,\n * so the axis a caller lists first — the one the grid hangs its rules off — always\n * stays), then the rest in declaration order, until the cap. Per side, that is simply the\n * first `left` left-hand axes and the first `right` right-hand ones.\n */\nexport function budgetedAxes(axes: readonly BudgetAxis[], budget: SeriesChartAxisBudget | undefined): string[] {\n  if (budget === undefined) return [];\n  const visible = axes.filter((axis) => !axis.hide);\n  if (typeof budget === \"number\") {\n    const cap = Math.max(0, Math.floor(budget));\n    const firsts = new Set<string>();\n    const seen = new Set<string>();\n    for (const axis of visible) {\n      if (!seen.has(sideOf(axis))) firsts.add(axis.id);\n      seen.add(sideOf(axis));\n    }\n    const priority = [\n      ...visible.filter((axis) => firsts.has(axis.id)),\n      ...visible.filter((axis) => !firsts.has(axis.id)),\n    ];\n    const kept = new Set(priority.slice(0, cap).map((axis) => axis.id));\n    return visible.filter((axis) => !kept.has(axis.id)).map((axis) => axis.id);\n  }\n  const used = { left: 0, right: 0 };\n  const out: string[] = [];\n  for (const axis of visible) {\n    const side = sideOf(axis);\n    const cap = budget[side];\n    if (cap !== undefined && used[side] >= Math.max(0, Math.floor(cap))) out.push(axis.id);\n    else used[side] += 1;\n  }\n  return out;\n}\n\n/**\n * The automatic budget for a chart `width` px wide, in two steps — each taken only when\n * the plot would otherwise be narrower than {@link MIN_PLOT_WIDTH} × `scale`:\n *\n * 1. {@link NARROW_AXIS_BUDGET}, one axis a side, when some side draws more than one\n *    (lenkbank's four-axis curve plot on a phone);\n * 2. {@link LEFT_AXIS_BUDGET}, the left axis alone, when the chart has an axis on EACH\n *    side and one a side still leaves the plot too narrow (0.32,\n *    docs/text-size-harmonization.md §4, §10.10). At 150 % a 390 px phone's two bands\n *    are 96 px each and the plot kept about 80 px. The right-hand axis is the secondary\n *    one — the grid hangs its rules off the left — so it goes: its lines keep their own\n *    scale, and its unit moves into the tooltip, the readout and the legend\n *    ({@link axisUnit}, `seriesLegendEntries`), where its values stay readable.\n *\n * `scale` is the text size's (`useTextSize().scale`): the bands grow with the type\n * (`bandWidth` is handed the scaled ones), and so does the floor (§3.2, \"a chart's axis\n * width and tick spacing are multiplied by `scale`\") — the room a curve needs between\n * labels grows with the labels.\n *\n * `undefined` when neither step is needed, for a single-axis chart (a facing pair's two\n * charts each have one) and for a width that is not known (no layout, no\n * `ResizeObserver`).\n *\n * Decided on the CHART's width and the axes as declared, never on the plot the budget\n * produced, so hiding an axis cannot widen the plot back over the line and bring it\n * back: the rule has no feedback to oscillate on.\n */\nexport function autoAxisBudget(\n  axes: readonly BudgetAxis[],\n  width: number | undefined,\n  bandWidth: (axis: BudgetAxis) => number,\n  scale = 1,\n): SeriesChartAxisBudget | undefined {\n  if (width === undefined || !(width > 0)) return undefined;\n  const visible = axes.filter((axis) => !axis.hide);\n  const left = visible.filter((axis) => sideOf(axis) === \"left\");\n  const right = visible.filter((axis) => sideOf(axis) === \"right\");\n  const floor = MIN_PLOT_WIDTH * scale;\n  /** The plot's width with `drawn` axes drawn: what their bands and the bare sides leave. */\n  const plot = (drawn: readonly BudgetAxis[]) => {\n    const onLeft = drawn.some((axis) => sideOf(axis) === \"left\");\n    const onRight = drawn.some((axis) => sideOf(axis) === \"right\");\n    const bands = drawn.reduce((sum, axis) => sum + bandWidth(axis), 0);\n    return width - bands - (onLeft ? 0 : BARE_SIDE_MARGIN) - (onRight ? 0 : BARE_SIDE_MARGIN);\n  };\n  if (left.length && right.length && plot([left[0], right[0]]) < floor) return LEFT_AXIS_BUDGET;\n  if (left.length <= 1 && right.length <= 1) return undefined;\n  return plot(visible) < floor ? NARROW_AXIS_BUDGET : undefined;\n}\n\n/**\n * The unit an axis' series say when the axis is not drawn: its `unit`, or else the\n * parenthesised tail of its title — \"Load (N)\" says \"N\", which is how the apps write\n * every axis title. `undefined` when neither says one.\n */\nexport function axisUnit(axis: { unit?: string; title?: string }): string | undefined {\n  if (axis.unit !== undefined) return axis.unit || undefined;\n  const tail = /\\(([^()]+)\\)\\s*$/.exec(axis.title ?? \"\");\n  return tail?.[1].trim() || undefined;\n}\n"],"mappings":"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","names":[]}

package/dist/components/series-chart-ticks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/series-chart-ticks.ts"],"sourcesContent":["// Round tick values for `SeriesChart` — internal, not re-exported by `@eifi1/ui-kit/chart`.\n//\n// Handed an explicit numeric domain, recharts divides it into equal parts and prints\n// wherever those land: a fitted band of [-11, 811] comes out as -11, 189, 389 … and a\n// padded [89, 1011] as 89, 289, 489 — numbers nobody can put a ruler against. These\n// are the ticks a person would draw instead: every multiple of a 1, 2 or 5 × 10^n step\n// that lies INSIDE the domain. The domain itself is left alone, so the 4 % of air the\n// fit leaves and a zoom window's exact edges both survive; the frame simply does not\n// get a number of its own.\n\n/** Roughly how many ticks to aim for. The 1/2/5 ladder lands anywhere from about half\n *  to about twice this, which is the price of every tick being a round number. */\nconst TARGET_TICKS = 5;\n\n/** The aim at Large and Extra large (docs/text-size-harmonization.md §4): the labels are\n *  25–50 % wider and taller, so five of them crowd an axis that holds them at Normal. */\nexport const LARGE_TEXT_TARGET_TICKS = 3;\n\n/** How many ticks to aim for at a text `scale` (`useTextSize().scale`): five at Normal,\n *  three from Large up. */\nexport function tickTarget(scale = 1): number {\n  return scale > 1 ? LARGE_TEXT_TARGET_TICKS : TARGET_TICKS;\n}\n\n/** The round step closest to `span / target`: 1, 2 or 5 times a power of ten. */\nexport function niceStep(span: number, target: number = TARGET_TICKS): number {\n  const rough = span / Math.max(1, target);\n  const magnitude = 10 ** Math.floor(Math.log10(rough));\n  const norm = rough / magnitude;\n  const factor = norm < 1.5 ? 1 : norm < 3 ? 2 : norm < 7 ? 5 : 10;\n  return factor * magnitude;\n}\n\n/**\n * The round ticks inside `[low, high]`, ascending — or `undefined` when there is no\n * span to divide (no domain, a zero-height one, anything non-finite), which leaves the\n * choice to recharts.\n *\n * Each tick is computed as `k × step` and then rounded to the step's own decimals:\n * accumulating `+= 0.1` would print 0.30000000000000004 on the third tick.\n */\nexport function niceTicks(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): number[] | undefined {\n  if (!domain) return undefined;\n  const [low, high] = domain;\n  if (!Number.isFinite(low) || !Number.isFinite(high) || !(high > low)) return undefined;\n  const step = niceStep(high - low, target);\n  if (!(step > 0) || !Number.isFinite(step)) return undefined;\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)));\n  const ticks: number[] = [];\n  // Half a step's tolerance per end would admit ticks outside the frame; a millionth\n  // of one only forgives the float error in `low / step`.\n  const first = Math.ceil(low / step - 1e-6);\n  const last = Math.floor(high / step + 1e-6);\n  for (let k = first; k <= last; k++) {\n    // `+ 0` turns the -0 that `Number(\"-0.00\")` gives back into a plain 0.\n    ticks.push(Number((k * step).toFixed(decimals)) + 0);\n  }\n  return ticks.length ? ticks : undefined;\n}\n\n/**\n * {@link niceTicks} on whole numbers only: the step never drops below 1, so a short\n * index series (a domain of [-0.2, 4.2]) is ticked 0 1 2 3 4 instead of every half.\n * `undefined` when the window holds no whole number at all, so the caller can fall\n * back to the fractional ticks of a deep zoom rather than show none.\n */\nexport function integerTicks(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): number[] | undefined {\n  if (!domain) return undefined;\n  const [low, high] = domain;\n  if (!Number.isFinite(low) || !Number.isFinite(high) || !(high >= low)) return undefined;\n  const step = high > low ? Math.max(1, niceStep(high - low, target)) : 1;\n  const ticks: number[] = [];\n  const first = Math.ceil(low / step - 1e-6);\n  const last = Math.floor(high / step + 1e-6);\n  for (let k = first; k <= last; k++) ticks.push(k * step + 0);\n  return ticks.length ? ticks : undefined;\n}\n\n/**\n * The slots of a CATEGORY axis that lie inside a window over their positions.\n *\n * `SeriesChart` draws a category axis on the slot INDEX (see `x.type: \"category\"`), so a\n * zoom window is a range of fractional positions — [2.6, 8.3] after a drag across the\n * third to ninth month. A tick belongs on every whole slot inside it, and on nothing in\n * between: there is no month 2.5. Recharts' `minTickGap` thins them where they crowd.\n */\nexport function categoryTicks(\n  domain: readonly [number, number] | undefined,\n  count: number,\n): number[] | undefined {\n  if (!domain || !(count > 0)) return undefined;\n  const first = Math.max(0, Math.ceil(domain[0] - 1e-6));\n  const last = Math.min(count - 1, Math.floor(domain[1] + 1e-6));\n  const ticks: number[] = [];\n  for (let slot = first; slot <= last; slot++) ticks.push(slot);\n  return ticks.length ? ticks : undefined;\n}\n\n/** What one tick of a time axis stands for, which is also how its label is written. */\nexport type TimeTickUnit = \"hour\" | \"day\" | \"month\" | \"year\";\n\nconst HOUR = 3_600_000;\nconst DAY = 24 * HOUR;\n\n/**\n * The calendar steps a time axis may tick in, with their rough length for choosing.\n * Months and years are stepped with `Date` setters, not by adding their \"length\":\n * thirty days from the 1st of February is the 3rd of March, and a tick that promises a\n * month start and prints the 3rd is the ruler lying.\n */\nconst TIME_STEPS: readonly { unit: TimeTickUnit; n: number; ms: number }[] = [\n  { unit: \"hour\", n: 1, ms: HOUR },\n  { unit: \"hour\", n: 3, ms: 3 * HOUR },\n  { unit: \"hour\", n: 6, ms: 6 * HOUR },\n  { unit: \"hour\", n: 12, ms: 12 * HOUR },\n  { unit: \"day\", n: 1, ms: DAY },\n  { unit: \"day\", n: 2, ms: 2 * DAY },\n  { unit: \"day\", n: 7, ms: 7 * DAY },\n  { unit: \"month\", n: 1, ms: 30.44 * DAY },\n  { unit: \"month\", n: 2, ms: 60.88 * DAY },\n  { unit: \"month\", n: 3, ms: 91.31 * DAY },\n  { unit: \"month\", n: 6, ms: 182.62 * DAY },\n];\n\n/**\n * Calendar ticks inside a window of epoch milliseconds — midnights, Mondays, month and\n * quarter starts, new years, in LOCAL time — and the unit they are in, so the label can\n * say as much as the tick means (\"Mar 26\" for a month start, \"14 Mar\" for a day).\n *\n * The time counterpart of {@link niceTicks}: a 1/2/5 ladder over raw milliseconds lands\n * on 5 × 10⁹ ms, every 58 days, at whatever hour that happens to be. keksdose's price\n * history and cash buffer each thinned their own ticks by hand for exactly this reason.\n */\nexport function timeTicksWithUnit(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): { ticks: number[]; unit: TimeTickUnit } | undefined {\n  if (!domain) return undefined;\n  const [low, high] = domain;\n  if (!Number.isFinite(low) || !Number.isFinite(high) || !(high > low)) return undefined;\n  const rough = (high - low) / Math.max(1, target);\n  let unit: TimeTickUnit = \"year\";\n  let n = 1;\n  let best = Infinity;\n  for (const step of TIME_STEPS) {\n    const miss = Math.abs(Math.log(step.ms / rough));\n    if (miss < best) {\n      best = miss;\n      unit = step.unit;\n      n = step.n;\n    }\n  }\n  // The year ladder competes on the same terms as the table: one year is 365.25 days.\n  const yearN = Math.max(1, Math.round(niceStep((high - low) / (365.25 * DAY), target)));\n  if (Math.abs(Math.log((yearN * 365.25 * DAY) / rough)) < best) {\n    unit = \"year\";\n    n = yearN;\n  }\n\n  const start = new Date(low);\n  start.setMinutes(0, 0, 0);\n  if (unit !== \"hour\") start.setHours(0);\n  if (unit === \"month\" || unit === \"year\") start.setDate(1);\n  if (unit === \"year\") start.setMonth(0);\n  // Onto the step's own grid: hours of the day, Mondays, month indices, years — so a\n  // zoom window starting on a Wednesday still ticks on Mondays.\n  if (unit === \"hour\") start.setHours(start.getHours() - (start.getHours() % n));\n  if (unit === \"day\" && n === 7) start.setDate(start.getDate() - ((start.getDay() + 6) % 7));\n  if (unit === \"month\") start.setMonth(start.getMonth() - (start.getMonth() % n));\n  if (unit === \"year\") start.setFullYear(start.getFullYear() - (start.getFullYear() % n));\n\n  const ticks: number[] = [];\n  const at = new Date(start);\n  // Bounded, so a window of a million years cannot hang the render.\n  for (let guard = 0; guard < 1000 && at.getTime() <= high; guard++) {\n    if (at.getTime() >= low) ticks.push(at.getTime());\n    if (unit === \"hour\") at.setHours(at.getHours() + n);\n    else if (unit === \"day\") at.setDate(at.getDate() + n);\n    else if (unit === \"month\") at.setMonth(at.getMonth() + n);\n    else at.setFullYear(at.getFullYear() + n);\n  }\n  return ticks.length ? { ticks, unit } : undefined;\n}\n\n/** {@link timeTicksWithUnit}, ticks only. */\nexport function timeTicks(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): number[] | undefined {\n  return timeTicksWithUnit(domain, target)?.ticks;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/series-chart-ticks.ts"],"sourcesContent":["// Round tick values for `SeriesChart` — internal, not re-exported by `@eifi1/ui-kit/chart`.\n//\n// Handed an explicit numeric domain, recharts divides it into equal parts and prints\n// wherever those land: a fitted band of [-11, 811] comes out as -11, 189, 389 … and a\n// padded [89, 1011] as 89, 289, 489 — numbers nobody can put a ruler against. These\n// are the ticks a person would draw instead: every multiple of a 1, 2 or 5 × 10^n step\n// that lies INSIDE the domain. The domain itself is left alone, so the 4 % of air the\n// fit leaves and a zoom window's exact edges both survive; the frame simply does not\n// get a number of its own.\n\n/** Roughly how many ticks to aim for. The 1/2/5 ladder lands anywhere from about half\n *  to about twice this, which is the price of every tick being a round number. */\nconst TARGET_TICKS = 5;\n\n/** The aim at Large and Extra large (docs/text-size-harmonization.md §4): the labels are\n *  25–50 % wider and taller, so five of them crowd an axis that holds them at Normal. */\nexport const LARGE_TEXT_TARGET_TICKS = 3;\n\n/** How many ticks to aim for at a text `scale` (`useTextSize().scale`): five at Normal,\n *  three from Large up. */\nexport function tickTarget(scale = 1): number {\n  return scale > 1 ? LARGE_TEXT_TARGET_TICKS : TARGET_TICKS;\n}\n\n/** The round step closest to `span / target`: 1, 2 or 5 times a power of ten. */\nexport function niceStep(span: number, target: number = TARGET_TICKS): number {\n  const rough = span / Math.max(1, target);\n  const magnitude = 10 ** Math.floor(Math.log10(rough));\n  const norm = rough / magnitude;\n  const factor = norm < 1.5 ? 1 : norm < 3 ? 2 : norm < 7 ? 5 : 10;\n  return factor * magnitude;\n}\n\n/**\n * The round ticks inside `[low, high]`, ascending — or `undefined` when there is no\n * span to divide (no domain, a zero-height one, anything non-finite), which leaves the\n * choice to recharts.\n *\n * Each tick is computed as `k × step` and then rounded to the step's own decimals:\n * accumulating `+= 0.1` would print 0.30000000000000004 on the third tick.\n */\nexport function niceTicks(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): number[] | undefined {\n  if (!domain) return undefined;\n  const [low, high] = domain;\n  if (!Number.isFinite(low) || !Number.isFinite(high) || !(high > low)) return undefined;\n  const step = niceStep(high - low, target);\n  if (!(step > 0) || !Number.isFinite(step)) return undefined;\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)));\n  const ticks: number[] = [];\n  // Half a step's tolerance per end would admit ticks outside the frame; a millionth\n  // of one only forgives the float error in `low / step`.\n  const first = Math.ceil(low / step - 1e-6);\n  const last = Math.floor(high / step + 1e-6);\n  for (let k = first; k <= last; k++) {\n    // `+ 0` turns the -0 that `Number(\"-0.00\")` gives back into a plain 0.\n    ticks.push(Number((k * step).toFixed(decimals)) + 0);\n  }\n  return ticks.length ? ticks : undefined;\n}\n\n/**\n * {@link niceTicks} on whole numbers only: the step never drops below 1, so a short\n * index series (a domain of [-0.2, 4.2]) is ticked 0 1 2 3 4 instead of every half.\n * `undefined` when the window holds no whole number at all, so the caller can fall\n * back to the fractional ticks of a deep zoom rather than show none.\n */\nexport function integerTicks(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): number[] | undefined {\n  if (!domain) return undefined;\n  const [low, high] = domain;\n  if (!Number.isFinite(low) || !Number.isFinite(high) || !(high >= low)) return undefined;\n  const step = high > low ? Math.max(1, niceStep(high - low, target)) : 1;\n  const ticks: number[] = [];\n  const first = Math.ceil(low / step - 1e-6);\n  const last = Math.floor(high / step + 1e-6);\n  for (let k = first; k <= last; k++) ticks.push(k * step + 0);\n  return ticks.length ? ticks : undefined;\n}\n\n/**\n * The slots of a CATEGORY axis that lie inside a window over their positions.\n *\n * `SeriesChart` draws a category axis on the slot INDEX (see `x.type: \"category\"`), so a\n * zoom window is a range of fractional positions — [2.6, 8.3] after a drag across the\n * third to ninth month. A tick belongs on every whole slot inside it, and on nothing in\n * between: there is no month 2.5. Recharts' `minTickGap` thins them where they crowd.\n */\nexport function categoryTicks(domain: readonly [number, number] | undefined, count: number): number[] | undefined {\n  if (!domain || !(count > 0)) return undefined;\n  const first = Math.max(0, Math.ceil(domain[0] - 1e-6));\n  const last = Math.min(count - 1, Math.floor(domain[1] + 1e-6));\n  const ticks: number[] = [];\n  for (let slot = first; slot <= last; slot++) ticks.push(slot);\n  return ticks.length ? ticks : undefined;\n}\n\n/** What one tick of a time axis stands for, which is also how its label is written. */\nexport type TimeTickUnit = \"hour\" | \"day\" | \"month\" | \"year\";\n\nconst HOUR = 3_600_000;\nconst DAY = 24 * HOUR;\n\n/**\n * The calendar steps a time axis may tick in, with their rough length for choosing.\n * Months and years are stepped with `Date` setters, not by adding their \"length\":\n * thirty days from the 1st of February is the 3rd of March, and a tick that promises a\n * month start and prints the 3rd is the ruler lying.\n */\nconst TIME_STEPS: readonly { unit: TimeTickUnit; n: number; ms: number }[] = [\n  { unit: \"hour\", n: 1, ms: HOUR },\n  { unit: \"hour\", n: 3, ms: 3 * HOUR },\n  { unit: \"hour\", n: 6, ms: 6 * HOUR },\n  { unit: \"hour\", n: 12, ms: 12 * HOUR },\n  { unit: \"day\", n: 1, ms: DAY },\n  { unit: \"day\", n: 2, ms: 2 * DAY },\n  { unit: \"day\", n: 7, ms: 7 * DAY },\n  { unit: \"month\", n: 1, ms: 30.44 * DAY },\n  { unit: \"month\", n: 2, ms: 60.88 * DAY },\n  { unit: \"month\", n: 3, ms: 91.31 * DAY },\n  { unit: \"month\", n: 6, ms: 182.62 * DAY },\n];\n\n/**\n * Calendar ticks inside a window of epoch milliseconds — midnights, Mondays, month and\n * quarter starts, new years, in LOCAL time — and the unit they are in, so the label can\n * say as much as the tick means (\"Mar 26\" for a month start, \"14 Mar\" for a day).\n *\n * The time counterpart of {@link niceTicks}: a 1/2/5 ladder over raw milliseconds lands\n * on 5 × 10⁹ ms, every 58 days, at whatever hour that happens to be. keksdose's price\n * history and cash buffer each thinned their own ticks by hand for exactly this reason.\n */\nexport function timeTicksWithUnit(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): { ticks: number[]; unit: TimeTickUnit } | undefined {\n  if (!domain) return undefined;\n  const [low, high] = domain;\n  if (!Number.isFinite(low) || !Number.isFinite(high) || !(high > low)) return undefined;\n  const rough = (high - low) / Math.max(1, target);\n  let unit: TimeTickUnit = \"year\";\n  let n = 1;\n  let best = Infinity;\n  for (const step of TIME_STEPS) {\n    const miss = Math.abs(Math.log(step.ms / rough));\n    if (miss < best) {\n      best = miss;\n      unit = step.unit;\n      n = step.n;\n    }\n  }\n  // The year ladder competes on the same terms as the table: one year is 365.25 days.\n  const yearN = Math.max(1, Math.round(niceStep((high - low) / (365.25 * DAY), target)));\n  if (Math.abs(Math.log((yearN * 365.25 * DAY) / rough)) < best) {\n    unit = \"year\";\n    n = yearN;\n  }\n\n  const start = new Date(low);\n  start.setMinutes(0, 0, 0);\n  if (unit !== \"hour\") start.setHours(0);\n  if (unit === \"month\" || unit === \"year\") start.setDate(1);\n  if (unit === \"year\") start.setMonth(0);\n  // Onto the step's own grid: hours of the day, Mondays, month indices, years — so a\n  // zoom window starting on a Wednesday still ticks on Mondays.\n  if (unit === \"hour\") start.setHours(start.getHours() - (start.getHours() % n));\n  if (unit === \"day\" && n === 7) start.setDate(start.getDate() - ((start.getDay() + 6) % 7));\n  if (unit === \"month\") start.setMonth(start.getMonth() - (start.getMonth() % n));\n  if (unit === \"year\") start.setFullYear(start.getFullYear() - (start.getFullYear() % n));\n\n  const ticks: number[] = [];\n  const at = new Date(start);\n  // Bounded, so a window of a million years cannot hang the render.\n  for (let guard = 0; guard < 1000 && at.getTime() <= high; guard++) {\n    if (at.getTime() >= low) ticks.push(at.getTime());\n    if (unit === \"hour\") at.setHours(at.getHours() + n);\n    else if (unit === \"day\") at.setDate(at.getDate() + n);\n    else if (unit === \"month\") at.setMonth(at.getMonth() + n);\n    else at.setFullYear(at.getFullYear() + n);\n  }\n  return ticks.length ? { ticks, unit } : undefined;\n}\n\n/** {@link timeTicksWithUnit}, ticks only. */\nexport function timeTicks(\n  domain: readonly [number, number] | undefined,\n  target: number = TARGET_TICKS,\n): number[] | undefined {\n  return timeTicksWithUnit(domain, target)?.ticks;\n}\n"],"mappings":"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","names":[]}

package/dist/components/series-chart.js

@@ -24,7 +24,13 @@ import {
 } from "./chart-zoom-core.js";
 import { STEP_DASH, strokeDash } from "./toggle-legend.js";
 import { DEFAULT_SERIES_CHART_LABELS } from "./series-chart-labels.js";
-import { categoryTicks, integerTicks, niceTicks, tickTarget, timeTicksWithUnit } from "./series-chart-ticks.js";
+import {
+  categoryTicks,
+  integerTicks,
+  niceTicks,
+  tickTarget,
+  timeTicksWithUnit
+} from "./series-chart-ticks.js";
 import { autoAxisBudget, axisUnit, budgetedAxes } from "./series-chart-budget.js";
 import { thinnedRows } from "./series-chart-thin.js";
 import {
@@ -130,10 +136,7 @@ function focusedBarShape(index) {
 }
 const MARKER_LABEL_SIZE = 11;
 const REFERENCE_LABEL_SIZE = 10;
-function MarkerLabel({
-  viewBox,
-  value
-}) {
+function MarkerLabel({ viewBox, value }) {
   const plot = usePlotArea();
   const ref = useRef(null);
   const [measured, setMeasured] = useState();
@@ -280,12 +283,7 @@ function SeriesPlot({
   const afterCap = capped.length ? axes.map((axis) => capped.includes(axis.id) ? { ...axis, hide: true } : axis) : axes;
   const auto = axisBudget === "off" ? [] : budgetedAxes(
     afterCap,
-    autoAxisBudget(
-      afterCap,
-      width,
-      (axis) => axisBandWidth(axis.width, Boolean(axis.title), scale),
-      scale
-    )
+    autoAxisBudget(afterCap, width, (axis) => axisBandWidth(axis.width, Boolean(axis.title), scale), scale)
   );
   const budgeted = [...capped, ...auto];
   const budgetKey = budgeted.join("\n");
@@ -311,14 +309,7 @@ function SeriesPlot({
   }, [budgetKey, onAxisBudget]);
   const { className: heightClass, style: heightStyle } = chartHeightProps(height);
   if (!model.source.length || !series.length) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("flex w-full items-center justify-center px-2 text-center", heightClass),
-        style: heightStyle,
-        children: empty !== void 0 ? empty : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted", children: labels.empty })
-      }
-    );
+    return /* @__PURE__ */ jsx("div", { className: cn("flex w-full items-center justify-center px-2 text-center", heightClass), style: heightStyle, children: empty !== void 0 ? empty : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted", children: labels.empty }) });
   }
   const x = xAxis;
   const xKey = model.plotKey;
@@ -327,9 +318,7 @@ function SeriesPlot({
   const allPlotted = model.rows;
   const origin = (index) => thin?.kept[index] ?? index;
   const drawnAxes = budgeted.length ? axes.map((axis) => budgeted.includes(axis.id) ? { ...axis, hide: true } : axis) : axes;
-  const lostUnit = new Map(
-    axes.filter((axis) => budgeted.includes(axis.id)).map((axis) => [axis.id, axisUnit(axis)])
-  );
+  const lostUnit = new Map(axes.filter((axis) => budgeted.includes(axis.id)).map((axis) => [axis.id, axisUnit(axis)]));
   const config = Object.fromEntries(
     series.map((entry, index) => [
       entry.key,
@@ -357,14 +346,11 @@ function SeriesPlot({
   const yRefs = refs.filter((ref) => ref.axis !== "x");
   const xPos = (value) => model.position(value);
   const fittedX = zoom?.xDomain ?? (model.kind === "category" ? [-0.5, rows.length - 0.5] : padBand(
-    ...extend(
-      void 0,
-      [
-        ...allPlotted.map((row2) => finite(row2[xKey])),
-        ...xRefs.map((ref) => xPos(ref.value)),
-        ...(markers ?? []).map((marker) => xPos(marker.x))
-      ]
-    ) ?? [Infinity, -Infinity]
+    ...extend(void 0, [
+      ...allPlotted.map((row2) => finite(row2[xKey])),
+      ...xRefs.map((ref) => xPos(ref.value)),
+      ...(markers ?? []).map((marker) => xPos(marker.x))
+    ]) ?? [Infinity, -Infinity]
   ));
   const timeUnit = model.kind === "time" ? timeTicksWithUnit(fittedX, ticksAim) : void 0;
   const integerX = model.kind === "number" && (x.integerTicks ?? allPlotted.every((row2) => {
@@ -389,16 +375,18 @@ function SeriesPlot({
   const label = x.label ?? (model.kind === "time" ? (position) => dateFormat.format(position) : format);
   const xLabel = (position) => label(position, tickAt(position));
   const tickAngle = x.ticks === false ? 0 : x.tickAngle ?? 0;
-  const tickBand = tiltedTickBand((xTicks ?? []).map((tick) => xFormat(tick)), tickAngle, scale);
+  const tickBand = tiltedTickBand(
+    (xTicks ?? []).map((tick) => xFormat(tick)),
+    tickAngle,
+    scale
+  );
   const source = {
     rows: allPlotted,
     series,
     axes,
     xKey
   };
-  const anchored = (axis) => axis.includeZero ?? series.some(
-    (entry) => (entry.axis ?? DEFAULT_Y_AXIS) === axis.id && (entry.type ?? "line") !== "line"
-  );
+  const anchored = (axis) => axis.includeZero ?? series.some((entry) => (entry.axis ?? DEFAULT_Y_AXIS) === axis.id && (entry.type ?? "line") !== "line");
   const wholeOnly = (axis) => axis.integerTicks ?? series.filter((entry) => (entry.axis ?? DEFAULT_Y_AXIS) === axis.id).every(
     (entry) => allPlotted.every((row2) => {
       const value = finite(row2[entry.key]);
@@ -432,7 +420,9 @@ function SeriesPlot({
     };
     const bars = series.filter((entry) => entry.type === "bar");
     const [low, high] = fittedX ?? [-Infinity, Infinity];
-    const placed = plotted.map((row2, index) => ({ index, at: model.kind === "category" ? index : finite(row2[xKey]) })).filter((slot) => slot.at !== void 0 && slot.at >= low && slot.at <= high).sort((a, b) => a.at - b.at);
+    const placed = plotted.map((row2, index) => ({ index, at: model.kind === "category" ? index : finite(row2[xKey]) })).filter(
+      (slot) => slot.at !== void 0 && slot.at >= low && slot.at <= high
+    ).sort((a, b) => a.at - b.at);
     placed.forEach(({ index, at }, k) => {
       const from = k > 0 ? (placed[k - 1].at + at) / 2 : low;
       const to = k < placed.length - 1 ? (placed[k + 1].at + at) / 2 : high;
@@ -543,15 +533,7 @@ function SeriesPlot({
                 ...tickAngle ? { angle: tickAngle, textAnchor: tickAngle < 0 ? "end" : "start" } : {},
                 height: x.ticks === false && !x.title ? 4 : tickBand,
                 tickFormatter: (value) => xFormat(Number(value)),
-                children: x.title && /* @__PURE__ */ jsx(
-                  Label,
-                  {
-                    value: x.title,
-                    position: "insideBottom",
-                    offset: -grow(12),
-                    className: "fill-muted text-caption"
-                  }
-                )
+                children: x.title && /* @__PURE__ */ jsx(Label, { value: x.title, position: "insideBottom", offset: -grow(12), className: "fill-muted text-caption" })
               }
             ),
             drawnAxes.map((axis) => {
@@ -644,7 +626,9 @@ function SeriesPlot({
                     fillOpacity: entry.fillOpacity,
                     ...edge ? { stroke: edge, strokeWidth: 1 } : {},
                     radius: entry.stack === void 0 ? BAR_RADIUS : 0,
-                    ...stub ? { minPointSize: (_value, index) => finite(plotted[index]?.[entry.key]) === void 0 ? 0 : stub } : {},
+                    ...stub ? {
+                      minPointSize: (_value, index) => finite(plotted[index]?.[entry.key]) === void 0 ? 0 : stub
+                    } : {},
                     ...focusedStop?.key === entry.key ? { shape: focusedBarShape(focusedStop.index) } : {},
                     onClick: onPointClick ? (_bar, index, event) => {
                       event.stopPropagation();