@bazous/ui 0.3.2

package/dist/index-yeBMtDf1.js

@@ -0,0 +1,649 @@
+const we = [
+  "runway",
+  "valley",
+  "shift",
+  "days",
+  "balance",
+  "countdown",
+  "horizon",
+  "calendar",
+  "leak",
+  "jar",
+  "gauge",
+  "deadline"
+], H = (i) => {
+  if (i == null || i === "") return 0;
+  const t = typeof i == "number" ? i : Number(i);
+  return Number.isFinite(t) ? t : 0;
+}, $e = "’", ke = "−";
+function T(i, t = 0) {
+  const d = H(i), r = Math.abs(d).toFixed(t), [a = "0", s] = r.split("."), g = a.replace(/\B(?=(\d{3})+(?!\d))/g, "’"), _ = s ? `${g}.${s}` : g, k = Number(r);
+  return d < 0 && k !== 0 ? `−${_}` : _;
+}
+function se(i, t = 0) {
+  const d = H(i), r = T(Math.abs(d), t);
+  return Number(Math.abs(d).toFixed(t)) === 0 ? r : d < 0 ? `−${r}` : `+${r}`;
+}
+function oe(i, t, d = 2) {
+  return `${T(i, d)} ${t}`;
+}
+function j(i) {
+  const [t, d, r] = i.slice(0, 10).split("-").map(Number);
+  return new Date(t ?? 1970, (d ?? 1) - 1, r ?? 1);
+}
+function le(i) {
+  const t = (d) => String(d).padStart(2, "0");
+  return `${i.getFullYear()}-${t(i.getMonth() + 1)}-${t(i.getDate())}`;
+}
+function Me(i, t) {
+  const d = j(i);
+  return d.setDate(d.getDate() + t), le(d);
+}
+function De(i, t) {
+  return Math.round((j(t).getTime() - j(i).getTime()) / 864e5);
+}
+function w(i) {
+  if (!i) return "—";
+  const [, t, d] = i.slice(0, 10).split("-");
+  return `${d}.${t}`;
+}
+function ce(i, t) {
+  if (i === t) return w(i);
+  const [, d, r] = i.split("-"), [, a, s] = t.split("-");
+  return d === a ? `${r}–${s}` : `${r}.${d}–${s}.${a}`;
+}
+const B = {
+  fr: { short: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."], long: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"] },
+  de: { short: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"], long: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"] },
+  it: { short: ["dom", "lun", "mar", "mer", "gio", "ven", "sab"], long: ["domenica", "lunedì", "martedì", "mercoledì", "giovedì", "venerdì", "sabato"] },
+  rm: { short: ["du", "gli", "ma", "me", "gie", "ve", "so"], long: ["dumengia", "glindesdi", "mardi", "mesemna", "gievgia", "venderdi", "sonda"] },
+  en: { short: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], long: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] }
+}, de = {
+  fr: ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],
+  de: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
+  it: ["gennaio", "febbraio", "marzo", "aprile", "maggio", "giugno", "luglio", "agosto", "settembre", "ottobre", "novembre", "dicembre"],
+  rm: ["schaner", "favrer", "mars", "avrigl", "matg", "zercladur", "fanadur", "avust", "settember", "october", "november", "december"],
+  en: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+};
+function he(i, t) {
+  const d = B[i].long[t.getDay()] ?? "", r = de[i][t.getMonth()] ?? "", a = t.getDate();
+  switch (i) {
+    case "fr":
+      return `${d} ${a === 1 ? "1er" : a} ${r}`;
+    case "de":
+      return `${d}, ${a}. ${r}`;
+    case "it":
+      return `${d} ${a} ${r}`;
+    case "rm":
+      return `${d}, ${a} ${/^[aeiou]/.test(r) ? "d’" : "da "}${r}`;
+    case "en":
+      return `${d} ${a} ${r}`;
+  }
+}
+function _e(i) {
+  const t = (d) => d.charAt(0).toUpperCase() + d.slice(1);
+  return {
+    locale: i,
+    num: T,
+    signed: se,
+    money: oe,
+    shortDate: w,
+    dateSpan: ce,
+    longDate: (d) => t(he(i, j(d))),
+    weekday: (d) => B[i].short[j(d).getDay()] ?? ""
+  };
+}
+function Se(i) {
+  const t = H(i);
+  return t < 0 ? "neg" : t > 0 ? "pos" : "flat";
+}
+const ve = ["fr", "de", "it", "rm", "en"], ze = {
+  fr: "Français",
+  de: "Deutsch",
+  it: "Italiano",
+  rm: "Rumantsch",
+  en: "English"
+}, fe = {
+  fr: "fr-CH",
+  de: "de-CH",
+  it: "it-CH",
+  rm: "rm-CH",
+  en: "en-CH"
+};
+function ue(i) {
+  return typeof i == "string" && ve.includes(i);
+}
+function Ae(i, t = "fr") {
+  for (const d of i ?? []) {
+    const r = d.toLowerCase().split(/[-_]/)[0];
+    if (ue(r)) return r;
+  }
+  return t;
+}
+function Y(i, t) {
+  return t ? i.replace(/\{(\w+)\}/g, (d, r) => r in t ? String(t[r]) : d) : i;
+}
+function ye(i, ...t) {
+  const d = Object.assign({}, ...t.map((a) => a[i])), r = new Intl.PluralRules(fe[i]);
+  return (a, s) => {
+    if (s && typeof s.n == "number") {
+      const _ = `${a}.${r.select(s.n)}`, k = `${a}.other`, S = d[_] ?? d[k];
+      if (S !== void 0) return Y(S, s);
+    }
+    const g = d[a];
+    return g === void 0 ? `⟦${a}⟧` : Y(g, s);
+  };
+}
+const me = {
+  fr: {
+    "vis.today": "aujourd’hui",
+    "vis.payday": "salaire",
+    "vis.available": "dispo",
+    "vis.short": "manque",
+    "vis.left": "reste",
+    "vis.in": "entre",
+    "vis.out": "sort",
+    "vis.until": "jusqu’au",
+    "vis.dayUnit": "j",
+    "vis.perMonth": "/ mois",
+    "vis.before": "avant",
+    "vis.after": "après",
+    "vis.days": "{covered} / {target} jours",
+    "vis.bills.one": "{n} facture · {total}",
+    "vis.bills.other": "{n} factures · {total}",
+    "vis.fixedDays": "= {days} j de charges fixes",
+    "vis.inDays": "dans {days} j",
+    "vis.perYear": "/ an",
+    "vis.years.one": "{n} an",
+    "vis.years.other": "{n} ans",
+    "vis.bill": "bordereau",
+    "vis.perDay": "/ jour",
+    "vis.paid": "versé",
+    "vis.limit": "plafond",
+    "vis.letter": "lettre avant le",
+    "vis.ends": "fin",
+    "vis.renewal": "renouvellement",
+    "vis.more": "+{n}",
+    "vis.months": "12 mois"
+  },
+  de: {
+    "vis.today": "heute",
+    "vis.payday": "Lohn",
+    "vis.available": "verfügbar",
+    "vis.short": "fehlt",
+    "vis.left": "bleibt",
+    "vis.in": "rein",
+    "vis.out": "raus",
+    "vis.until": "bis",
+    "vis.dayUnit": "T",
+    "vis.perMonth": "/ Monat",
+    "vis.before": "vorher",
+    "vis.after": "nachher",
+    "vis.days": "{covered} / {target} Tage",
+    "vis.bills.one": "{n} Rechnung · {total}",
+    "vis.bills.other": "{n} Rechnungen · {total}",
+    "vis.fixedDays": "= {days} T Fixkosten",
+    "vis.inDays": "in {days} T",
+    "vis.perYear": "/ Jahr",
+    "vis.years.one": "{n} Jahr",
+    "vis.years.other": "{n} Jahre",
+    "vis.bill": "Steuerrechnung",
+    "vis.perDay": "/ Tag",
+    "vis.paid": "eingezahlt",
+    "vis.limit": "Maximum",
+    "vis.letter": "Brief vor dem",
+    "vis.ends": "Ende",
+    "vis.renewal": "Verlängerung",
+    "vis.more": "+{n}",
+    "vis.months": "12 Monate"
+  },
+  it: {
+    "vis.today": "oggi",
+    "vis.payday": "stipendio",
+    "vis.available": "disponibile",
+    "vis.short": "manca",
+    "vis.left": "resta",
+    "vis.in": "entra",
+    "vis.out": "esce",
+    "vis.until": "fino al",
+    "vis.dayUnit": "g",
+    "vis.perMonth": "/ mese",
+    "vis.before": "prima",
+    "vis.after": "dopo",
+    "vis.days": "{covered} / {target} giorni",
+    "vis.bills.one": "{n} fattura · {total}",
+    "vis.bills.other": "{n} fatture · {total}",
+    "vis.fixedDays": "= {days} g di spese fisse",
+    "vis.inDays": "tra {days} g",
+    "vis.perYear": "/ anno",
+    "vis.years.one": "{n} anno",
+    "vis.years.other": "{n} anni",
+    "vis.bill": "notifica",
+    "vis.perDay": "/ giorno",
+    "vis.paid": "versato",
+    "vis.limit": "massimo",
+    "vis.letter": "lettera prima del",
+    "vis.ends": "fine",
+    "vis.renewal": "rinnovo",
+    "vis.more": "+{n}",
+    "vis.months": "12 mesi"
+  },
+  rm: {
+    "vis.today": "oz",
+    "vis.payday": "paja",
+    "vis.available": "disponibel",
+    "vis.short": "manca",
+    "vis.left": "resta",
+    "vis.in": "entra",
+    "vis.out": "sorta",
+    "vis.until": "fin als",
+    "vis.dayUnit": "d",
+    "vis.perMonth": "/ mais",
+    "vis.before": "avant",
+    "vis.after": "suenter",
+    "vis.days": "{covered} / {target} dis",
+    "vis.bills.one": "{n} quint · {total}",
+    "vis.bills.other": "{n} quints · {total}",
+    "vis.fixedDays": "= {days} d custs fixs",
+    "vis.inDays": "en {days} d",
+    "vis.perYear": "/ onn",
+    "vis.years.one": "{n} onn",
+    "vis.years.other": "{n} onns",
+    "vis.bill": "quint da taglia",
+    "vis.perDay": "/ di",
+    "vis.paid": "pajà",
+    "vis.limit": "maximum",
+    "vis.letter": "brev avant ils",
+    "vis.ends": "fin",
+    "vis.renewal": "renovaziun",
+    "vis.more": "+{n}",
+    "vis.months": "12 mais"
+  },
+  en: {
+    "vis.today": "today",
+    "vis.payday": "payday",
+    "vis.available": "available",
+    "vis.short": "short",
+    "vis.left": "left",
+    "vis.in": "in",
+    "vis.out": "out",
+    "vis.until": "until",
+    "vis.dayUnit": "d",
+    "vis.perMonth": "/ month",
+    "vis.before": "before",
+    "vis.after": "after",
+    "vis.days": "{covered} / {target} days",
+    "vis.bills.one": "{n} bill · {total}",
+    "vis.bills.other": "{n} bills · {total}",
+    "vis.fixedDays": "= {days} d of fixed costs",
+    "vis.inDays": "in {days} d",
+    "vis.perYear": "/ year",
+    "vis.years.one": "{n} year",
+    "vis.years.other": "{n} years",
+    "vis.bill": "tax bill",
+    "vis.perDay": "/ day",
+    "vis.paid": "paid",
+    "vis.limit": "limit",
+    "vis.letter": "letter before",
+    "vis.ends": "ends",
+    "vis.renewal": "renewal",
+    "vis.more": "+{n}",
+    "vis.months": "12 months"
+  }
+}, ge = "http://www.w3.org/2000/svg", m = 130, xe = 260, q = 320, n = {
+  ink: "var(--bz-text)",
+  muted: "var(--bz-muted)",
+  line: "var(--bz-control-line)",
+  accent: "var(--bz-accent)",
+  onAccent: "var(--bz-on-accent)",
+  negative: "var(--bz-negative)",
+  warning: "var(--bz-warning)",
+  positive: "var(--bz-positive)",
+  surface: "var(--bz-surface)"
+}, p = (i) => Number(i ?? 0), x = (i) => T(i, 2), F = (i, t = 18) => i.length > t ? `${i.slice(0, t - 1).trimEnd()}…` : i;
+function pe(i, t) {
+  const d = (s, g = {}, ..._) => {
+    const k = i.createElementNS(ge, s);
+    for (const [S, z] of Object.entries(g)) z != null && k.setAttribute(S, String(z));
+    for (const S of _.flat(1 / 0)) S && k.append(S);
+    return k;
+  };
+  return { sv: d, txt: (s, g, _, k = {}) => {
+    const S = d("text", { x: s, y: g, "font-size": 11, fill: n.muted, ...k });
+    return S.textContent = _, S;
+  }, frame: (s, ...g) => d("svg", { viewBox: `0 0 ${t} ${m}`, class: "bz-answer-visual", role: "img", "aria-label": s }, ...g) };
+}
+function C(i, t) {
+  const d = i.flat().map(([, z]) => p(z)), r = Math.min(0, ...d);
+  let a = Math.max(0, ...d);
+  r < 0 && a > -3 * r && (a = -1.6 * r);
+  const s = i[0].length, g = 8, _ = t - 8, k = 22, S = m - 22;
+  return {
+    n: s,
+    top: k,
+    hi: a,
+    x: (z) => g + z * (_ - g) / Math.max(s - 1, 1),
+    y: (z) => k + (a - Math.min(z, a)) * (S - k) / (a - r || 1)
+  };
+}
+const L = (i, t, d = (r) => r) => i.map(([, r], a) => `${t.x(a).toFixed(1)},${t.y(d(p(r))).toFixed(1)}`).join(" ");
+function be(i, t, d, r) {
+  const { sv: a, txt: s, frame: g } = pe(d, r), _ = (e) => [
+    a("line", { x1: 8, x2: r - 8, y1: e, y2: e, stroke: n.line, "stroke-dasharray": "3 3" }),
+    s(r - 8, e - 4, "0", { "text-anchor": "end" })
+  ], k = (e, o) => {
+    const f = [];
+    return e.forEach(([, h], c) => {
+      const l = c ? p(e[c - 1][1]) : -1 / 0;
+      p(h) > o.hi && l <= o.hi && f.length < 2 && f.push(s(o.x(c), o.top - 8, `↑ ${x(h)}`, { "text-anchor": o.x(c) > r * 0.7 ? "end" : "start" }));
+    }), f;
+  }, S = (e) => [
+    s(8, m - 6, w(e[0][0])),
+    s(r - 8, m - 6, w(e[e.length - 1][0]), { "text-anchor": "end" })
+  ], z = (e) => {
+    const o = Date.parse(e.today), f = Math.max(Date.parse(e.payday) - o, 1), h = (b) => 14 + (Date.parse(b) - o) * (r - 28) / f, c = p(e.due), l = p(e.available), v = p(e.gap), u = r - 28, y = v < 0 && c > 0 ? Math.min(Math.max(l, 0) / c, 1) * u : u, M = e.bills.reduce((b, A) => b + p(A.amount), 0), $ = e.bills.length === 1 ? `${F(e.bills[0].label)} ${w(e.bills[0].date)}` : t("vis.bills", { n: e.bills.length, total: x(M) }), D = y > 110;
+    return g(
+      e.caption,
+      a("line", { x1: 14, x2: r - 14, y1: 30, y2: 30, stroke: n.line, "stroke-width": 2 }),
+      a("circle", { cx: 14, cy: 30, r: 5, fill: n.ink }),
+      s(8, 14, t("vis.today")),
+      a("circle", { cx: r - 14, cy: 30, r: 6, fill: n.positive }),
+      s(r - 8, 14, `${t("vis.payday")} ${w(e.payday)}`, { "text-anchor": "end", fill: n.positive }),
+      e.bills.map((b) => a("rect", { x: h(b.date) - 6, y: 24, width: 12, height: 12, rx: 3, fill: n.negative, stroke: n.surface, "stroke-width": 1 })),
+      e.bills.length > 0 && s(r / 2, 58, $, { "text-anchor": "middle", fill: n.negative }),
+      a("rect", { x: 14, y: 86, width: Math.max(y, 0), height: 20, rx: 3, fill: n.accent }),
+      v < 0 && a("rect", {
+        x: 14 + y,
+        y: 86,
+        width: u - y,
+        height: 20,
+        rx: 3,
+        fill: n.negative,
+        "fill-opacity": 0.16,
+        stroke: n.negative,
+        "stroke-dasharray": "4 3"
+      }),
+      s(
+        D ? 20 : 14,
+        D ? 100 : 80,
+        `${t("vis.available")} ${x(l)}`,
+        { fill: D ? n.onAccent : l < 0 ? n.negative : n.ink, "font-weight": 600 }
+      ),
+      v < 0 ? s(r - 20, 100, `${t("vis.short")} ${x(-v)}`, { "text-anchor": "end", fill: n.negative, "font-weight": 600 }) : s(r - 20, 100, `${t("vis.left")} ${x(v)}`, { "text-anchor": "end", fill: n.onAccent, "font-weight": 600 })
+    );
+  }, V = (e) => {
+    const o = C([e.series], r), f = o.y(0), h = Math.max(0, e.series.findIndex(([u]) => u === e.low.date)), c = o.x(h), l = o.y(p(e.low.balance)), v = c > r * 0.6;
+    return g(
+      e.caption,
+      a("polygon", {
+        points: `${o.x(0)},${f} ${L(e.series, o, (u) => Math.min(u, 0))} ${o.x(o.n - 1)},${f}`,
+        fill: n.negative,
+        "fill-opacity": 0.18
+      }),
+      _(f),
+      a("polyline", { points: L(e.series, o), fill: "none", stroke: n.ink, "stroke-width": 2, "stroke-linejoin": "round" }),
+      k(e.series, o),
+      a("circle", { cx: c, cy: l, r: 5, fill: n.negative }),
+      s(
+        c + (v ? -9 : 9),
+        Math.min(l + 4, m - 26),
+        `${x(e.low.balance)} · ${w(e.low.date)}`,
+        { "text-anchor": v ? "end" : "start", fill: n.negative, "font-weight": 600 }
+      ),
+      S(e.series)
+    );
+  }, X = (e) => {
+    const o = C([e.before, e.after], r), f = o.y(0), h = (ae) => {
+      const J = e.before.findIndex(([re]) => re === ae);
+      return o.x(J < 0 ? o.n - 1 : J);
+    }, c = h(e.move.from), l = h(e.move.to), v = F(e.move.label, 16), u = Math.min(v.length * 6 + 14, 120), y = Math.max(4, Math.min(c - u / 2, l - u - 12, r - 4 - u)), M = y + u + 8 < l - 4, $ = t("vis.before"), D = t("vis.after"), b = 14, A = 7, U = b + 4 + $.length * A + 12 + b + 4 + D.length * A, E = 26, O = 8 + U < l - E, R = r - 8 - U > l + E, N = O || !R ? 8 : r - 8 - U, ie = !O && !R, I = N + b + 4 + $.length * A + 12;
+    return g(
+      e.caption,
+      a("defs", {}, a(
+        "marker",
+        { id: "bz-arrowhead", viewBox: "0 0 10 10", refX: 8, refY: 5, markerWidth: 6, markerHeight: 6, orient: "auto" },
+        a("path", { d: "M0 0 L10 5 L0 10z", fill: n.accent })
+      )),
+      a("rect", { x: y, y: 2, width: u, height: 16, rx: 3, fill: n.negative, "fill-opacity": 0.16, stroke: n.negative, "stroke-width": 0.5 }),
+      s(y + u / 2, 14, v, { "text-anchor": "middle", fill: n.negative }),
+      M && a("line", { x1: y + u + 4, x2: l - 4, y1: 10, y2: 10, stroke: n.accent, "stroke-width": 1.5, "marker-end": "url(#bz-arrowhead)" }),
+      a("line", { x1: l, x2: l, y1: 16, y2: m - 20, stroke: n.accent, "stroke-dasharray": "2 3", "stroke-opacity": 0.6 }),
+      _(f),
+      a("polyline", { points: L(e.before, o), fill: "none", stroke: n.muted, "stroke-width": 1.5, "stroke-dasharray": "4 3" }),
+      a("polyline", { points: L(e.after, o), fill: "none", stroke: n.accent, "stroke-width": 2.5, "stroke-linejoin": "round" }),
+      a("line", { x1: N, x2: N + b, y1: m - 10, y2: m - 10, stroke: n.muted, "stroke-width": 1.5, "stroke-dasharray": "4 3" }),
+      s(N + b + 4, m - 6, $),
+      a("line", { x1: I, x2: I + b, y1: m - 10, y2: m - 10, stroke: n.accent, "stroke-width": 2.5 }),
+      s(I + b + 4, m - 6, D, { fill: n.accent, "font-weight": 600 }),
+      ie ? s(l + 6 < r - 40 ? l + 6 : l - 6, 30, w(e.move.to), { "text-anchor": l + 6 < r - 40 ? "start" : "end", fill: n.accent, "font-weight": 600 }) : s(Math.min(Math.max(l, 22), r - 22), m - 6, w(e.move.to), { "text-anchor": "middle", fill: n.accent, "font-weight": 600 })
+    );
+  }, G = (e) => {
+    const f = (r - 16) / 18, h = Math.min(e.covered, e.target), c = Math.ceil(e.target / 18), l = e.covered < e.target / 3 ? n.negative : e.covered < e.target ? n.warning : n.positive, v = Array.from({ length: e.target }, (u, y) => a("rect", {
+      x: 8 + y % 18 * f,
+      y: 6 + Math.floor(y / 18) * 19,
+      width: f * 0.75,
+      height: 15,
+      rx: 2,
+      fill: y < h ? l : "none",
+      stroke: y < h ? null : n.line
+    }));
+    return g(
+      e.caption,
+      v,
+      s(8, 6 + c * 19 + 14, t("vis.days", { covered: e.covered, target: e.target }), { fill: l, "font-weight": 600, "font-size": 12 })
+    );
+  }, K = (e) => {
+    const o = p(e.in), f = p(e.out), h = Math.max(o, f) || 1, c = 8, l = r - 8, v = (u) => u * (l - c) / h;
+    return g(
+      e.caption,
+      s(c, 20, `${t("vis.in")} ${x(o)}`),
+      a("rect", { x: c, y: 26, width: v(o), height: 22, rx: 3, fill: n.positive }),
+      s(c, 76, `${t("vis.out")} ${x(f)}`),
+      a("rect", { x: c, y: 82, width: v(Math.min(f, o)), height: 22, rx: 3, fill: n.negative, "fill-opacity": 0.5 }),
+      f > o && a("rect", { x: c + v(o), y: 82, width: v(f - o), height: 22, rx: 3, fill: n.negative }),
+      a("line", { x1: c + v(o), x2: c + v(o), y1: 24, y2: 106, stroke: n.ink, "stroke-dasharray": "2 2" }),
+      s(l, m - 6, `−${x(e.gap)}`, { "text-anchor": "end", fill: n.negative, "font-weight": 600, "font-size": 12 }),
+      s(c, m - 6, `${w(e.start)} → ${w(e.end)}`)
+    );
+  }, P = (e) => {
+    const f = 2 * Math.PI * 38, h = Math.min(e.window_days ? e.days_left / e.window_days : 1, 1), c = e.current != null && e.next != null, l = c && p(e.next) > p(e.current), v = 118, u = r - 8, y = (v + u) / 2;
+    return g(
+      e.caption,
+      a("circle", { cx: 56, cy: 52, r: 38, fill: "none", stroke: n.line, "stroke-width": 9 }),
+      a("circle", {
+        cx: 56,
+        cy: 52,
+        r: 38,
+        fill: "none",
+        stroke: n.accent,
+        "stroke-width": 9,
+        "stroke-linecap": "round",
+        "stroke-dasharray": `${(h * f).toFixed(1)} ${f.toFixed(1)}`,
+        transform: "rotate(-90 56 52)"
+      }),
+      s(56, 59, `${e.days_left} ${t("vis.dayUnit")}`, { "text-anchor": "middle", fill: n.ink, "font-size": 20, "font-weight": 600 }),
+      s(56, m - 6, `${t("vis.until")} ${w(e.deadline)}`, { "text-anchor": "middle" }),
+      c && [
+        a("polyline", {
+          points: `${v},${l ? 96 : 56} ${y},${l ? 96 : 56} ${y},${l ? 56 : 96} ${u},${l ? 56 : 96}`,
+          fill: "none",
+          stroke: l ? n.negative : n.positive,
+          "stroke-width": 2.5
+        }),
+        s(v, l ? 114 : 48, `${x(e.current)} ${t("vis.perMonth")}`),
+        s(u, l ? 48 : 114, x(e.next), { "text-anchor": "end", fill: l ? n.negative : n.positive, "font-weight": 600 })
+      ]
+    );
+  }, Q = (e) => {
+    const o = C([e.series], r), f = o.y(0), h = e.series.length - 1, c = o.x(h), l = o.y(p(e.end.balance)), u = p(e.end.balance) < 0 ? n.negative : n.positive;
+    return g(
+      e.caption,
+      _(f),
+      a("polyline", { points: L(e.series, o), fill: "none", stroke: n.muted, "stroke-width": 1.5, "stroke-linejoin": "round" }),
+      k(e.series, o),
+      // The finish line: from zero to where the period ends.
+      a("line", { x1: c, x2: c, y1: f, y2: l, stroke: u, "stroke-width": 4, "stroke-linecap": "round" }),
+      a("circle", { cx: c, cy: l, r: 6, fill: u }),
+      s(
+        c - 12,
+        Math.min(Math.max(l + 4, 26), m - 26),
+        `${x(e.end.balance)} · ${w(e.end.date)}`,
+        { "text-anchor": "end", fill: u, "font-weight": 600 }
+      ),
+      e.days_of_fixed_costs != null && s(r - 8, m - 6, t("vis.fixedDays", { days: e.days_of_fixed_costs }), { "text-anchor": "end", fill: u }),
+      s(8, m - 6, w(e.series[0][0]))
+    );
+  }, Z = (e) => {
+    const o = Date.parse(e.today), f = Math.max(Date.parse(e.until) - o, 1), h = 10, c = r - 10, l = (D) => h + (Date.parse(D) - o) * (c - h) / f, v = Math.round(f / 864e5), u = Array.from({ length: Math.floor(v / 7) + 1 }, (D, b) => a("line", { x1: h + b * 7 * (c - h) / v, x2: h + b * 7 * (c - h) / v, y1: 72, y2: 84, stroke: n.line })), y = e.items[0], M = l(y.date), $ = M > r * 0.6;
+    return g(
+      e.caption,
+      a("line", { x1: h, x2: c, y1: 84, y2: 84, stroke: n.line, "stroke-width": 2 }),
+      u,
+      a("circle", { cx: h, cy: 84, r: 5, fill: n.ink }),
+      e.items.slice(1).map((D) => a("rect", { x: l(D.date) - 4, y: 60, width: 8, height: 24, rx: 2, fill: n.warning })),
+      a("rect", { x: M - 6, y: 38, width: 12, height: 46, rx: 3, fill: n.accent }),
+      s(M + ($ ? -10 : 10), 46, `${F(y.label, 20)} · ${x(y.amount)}`, { "text-anchor": $ ? "end" : "start", fill: n.ink, "font-weight": 600 }),
+      s(M + ($ ? -10 : 10), 62, t("vis.inDays", { days: y.days }), { "text-anchor": $ ? "end" : "start", fill: n.accent }),
+      e.items.length > 1 && s(r - 8, 14, t("vis.more", { n: e.items.length - 1 }), { "text-anchor": "end" }),
+      s(h, m - 14, t("vis.today")),
+      s(c, m - 14, w(e.until), { "text-anchor": "end" })
+    );
+  }, W = (e) => {
+    const o = Math.max(e.years, 1), f = 6, h = 8, c = r - 8, l = (c - h - f * (o - 1)) / o, v = m - 26, u = 30, y = Array.from({ length: o }, (M, $) => {
+      const D = ($ + 1) / o * (v - u);
+      return a("rect", {
+        x: h + $ * (l + f),
+        y: v - D,
+        width: l,
+        height: D,
+        rx: 2,
+        fill: n.negative,
+        "fill-opacity": $ === o - 1 ? 1 : 0.25 + 0.5 * $ / o
+      });
+    });
+    return g(
+      e.caption,
+      y,
+      s(c, u - 8, x(e.total), { "text-anchor": "end", fill: n.negative, "font-weight": 600 }),
+      // Per year on the left, ten years on the right, both above the bars so neither crosses them.
+      s(h, u - 8, `${x(e.per_year)} ${t("vis.perYear")}`, { fill: n.ink }),
+      s(h, m - 8, t("vis.years", { n: 1 })),
+      s(c, m - 8, t("vis.years", { n: o }), { "text-anchor": "end" })
+    );
+  }, ee = (e) => {
+    const o = p(e.needed_per_month), f = p(e.set_aside_per_month), h = o > 0 ? Math.min(f / o, 1) : 1, c = 5, l = 8, v = r - 8, u = (v - l - c * 11) / 12, y = 34, M = 96, $ = Array.from({ length: 12 }, (D, b) => {
+      const A = l + b * (u + c);
+      return [
+        a("rect", { x: A, y, width: u, height: M - y, rx: 4, fill: "none", stroke: n.accent, "stroke-width": 1.2 }),
+        h > 0 && a("rect", { x: A + 1.5, y: M - h * (M - y) + 1.5, width: u - 3, height: Math.max(h * (M - y) - 3, 0), rx: 3, fill: n.accent })
+      ];
+    });
+    return g(
+      e.caption,
+      $,
+      s(l, 20, `${t("vis.bill")} ${x(e.bill)}`, { fill: n.ink, "font-weight": 600 }),
+      s(v, 20, `${t("vis.months")} × ${x(e.needed_per_month)}`, { "text-anchor": "end", fill: n.accent }),
+      s(l, m - 8, `${x(e.set_aside_per_month)} ${t("vis.perMonth")}`, { fill: h < 1 ? n.negative : n.positive }),
+      s(v, m - 8, `${x(e.per_day)} ${t("vis.perDay")}`, { "text-anchor": "end" })
+    );
+  }, te = (e) => {
+    const o = p(e.limit) || 1, f = Math.min(p(e.paid), o), h = 8, c = r - 8, l = (v) => v * (c - h) / o;
+    return g(
+      e.caption,
+      s(c, 24, `${t("vis.limit")} ${x(e.limit)}`, { "text-anchor": "end" }),
+      a("rect", { x: h, y: 36, width: c - h, height: 26, rx: 4, fill: "none", stroke: n.accent, "stroke-dasharray": "4 3" }),
+      f > 0 && a("rect", { x: h, y: 36, width: l(f), height: 26, rx: 4, fill: n.positive }),
+      s(h, 80, `${t("vis.paid")} ${x(e.paid)}`, { fill: n.positive, "font-weight": 600 }),
+      s(c, 80, `${t("vis.left")} ${x(e.left)}`, { "text-anchor": "end", fill: n.accent, "font-weight": 600 }),
+      a("line", { x1: h, x2: c, y1: 104, y2: 104, stroke: n.line, "stroke-width": 2 }),
+      a("circle", { cx: h, cy: 104, r: 4, fill: n.ink }),
+      a("circle", { cx: c, cy: 104, r: 5, fill: n.accent }),
+      s(h, m - 6, t("vis.today")),
+      s(c, m - 6, `${e.days_left} ${t("vis.dayUnit")} → ${w(e.deadline)}`, { "text-anchor": "end", fill: n.accent })
+    );
+  }, ne = (e) => {
+    const o = e.contracts[0], f = Date.parse(e.today), h = Date.parse(o.ends_on), c = Math.max(h - f, 1), l = 14, v = r - 52, u = (M) => l + (Date.parse(M) - f) * (v - l) / c, y = u(o.cancel_before);
+    return g(
+      e.caption,
+      s(8, 16, F(o.name, 26), { fill: n.ink, "font-weight": 600 }),
+      e.contracts.length > 1 && s(r - 8, 16, t("vis.more", { n: e.contracts.length - 1 }), { "text-anchor": "end" }),
+      a("line", { x1: l, x2: y, y1: 66, y2: 66, stroke: n.accent, "stroke-width": 6, "stroke-linecap": "round" }),
+      a("line", { x1: y, x2: v, y1: 66, y2: 66, stroke: n.line, "stroke-width": 2 }),
+      a("line", { x1: v, x2: r - 8, y1: 66, y2: 66, stroke: n.negative, "stroke-width": 2, "stroke-dasharray": "3 3" }),
+      a("circle", { cx: l, cy: 66, r: 5, fill: n.ink }),
+      a("rect", { x: y - 9, y: 57, width: 18, height: 18, rx: 3, fill: n.accent }),
+      a("circle", { cx: v, cy: 66, r: 5, fill: n.negative }),
+      s(Math.max(y, 40), 44, `${o.days_left} ${t("vis.dayUnit")}`, { "text-anchor": "middle", fill: n.accent, "font-size": 18, "font-weight": 600 }),
+      s(l - 6, 96, t("vis.today")),
+      s(Math.min(Math.max(y, 70), r - 110), 96, `${t("vis.letter")} ${w(o.cancel_before)}`, { "text-anchor": "middle", fill: n.accent }),
+      s(r - 8, 96, `${t("vis.ends")} ${w(o.ends_on)}`, { "text-anchor": "end", fill: n.negative }),
+      s(r - 8, m - 8, t("vis.renewal"), { "text-anchor": "end", fill: n.negative })
+    );
+  };
+  switch (i.kind) {
+    case "runway":
+      return z(i);
+    case "valley":
+      return V(i);
+    case "shift":
+      return X(i);
+    case "days":
+      return G(i);
+    case "balance":
+      return K(i);
+    case "countdown":
+      return P(i);
+    case "horizon":
+      return Q(i);
+    case "calendar":
+      return Z(i);
+    case "leak":
+      return W(i);
+    case "jar":
+      return ee(i);
+    case "gauge":
+      return te(i);
+    case "deadline":
+      return ne(i);
+    default:
+      return null;
+  }
+}
+function Le(i, t, d = document, r = {}) {
+  if (!i) return null;
+  const a = Math.round(Math.min(Math.max(r.width ?? q, xe), q));
+  try {
+    return be(i, ye(t, me), d, a);
+  } catch {
+    return null;
+  }
+}
+export {
+  ve as L,
+  q as M,
+  $e as T,
+  we as V,
+  Me as a,
+  Se as b,
+  ye as c,
+  De as d,
+  _e as e,
+  Le as f,
+  xe as g,
+  ze as h,
+  fe as i,
+  ke as j,
+  me as k,
+  ce as l,
+  ue as m,
+  T as n,
+  le as o,
+  oe as p,
+  j as q,
+  Ae as r,
+  w as s,
+  H as t,
+  F as u,
+  se as v
+};
+//# sourceMappingURL=index-yeBMtDf1.js.map