@umriss-ui/calculation 0.41.1 → 0.42.0

package/CHANGELOG.md

@@ -4,20 +4,41 @@ This document describes what changes for **callers** of the package: exports,
 props, behaviour.
 
 **The numbers.** The middle digit rises when something is added; the last one
-when something is repaired. As long as the first digit is `0`, no number
-promises compatibility — which is why whatever changes existing behaviour stands
-under a heading "Changed" of its own, no matter which digit rose.
+when something is repaired. The six packages are released in step, and a rename
+keeps its old name for one further minor, with a warning, before the minor after
+it removes the name ([the upgrade promise, ADR-0066](../../docs/adr/0066-one-number-peers-over-the-minor-a-rename-lives-one-minor.md)).
+Whatever changes existing behaviour stands under a heading "Changed" of its own,
+no matter which digit rose, with a `Migration:` line.
 
 From 0.34.0 the packages share one number - five, and six from 0.40.0, when the dashboard joined: they are released together, and a package without a change of its own still gets a heading for it.
 
 ---
 
+## 0.42.0 – A calculation written in a Server Component (Oct. 2026)
+
+### Added
+
+- **A calculation is written in a Server Component** (ADR-0067). The entry carries no `"use client"`: `<Calculation>` reads its tree where it is written, on the server, and hands the model to the view, a client component in `calculation.client.js` that the entry imports. The release check renders a costing sheet through React's Flight server and client.
+- **Loadable in Vitest and Jest** with core's lines: the `.` entry carries a `default` condition, the README's "Testing" section points at core's, and the release check runs a test of a changed input under both runners.
+- **TypeScript 5.4 or newer**, stated in the Install section (the declarations use `NoInfer`); the release check compiles a strict consumer under 5.4 as well as the current TypeScript.
+
+### Changed
+
+- **The peer range on core covers the minor: `^0.42.0`.** It named the exact patch before (`^0.41.1`), so npm refused an install beside an earlier patch of core with `ERESOLVE`; the six packages move under one number and a minor moves the range (ADR-0066).
+  - Migration: nothing to change; any `@umriss-ui/core` 0.42 patch satisfies the peer.
+- **An element rendered outside its calculation throws in development.** `Given`, the operators, `Chain`, `Ref` and the other elements are read by `<Calculation>`, never rendered; one that is rendered - passed through a client component, say - now throws a message saying to write the tree directly inside its `<Calculation>`.
+  - Migration: write the elements directly inside `<Calculation>`, in the same file; a tree written directly inside renders as before.
+- **The compact line follows the type tokens**, derived from `--u-text-xs` as the compact table's is, where it was 18 px written out; at the default tokens it is still 18 px.
+  - Migration: nothing to change at the default tokens; under an application's own type tokens a compact calculation stays as close as the compact table's rows.
+
 ## 0.41.1 – The documentation runs where the code is (Oct. 2026)
 
 ### Changed
 
 - **The documentation is no longer hosted.** The site on GitHub Pages is gone, and the package's `homepage` now names its README on GitHub. The running documentation of this version opens from a checkout of the tag `calculation-v0.41.1` with `pnpm install` and `pnpm start`, at `http://localhost:4170/umriss-ui/` - the repository README says how, under "See it running".
+  - Migration: nothing to change; a bookmark or link to the old hosted site no longer resolves - open the documentation from a checkout of the tag, as described above.
 - **`docs/llms-full.md` in the package stands on its own:** a link to another page points at that page's heading in the same file, a link to a place on the site that the file does not hold keeps only its text, and ADR-0032 is linked at this version's tag.
+  - Migration: nothing to change; look at any tool that read `docs/llms-full.md` and followed its links to the site, which now find the heading in the same file.
 
 ## 0.41.0 – Money rounds as written, and no name clash in a dashboard (Oct. 2026)
 

package/README.md

@@ -16,15 +16,19 @@ pnpm add @umriss-ui/calculation @umriss-ui/core
 
 `@umriss-ui/core` is a **peer dependency**: the calculation takes its styling
 regime, formats, wording, assessment and freshness from there. React 19 or newer
-as a peer as well.
+as a peer as well. TypeScript 5.4 or newer (the declarations use `NoInfer`).
 
 The package ships ES2022 syntax; an application that serves older browsers
 transpiles it itself.
 
-Every entry begins with `"use client"`, the directive a framework
-with Server Components reads to treat a module as client code. No test runs
-inside such a framework: the
-calculation is rendered to a string in a test.
+A calculation can be written in a Server Component or in a client file alike. The package's
+entry carries no `"use client"`, so `<Calculation>` reads its tree wherever the tree is written;
+its view, in a file of its own, begins with the directive and the stylesheet import. A tree must
+stand directly inside its `<Calculation>`, in one file: passed through a client component of your
+own, it fails with a message that says so. `check:dist` proves it by rendering a costing sheet
+written in a Server Component through React's Flight renderer, with the view as a client
+reference. No test runs inside a framework (`next build`): the calculation is rendered to a string
+in a test.
 
 ## Two forms, written as they are shown
 
@@ -148,6 +152,12 @@ Each metric is worked on its own, and a calculation with metrics only adds and
 subtracts. Unit and places belong to the metric; a missing number is `null`
 and makes absent only its own metric.
 
