@k2b/ui 0.49.0 → 0.50.0

package/dist/browser/charts/core/termination.test-fixture.js

@@ -0,0 +1,162 @@
+// Draws every axis kind with values that the float spacing or the tick budget used to keep counting forever.
+// termination.test.ts runs this file in a child process with a deadline, so a regression fails instead of hanging.
+import { chartTimeStep, chartTimeTicks } from "../../content/chart-time-axis";
+import { renderChartSvg } from "./render";
+import { extendDomainToNice, stateTimeline } from "./svg";
+
+// One value at 1e17 has a float spacing of 16, so its ±1 padding collapses to a zero range.
+const big = 1e17;
+const pair = (x, y) => [{
+  x,
+  y
+}];
+const cases = {
+  "line, auto y": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: [...pair(0, big), ...pair(1, big)]
+    }]
+  }, 480, 280),
+  "line, nearly equal y": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: [...pair(0, big), ...pair(1, big + 16)]
+    }]
+  }, 480, 280),
+  "line, auto x": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: [...pair(big, 1), ...pair(big, 2)]
+    }]
+  }, 480, 280),
+  "line, fixed y with a tick target past the budget": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: pair(0, 0.5)
+    }],
+    yAxis: {
+      domain: [0, 1],
+      ticks: 1e9
+    }
+  }, 480, 280),
+  "line, time x": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: pair(big, 1)
+    }],
+    timeAxis: {
+      timeZone: "UTC"
+    }
+  }, 480, 280),
+  "scatter, auto x and y": () => renderChartSvg({
+    kind: "scatter",
+    series: [{
+      label: "A",
+      data: pair(big, big)
+    }]
+  }, 480, 280),
+  "histogram, auto x": () => renderChartSvg({
+    kind: "histogram",
+    data: [big, big, big]
+  }, 480, 280),
+  "boxplot, auto y": () => renderChartSvg({
+    kind: "boxplot",
+    groups: [{
+      label: "A",
+      values: [big, big, big]
+    }]
+  }, 480, 280),
+  "bar, auto y": () => renderChartSvg({
+    kind: "bar",
+    data: [{
+      label: "A",
+      value: -big
+    }]
+  }, 480, 280),
+  "bar, fixed y with a tick target past the budget": () => renderChartSvg({
+    kind: "bar",
+    data: [{
+      label: "A",
+      value: 0.5
+    }],
+    yAxis: {
+      domain: [0, 1],
+      ticks: 1e9
+    }
+  }, 480, 280),
+  "state timeline, time x": () => renderChartSvg({
+    kind: "stateTimeline",
+    rows: [{
+      label: "A",
+      intervals: [{
+        from: big,
+        to: big,
+        state: "on"
+      }]
+    }]
+  }, 480, 280),
+  "core state timeline, time x": () => stateTimeline({
+    width: 480,
+    height: 280,
+    rows: [{
+      label: "A",
+      intervals: [{
+        from: big,
+        to: big,
+        state: "on"
+      }]
+    }]
+  }),
+  "log y": () => renderChartSvg({
+    kind: "line",
+    series: [{
+      label: "A",
+      data: pair(0, 1)
+    }],
+    yAxis: {
+      scale: "log",
+      domain: [1e-300, 1e300]
+    }
+  }, 480, 280),
+  "nice ticks, step below the float spacing": () => extendDomainToNice(big, big, 1).ticks,
+  "nice ticks, step past the budget": () => extendDomainToNice(0, 1, 1e-9).ticks,
+  "nice ticks, negative step": () => extendDomainToNice(0, 10, -1).ticks,
+  "time ticks, instants past the Date range": () => chartTimeTicks([big, big + 86_400_000], "UTC", chartTimeStep(86_400_000, 5)),
+  "time ticks, a step below the float spacing": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], "UTC", {
+    unit: "hour",
+    size: 1e-20
+  }),
+  "time ticks, a step that repeats one minute": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], "UTC", {
+    unit: "hour",
+    size: 1e-9
+  }),
+  "time ticks, a zero year step": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2036, 0, 1)], "UTC", {
+    unit: "year",
+    size: 0
+  }),
+  "time ticks, a negative step": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], "UTC", {
+    unit: "hour",
+    size: -1
+  })
+};
+for (const [name, draw] of Object.entries(cases)) {
+  const result = draw();
+  console.log(JSON.stringify({
+    name,
+    ...(typeof result === "string" ? {
+      svg: result.length,
+      nan: /NaN/.test(result)
+    } : {
+      ticks: result
+    })
+  }));
+}
+console.log(JSON.stringify({
+  done: Object.keys(cases).length
+}));
+//# sourceMappingURL=termination.test-fixture.js.map

