@umriss-ui/calculation 0.41.1 → 0.43.0

package/dist/calculation.js

@@ -1,561 +1,22 @@
-"use client";
-import "./calculation.css";
-import { jsx as $, jsxs as E } from "react/jsx-runtime";
-import { Children as Me, isValidElement as H, Fragment as Te, useId as Ee, useState as re, useRef as Ae, useCallback as Re, useLayoutEffect as De, useEffect as Ie } from "react";
-import { assess as Pe, verdictWeight as se, useDensityFor as je, useFormats as Oe, useWording as Ce, VisuallyHidden as Be, AngleGlyph as Le, Badge as le, useFreshness as We, Tooltip as Fe } from "@umriss-ui/core";
-function Ue(t) {
-  return t.decimals !== void 0 ? t.decimals : t.format === "percent" ? 1 : t.given ? void 0 : 2;
-}
-function ge(t, e) {
-  const [f, s = "0"] = String(t).split("e");
-  return +`${f}e${Number(s) + e}`;
-}
-function Qe(t, e) {
-  return e === void 0 ? t : Math.sign(t) * ge(Math.round(ge(Math.abs(t), e)), -e) || 0;
-}
-function ae(t, e) {
-  return Qe(t.format === "percent" ? e * 100 : e, Ue(t));
-}
-const Ve = (t, e) => t.format === "percent" ? e / 100 : e;
-function be(t, e, f) {
-  const [s, ...r] = e;
-  switch (t) {
-    case "sum":
-      return e.reduce((n, c, S) => f[S] ? n - c : n + c, 0);
-    case "difference":
-      return r.reduce((n, c) => n - c, s);
-    case "product":
-      return r.reduce((n, c) => n * c, s);
-    case "quotient":
-      return s / r[0];
-  }
-}
-const $e = (t, e) => e === void 0 || t !== void 0 && se(t) >= se(e) ? t : e;
-function ze(t) {
-  const e = /* @__PURE__ */ new Map(), f = (s) => {
-    const r = e.get(s);
-    if (r) return r;
-    const n = t.quantities.get(s);
-    let c = null, S, l = !1, w;
-    if (n.given) {
-      const a = n.given.value;
-      typeof a == "number" && Number.isFinite(a) ? c = a : S = { kind: "missing", label: n.label };
-    } else {
-      const a = n.operands.map((m) => ({ operand: m, ...f(m.key) }));
-      for (const { operand: m, verdict: i, worst: b } of a) {
-        const y = m.reference ? i : $e(i, b);
-        w = $e(w, y);
-      }
-      S = a.find((m) => m.absence)?.absence;
-      const u = a[1];
-      if (!S && n.operator === "quotient" && u.value === 0 && (S = { kind: "zero", label: t.quantities.get(u.operand.key).label }), !S) {
-        const m = n.operands.map((b) => b.negated === !0);
-        c = be(n.operator, a.map((b) => b.value), m);
-        const i = be(
-          n.operator,
-          a.map((b) => Ve(t.quantities.get(b.operand.key), b.shown)),
-          m
-        );
-        l = ae(n, i) !== ae(n, c);
-      }
-    }
-    const T = { target: n.target, limits: n.limits }, B = n.target !== void 0 || (n.limits?.length ?? 0) > 0 ? Pe(c, T) : void 0, U = (n.limits?.length ?? 0) > 0 ? B.verdict : c === null ? "unknown" : void 0, L = {
-      value: c,
-      absence: S,
-      shown: c === null ? null : ae(n, c),
-      approximate: l,
-      assessment: B,
-      verdict: U,
-      worst: w
-    };
-    return e.set(s, L), L;
-  };
-  for (const s of t.quantities.keys()) f(s);
-  return e;
-}
-const Ge = () => null, He = () => null, Ke = () => null, Ye = () => null, Je = () => null, _e = () => null, Ze = () => null, Xe = () => null, et = () => null, tt = () => null, nt = () => null, ce = () => null, at = /* @__PURE__ */ new Map([
-  [He, "sum"],
-  [Ke, "difference"],
-  [Ye, "product"],
-  [Je, "quotient"]
-]), we = {
-  sum: "Sum",
-  difference: "Difference",
-  product: "Product",
-  quotient: "Quotient"
-}, ue = /* @__PURE__ */ new Map([
-  [Xe, { name: "Plus", operator: "sum" }],
-  [et, { name: "Minus", operator: "sum", negated: !0 }],
-  [tt, { name: "Times", operator: "product" }],
-  [nt, { name: "DividedBy", operator: "quotient" }]
-]), de = "<Given>, <Sum>, <Difference>, <Product>, <Quotient> or <Chain>", ye = "a calculation with metrics only adds and subtracts - <Sum>, <Difference>, <Plus>, <Minus>.", ot = ["unit", "format", "decimals"];
-function N(t) {
-  throw new Error(`@umriss-ui/calculation: ${t}`);
-}
-function ee(t) {
-  return Me.toArray(t).flatMap(
-    (e) => H(e) && e.type === Te ? ee(e.props.children) : [e]
-  );
-}
-function ne(t) {
-  if (!H(t)) return JSON.stringify(t);
-  const e = t.type;
-  return typeof e == "string" ? `<${e}>` : `<${e.displayName ?? e.name ?? "anonymous"}>`;
-}
-const fe = (t, e, f) => `${t}/${H(e) && e.key || f}`;
-function st(t, e) {
-  const f = ee(t);
-  if (f.length !== 1 && N(`<Calculation> takes exactly one child, the result; it was given ${f.length}.`), e !== void 0) {
-    e.length === 0 && N("<Calculation>: metrics is empty; leave it out for a calculation with one number per quantity.");
-    const a = /* @__PURE__ */ new Set();
-    for (const { id: u } of e)
-      a.has(u) && N(`<Calculation>: the metric id "${u}" is used twice.`), a.add(u);
-  }
-  const s = e?.map((a) => `"${a.id}"`).join(", "), r = (a, u) => {
-    const m = typeof a == "object" && a !== null;
-    if (e === void 0) {
-      m && N(`${u}: value is an object by metric, but the calculation has no metrics.`);
-      return;
-    }
-    m || N(`${u}: with metrics, value is an object with a number for each metric - ${s}.`);
-    for (const { id: i } of e)
-      i in a || N(`${u}: value has no number for the metric "${i}"; write null where it is absent. The metrics: ${s}.`);
-    for (const i of Object.keys(a))
-      e.some((b) => b.id === i) || N(`${u}: value has a number for "${i}", which is no metric. The metrics: ${s}.`);
-  }, n = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), S = [], l = (a, u, m) => {
-    const { id: i, ...b } = u;
-    if (e !== void 0) {
-      for (const A of ot)
-        u[A] !== void 0 && N(`${m}: ${A} belongs to the metric once the calculation has metrics, not to a quantity.`);
-      (u.target !== void 0 || u.limits !== void 0) && N(`${m}: target and limits are not assessed in a calculation with metrics.`);
-    }
-    i !== void 0 && (c.has(i) && N(`${m}: the id "${i}" is used twice.`), c.set(i, a));
-    const y = { ...b, key: a, id: i, operands: [] };
-    return n.set(a, y), y;
-  }, w = (a, u, m) => {
-    if (H(a) && a.type === _e) {
-      const i = { key: "", reference: !0 };
-      return S.push({ operand: i, to: a.props.to, where: m }), i;
-    }
-    return { key: T(a, u, m), reference: !1 };
-  }, T = (a, u, m) => {
-    if ((!H(a) || a.type === _e || ue.has(a.type) || a.type === ce) && N(`${m}: ${ne(a)} cannot stand here; a quantity must be ${de}.`), a.type === Ze) return B(a.props.children, u, m);
-    const i = at.get(a.type);
-    a.type !== Ge && i === void 0 && N(
-      `${m}: ${ne(a)} is not an element of the calculation. A calculation reads its children's props and cannot look inside a component of your own; write ${de} or <Ref> directly, or return them from .map.`
-    );
-    const { children: b, value: y, source: A, asOf: Q, ages: k, ...R } = a.props, g = `${m} › ${R.label}`;
-    e !== void 0 && (i === "product" || i === "quotient") && N(`${g}: <${we[i]}> - ${ye}`);
-    const C = l(u, R, g);
-    if (i === void 0)
-      return r(y, g), C.given = { value: y, source: A, asOf: Q, ages: k }, u;
-    C.operator = i;
-    const _ = ee(b), O = _.length;
-    return (i === "quotient" ? O !== 2 : i !== "sum" && O < 2) && N(
-      `${g}: <${we[i]}> takes ${i === "quotient" ? "exactly two operands" : "two or more operands"}; it was given ${O}.`
-    ), C.operands = _.map((o, d) => w(o, fe(u, o, d), g)), u;
-  }, B = (a, u, m) => {
-    const i = `${m} › <Chain>`, [b, ...y] = ee(a);
-    (b === void 0 || H(b) && (ue.has(b.type) || b.type === ce)) && N(`${i}: a chain starts with a quantity that has no operator - ${de} or <Ref>.`);
-    let A = w(b, fe(u, b, 0), i), Q = ne(b), k = [], R;
-    return y.forEach((g, C) => {
-      const _ = fe(u, g, C + 1);
-      if (H(g) && g.type === ce) {
-        const F = g.props, z = `${i} › ${F.label}`;
-        k.length === 0 && N(`${z}: an <Interim> needs an operand since the named value before it, ${Q}.`);
-        const G = l(_, F, z);
-        G.interim = !0, G.operator = k[0].line.operator, G.operands = [A, ...k.map((te) => te.operand)], A = { key: _, reference: !1, previous: !0 }, Q = `<Interim label="${F.label}">`, k = [], R = _;
-        return;
-      }
-      const O = H(g) ? ue.get(g.type) : void 0;
-      O === void 0 && N(`${i}: ${ne(g)} needs an operator in a chain - <Plus>, <Minus>, <Times> or <DividedBy> - or is an <Interim>.`), e !== void 0 && O.operator !== "sum" && N(`${i}: <${O.name}> - ${ye}`);
-      const o = O.operator !== "sum", d = k.find((F) => F.line.operator !== "sum");
-      (o && k.length > 0 || d) && N(
-        `${i}: <${(d ?? { line: O }).line.name}> stands alone between two named values - directly after the first quantity or an <Interim>, and directly before an <Interim>.`
-      );
-      const { children: v, ...q } = g.props, p = ee(v), D = () => N(`${i}: <${O.name}> takes either a label and a value, or exactly one quantity as its child.`);
-      if (p.length > 0) {
-        (p.length > 1 || Object.values(q).some((z) => z !== void 0)) && D();
-        const F = w(p[0], _, i);
-        F.negated = O.negated, k.push({ operand: F, line: O });
-        return;
-      }
-      q.label === void 0 && D();
-      const { value: I, source: M, asOf: P, ages: K, ...V } = q, j = `${i} › ${q.label}`, W = l(_, { ...V, label: q.label }, j);
-      r(I, j), W.given = { value: I, source: M, asOf: P, ages: K }, k.push({ operand: { key: _, reference: !1, negated: O.negated }, line: O });
-    }), (k.length > 0 || R === void 0) && N(`${i}: a chain ends with an <Interim>, which names its value.`), R;
-  }, U = T(f[0], "0", "<Calculation>"), L = n.get(U);
-  (L.emphasis !== void 0 || L.rule !== void 0) && N(`<Calculation> › ${L.label}: emphasis and rule do not stand on the Result, which is already the heaviest line.`);
-  for (const { operand: a, to: u, where: m } of S) {
-    const i = c.get(u);
-    if (i === void 0) {
-      const b = [...c.keys()].map((y) => `"${y}"`).join(", ");
-      N(`${m}: <Ref to="${u}"> names no quantity. ${b ? `The ids that exist: ${b}.` : "No quantity has an id."}`);
-    }
-    a.key = i;
-  }
-  return rt(n), { result: U, quantities: n, metrics: e };
-}
-function it(t) {
-  return t.metrics ? t.metrics.map((e) => {
-    const f = /* @__PURE__ */ new Map();
-    for (const [s, r] of t.quantities) {
-      const n = r.given && { ...r.given, value: r.given.value[e.id] };
-      f.set(s, { ...r, unit: e.unit, decimals: e.decimals, given: n });
-    }
-    return { result: t.result, quantities: f };
-  }) : [t];
-}
-function rt(t) {
-  const e = /* @__PURE__ */ new Set(), f = [], s = (r) => {
-    if (e.has(r)) return;
-    const n = f.indexOf(r);
-    if (n !== -1) {
-      const c = [...f.slice(n), r].map((S) => t.get(S).label);
-      N(`the calculation goes round in a circle through references: ${c.join(" → ")}.`);
-    }
-    f.push(r);
-    for (const c of t.get(r).operands) s(c.key);
-    f.pop(), e.add(r);
-  };
-  for (const r of t.keys()) s(r);
-}
-const Ne = 4;
-function lt(t, e, f) {
-  const s = t.operands[e];
-  if (s.previous) return;
-  const r = t.operator, n = e === 0;
-  if (r !== "sum" && r !== "difference") return n ? void 0 : { operator: r, negated: !1 };
-  const c = r === "difference" ? !n : s.negated === !0, S = new Set(f.filter((w) => w !== null && w !== 0).map(Math.sign)), l = S.size === 1 ? { operator: "sum", negated: c !== S.has(-1), unsigned: !0 } : { operator: "sum", negated: c };
-  return n && !l.negated ? void 0 : l;
-}
-const ct = {
-  sum: "calculationSumSymbol",
-  difference: "calculationDifferenceSymbol",
-  product: "calculationProductSymbol",
-  quotient: "calculationQuotientSymbol"
-}, ut = {
-  sum: "calculationSumWord",
-  difference: "calculationDifferenceWord",
-  product: "calculationProductWord",
-  quotient: "calculationQuotientWord"
-};
-function oe(t, e) {
-  switch (t) {
-    case "alarm":
-      return e.verdictAlarm;
-    case "warning":
-      return e.verdictWarning;
-    case "unknown":
-      return e.verdictUnknown;
-    default:
-      return e.verdictOk;
-  }
-}
-function ie(t, e, f) {
-  const s = t.negated ? "difference" : t.operator;
-  return f[(e ? ut : ct)[s]];
-}
-function dt(t, e) {
-  return t.kind === "missing" ? e.calculationMissing(t.label) : e.calculationDivisionByZero(t.label);
-}
-function Se(t, e, f, s) {
-  const r = t.format === "percent" ? s : t.unit, n = f.number(e, t.decimals);
-  return r ? `${n} ${r}` : n;
-}
-function ft(t, e, f, s, r, n, c, S = () => {
-}) {
-  const l = t.quantities.get(f), w = e.get(f), T = (g, C) => g.shown !== null && C?.unsigned ? Math.abs(g.shown) : g.shown, B = (g, C, _, O) => {
-    const o = T(C, O);
-    return o === null ? _ ? n.verdictUnknown : n.statAbsentValue : Se(g, o, r, _ ? n.calculationPercent : "%");
-  }, U = (g) => {
-    if (s || !l.operator) return {};
-    if (l.operands.length === 0) return { names: n.calculationNoOperands };
-    if (!g && l.operands.length > Ne)
-      return { names: n.calculationOperandCount(l.operands.length) };
-    const C = (_) => l.operands.map((O, o) => {
-      const d = t.quantities.get(O.key), v = S(o);
-      return v ? `${ie(v, g, n)} ${_(d, v)}` : _(d);
-    }).join(" ");
-    return {
-      names: C((_) => _.label),
-      numbers: C((_, O) => B(_, e.get(_.key), g, O))
-    };
-  }, L = (g) => {
-    const C = w.assessment?.deviation;
-    if (C === void 0 || l.target === void 0) return;
-    const _ = Se(l, ae(l, l.target), r, g ? n.calculationPercent : "%");
-    return C > 0 ? n.calculationAboveTarget(_) : C < 0 ? n.calculationBelowTarget(_) : n.calculationOnTarget(_);
-  }, a = U(!1).names, u = a === void 0 || l.operands.length === 0 || l.operands.length > Ne ? a : `= ${a}`, m = U(!0), i = w.absence ? dt(w.absence, n) : void 0, b = ` ${n.calculationEquals} `, y = w.approximate ? `${n.calculationApproximately} ${B(l, w, !0, c)}` : B(l, w, !0, c), Q = [
-    (c ? `${ie(c, !0, n)} ` : "") + l.label + b + [m.names, m.numbers, y].filter(Boolean).join(`,${b}`),
-    w.verdict !== void 0 && w.verdict !== "unknown" ? oe(w.verdict, n) : void 0,
-    L(!0),
-    i
-  ].filter(Boolean).join(", "), k = w.shown === null ? void 0 : l.format === "percent" ? "%" : l.unit, R = (g) => g === null ? n.statAbsentValue : r.number(g, l.decimals);
-  return { amount: R(T(w, c)), ownAmount: R(w.shown), unit: k, names: u, target: L(!1), reason: i, sentence: Q, spokenNames: m.names, spokenNumber: y };
-}
-function mt(t, e, f, s, r) {
-  const n = r ? `${ie(r, !0, s)} ` : "", c = e[0].spokenNames, S = n + t + (c === void 0 ? "" : ` ${s.calculationEquals} ${c}`), l = f.map(
-    (w, T) => [`${w.label} ${e[T].spokenNumber}`, e[T].reason].filter(Boolean).join(", ")
-  );
-  return `${S}: ${l.join("; ")}`;
-}
-const pt = "_frame_73wtl_24 _text_18806_22", ht = "_calculation_73wtl_51", vt = "_line_73wtl_86", gt = "_assessment_73wtl_98", bt = "_disclosure_73wtl_107", $t = "_amount_73wtl_90", _t = "_list_73wtl_128", wt = "_item_73wtl_129", yt = "_derivation_73wtl_130", Nt = "_labelCell_73wtl_90", St = "_names_73wtl_90", Ot = "_operator_73wtl_90", Ct = "_unit_73wtl_90", qt = "_label_73wtl_90", xt = "_approximate_73wtl_345", kt = "_target_73wtl_102", Mt = "_worst_73wtl_102", Tt = "_head_73wtl_497", Et = "_headCell_73wtl_504", At = "_headUnit_73wtl_517", Rt = "_notes_73wtl_524", Dt = "_freshness_73wtl_538", It = "_headLabel_73wtl_568", h = {
-  frame: pt,
-  calculation: ht,
-  line: vt,
-  assessment: gt,
-  disclosure: bt,
-  amount: $t,
-  list: _t,
-  item: wt,
-  derivation: yt,
-  labelCell: Nt,
-  names: St,
-  operator: Ot,
-  unit: Ct,
-  label: qt,
-  approximate: xt,
-  target: kt,
-  worst: Mt,
-  head: Tt,
-  headCell: Et,
-  headUnit: At,
-  notes: Rt,
-  freshness: Dt,
-  headLabel: It
-}, Pt = 10, X = (t) => 4 + 2 * t, jt = (t) => 5 + 2 * t, Bt = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, Lt = (...t) => t.filter(Boolean).join(" ");
-function Wt({ asOf: t, ages: e }) {
-  const f = Oe(), s = Ce(), r = We(t, e), n = r.freshness === "lost" ? s.freshnessDisconnected : r.freshness === "stale" ? s.freshnessStale : s.freshnessFresh;
-  return /* @__PURE__ */ E("span", { className: h.freshness, "data-freshness": r.freshness, children: [
-    n,
-    r.age !== null && ` · ${f.relative(r.age)}`
-  ] });
-}
-function Vt({ children: t, className: e, style: f, metrics: s, density: r, ...n }) {
-  const c = je(r, "regular") === "compact", S = Oe(), l = Ce(), w = Ee(), T = st(t, s), B = it(T).map((o) => ({ view: o, results: ze(o) })), [U, L] = re(() => /* @__PURE__ */ new Set()), [a, u] = re(null), m = Ae(null), [i, b] = re(!1), y = s?.length ?? 0, A = Re(() => {
-    const o = m.current, d = o && y > 0 ? getComputedStyle(o.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], v = X(y) - 1;
-    if (!o || d.length <= v || d.some((M) => !Number.isFinite(M))) {
-      b(!1);
-      return;
-    }
-    const q = d.slice(2, v).reduce((M, P) => M + P, 0);
-    let p = 0;
-    const D = document.createRange();
-    for (const M of o.querySelectorAll(`.${h.label}`)) {
-      D.selectNodeContents(M);
-      const P = [...D.getClientRects()].reduce((j, W) => j + W.width, 0);
-      if (P === 0) continue;
-      const K = M.parentElement, V = M.getBoundingClientRect().left - K.getBoundingClientRect().left;
-      p = Math.max(p, V + P + parseFloat(getComputedStyle(K).paddingRight));
-    }
-    const I = parseFloat(getComputedStyle(document.documentElement).fontSize);
-    b(o.clientWidth - q < Math.min(p, Pt * I));
-  }, [y]);
-  De(() => A()), Ie(() => {
-    const o = m.current;
-    if (!o || y === 0) return;
-    const d = new ResizeObserver(() => A());
-    return d.observe(o), () => d.disconnect();
-  }, [A, y]);
-  const Q = (o) => L((d) => {
-    const v = new Set(d);
-    return v.delete(o) || v.add(o), v;
-  }), k = (o, d) => lt(
-    o,
-    d,
-    B.map(({ results: v }) => v.get(o.operands[d].key).shown)
-  );
-  let R = !1;
-  const g = (o, d) => o.map(({ own: v, text: q }, p) => [
-    /* @__PURE__ */ E(
-      "span",
-      {
-        className: h.amount,
-        "aria-hidden": "true",
-        "data-verdict": v.verdict,
-        "data-later": p > 0 ? "" : void 0,
-        style: s ? { "--_calculation-column": X(p) } : void 0,
-        children: [
-          v.approximate && /* @__PURE__ */ $(Fe, { content: l.calculationApproximateNote, children: /* @__PURE__ */ $("span", { className: h.approximate, children: "≈" }) }),
-          d ? q.ownAmount : q.amount
-        ]
-      },
-      `amount-${p}`
-    ),
-    /* @__PURE__ */ $(
-      "span",
-      {
-        className: h.unit,
-        "aria-hidden": "true",
-        style: s ? { "--_calculation-column": jt(p) } : void 0,
-        "data-last": s && p === o.length - 1 ? "" : void 0,
-        children: s && !d ? void 0 : q.unit
-      },
-      `unit-${p}`
-    )
-  ]), C = (o, d) => a === null ? void 0 : o === a ? "use" : d === a ? "operand" : void 0, _ = (o, d, v, q) => {
-    const p = T.quantities.get(o), D = B.map(({ view: x, results: J }) => ({
-      own: J.get(o),
-      text: ft(x, J, o, d, S, l, v.position, (ke) => k(p, ke))
-    })), { own: I, text: M } = D[0], P = p.operator !== void 0 && !d, K = o === T.result && !d, V = P && p.operands.length > 0 && (p.interim ? v.flat : K), j = P && !V && p.operands.length > 0, W = j && U.has(o);
-    R ||= j;
-    const F = `${w}-${o}`, z = { depth: V ? v.depth : v.depth + 1, flat: !1, parent: o }, G = P ? p.operands.find((x) => x.previous) : void 0, te = G && v.flat ? _(G.key, !1, { ...v, parent: o, position: void 0 }, `${q}-c`) : [], qe = G && !v.flat ? _(G.key, !1, { ...z, flat: !0 }, `${q}-c`) : [], me = P ? p.operands.map(
-      (x, J) => x.previous ? null : _(x.key, x.reference, { ...z, position: k(p, J) }, `${q}-${J}`)
-    ) : [], Z = j && !W && I.worst !== void 0 && se(I.worst) > se(I.verdict ?? "ok") ? I.worst : void 0, Y = d ? void 0 : p.given, xe = v.position ? ie(v.position, !1, l) : void 0, pe = [
-      !d && p.explanation !== void 0 && /* @__PURE__ */ $("span", { children: p.explanation }, "explanation"),
-      Y?.source !== void 0 && /* @__PURE__ */ $("span", { children: l.calculationSource(Y.source) }, "source"),
-      Y?.asOf !== void 0 && (Y.ages !== void 0 ? /* @__PURE__ */ $(Wt, { asOf: Y.asOf, ages: Y.ages }, "asOf") : /* @__PURE__ */ $("span", { children: l.asOfAgo(S.dateTime(new Date(Y.asOf), !1)) }, "asOf")),
-      !d && p.aside !== void 0 && /* @__PURE__ */ $("span", { children: p.aside }, "aside")
-    ].filter(Boolean), he = K ? "result" : p.interim && !d && v.flat ? "interim" : void 0, ve = /* @__PURE__ */ E(
-      "div",
-      {
-        className: h.line,
-        style: { "--_calculation-depth": v.depth },
-        "data-inner": v.depth > 0 ? "" : void 0,
-        "data-kind": he,
-        "data-foldable": j ? "" : void 0,
-        "data-reference": d ? "" : void 0,
-        "data-emphasis": d ? void 0 : p.emphasis,
-        "data-rule": !d && p.rule ? "" : void 0,
-        "data-mark": C(o, v.parent),
-        onPointerEnter: () => u(o),
-        onPointerLeave: () => u(null),
-        onFocus: () => u(o),
-        onBlur: () => u(null),
-        onClick: j ? () => {
-          window.getSelection()?.toString() || Q(o);
-        } : void 0,
-        children: [
-          /* @__PURE__ */ $(Be, { children: [
-            s ? mt(p.label, D.map((x) => x.text), s, l, v.position) : M.sentence,
-            D.some((x) => x.own.approximate) && l.calculationApproximateNote,
-            Z !== void 0 && l.calculationWorstInside(oe(Z, l))
-          ].filter(Boolean).join(". ") }),
-          /* @__PURE__ */ E("span", { className: h.labelCell, children: [
-            j ? /* @__PURE__ */ $(
-              "button",
-              {
-                type: "button",
-                className: h.disclosure,
-                "aria-expanded": W,
-                "aria-controls": F,
-                "aria-label": (W ? l.calculationHideDerivation : l.calculationShowDerivation)(p.label),
-                children: /* @__PURE__ */ $(Le, { "data-open": W ? "" : void 0 })
-              }
-            ) : /* @__PURE__ */ $("span", { className: h.disclosure, "aria-hidden": "true" }),
-            /* @__PURE__ */ $("span", { className: h.label, "aria-hidden": "true", children: p.label })
-          ] }),
-          /* @__PURE__ */ $("span", { className: h.names, "aria-hidden": "true", children: P && !V && !W ? M.names : void 0 }),
-          /* @__PURE__ */ $("span", { className: h.operator, "aria-hidden": "true", children: xe }),
-          g(D, he !== void 0),
-          /* @__PURE__ */ E("span", { className: h.assessment, "aria-hidden": "true", children: [
-            s ? (
-              /* Short: which metric. The sentence carries the full reason. */
-              s.map(
-                (x, J) => D[J].own.absence && /* @__PURE__ */ $(le, { children: l.calculationMissing(x.unit ?? x.label) }, x.id)
-              )
-            ) : M.reason !== void 0 ? /* @__PURE__ */ $(le, { children: M.reason }) : I.verdict !== void 0 && /* @__PURE__ */ $(le, { tone: Bt[I.verdict], children: oe(I.verdict, l) }),
-            M.target !== void 0 && /* @__PURE__ */ $("span", { className: h.target, children: M.target }),
-            Z !== void 0 && /* @__PURE__ */ $("span", { className: h.worst, "data-verdict": Z, children: l.calculationWorstInside(oe(Z, l)) })
-          ] }),
-          pe.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
-          caller's, not a fold. */
-          /* @__PURE__ */ $("span", { className: h.notes, onClick: (x) => x.stopPropagation(), children: pe })
-        ]
-      }
-    );
-    return V ? [
-      ...te,
-      /* @__PURE__ */ E("li", { className: h.item, children: [
-        /* @__PURE__ */ $("ul", { className: h.list, children: me }),
-        ve
-      ] }, q)
-    ] : [
-      ...te,
-      /* @__PURE__ */ E("li", { className: h.item, "data-open": W ? "" : void 0, style: { "--_calculation-depth": v.depth }, children: [
-        ve,
-        j && /* @__PURE__ */ E("ul", { id: F, className: h.derivation, hidden: !W, children: [
-          qe,
-          me,
-          /* @__PURE__ */ $("li", { className: h.item, "aria-hidden": "true", children: /* @__PURE__ */ E(
-            "div",
-            {
-              className: h.line,
-              style: { "--_calculation-depth": z.depth },
-              "data-inner": "",
-              "data-closing": "",
-              "data-mark": a === o ? "use" : void 0,
-              children: [
-                /* @__PURE__ */ E("span", { className: h.labelCell, children: [
-                  /* @__PURE__ */ $("span", { className: h.disclosure }),
-                  /* @__PURE__ */ E("span", { className: h.label, children: [
-                    "= ",
-                    p.label
-                  ] })
-                ] }),
-                /* @__PURE__ */ $("span", { className: h.names }),
-                /* @__PURE__ */ $("span", { className: h.operator }),
-                g(D, !0)
-              ]
-            }
-          ) })
-        ] })
-      ] }, q)
-    ];
-  }, O = _(T.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__ */ $(
-      "div",
-      {
-        ref: m,
-        className: Lt(h.frame, e),
-        style: s ? {
-          "--_calculation-figure-tracks": Array(y * 2).fill("auto").join(" "),
-          "--_calculation-figures-end": X(y),
-          "--_calculation-assessment-column": X(y),
-          ...f
-        } : f,
-        "data-still": R ? void 0 : "",
-        "data-metrics": s ? y : void 0,
-        "data-two-lines": i ? "" : void 0,
-        "data-compact": c ? "" : void 0,
-        children: /* @__PURE__ */ E("ul", { className: h.calculation, ...n, children: [
-          s && /* 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__ */ $("li", { className: h.item, "aria-hidden": "true", children: /* @__PURE__ */ $("div", { className: h.head, children: s.map((o, d) => /* @__PURE__ */ E(
-            "span",
-            {
-              className: h.headCell,
-              "data-unit": o.unit === void 0 ? void 0 : "",
-              style: { "--_calculation-column": X(d) },
-              children: [
-                /* @__PURE__ */ $("span", { className: h.headLabel, children: o.label }),
-                o.unit !== void 0 && /* @__PURE__ */ $("span", { className: h.headUnit, children: o.unit })
-              ]
-            },
-            o.id
-          )) }) }),
-          O
-        ] })
-      }
-    )
-  );
+import { jsx as o } from "react/jsx-runtime";
+import { r } from "./calculation.model-CZuohgrp.js";
+import { C as c, D as d, a as p, G as C, I as x, M as D, P, b as v, Q as G, R as I, S as M, T as Q } from "./calculation.model-CZuohgrp.js";
+import { CalculationView as e } from "./calculation.client.js";
+function u({ children: a, metrics: i, ...s }) {
+  return /* @__PURE__ */ o(e, { model: r(a, i), ...s });
 }
 export {
-  Vt as Calculation,
-  Ze as Chain,
-  Ke as Difference,
-  nt as DividedBy,
-  Ge as Given,
-  ce as Interim,
-  et as Minus,
-  Xe as Plus,
-  Ye as Product,
-  Je as Quotient,
-  _e as Ref,
-  He as Sum,
-  tt as Times
+  u as Calculation,
+  c as Chain,
+  d as Difference,
+  p as DividedBy,
+  C as Given,
+  x as Interim,
+  D as Minus,
+  P as Plus,
+  v as Product,
+  G as Quotient,
+  I as Ref,
+  M as Sum,
+  Q as Times
 };