+## Testing
+
+Tested under Vitest 5 and Jest 30 on jsdom. The runner lines and the setup file are in
+[`@umriss-ui/core`'s Testing section](../core/README.md#testing); `check:dist` runs a test of the
+installed calculation (an input changed, the result read) with exactly those files.
+
 ## Documentation
 
 The demo is the documentation; in a checkout, `pnpm dev:calculation` (port 4177)

package/dist/calculation.client.js

@@ -0,0 +1,403 @@
+"use client";
+import "./calculation.css";
+import { jsx as l, jsxs as S } from "react/jsx-runtime";
+import { useId as _e, useState as X, useRef as be, useCallback as Ne, useLayoutEffect as we, useEffect as $e } from "react";
+import { assess as xe, verdictWeight as Z, useDensityFor as Oe, useFormats as pe, useWording as fe, VisuallyHidden as Se, AngleGlyph as Ce, Badge as ee, useFreshness as ke, Tooltip as ye } from "@umriss-ui/core";
+import { p as Ae } from "./calculation.model-DU6T1D09.js";
+function Me(n) {
+  return n.decimals !== void 0 ? n.decimals : n.format === "percent" ? 1 : n.given ? void 0 : 2;
+}
+function le(n, t) {
+  const [f, d = "0"] = String(n).split("e");
+  return +`${f}e${Number(d) + t}`;
+}
+function Be(n, t) {
+  return t === void 0 ? n : Math.sign(n) * le(Math.round(le(Math.abs(n), t)), -t) || 0;
+}
+function G(n, t) {
+  return Be(n.format === "percent" ? t * 100 : t, Me(n));
+}
+const Te = (n, t) => n.format === "percent" ? t / 100 : t;
+function ce(n, t, f) {
+  const [d, ...u] = t;
+  switch (n) {
+    case "sum":
+      return t.reduce((e, m, v) => f[v] ? e - m : e + m, 0);
+    case "difference":
+      return u.reduce((e, m) => e - m, d);
+    case "product":
+      return u.reduce((e, m) => e * m, d);
+    case "quotient":
+      return d / u[0];
+  }
+}
+const de = (n, t) => t === void 0 || n !== void 0 && Z(n) >= Z(t) ? n : t;
+function Ee(n) {
+  const t = /* @__PURE__ */ new Map(), f = (d) => {
+    const u = t.get(d);
+    if (u) return u;
+    const e = n.quantities.get(d);
+    let m = null, v, s = !1, p;
+    if (e.given) {
+      const g = e.given.value;
+      typeof g == "number" && Number.isFinite(g) ? m = g : v = { kind: "missing", label: e.label };
+    } else {
+      const g = e.operands.map((w) => ({ operand: w, ...f(w.key) }));
+      for (const { operand: w, verdict: y, worst: h } of g) {
+        const W = w.reference ? y : de(y, h);
+        p = de(p, W);
+      }
+      v = g.find((w) => w.absence)?.absence;
+      const R = g[1];
+      if (!v && e.operator === "quotient" && R.value === 0 && (v = { kind: "zero", label: n.quantities.get(R.operand.key).label }), !v) {
+        const w = e.operands.map((h) => h.negated === !0);
+        m = ce(e.operator, g.map((h) => h.value), w);
+        const y = ce(
+          e.operator,
+          g.map((h) => Te(n.quantities.get(h.operand.key), h.shown)),
+          w
+        );
+        s = G(e, y) !== G(e, m);
+      }
+    }
+    const C = { target: e.target, limits: e.limits }, L = e.target !== void 0 || (e.limits?.length ?? 0) > 0 ? xe(m, C) : void 0, j = (e.limits?.length ?? 0) > 0 ? L.verdict : m === null ? "unknown" : void 0, k = {
+      value: m,
+      absence: v,
+      shown: m === null ? null : G(e, m),
+      approximate: s,
+      assessment: L,
+      verdict: j,
+      worst: p
+    };
+    return t.set(d, k), k;
+  };
+  for (const d of n.quantities.keys()) f(d);
+  return t;
+}
+const ue = 4;
+function Le(n, t, f) {
+  const d = n.operands[t];
+  if (d.previous) return;
+  const u = n.operator, e = t === 0;
+  if (u !== "sum" && u !== "difference") return e ? void 0 : { operator: u, negated: !1 };
+  const m = u === "difference" ? !e : d.negated === !0, v = new Set(f.filter((p) => p !== null && p !== 0).map(Math.sign)), s = v.size === 1 ? { operator: "sum", negated: m !== v.has(-1), unsigned: !0 } : { operator: "sum", negated: m };
+  return e && !s.negated ? void 0 : s;
+}
+const Re = {
+  sum: "calculationSumSymbol",
+  difference: "calculationDifferenceSymbol",
+  product: "calculationProductSymbol",
+  quotient: "calculationQuotientSymbol"
+}, We = {
+  sum: "calculationSumWord",
+  difference: "calculationDifferenceWord",
+  product: "calculationProductWord",
+  quotient: "calculationQuotientWord"
+};
+function Y(n, t) {
+  switch (n) {
+    case "alarm":
+      return t.verdictAlarm;
+    case "warning":
+      return t.verdictWarning;
+    case "unknown":
+      return t.verdictUnknown;
+    default:
+      return t.verdictOk;
+  }
+}
+function J(n, t, f) {
+  const d = n.negated ? "difference" : n.operator;
+  return f[(t ? We : Re)[d]];
+}
+function qe(n, t) {
+  return n.kind === "missing" ? t.calculationMissing(n.label) : t.calculationDivisionByZero(n.label);
+}
+function me(n, t, f, d) {
+  const u = n.format === "percent" ? d : n.unit, e = f.number(t, n.decimals);
+  return u ? `${e} ${u}` : e;
+}
+function Fe(n, t, f, d, u, e, m, v = () => {
+}) {
+  const s = n.quantities.get(f), p = t.get(f), C = (b, $) => b.shown !== null && $?.unsigned ? Math.abs(b.shown) : b.shown, L = (b, $, N, a) => {
+    const o = C($, a);
+    return o === null ? N ? e.verdictUnknown : e.statAbsentValue : me(b, o, u, N ? e.calculationPercent : "%");
+  }, j = (b) => {
+    if (d || !s.operator) return {};
+    if (s.operands.length === 0) return { names: e.calculationNoOperands };
+    if (!b && s.operands.length > ue)
+      return { names: e.calculationOperandCount(s.operands.length) };
+    const $ = (N) => s.operands.map((a, o) => {
+      const c = n.quantities.get(a.key), x = v(o);
+      return x ? `${J(x, b, e)} ${N(c, x)}` : N(c);
+    }).join(" ");
+    return {
+      names: $((N) => N.label),
+      numbers: $((N, a) => L(N, t.get(N.key), b, a))
+    };
+  }, k = (b) => {
+    const $ = p.assessment?.deviation;
+    if ($ === void 0 || s.target === void 0) return;
+    const N = me(s, G(s, s.target), u, b ? e.calculationPercent : "%");
+    return $ > 0 ? e.calculationAboveTarget(N) : $ < 0 ? e.calculationBelowTarget(N) : e.calculationOnTarget(N);
+  }, g = j(!1).names, R = g === void 0 || s.operands.length === 0 || s.operands.length > ue ? g : `= ${g}`, w = j(!0), y = p.absence ? qe(p.absence, e) : void 0, h = ` ${e.calculationEquals} `, W = p.approximate ? `${e.calculationApproximately} ${L(s, p, !0, m)}` : L(s, p, !0, m), V = [
+    (m ? `${J(m, !0, e)} ` : "") + s.label + h + [w.names, w.numbers, W].filter(Boolean).join(`,${h}`),
+    p.verdict !== void 0 && p.verdict !== "unknown" ? Y(p.verdict, e) : void 0,
+    k(!0),
+    y
+  ].filter(Boolean).join(", "), H = p.shown === null ? void 0 : s.format === "percent" ? "%" : s.unit, P = (b) => b === null ? e.statAbsentValue : u.number(b, s.decimals);
+  return { amount: P(C(p, m)), ownAmount: P(p.shown), unit: H, names: R, target: k(!1), reason: y, sentence: V, spokenNames: w.names, spokenNumber: W };
+}
+function je(n, t, f, d, u) {
+  const e = u ? `${J(u, !0, d)} ` : "", m = t[0].spokenNames, v = e + n + (m === void 0 ? "" : ` ${d.calculationEquals} ${m}`), s = f.map(
+    (p, C) => [`${p.label} ${t[C].spokenNumber}`, t[C].reason].filter(Boolean).join(", ")
+  );
+  return `${v}: ${s.join("; ")}`;
+}
+const De = "_frame_moin5_24 _text_18806_22", Pe = "_calculation_moin5_51", Ue = "_line_moin5_86", Ie = "_assessment_moin5_98", ze = "_disclosure_moin5_107", Ve = "_amount_moin5_90", He = "_list_moin5_128", Qe = "_item_moin5_129", Ge = "_derivation_moin5_130", Ye = "_labelCell_moin5_90", Ze = "_names_moin5_90", Je = "_operator_moin5_90", Ke = "_unit_moin5_90", Xe = "_label_moin5_90", en = "_approximate_moin5_345", nn = "_target_moin5_102", tn = "_worst_moin5_102", an = "_head_moin5_497", sn = "_headCell_moin5_504", on = "_headUnit_moin5_517", rn = "_notes_moin5_524", ln = "_freshness_moin5_538", cn = "_headLabel_moin5_568", i = {
+  frame: De,
+  calculation: Pe,
+  line: Ue,
+  assessment: Ie,
+  disclosure: ze,
+  amount: Ve,
+  list: He,
+  item: Qe,
+  derivation: Ge,
+  labelCell: Ye,
+  names: Ze,
+  operator: Je,
+  unit: Ke,
+  label: Xe,
+  approximate: en,
+  target: nn,
+  worst: tn,
+  head: an,
+  headCell: sn,
+  headUnit: on,
+  notes: rn,
+  freshness: ln,
+  headLabel: cn
+}, dn = 10, z = (n) => 4 + 2 * n, un = (n) => 5 + 2 * n, mn = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, pn = (...n) => n.filter(Boolean).join(" ");
+function fn({ asOf: n, ages: t }) {
+  const f = pe(), d = fe(), u = ke(n, t), e = u.freshness === "lost" ? d.freshnessDisconnected : u.freshness === "stale" ? d.freshnessStale : d.freshnessFresh;
+  return /* @__PURE__ */ S("span", { className: i.freshness, "data-freshness": u.freshness, children: [
+    e,
+    u.age !== null && ` · ${f.relative(u.age)}`
+  ] });
+}
+function bn({ model: n, className: t, style: f, density: d, ...u }) {
+  const e = n.metrics, m = Oe(d, "regular") === "compact", v = pe(), s = fe(), p = _e(), C = Ae(n).map((a) => ({ view: a, results: Ee(a) })), [L, j] = X(() => /* @__PURE__ */ new Set()), [k, g] = X(null), R = be(null), [w, y] = X(!1), h = e?.length ?? 0, W = Ne(() => {
+    const a = R.current, o = a && h > 0 ? getComputedStyle(a.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], c = z(h) - 1;
+    if (!a || o.length <= c || o.some((O) => !Number.isFinite(O))) {
+      y(!1);
+      return;
+    }
+    const x = o.slice(2, c).reduce((O, A) => O + A, 0);
+    let r = 0;
+    const M = document.createRange();
+    for (const O of a.querySelectorAll(`.${i.label}`)) {
+      M.selectNodeContents(O);
+      const A = [...M.getClientRects()].reduce((T, E) => T + E.width, 0);
+      if (A === 0) continue;
+      const U = O.parentElement, D = O.getBoundingClientRect().left - U.getBoundingClientRect().left;
+      r = Math.max(r, D + A + parseFloat(getComputedStyle(U).paddingRight));
+    }
+    const B = parseFloat(getComputedStyle(document.documentElement).fontSize);
+    y(a.clientWidth - x < Math.min(r, dn * B));
+  }, [h]);
+  we(() => W()), $e(() => {
+    const a = R.current;
+    if (!a || h === 0) return;
+    const o = new ResizeObserver(() => W());
+    return o.observe(a), () => o.disconnect();
+  }, [W, h]);
+  const ne = (a) => j((o) => {
+    const c = new Set(o);
+    return c.delete(a) || c.add(a), c;
+  }), V = (a, o) => Le(
+    a,
+    o,
+    C.map(({ results: c }) => c.get(a.operands[o].key).shown)
+  );
+  let H = !1;
+  const P = (a, o) => a.map(({ own: c, text: x }, r) => [
+    /* @__PURE__ */ S(
+      "span",
+      {
+        className: i.amount,
+        "aria-hidden": "true",
+        "data-verdict": c.verdict,
+        "data-later": r > 0 ? "" : void 0,
+        style: e ? { "--_calculation-column": z(r) } : void 0,
+        children: [
+          c.approximate && /* @__PURE__ */ l(ye, { content: s.calculationApproximateNote, children: /* @__PURE__ */ l("span", { className: i.approximate, children: "≈" }) }),
+          o ? x.ownAmount : x.amount
+        ]
+      },
+      `amount-${r}`
+    ),
+    /* @__PURE__ */ l(
+      "span",
+      {
+        className: i.unit,
+        "aria-hidden": "true",
+        style: e ? { "--_calculation-column": un(r) } : void 0,
+        "data-last": e && r === a.length - 1 ? "" : void 0,
+        children: e && !o ? void 0 : x.unit
+      },
+      `unit-${r}`
+    )
+  ]), b = (a, o) => k === null ? void 0 : a === k ? "use" : o === k ? "operand" : void 0, $ = (a, o, c, x) => {
+    const r = n.quantities.get(a), M = C.map(({ view: _, results: F }) => ({
+      own: F.get(a),
+      text: Fe(_, F, a, o, v, s, c.position, (ge) => V(r, ge))
+    })), { own: B, text: O } = M[0], A = r.operator !== void 0 && !o, U = a === n.result && !o, D = A && r.operands.length > 0 && (r.interim ? c.flat : U), T = A && !D && r.operands.length > 0, E = T && L.has(a);
+    H ||= T;
+    const te = `${p}-${a}`, K = { depth: D ? c.depth : c.depth + 1, flat: !1, parent: a }, Q = A ? r.operands.find((_) => _.previous) : void 0, ae = Q && c.flat ? $(Q.key, !1, { ...c, parent: a, position: void 0 }, `${x}-c`) : [], he = Q && !c.flat ? $(Q.key, !1, { ...K, flat: !0 }, `${x}-c`) : [], se = A ? r.operands.map(
+      (_, F) => _.previous ? null : $(_.key, _.reference, { ...K, position: V(r, F) }, `${x}-${F}`)
+    ) : [], I = T && !E && B.worst !== void 0 && Z(B.worst) > Z(B.verdict ?? "ok") ? B.worst : void 0, q = o ? void 0 : r.given, ve = c.position ? J(c.position, !1, s) : void 0, oe = [
+      !o && r.explanation !== void 0 && /* @__PURE__ */ l("span", { children: r.explanation }, "explanation"),
+      q?.source !== void 0 && /* @__PURE__ */ l("span", { children: s.calculationSource(q.source) }, "source"),
+      q?.asOf !== void 0 && (q.ages !== void 0 ? /* @__PURE__ */ l(fn, { asOf: q.asOf, ages: q.ages }, "asOf") : /* @__PURE__ */ l("span", { children: s.asOfAgo(v.dateTime(new Date(q.asOf), !1)) }, "asOf")),
+      !o && r.aside !== void 0 && /* @__PURE__ */ l("span", { children: r.aside }, "aside")
+    ].filter(Boolean), ie = U ? "result" : r.interim && !o && c.flat ? "interim" : void 0, re = /* @__PURE__ */ S(
+      "div",
+      {
+        className: i.line,
+        style: { "--_calculation-depth": c.depth },
+        "data-inner": c.depth > 0 ? "" : void 0,
+        "data-kind": ie,
+        "data-foldable": T ? "" : void 0,
+        "data-reference": o ? "" : void 0,
+        "data-emphasis": o ? void 0 : r.emphasis,
+        "data-rule": !o && r.rule ? "" : void 0,
+        "data-mark": b(a, c.parent),
+        onPointerEnter: () => g(a),
+        onPointerLeave: () => g(null),
+        onFocus: () => g(a),
+        onBlur: () => g(null),
+        onClick: T ? () => {
+          window.getSelection()?.toString() || ne(a);
+        } : void 0,
+        children: [
+          /* @__PURE__ */ l(Se, { children: [
+            e ? je(r.label, M.map((_) => _.text), e, s, c.position) : O.sentence,
+            M.some((_) => _.own.approximate) && s.calculationApproximateNote,
+            I !== void 0 && s.calculationWorstInside(Y(I, s))
+          ].filter(Boolean).join(". ") }),
+          /* @__PURE__ */ S("span", { className: i.labelCell, children: [
+            T ? /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                className: i.disclosure,
+                "aria-expanded": E,
+                "aria-controls": te,
+                "aria-label": (E ? s.calculationHideDerivation : s.calculationShowDerivation)(r.label),
+                children: /* @__PURE__ */ l(Ce, { "data-open": E ? "" : void 0 })
+              }
+            ) : /* @__PURE__ */ l("span", { className: i.disclosure, "aria-hidden": "true" }),
+            /* @__PURE__ */ l("span", { className: i.label, "aria-hidden": "true", children: r.label })
+          ] }),
+          /* @__PURE__ */ l("span", { className: i.names, "aria-hidden": "true", children: A && !D && !E ? O.names : void 0 }),
+          /* @__PURE__ */ l("span", { className: i.operator, "aria-hidden": "true", children: ve }),
+          P(M, ie !== void 0),
+          /* @__PURE__ */ S("span", { className: i.assessment, "aria-hidden": "true", children: [
+            e ? (
+              /* Short: which metric. The sentence carries the full reason. */
+              e.map(
+                (_, F) => M[F].own.absence && /* @__PURE__ */ l(ee, { children: s.calculationMissing(_.unit ?? _.label) }, _.id)
+              )
+            ) : O.reason !== void 0 ? /* @__PURE__ */ l(ee, { children: O.reason }) : B.verdict !== void 0 && /* @__PURE__ */ l(ee, { tone: mn[B.verdict], children: Y(B.verdict, s) }),
+            O.target !== void 0 && /* @__PURE__ */ l("span", { className: i.target, children: O.target }),
+            I !== void 0 && /* @__PURE__ */ l("span", { className: i.worst, "data-verdict": I, children: s.calculationWorstInside(Y(I, s)) })
+          ] }),
+          oe.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
+          caller's, not a fold. */
+          /* @__PURE__ */ l("span", { className: i.notes, onClick: (_) => _.stopPropagation(), children: oe })
+        ]
+      }
+    );
+    return D ? [
+      ...ae,
+      /* @__PURE__ */ S("li", { className: i.item, children: [
+        /* @__PURE__ */ l("ul", { className: i.list, children: se }),
+        re
+      ] }, x)
+    ] : [
+      ...ae,
+      /* @__PURE__ */ S("li", { className: i.item, "data-open": E ? "" : void 0, style: { "--_calculation-depth": c.depth }, children: [
+        re,
+        T && /* @__PURE__ */ S("ul", { id: te, className: i.derivation, hidden: !E, children: [
+          he,
+          se,
+          /* @__PURE__ */ l("li", { className: i.item, "aria-hidden": "true", children: /* @__PURE__ */ S(
+            "div",
+            {
+              className: i.line,
+              style: { "--_calculation-depth": K.depth },
+              "data-inner": "",
+              "data-closing": "",
+              "data-mark": k === a ? "use" : void 0,
+              children: [
+                /* @__PURE__ */ S("span", { className: i.labelCell, children: [
+                  /* @__PURE__ */ l("span", { className: i.disclosure }),
+                  /* @__PURE__ */ S("span", { className: i.label, children: [
+                    "= ",
+                    r.label
+                  ] })
+                ] }),
+                /* @__PURE__ */ l("span", { className: i.names }),
+                /* @__PURE__ */ l("span", { className: i.operator }),
+                P(M, !0)
+              ]
+            }
+          ) })
+        ] })
+      ] }, x)
+    ];
+  }, N = $(n.result, !1, { depth: 0, flat: !0, parent: null }, "r");
+  return (
+    /* The frame is the surface and the container the layout measures itself
+       against; the list inside it is the statement. */
+    /* @__PURE__ */ l(
+      "div",
+      {
+        ref: R,
+        className: pn(i.frame, t),
+        style: e ? {
+          "--_calculation-figure-tracks": Array(h * 2).fill("auto").join(" "),
+          "--_calculation-figures-end": z(h),
+          "--_calculation-assessment-column": z(h),
+          ...f
+        } : f,
+        "data-still": H ? void 0 : "",
+        "data-metrics": e ? h : void 0,
+        "data-two-lines": w ? "" : void 0,
+        "data-compact": m ? "" : void 0,
+        children: /* @__PURE__ */ S("ul", { className: i.calculation, ...u, children: [
+          e && /* The head names each metric and its unit above its column. Every
+          row's sentence names them too, so the head is for the eye. */
+          /* @__PURE__ */ l("li", { className: i.item, "aria-hidden": "true", children: /* @__PURE__ */ l("div", { className: i.head, children: e.map((a, o) => /* @__PURE__ */ S(
+            "span",
+            {
+              className: i.headCell,
+              "data-unit": a.unit === void 0 ? void 0 : "",
+              style: { "--_calculation-column": z(o) },
+              children: [
+                /* @__PURE__ */ l("span", { className: i.headLabel, children: a.label }),
+                a.unit !== void 0 && /* @__PURE__ */ l("span", { className: i.headUnit, children: a.unit })
+              ]
+            },
+            a.id
+          )) }) }),
+          N
+        ] })
+      }
+    )
+  );
+}
+export {
+  bn as CalculationView
+};