package/dist/browser/charts/core/termination.test-fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["line, auto y","line, nearly equal y","line, auto x","line, fixed y with a tick target past the budget","line, time x","scatter, auto x and y","histogram, auto x","boxplot, auto y","bar, auto y","bar, fixed y with a tick target past the budget","state timeline, time x","core state timeline, time x","log y","nice ticks, step below the float spacing","nice ticks, step past the budget","nice ticks, negative step","time ticks, instants past the Date range","time ticks, a step below the float spacing","time ticks, a step that repeats one minute","time ticks, a zero year step","time ticks, a negative step"],"sources":["charts/core/termination.test-fixture.ts"],"sourcesContent":["// Draws every axis kind with values that the float spacing or the tick budget used to keep counting forever.\n// termination.test.ts runs this file in a child process with a deadline, so a regression fails instead of hanging.\nimport { chartTimeStep, chartTimeTicks } from \"../../content/chart-time-axis\";\nimport { renderChartSvg } from \"./render\";\nimport { extendDomainToNice, stateTimeline } from \"./svg\";\n\n// One value at 1e17 has a float spacing of 16, so its ±1 padding collapses to a zero range.\nconst big = 1e17;\nconst pair = (x: number, y: number) => [{ x, y }];\nconst cases: Record<string, () => string | number[]> = {\n  \"line, auto y\": () => renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: [...pair(0, big), ...pair(1, big)] }] }, 480, 280),\n  \"line, nearly equal y\": () =>\n    renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: [...pair(0, big), ...pair(1, big + 16)] }] }, 480, 280),\n  \"line, auto x\": () => renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: [...pair(big, 1), ...pair(big, 2)] }] }, 480, 280),\n  \"line, fixed y with a tick target past the budget\": () =>\n    renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: pair(0, 0.5) }], yAxis: { domain: [0, 1], ticks: 1e9 } }, 480, 280),\n  \"line, time x\": () =>\n    renderChartSvg({ kind: \"line\", series: [{ label: \"A\", data: pair(big, 1) }], timeAxis: { timeZone: \"UTC\" } }, 480, 280),\n  \"scatter, auto x and y\": () => renderChartSvg({ kind: \"scatter\", series: [{ label: \"A\", data: pair(big, big) }] }, 480, 280),\n  \"histogram, auto x\": () => renderChartSvg({ kind: \"histogram\", data: [big, big, big] }, 480, 280),\n  \"boxplot, auto y\": () => renderChartSvg({ kind: \"boxplot\", groups: [{ label: \"A\", values: [big, big, big] }] }, 480, 280),\n  \"bar, auto y\": () => renderChartSvg({ kind: \"bar\", data: [{ label: \"A\", value: -big }] }, 480, 280),\n  \"bar, fixed y with a tick target past the budget\": () =>\n    renderChartSvg({ kind: \"bar\", data: [{ label: \"A\", value: 0.5 }], yAxis: { domain: [0, 1], ticks: 1e9 } }, 480, 280),\n  \"state timeline, time x\": () =>\n    renderChartSvg({ kind: \"stateTimeline\", rows: [{ label: \"A\", intervals: [{ from: big, to: big, state: \"on\" }] }] }, 480, 280),\n  \"core state timeline, time x\": () =>\n    stateTimeline({ width: 480, height: 280, rows: [{ label: \"A\", intervals: [{ from: big, to: big, state: \"on\" }] }] }),\n  \"log y\": () =>\n    renderChartSvg(\n      { kind: \"line\", series: [{ label: \"A\", data: pair(0, 1) }], yAxis: { scale: \"log\", domain: [1e-300, 1e300] } },\n      480,\n      280,\n    ),\n  \"nice ticks, step below the float spacing\": () => extendDomainToNice(big, big, 1).ticks,\n  \"nice ticks, step past the budget\": () => extendDomainToNice(0, 1, 1e-9).ticks,\n  \"nice ticks, negative step\": () => extendDomainToNice(0, 10, -1).ticks,\n  \"time ticks, instants past the Date range\": () => chartTimeTicks([big, big + 86_400_000], \"UTC\", chartTimeStep(86_400_000, 5)),\n  \"time ticks, a step below the float spacing\": () =>\n    chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], \"UTC\", { unit: \"hour\", size: 1e-20 }),\n  \"time ticks, a step that repeats one minute\": () =>\n    chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], \"UTC\", { unit: \"hour\", size: 1e-9 }),\n  \"time ticks, a zero year step\": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2036, 0, 1)], \"UTC\", { unit: \"year\", size: 0 }),\n  \"time ticks, a negative step\": () => chartTimeTicks([Date.UTC(2026, 0, 1), Date.UTC(2026, 0, 2)], \"UTC\", { unit: \"hour\", size: -1 }),\n};\n\nfor (const [name, draw] of Object.entries(cases)) {\n  const result = draw();\n  console.log(\n    JSON.stringify({ name, ...(typeof result === \"string\" ? { svg: result.length, nan: /NaN/.test(result) } : { ticks: result }) }),\n  );\n}\nconsole.log(JSON.stringify({ done: Object.keys(cases).length }));\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/charts/core/text.js

@@ -0,0 +1,13 @@
+/** Conservative proportional-font advances in em, shared by DOM-free SVG label layout.
+ * Wide glyphs retain their natural shape; fitting removes whole code points instead of stretching text.
+ */
+export function chartTextWidth(text, size) {
+  return Array.from(text).reduce((width, glyph) => width + (/\s/.test(glyph) ? 0.34 : /[ilI.,:;!|'`]/.test(glyph) ? 0.32 : /[MW@%&]/.test(glyph) ? 1 : /[A-Z0-9]/.test(glyph) ? 0.74 : /[a-zäöüßéèáàóúñç()-]/i.test(glyph) ? 0.64 : 1), 0) * size;
+}
+export function fitChartText(text, width, size) {
+  if (chartTextWidth(text, size) <= width) return text;
+  const glyphs = Array.from(text);
+  while (glyphs.length && chartTextWidth(glyphs.join("") + "…", size) > width) glyphs.pop();
+  return chartTextWidth("…", size) <= width ? glyphs.join("") + "…" : "";
+}
+//# sourceMappingURL=text.js.map

package/dist/browser/charts/core/text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/core/text.ts"],"sourcesContent":["/** Conservative proportional-font advances in em, shared by DOM-free SVG label layout.\n * Wide glyphs retain their natural shape; fitting removes whole code points instead of stretching text.\n */\nexport function chartTextWidth(text: string, size: number): number {\n  return (\n    Array.from(text).reduce(\n      (width, glyph) =>\n        width +\n        (/\\s/.test(glyph)\n          ? 0.34\n          : /[ilI.,:;!|'`]/.test(glyph)\n            ? 0.32\n            : /[MW@%&]/.test(glyph)\n              ? 1\n              : /[A-Z0-9]/.test(glyph)\n                ? 0.74\n                : /[a-zäöüßéèáàóúñç()-]/i.test(glyph)\n                  ? 0.64\n                  : 1),\n      0,\n    ) * size\n  );\n}\n\nexport function fitChartText(text: string, width: number, size: number): string {\n  if (chartTextWidth(text, size) <= width) return text;\n  const glyphs = Array.from(text);\n  while (glyphs.length && chartTextWidth(glyphs.join(\"\") + \"…\", size) > width) glyphs.pop();\n  return chartTextWidth(\"…\", size) <= width ? glyphs.join(\"\") + \"…\" : \"\";\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,SAAS,cAAc,CAAC,IAAY,EAAE,IAAY,EAAU;EACjE,OACE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CACrB,CAAC,KAAK,EAAE,KAAK,KACX,KAAK,IACJ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GACb,IAAI,GACJ,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GACzB,IAAI,GACJ,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GACnB,CAAC,GACD,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GACpB,IAAI,GACJ,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,GACjC,IAAI,GACJ,CAAC,CAAC,EAChB,CACF,CAAC,GAAG,IAAI;AAEZ;AAEA,OAAO,SAAS,YAAY,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY,EAAU;EAC9E,IAAI,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,EAAE,OAAO,IAAI;EACpD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;EAC/B,OAAO,MAAM,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;EACzF,OAAO,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,EAAE;AACxE","ignoreList":[]}

package/dist/browser/charts/core/types.js

@@ -0,0 +1,8 @@
+/** UI-owned kind union, derived from the renderer registry. */
+
+export const chartDatumRoles = ["point", "item", "bin", "box", "outlier", "value", "cell", "interval"];
+
+/** Renderer metadata. Anchors use the containing SVG's coordinate space. */
+
+/** Serializable number presentation, compatible with the editor's NumberFormat contract. */
+//# sourceMappingURL=types.js.map

package/dist/browser/charts/core/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["charts/core/types.ts"],"sourcesContent":["import type { chartRenderers } from \"./registry\";\n\n/** UI-owned kind union, derived from the renderer registry. */\nexport type ChartKind = keyof typeof chartRenderers;\nexport const chartDatumRoles = [\"point\", \"item\", \"bin\", \"box\", \"outlier\", \"value\", \"cell\", \"interval\"] as const;\nexport type ChartDatumRole = (typeof chartDatumRoles)[number];\n\n/** Renderer metadata. Anchors use the containing SVG's coordinate space. */\nexport type ChartDatum = {\n  index: number;\n  seriesIndex?: number;\n  role: ChartDatumRole;\n  label?: string;\n  anchor: [number, number];\n  grid?: [number, number];\n  values: { key: string; value: string | number; formatted?: string }[];\n};\n\n/** Serializable number presentation, compatible with the editor's NumberFormat contract. */\nexport type ChartNumberFormat = {\n  style?: \"number\" | \"percent\" | \"currency\";\n  currency?: string;\n  unit?: string;\n  decimals?: number;\n  compact?: boolean;\n};\nexport type ChartDateFormat = { date: \"day\" | \"minute\" | \"second\" };\nexport type ChartFormat = ChartNumberFormat | ChartDateFormat;\n"],"mappings":"AAEA;;AAEA,OAAO,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,CAAU;;AAG/G;;AAWA","ignoreList":[]}

package/dist/browser/charts.js

@@ -1,6 +1,8 @@
 /**
- * Pure chart renderers that share the `Chart` component's drawing without its Solid wrapper, for hosts that draw
- * SVG themselves, such as server previews and app frames.
+ * Drawing helpers and portable chart contracts. Import the Solid Chart component from `@k2b/ui`.
  */
+
+export * from "./charts/core";
 export { barChartLayout, renderBarChartSvg } from "./content/chart-bar";
+export { calendarInspectionNavigation, mountCalendarScroll } from "./content/chart-calendar";
 //# sourceMappingURL=charts.js.map

package/dist/browser/charts.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["charts.ts"],"sourcesContent":["/**\n * Pure chart renderers that share the `Chart` component's drawing without its Solid wrapper, for hosts that draw\n * SVG themselves, such as server previews and app frames.\n */\nexport { type BarChartLayout, type BarChartOptions, barChartLayout, renderBarChartSvg } from \"./content/chart-bar\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,SAAoD,cAAc,EAAE,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"names":[],"sources":["charts.ts"],"sourcesContent":["/**\n * Drawing helpers and portable chart contracts. Import the Solid Chart component from `@k2b/ui`.\n */\n\nexport * from \"./charts/core\";\nexport type { ChartKindProps, ChartLabels, ChartProps, ChartRenderOptions } from \"./content/Chart\";\nexport { type BarChartLayout, type BarChartOptions, barChartLayout, renderBarChartSvg } from \"./content/chart-bar\";\n\nexport { calendarInspectionNavigation, mountCalendarScroll } from \"./content/chart-calendar\";\n"],"mappings":"AAAA;AACA;AACA;;AAEA,cAAc,eAAe;AAE7B,SAAoD,cAAc,EAAE,iBAAiB,QAAQ,qBAAqB;AAElH,SAAS,4BAA4B,EAAE,mBAAmB,QAAQ,0BAA0B","ignoreList":[]}

package/dist/browser/content/BalanceSummary.js

@@ -0,0 +1,106 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<p><span class=k2b-balance__part><!$><!/> <b></b></span><span class=k2b-balance__op aria-hidden=true>+</span><!$><!/><span class=k2b-balance__op aria-hidden=true>−</span><!$><!/><span class=k2b-balance__op aria-hidden=true>=</span><span class=k2b-balance__part><!$><!/> <b>`);
+import { useLocale } from "../intl/locale";
+import { useBalanceSummaryMessages } from "./balance-summary-messages";
+import { FlowAmount } from "./FlowAmount";
+/** A movement as an amount; a broken value stays broken, so it shows "—" and never a believable zero. */
+const amount = value => Number.isFinite(value) ? Math.abs(value) : Number.NaN;
+
+/**
+ * One line from the start of a period to its end: "Start 18,800 € + ↙ 29,260 € − ↗ 29,520 € = End 18,540 €". In and
+ * out show their direction with `FlowAmount`; start and end are balances and keep their sign.
+ */
+export function BalanceSummary(props) {
+  const locale = useLocale();
+  const t = useBalanceSummaryMessages(() => props.locale);
+  const lang = () => props.locale ?? locale();
+  const start = () => props.start;
+  const end = () => start() + amount(props.in) - amount(props.out);
+  // Whole amounts read best, but the line is an equation: when the rounded parts would not add up, show cents.
+  const decimals = () => {
+    if (props.decimals !== undefined) return props.decimals;
+    const whole = value => Math.round(value);
+    const parts = [start(), amount(props.in), amount(props.out)];
+    if (!parts.every(Number.isFinite)) return 0;
+    return whole(start()) + whole(amount(props.in)) - whole(amount(props.out)) === whole(end()) ? 0 : 2;
+  };
+  const balance = value => !Number.isFinite(value) ? "—" : new Intl.NumberFormat(lang(), {
+    style: "currency",
+    currency: props.currency,
+    minimumFractionDigits: decimals(),
+    maximumFractionDigits: decimals()
+  }).format(value === 0 ? 0 : value);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$5 = _el$2.firstChild,
+      [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling),
+      _el$3 = _el$6.nextSibling,
+      _el$4 = _el$3.nextSibling,
+      _el$7 = _el$2.nextSibling,
+      _el$13 = _el$7.nextSibling,
+      [_el$14, _co$3] = _$getNextMarker(_el$13.nextSibling),
+      _el$8 = _el$14.nextSibling,
+      _el$15 = _el$8.nextSibling,
+      [_el$16, _co$4] = _$getNextMarker(_el$15.nextSibling),
+      _el$9 = _el$16.nextSibling,
+      _el$0 = _el$9.nextSibling,
+      _el$11 = _el$0.firstChild,
+      [_el$12, _co$2] = _$getNextMarker(_el$11.nextSibling),
+      _el$1 = _el$12.nextSibling,
+      _el$10 = _el$1.nextSibling;
+    _$insert(_el$2, () => props.labels?.start ?? t().start, _el$6, _co$);
+    _$insert(_el$4, () => balance(start()));
+    _$insert(_el$, _$createComponent(FlowAmount, {
+      get value() {
+        return amount(props.in);
+      },
+      get currency() {
+        return props.currency;
+      },
+      get locale() {
+        return lang();
+      },
+      get decimals() {
+        return decimals();
+      },
+      get labels() {
+        return {
+          in: props.labels?.in ?? t().in
+        };
+      }
+    }), _el$14, _co$3);
+    _$insert(_el$, _$createComponent(FlowAmount, {
+      get value() {
+        return -amount(props.out);
+      },
+      get currency() {
+        return props.currency;
+      },
+      get locale() {
+        return lang();
+      },
+      get decimals() {
+        return decimals();
+      },
+      get labels() {
+        return {
+          out: props.labels?.out ?? t().out
+        };
+      }
+    }), _el$16, _co$4);
+    _$insert(_el$0, () => props.labels?.end ?? t().end, _el$12, _co$2);
+    _$insert(_el$10, () => balance(end()));
+    _$effect(() => _$className(_el$, props.class ? `k2b-balance ${props.class}` : "k2b-balance"));
+    return _el$;
+  })();
+}
+export default BalanceSummary;
+//# sourceMappingURL=BalanceSummary.js.map

package/dist/browser/content/BalanceSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/BalanceSummary.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport { useBalanceSummaryMessages } from \"./balance-summary-messages\";\nimport { FlowAmount } from \"./FlowAmount\";\n\nexport type BalanceSummaryProps = {\n  /** The balance at the start of the period. */\n  start: number;\n  /** Money that came in during the period, as an amount (the sign is ignored). */\n  in: number;\n  /** Money that went out during the period, as an amount (the sign is ignored). */\n  out: number;\n  /** ISO 4217 currency code, e.g. `\"EUR\"`. */\n  currency: string;\n  /** Explicit locale override; defaults to the inherited render locale. */\n  locale?: string;\n  /** Fixed fraction digits. Defaults to whole amounts, or cents when whole amounts would not add up. */\n  decimals?: number;\n  /** Replaces the words \"Start\", \"End\", \"in\" and \"out\". */\n  labels?: { start?: string; end?: string; in?: string; out?: string };\n  class?: string;\n};\n\n/** A movement as an amount; a broken value stays broken, so it shows \"—\" and never a believable zero. */\nconst amount = (value: number) => (Number.isFinite(value) ? Math.abs(value) : Number.NaN);\n\n/**\n * One line from the start of a period to its end: \"Start 18,800 € + ↙ 29,260 € − ↗ 29,520 € = End 18,540 €\". In and\n * out show their direction with `FlowAmount`; start and end are balances and keep their sign.\n */\nexport function BalanceSummary(props: BalanceSummaryProps): JSX.Element {\n  const locale = useLocale();\n  const t = useBalanceSummaryMessages(() => props.locale);\n  const lang = () => props.locale ?? locale();\n  const start = () => props.start;\n  const end = () => start() + amount(props.in) - amount(props.out);\n  // Whole amounts read best, but the line is an equation: when the rounded parts would not add up, show cents.\n  const decimals = () => {\n    if (props.decimals !== undefined) return props.decimals;\n    const whole = (value: number) => Math.round(value);\n    const parts = [start(), amount(props.in), amount(props.out)];\n    if (!parts.every(Number.isFinite)) return 0;\n    return whole(start()) + whole(amount(props.in)) - whole(amount(props.out)) === whole(end()) ? 0 : 2;\n  };\n  const balance = (value: number) =>\n    !Number.isFinite(value)\n      ? \"—\"\n      : new Intl.NumberFormat(lang(), {\n          style: \"currency\",\n          currency: props.currency,\n          minimumFractionDigits: decimals(),\n          maximumFractionDigits: decimals(),\n        }).format(value === 0 ? 0 : value);\n  return (\n    <p class={props.class ? `k2b-balance ${props.class}` : \"k2b-balance\"}>\n      <span class=\"k2b-balance__part\">\n        {props.labels?.start ?? t().start} <b>{balance(start())}</b>\n      </span>\n      <span class=\"k2b-balance__op\" aria-hidden=\"true\">\n        +\n      </span>\n      <FlowAmount\n        value={amount(props.in)}\n        currency={props.currency}\n        locale={lang()}\n        decimals={decimals()}\n        labels={{ in: props.labels?.in ?? t().in }}\n      />\n      <span class=\"k2b-balance__op\" aria-hidden=\"true\">\n        −\n      </span>\n      <FlowAmount\n        value={-amount(props.out)}\n        currency={props.currency}\n        locale={lang()}\n        decimals={decimals()}\n        labels={{ out: props.labels?.out ?? t().out }}\n      />\n      <span class=\"k2b-balance__op\" aria-hidden=\"true\">\n        =\n      </span>\n      <span class=\"k2b-balance__part\">\n        {props.labels?.end ?? t().end} <b>{balance(end())}</b>\n      </span>\n    </p>\n  );\n}\n\nexport default BalanceSummary;\n"],"mappings":"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","ignoreList":[]}