package/dist/calculation.css

@@ -1 +1 @@
-@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_18806_22{font-family:var(--u-font-sans);font-size:var(--u-text-md);line-height:var(--u-leading-normal);color:var(--u-color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(pointer:fine){._dense_18806_38{--u-control-height-sm: var(--u-control-height-xs)}}._ink_18806_49{--u-color-text: var(--u-color-bg);--u-color-text-secondary: color-mix(in srgb, var(--u-color-bg) 75%, transparent);--u-color-text-muted: color-mix(in srgb, var(--u-color-bg) 60%, transparent)}._extent_18806_75{--_chars: 20;--_extra: 0;--_tracking: 0px;--_chrome: 0px;min-inline-size:0;max-inline-size:100%;contain:inline-size;contain-intrinsic-inline-size:calc((var(--_chars) + var(--_extra)) * (1ch + var(--_tracking)) + var(--_chrome))}._field_18806_90{caret-color:var(--u-color-accent)}._scroll_18806_96{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_18806_96::-webkit-scrollbar{width:10px;height:10px}._scroll_18806_96::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--u-color-text) 22%,transparent);border-radius:var(--u-radius-full);border:3px solid transparent;background-clip:content-box}._scroll_18806_96::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_18806_125:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_18806_90._field_18806_90,._fieldRoot_18806_145._fieldRoot_18806_145{font-size:16px}}._field_18806_90:-webkit-autofill,._field_18806_90:-webkit-autofill:hover,._field_18806_90:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px var(--u-color-surface),0 0 0 1px var(--u-edge-color-strong);-webkit-text-fill-color:var(--u-color-text);caret-color:var(--u-color-accent)}}@layer umriss.components{._frame_73wtl_24,._frame_73wtl_24:before,._frame_73wtl_24:after{box-sizing:border-box}._calculation_73wtl_51,._calculation_73wtl_51:before,._calculation_73wtl_51:after{box-sizing:border-box}._line_73wtl_86,._line_73wtl_86:before,._line_73wtl_86:after{box-sizing:border-box}._assessment_73wtl_98,._assessment_73wtl_98:before,._assessment_73wtl_98:after{box-sizing:border-box}._disclosure_73wtl_107,._disclosure_73wtl_107:before,._disclosure_73wtl_107:after{box-sizing:border-box}._amount_73wtl_90,._amount_73wtl_90:before,._amount_73wtl_90:after{box-sizing:border-box}._list_73wtl_128,._list_73wtl_128:before,._list_73wtl_128:after{box-sizing:border-box}._item_73wtl_129,._item_73wtl_129:before,._item_73wtl_129:after{box-sizing:border-box}._derivation_73wtl_130,._derivation_73wtl_130:before,._derivation_73wtl_130:after{box-sizing:border-box}._labelCell_73wtl_90,._labelCell_73wtl_90:before,._labelCell_73wtl_90:after{box-sizing:border-box}._names_73wtl_90,._names_73wtl_90:before,._names_73wtl_90:after{box-sizing:border-box}._operator_73wtl_90,._operator_73wtl_90:before,._operator_73wtl_90:after{box-sizing:border-box}._unit_73wtl_90,._unit_73wtl_90:before,._unit_73wtl_90:after{box-sizing:border-box}._label_73wtl_90,._label_73wtl_90:before,._label_73wtl_90:after{box-sizing:border-box}._approximate_73wtl_345,._approximate_73wtl_345:before,._approximate_73wtl_345:after{box-sizing:border-box}._target_73wtl_102,._target_73wtl_102:before,._target_73wtl_102:after{box-sizing:border-box}._worst_73wtl_102,._worst_73wtl_102:before,._worst_73wtl_102:after{box-sizing:border-box}._head_73wtl_497,._head_73wtl_497:before,._head_73wtl_497:after{box-sizing:border-box}._headCell_73wtl_504,._headCell_73wtl_504:before,._headCell_73wtl_504:after{box-sizing:border-box}._headUnit_73wtl_517,._headUnit_73wtl_517:before,._headUnit_73wtl_517:after{box-sizing:border-box}._notes_73wtl_524,._notes_73wtl_524:before,._notes_73wtl_524:after{box-sizing:border-box}._freshness_73wtl_538,._freshness_73wtl_538:before,._freshness_73wtl_538:after{box-sizing:border-box}._headLabel_73wtl_568,._headLabel_73wtl_568:before,._headLabel_73wtl_568:after{box-sizing:border-box}._frame_73wtl_24{font-size:var(--u-text-sm);border-radius:var(--u-radius-md);corner-shape:squircle;background:var(--u-color-surface);outline:1px solid transparent;box-shadow:var(--u-edge);overflow-x:auto;overflow-y:hidden;--_calculation-disclosure-size: 20px;--_calculation-disclosure-gap: var(--u-space-2);--_calculation-line-pad: var(--u-space-2);--_calculation-line-gap: var(--u-space-1);container-type:inline-size;width:100%}._calculation_73wtl_51{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto var(--_calculation-figure-tracks, auto auto) auto;margin:0;padding:0;list-style:none}._frame_73wtl_24[data-compact]{--_calculation-line-text: 18px;--_calculation-line-pad: var(--u-space-1);--_calculation-line-gap: calc(var(--u-space-1) / 2);font-size:var(--u-text-xs);line-height:var(--_calculation-line-text)}@media(pointer:coarse){._frame_73wtl_24[data-compact]{--_calculation-line-pad: var(--u-space-2);--_calculation-line-gap: var(--u-space-1)}}._frame_73wtl_24[data-compact]:not([data-two-lines]) ._line_73wtl_86{grid-template-rows:minmax(calc(var(--_calculation-line-text) + 2 * var(--_calculation-line-pad)),auto)}._frame_73wtl_24[data-compact]:not([data-two-lines]) :is(._labelCell_73wtl_90,._names_73wtl_90,._operator_73wtl_90,._amount_73wtl_90,._unit_73wtl_90){padding-bottom:calc(var(--_calculation-line-pad) - 1px)}._frame_73wtl_24[data-compact]:not([data-two-lines]) ._assessment_73wtl_98{padding-bottom:0}._frame_73wtl_24[data-compact]:not([data-two-lines]) ._assessment_73wtl_98>:not(._target_73wtl_102,._worst_73wtl_102){margin-block:-1px}._frame_73wtl_24[data-compact] ._disclosure_73wtl_107{margin-block:-1px}._frame_73wtl_24[data-compact] ._line_73wtl_86[data-kind=result]>._amount_73wtl_90{font-size:var(--u-text-sm);text-underline-offset:3px}._frame_73wtl_24[data-still]{--_calculation-disclosure-size: 0px;--_calculation-disclosure-gap: 0px}._frame_73wtl_24[data-still] ._disclosure_73wtl_107{display:none}._list_73wtl_128,._item_73wtl_129,._derivation_73wtl_130{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_73wtl_130[hidden]{display:none}._derivation_73wtl_130:not([hidden]){animation:_derivationIn_73wtl_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_73wtl_1{0%{opacity:0}}._item_73wtl_129{--_calculation-fall: calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) / 2 - 1px)}._derivation_73wtl_130{position:relative}._derivation_73wtl_130:before{content:"";position:absolute;top:0;bottom:0;left:var(--_calculation-fall);z-index:1;width:2px;background:var(--u-color-accent);pointer-events:none}:not(._derivation_73wtl_130)>._item_73wtl_129[data-open]>._line_73wtl_86:not([data-mark]),:not(._derivation_73wtl_130)>._item_73wtl_129>._derivation_73wtl_130{background-color:var(--u-color-surface-sunken)}._derivation_73wtl_130 ._line_73wtl_86{border-top-color:transparent}._line_73wtl_86{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_73wtl_51>._item_73wtl_129:first-child>._line_73wtl_86:first-child,._calculation_73wtl_51>._item_73wtl_129:first-child>._list_73wtl_128>._item_73wtl_129:first-child>._line_73wtl_86{border-top-color:transparent}._line_73wtl_86[data-foldable]{cursor:pointer}._line_73wtl_86[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_73wtl_86[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_73wtl_90,._names_73wtl_90,._operator_73wtl_90,._amount_73wtl_90,._unit_73wtl_90,._assessment_73wtl_98{grid-row:1;padding-top:var(--_calculation-line-pad);padding-bottom:var(--_calculation-line-pad)}._labelCell_73wtl_90{grid-column:1;display:flex;align-items:baseline;gap:var(--_calculation-disclosure-gap);min-width:0;padding-left:calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5));padding-right:var(--u-space-5)}._label_73wtl_90{min-width:0;color:var(--u-color-text)}._line_73wtl_86[data-reference] ._label_73wtl_90{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_73wtl_107{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:var(--_calculation-disclosure-size);height:var(--_calculation-disclosure-size);padding:0;border:none;border-radius:var(--u-radius-xs);corner-shape:squircle;background:none;color:var(--u-color-text-muted)}button._disclosure_73wtl_107{box-sizing:border-box}button._disclosure_73wtl_107{cursor:pointer}button._disclosure_73wtl_107:hover,._line_73wtl_86[data-foldable]:hover button._disclosure_73wtl_107{box-sizing:border-box}button._disclosure_73wtl_107:hover,._line_73wtl_86[data-foldable]:hover button._disclosure_73wtl_107{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_73wtl_107:active,._line_73wtl_86[data-foldable]:active button._disclosure_73wtl_107{box-sizing:border-box}button._disclosure_73wtl_107:active,._line_73wtl_86[data-foldable]:active button._disclosure_73wtl_107{background:var(--u-color-surface-pressed)}._item_73wtl_129[data-open]>._line_73wtl_86 button._disclosure_73wtl_107{box-sizing:border-box}._item_73wtl_129[data-open]>._line_73wtl_86 button._disclosure_73wtl_107{color:var(--u-color-accent)}button._disclosure_73wtl_107:focus-visible{box-sizing:border-box}button._disclosure_73wtl_107:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._disclosure_73wtl_107 svg{box-sizing:border-box}._disclosure_73wtl_107 svg{transition:transform var(--u-transition-path)}._disclosure_73wtl_107 svg[data-open]{box-sizing:border-box}._disclosure_73wtl_107 svg[data-open]{transform:rotate(90deg)}._names_73wtl_90{grid-column:2;min-width:0;overflow:hidden;padding-right:var(--u-space-4);white-space:nowrap;text-overflow:ellipsis;color:var(--u-color-text-secondary)}._operator_73wtl_90,._amount_73wtl_90,._unit_73wtl_90{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_73wtl_90{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_73wtl_90{grid-column:var(--_calculation-column, 4);text-align:right;color:var(--u-color-text)}._amount_73wtl_90[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_73wtl_345{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_73wtl_90{grid-column:var(--_calculation-column, 5);padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_73wtl_98{grid-column:var(--_calculation-assessment-column, 6);display:flex;align-items:baseline;justify-content:flex-end;gap:var(--u-space-2);padding-right:var(--u-space-3);white-space:nowrap}._assessment_73wtl_98:empty{padding-right:0}._target_73wtl_102,._worst_73wtl_102{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_73wtl_102:before{content:"● "}._worst_73wtl_102[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_73wtl_102[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_73wtl_102[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_73wtl_86[data-inner]>._amount_73wtl_90{color:var(--u-color-text-secondary)}._line_73wtl_86[data-kind=interim] ._label_73wtl_90,._line_73wtl_86[data-kind=interim]>._amount_73wtl_90{font-weight:var(--u-weight-medium)}._line_73wtl_86[data-emphasis=strong] ._label_73wtl_90,._line_73wtl_86[data-emphasis=strong]>._amount_73wtl_90{font-weight:var(--u-weight-semibold);color:var(--u-color-text)}._line_73wtl_86[data-emphasis=muted] ._label_73wtl_90,._line_73wtl_86[data-emphasis=muted]>._amount_73wtl_90{color:var(--u-color-text-secondary)}._line_73wtl_86[data-inner][data-emphasis=muted] ._label_73wtl_90,._line_73wtl_86[data-inner][data-emphasis=muted]>._amount_73wtl_90{color:var(--u-color-text-muted)}._line_73wtl_86[data-rule],._derivation_73wtl_130 ._line_73wtl_86[data-rule]{border-top:1px solid var(--u-color-text-secondary)}._line_73wtl_86[data-kind=interim]:before{content:"";grid-row:1;grid-column:3 / var(--_calculation-figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-secondary);pointer-events:none}._line_73wtl_86[data-closing] ._label_73wtl_90{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_73wtl_86[data-closing]:before{content:"";grid-row:1;grid-column:3 / var(--_calculation-figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-muted);pointer-events:none}._line_73wtl_86[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_73wtl_86[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_73wtl_86[data-kind=result] ._label_73wtl_90{font-weight:var(--u-weight-semibold)}._line_73wtl_86[data-kind=result]>._amount_73wtl_90{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_73wtl_86[data-kind=result]>._amount_73wtl_90:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._amount_73wtl_90[data-later]{padding-left:var(--u-space-6)}._head_73wtl_497{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:end}._headCell_73wtl_504{grid-row:1;grid-column:var(--_calculation-column);display:flex;flex-direction:column;align-items:flex-end;padding:var(--_calculation-line-pad) 0 var(--u-space-1);font-size:var(--u-text-xs);font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary);white-space:nowrap}._headUnit_73wtl_517{font-family:var(--u-font-mono);font-weight:var(--u-weight-regular)}._notes_73wtl_524{grid-row:2;grid-column:1 / 3;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--u-space-3);margin-top:calc(-1 * var(--_calculation-line-gap));padding:0 var(--u-space-4) var(--_calculation-line-pad) calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) + var(--_calculation-disclosure-gap));font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._freshness_73wtl_538[data-freshness=stale]{color:var(--u-color-warning)}._freshness_73wtl_538[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_73wtl_51{grid-template-columns:minmax(0,1fr) 0 auto var(--_calculation-figure-tracks, auto auto) 0}._amount_73wtl_90[data-later]{padding-left:var(--u-space-2)}._frame_73wtl_24[data-metrics] ._unit_73wtl_90:not([data-last]){padding-right:var(--u-space-2)}._headCell_73wtl_504[data-unit] ._headLabel_73wtl_568,._names_73wtl_90{display:none}._labelCell_73wtl_90{padding-right:var(--u-space-3)}._assessment_73wtl_98:not(:empty){grid-area:2 / 1 / 3 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--_calculation-line-pad) calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) + var(--_calculation-disclosure-gap));white-space:normal}._frame_73wtl_24[data-compact]:not([data-two-lines]) ._assessment_73wtl_98:not(:empty){padding-bottom:var(--_calculation-line-pad)}._frame_73wtl_24[data-compact]:not([data-two-lines]) ._assessment_73wtl_98:not(:empty)>:not(._target_73wtl_102,._worst_73wtl_102){margin-block:0}._notes_73wtl_524{grid-row:3;grid-column:1 / -1}}._frame_73wtl_24[data-two-lines] ._labelCell_73wtl_90{grid-column:1 / -1;padding-bottom:0}._frame_73wtl_24[data-two-lines] ._names_73wtl_90{display:none}._frame_73wtl_24[data-two-lines] ._line_73wtl_86>._operator_73wtl_90,._frame_73wtl_24[data-two-lines] ._line_73wtl_86>._amount_73wtl_90,._frame_73wtl_24[data-two-lines] ._line_73wtl_86>._unit_73wtl_90{grid-row:2;padding-top:var(--_calculation-line-gap)}._frame_73wtl_24[data-two-lines] ._line_73wtl_86[data-kind=interim]:before,._frame_73wtl_24[data-two-lines] ._line_73wtl_86[data-closing]:before{grid-row:2}._frame_73wtl_24[data-two-lines] ._assessment_73wtl_98:not(:empty){grid-area:3 / 1 / 4 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--_calculation-line-pad) calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) + var(--_calculation-disclosure-gap));white-space:normal}._frame_73wtl_24[data-two-lines] ._notes_73wtl_524{grid-row:4;grid-column:1 / -1}@media(prefers-reduced-motion:reduce){._disclosure_73wtl_107 svg{transition:none}._derivation_73wtl_130:not([hidden]){animation:none}}@media(forced-colors:active){._line_73wtl_86[data-mark]{outline:1px solid Highlight;outline-offset:-1px}._line_73wtl_86[data-mark=use]{outline-width:2px;outline-offset:-2px}._derivation_73wtl_130:before{background:CanvasText}._line_73wtl_86[data-emphasis=muted] ._label_73wtl_90,._line_73wtl_86[data-emphasis=muted]>._amount_73wtl_90{color:GrayText}}}
+@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_18806_22{font-family:var(--u-font-sans);font-size:var(--u-text-md);line-height:var(--u-leading-normal);color:var(--u-color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(pointer:fine){._dense_18806_38{--u-control-height-sm: var(--u-control-height-xs)}}._ink_18806_49{--u-color-text: var(--u-color-bg);--u-color-text-secondary: color-mix(in srgb, var(--u-color-bg) 75%, transparent);--u-color-text-muted: color-mix(in srgb, var(--u-color-bg) 60%, transparent)}._extent_18806_75{--_chars: 20;--_extra: 0;--_tracking: 0px;--_chrome: 0px;min-inline-size:0;max-inline-size:100%;contain:inline-size;contain-intrinsic-inline-size:calc((var(--_chars) + var(--_extra)) * (1ch + var(--_tracking)) + var(--_chrome))}._field_18806_90{caret-color:var(--u-color-accent)}._scroll_18806_96{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_18806_96::-webkit-scrollbar{width:10px;height:10px}._scroll_18806_96::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--u-color-text) 22%,transparent);border-radius:var(--u-radius-full);border:3px solid transparent;background-clip:content-box}._scroll_18806_96::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_18806_125:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_18806_90._field_18806_90,._fieldRoot_18806_145._fieldRoot_18806_145{font-size:16px}}._field_18806_90:-webkit-autofill,._field_18806_90:-webkit-autofill:hover,._field_18806_90:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px var(--u-color-surface),0 0 0 1px var(--u-edge-color-strong);-webkit-text-fill-color:var(--u-color-text);caret-color:var(--u-color-accent)}}@layer umriss.components{._frame_moin5_24,._frame_moin5_24:before,._frame_moin5_24:after{box-sizing:border-box}._calculation_moin5_51,._calculation_moin5_51:before,._calculation_moin5_51:after{box-sizing:border-box}._line_moin5_86,._line_moin5_86:before,._line_moin5_86:after{box-sizing:border-box}._assessment_moin5_98,._assessment_moin5_98:before,._assessment_moin5_98:after{box-sizing:border-box}._disclosure_moin5_107,._disclosure_moin5_107:before,._disclosure_moin5_107:after{box-sizing:border-box}._amount_moin5_90,._amount_moin5_90:before,._amount_moin5_90:after{box-sizing:border-box}._list_moin5_128,._list_moin5_128:before,._list_moin5_128:after{box-sizing:border-box}._item_moin5_129,._item_moin5_129:before,._item_moin5_129:after{box-sizing:border-box}._derivation_moin5_130,._derivation_moin5_130:before,._derivation_moin5_130:after{box-sizing:border-box}._labelCell_moin5_90,._labelCell_moin5_90:before,._labelCell_moin5_90:after{box-sizing:border-box}._names_moin5_90,._names_moin5_90:before,._names_moin5_90:after{box-sizing:border-box}._operator_moin5_90,._operator_moin5_90:before,._operator_moin5_90:after{box-sizing:border-box}._unit_moin5_90,._unit_moin5_90:before,._unit_moin5_90:after{box-sizing:border-box}._label_moin5_90,._label_moin5_90:before,._label_moin5_90:after{box-sizing:border-box}._approximate_moin5_345,._approximate_moin5_345:before,._approximate_moin5_345:after{box-sizing:border-box}._target_moin5_102,._target_moin5_102:before,._target_moin5_102:after{box-sizing:border-box}._worst_moin5_102,._worst_moin5_102:before,._worst_moin5_102:after{box-sizing:border-box}._head_moin5_497,._head_moin5_497:before,._head_moin5_497:after{box-sizing:border-box}._headCell_moin5_504,._headCell_moin5_504:before,._headCell_moin5_504:after{box-sizing:border-box}._headUnit_moin5_517,._headUnit_moin5_517:before,._headUnit_moin5_517:after{box-sizing:border-box}._notes_moin5_524,._notes_moin5_524:before,._notes_moin5_524:after{box-sizing:border-box}._freshness_moin5_538,._freshness_moin5_538:before,._freshness_moin5_538:after{box-sizing:border-box}._headLabel_moin5_568,._headLabel_moin5_568:before,._headLabel_moin5_568:after{box-sizing:border-box}._frame_moin5_24{font-size:var(--u-text-sm);border-radius:var(--u-radius-md);corner-shape:squircle;background:var(--u-color-surface);outline:1px solid transparent;box-shadow:var(--u-edge);overflow-x:auto;overflow-y:hidden;--_calculation-disclosure-size: 20px;--_calculation-disclosure-gap: var(--u-space-2);--_calculation-line-pad: var(--u-space-2);--_calculation-line-gap: var(--u-space-1);container-type:inline-size;width:100%}._calculation_moin5_51{display:grid;grid-template-columns:fit-content(22rem) minmax(0,1fr) auto var(--_calculation-figure-tracks, auto auto) auto;margin:0;padding:0;list-style:none}._frame_moin5_24[data-compact]{--_calculation-line-text: round(up, calc(var(--u-text-xs) * 1.63), 1px);--_calculation-line-pad: var(--u-space-1);--_calculation-line-gap: calc(var(--u-space-1) / 2);font-size:var(--u-text-xs);line-height:var(--_calculation-line-text)}@media(pointer:coarse){._frame_moin5_24[data-compact]{--_calculation-line-pad: var(--u-space-2);--_calculation-line-gap: var(--u-space-1)}}._frame_moin5_24[data-compact]:not([data-two-lines]) ._line_moin5_86{grid-template-rows:minmax(calc(var(--_calculation-line-text) + 2 * var(--_calculation-line-pad)),auto)}._frame_moin5_24[data-compact]:not([data-two-lines]) :is(._labelCell_moin5_90,._names_moin5_90,._operator_moin5_90,._amount_moin5_90,._unit_moin5_90){padding-bottom:calc(var(--_calculation-line-pad) - 1px)}._frame_moin5_24[data-compact]:not([data-two-lines]) ._assessment_moin5_98{padding-bottom:0}._frame_moin5_24[data-compact]:not([data-two-lines]) ._assessment_moin5_98>:not(._target_moin5_102,._worst_moin5_102){margin-block:-1px}._frame_moin5_24[data-compact] ._disclosure_moin5_107{margin-block:-1px}._frame_moin5_24[data-compact] ._line_moin5_86[data-kind=result]>._amount_moin5_90{font-size:var(--u-text-sm);text-underline-offset:3px}._frame_moin5_24[data-still]{--_calculation-disclosure-size: 0px;--_calculation-disclosure-gap: 0px}._frame_moin5_24[data-still] ._disclosure_moin5_107{display:none}._list_moin5_128,._item_moin5_129,._derivation_moin5_130{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;margin:0;padding:0;list-style:none}._derivation_moin5_130[hidden]{display:none}._derivation_moin5_130:not([hidden]){animation:_derivationIn_moin5_1 var(--u-duration-fast) var(--u-ease-out)}@keyframes _derivationIn_moin5_1{0%{opacity:0}}._item_moin5_129{--_calculation-fall: calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) / 2 - 1px)}._derivation_moin5_130{position:relative}._derivation_moin5_130:before{content:"";position:absolute;top:0;bottom:0;left:var(--_calculation-fall);z-index:1;width:2px;background:var(--u-color-accent);pointer-events:none}:not(._derivation_moin5_130)>._item_moin5_129[data-open]>._line_moin5_86:not([data-mark]),:not(._derivation_moin5_130)>._item_moin5_129>._derivation_moin5_130{background-color:var(--u-color-surface-sunken)}._derivation_moin5_130 ._line_moin5_86{border-top-color:transparent}._line_moin5_86{position:relative;display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;border-top:1px solid var(--u-hairline)}._calculation_moin5_51>._item_moin5_129:first-child>._line_moin5_86:first-child,._calculation_moin5_51>._item_moin5_129:first-child>._list_moin5_128>._item_moin5_129:first-child>._line_moin5_86{border-top-color:transparent}._line_moin5_86[data-foldable]{cursor:pointer}._line_moin5_86[data-mark]{background:color-mix(in srgb,var(--u-color-accent-subtle) 50%,transparent)}._line_moin5_86[data-mark=use]{background:var(--u-color-accent-subtle)}._labelCell_moin5_90,._names_moin5_90,._operator_moin5_90,._amount_moin5_90,._unit_moin5_90,._assessment_moin5_98{grid-row:1;padding-top:var(--_calculation-line-pad);padding-bottom:var(--_calculation-line-pad)}._labelCell_moin5_90{grid-column:1;display:flex;align-items:baseline;gap:var(--_calculation-disclosure-gap);min-width:0;padding-left:calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5));padding-right:var(--u-space-5)}._label_moin5_90{min-width:0;color:var(--u-color-text)}._line_moin5_86[data-reference] ._label_moin5_90{font-style:italic;color:var(--u-color-text-secondary)}._disclosure_moin5_107{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:var(--_calculation-disclosure-size);height:var(--_calculation-disclosure-size);padding:0;border:none;border-radius:var(--u-radius-xs);corner-shape:squircle;background:none;color:var(--u-color-text-muted)}button._disclosure_moin5_107{box-sizing:border-box}button._disclosure_moin5_107{cursor:pointer}button._disclosure_moin5_107:hover,._line_moin5_86[data-foldable]:hover button._disclosure_moin5_107{box-sizing:border-box}button._disclosure_moin5_107:hover,._line_moin5_86[data-foldable]:hover button._disclosure_moin5_107{background:var(--u-color-surface-sunken);color:var(--u-color-text)}button._disclosure_moin5_107:active,._line_moin5_86[data-foldable]:active button._disclosure_moin5_107{box-sizing:border-box}button._disclosure_moin5_107:active,._line_moin5_86[data-foldable]:active button._disclosure_moin5_107{background:var(--u-color-surface-pressed)}._item_moin5_129[data-open]>._line_moin5_86 button._disclosure_moin5_107{box-sizing:border-box}._item_moin5_129[data-open]>._line_moin5_86 button._disclosure_moin5_107{color:var(--u-color-accent)}button._disclosure_moin5_107:focus-visible{box-sizing:border-box}button._disclosure_moin5_107:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._disclosure_moin5_107 svg{box-sizing:border-box}._disclosure_moin5_107 svg{transition:transform var(--u-transition-path)}._disclosure_moin5_107 svg[data-open]{box-sizing:border-box}._disclosure_moin5_107 svg[data-open]{transform:rotate(90deg)}._names_moin5_90{grid-column:2;min-width:0;overflow:hidden;padding-right:var(--u-space-4);white-space:nowrap;text-overflow:ellipsis;color:var(--u-color-text-secondary)}._operator_moin5_90,._amount_moin5_90,._unit_moin5_90{font-family:var(--u-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}._operator_moin5_90{grid-column:3;padding-right:var(--u-space-3);text-align:right;color:var(--u-color-text-secondary)}._amount_moin5_90{grid-column:var(--_calculation-column, 4);text-align:right;color:var(--u-color-text)}._amount_moin5_90[data-verdict=unknown]{color:var(--u-color-text-secondary)}._approximate_moin5_345{display:inline-block;margin-right:var(--u-space-1);color:var(--u-color-text-secondary);cursor:help}._unit_moin5_90{grid-column:var(--_calculation-column, 5);padding-left:var(--u-space-1);padding-right:var(--u-space-3);color:var(--u-color-text-secondary)}._assessment_moin5_98{grid-column:var(--_calculation-assessment-column, 6);display:flex;align-items:baseline;justify-content:flex-end;gap:var(--u-space-2);padding-right:var(--u-space-3);white-space:nowrap}._assessment_moin5_98:empty{padding-right:0}._target_moin5_102,._worst_moin5_102{font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._worst_moin5_102:before{content:"● "}._worst_moin5_102[data-verdict=unknown]:before{color:var(--u-color-text-muted)}._worst_moin5_102[data-verdict=warning]:before{color:var(--u-color-warning)}._worst_moin5_102[data-verdict=alarm]:before{color:var(--u-color-danger-text)}._line_moin5_86[data-inner]>._amount_moin5_90{color:var(--u-color-text-secondary)}._line_moin5_86[data-kind=interim] ._label_moin5_90,._line_moin5_86[data-kind=interim]>._amount_moin5_90{font-weight:var(--u-weight-medium)}._line_moin5_86[data-emphasis=strong] ._label_moin5_90,._line_moin5_86[data-emphasis=strong]>._amount_moin5_90{font-weight:var(--u-weight-semibold);color:var(--u-color-text)}._line_moin5_86[data-emphasis=muted] ._label_moin5_90,._line_moin5_86[data-emphasis=muted]>._amount_moin5_90{color:var(--u-color-text-secondary)}._line_moin5_86[data-inner][data-emphasis=muted] ._label_moin5_90,._line_moin5_86[data-inner][data-emphasis=muted]>._amount_moin5_90{color:var(--u-color-text-muted)}._line_moin5_86[data-rule],._derivation_moin5_130 ._line_moin5_86[data-rule]{border-top:1px solid var(--u-color-text-secondary)}._line_moin5_86[data-kind=interim]:before{content:"";grid-row:1;grid-column:3 / var(--_calculation-figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-secondary);pointer-events:none}._line_moin5_86[data-closing] ._label_moin5_90{font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary)}._line_moin5_86[data-closing]:before{content:"";grid-row:1;grid-column:3 / var(--_calculation-figures-end, 6);align-self:start;border-top:1px solid var(--u-color-text-muted);pointer-events:none}._line_moin5_86[data-kind=result]{border-top:1px solid var(--u-edge-color-strong)}._line_moin5_86[data-kind=result]:not([data-mark]){background:var(--u-color-surface-sunken)}._line_moin5_86[data-kind=result] ._label_moin5_90{font-weight:var(--u-weight-semibold)}._line_moin5_86[data-kind=result]>._amount_moin5_90{font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}._line_moin5_86[data-kind=result]>._amount_moin5_90:not([data-verdict=unknown]){text-decoration-line:underline;text-decoration-style:double;text-underline-offset:5px}._amount_moin5_90[data-later]{padding-left:var(--u-space-6)}._head_moin5_497{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:end}._headCell_moin5_504{grid-row:1;grid-column:var(--_calculation-column);display:flex;flex-direction:column;align-items:flex-end;padding:var(--_calculation-line-pad) 0 var(--u-space-1);font-size:var(--u-text-xs);font-weight:var(--u-weight-medium);color:var(--u-color-text-secondary);white-space:nowrap}._headUnit_moin5_517{font-family:var(--u-font-mono);font-weight:var(--u-weight-regular)}._notes_moin5_524{grid-row:2;grid-column:1 / 3;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--u-space-3);margin-top:calc(-1 * var(--_calculation-line-gap));padding:0 var(--u-space-4) var(--_calculation-line-pad) calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) + var(--_calculation-disclosure-gap));font-size:var(--u-text-xs);color:var(--u-color-text-secondary)}._freshness_moin5_538[data-freshness=stale]{color:var(--u-color-warning)}._freshness_moin5_538[data-freshness=lost]{color:var(--u-color-danger-text);font-weight:var(--u-weight-medium)}@container (max-width: 34rem){._calculation_moin5_51{grid-template-columns:minmax(0,1fr) 0 auto var(--_calculation-figure-tracks, auto auto) 0}._amount_moin5_90[data-later]{padding-left:var(--u-space-2)}._frame_moin5_24[data-metrics] ._unit_moin5_90:not([data-last]){padding-right:var(--u-space-2)}._headCell_moin5_504[data-unit] ._headLabel_moin5_568,._names_moin5_90{display:none}._labelCell_moin5_90{padding-right:var(--u-space-3)}._assessment_moin5_98:not(:empty){grid-area:2 / 1 / 3 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--_calculation-line-pad) calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) + var(--_calculation-disclosure-gap));white-space:normal}._frame_moin5_24[data-compact]:not([data-two-lines]) ._assessment_moin5_98:not(:empty){padding-bottom:var(--_calculation-line-pad)}._frame_moin5_24[data-compact]:not([data-two-lines]) ._assessment_moin5_98:not(:empty)>:not(._target_moin5_102,._worst_moin5_102){margin-block:0}._notes_moin5_524{grid-row:3;grid-column:1 / -1}}._frame_moin5_24[data-two-lines] ._labelCell_moin5_90{grid-column:1 / -1;padding-bottom:0}._frame_moin5_24[data-two-lines] ._names_moin5_90{display:none}._frame_moin5_24[data-two-lines] ._line_moin5_86>._operator_moin5_90,._frame_moin5_24[data-two-lines] ._line_moin5_86>._amount_moin5_90,._frame_moin5_24[data-two-lines] ._line_moin5_86>._unit_moin5_90{grid-row:2;padding-top:var(--_calculation-line-gap)}._frame_moin5_24[data-two-lines] ._line_moin5_86[data-kind=interim]:before,._frame_moin5_24[data-two-lines] ._line_moin5_86[data-closing]:before{grid-row:2}._frame_moin5_24[data-two-lines] ._assessment_moin5_98:not(:empty){grid-area:3 / 1 / 4 / -1;justify-content:flex-start;flex-wrap:wrap;min-width:0;overflow:hidden;padding:0 var(--u-space-3) var(--_calculation-line-pad) calc(var(--u-space-3) + var(--_calculation-depth, 0) * var(--u-space-5) + var(--_calculation-disclosure-size) + var(--_calculation-disclosure-gap));white-space:normal}._frame_moin5_24[data-two-lines] ._notes_moin5_524{grid-row:4;grid-column:1 / -1}@media(prefers-reduced-motion:reduce){._disclosure_moin5_107 svg{transition:none}._derivation_moin5_130:not([hidden]){animation:none}}@media(forced-colors:active){._line_moin5_86[data-mark]{outline:1px solid Highlight;outline-offset:-1px}._line_moin5_86[data-mark=use]{outline-width:2px;outline-offset:-2px}._derivation_moin5_130:before{background:CanvasText}._line_moin5_86[data-emphasis=muted] ._label_moin5_90,._line_moin5_86[data-emphasis=muted]>._amount_moin5_90{color:GrayText}}}