@diagrammo/dgmo 0.49.0 → 0.50.1

package/dist/chunk-Y4RNXEAO.js

@@ -0,0 +1,952 @@
+import {
+  parseInlineMarkdown,
+  renderInlineText
+} from "./chunk-3HDBAXF5.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-BMR4CIEO.js";
+import {
+  DAY_MS,
+  applyOrdinalTemplate,
+  formatCompound,
+  formatCount,
+  formatDateShort,
+  formatFooter,
+  formatHuman,
+  formatWordsDetail,
+  ordinalFor
+} from "./chunk-YNRDWYZP.js";
+import {
+  FONT_FAMILY
+} from "./chunk-6KFWC4CO.js";
+import {
+  getSeriesColors,
+  mix,
+  themeBaseBg
+} from "./chunk-P6T66CCZ.js";
+import {
+  resolveColor
+} from "./chunk-TLVIHFRO.js";
+
+// src/countdown/renderer.ts
+import * as d3Selection from "d3-selection";
+function bakedHero(parsed, now) {
+  const resolved = parsed.resolvedMs;
+  if (resolved === null) return "\u2014";
+  const remaining = resolved - now;
+  if (!parsed.rule && remaining <= 0) {
+    if (parsed.expired !== null) return parsed.expired;
+    const elapsed = -remaining;
+    if (elapsed <= 0) return "Now!";
+    if (parsed.units === "compound" || parsed.units === "human")
+      return `${formatCompound(resolved, now)} ago`;
+    const bu = parsed.units === "full" || parsed.units === "clock" ? "days" : parsed.units;
+    return `${formatCount(elapsed, { units: bu, round: parsed.round, fields: parsed.fields })} ago`;
+  }
+  if (parsed.rule && sameLocalDay(resolved, now))
+    return parsed.onDay ?? "Today!";
+  if (parsed.units === "human") {
+    const [hn, ht] = parsed.hasTime ? [now, resolved] : [DAY_START(now), DAY_START(resolved)];
+    return formatHuman(hn, ht).big;
+  }
+  if (parsed.units === "compound") return formatCompound(now, resolved);
+  const bakeUnits = parsed.units === "full" || parsed.units === "clock" ? "days" : parsed.units;
+  return formatCount(Math.max(0, remaining), {
+    units: bakeUnits,
+    round: parsed.round,
+    fields: parsed.fields
+  });
+}
+function sameLocalDay(a, b) {
+  const x = new Date(a);
+  const y = new Date(b);
+  return x.getFullYear() === y.getFullYear() && x.getMonth() === y.getMonth() && x.getDate() === y.getDate();
+}
+function stampRecur(sel, parsed) {
+  const r = parsed.rule;
+  if (!r) return;
+  sel.attr("data-dgmo-recur-kind", r.kind);
+  if (r.month !== void 0) sel.attr("data-dgmo-recur-month", r.month);
+  if (r.day !== void 0) sel.attr("data-dgmo-recur-day", r.day);
+  if (r.nth !== void 0) sel.attr("data-dgmo-recur-nth", r.nth);
+  if (r.weekday !== void 0) sel.attr("data-dgmo-recur-weekday", r.weekday);
+  sel.attr("data-dgmo-recur-hour", r.hour);
+  sel.attr("data-dgmo-recur-minute", r.minute);
+  sel.attr("data-dgmo-recur-allday", r.allDay ? "1" : "0");
+  if (r.intervalN !== void 0)
+    sel.attr("data-dgmo-recur-interval-n", r.intervalN);
+  if (r.intervalUnit !== void 0)
+    sel.attr("data-dgmo-recur-interval-unit", r.intervalUnit);
+  if (r.anchorMs !== void 0) sel.attr("data-dgmo-recur-anchor", r.anchorMs);
+}
+var MON_ABBR = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var WD_ABBR = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
+var DAY_START = (ms) => {
+  const d = new Date(ms);
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+};
+var dayDelta = (a, b) => Math.round((DAY_START(b) - DAY_START(a)) / DAY_MS);
+var keyOf = (ms) => {
+  const d = new Date(ms);
+  return d.getFullYear() * 1e4 + d.getMonth() * 100 + d.getDate();
+};
+function bandColors(palette, accent, muted, faint) {
+  const blue = resolveColor("blue", palette) ?? mix(palette.text, palette.bg, 45);
+  const collides = accent.toLowerCase() === blue.toLowerCase();
+  const now = collides ? resolveColor("teal", palette) ?? resolveColor("cyan", palette) ?? mix(palette.text, palette.bg, 55) : blue;
+  const mid = mix(accent, now, 50);
+  return {
+    bg: palette.bg,
+    text: palette.text,
+    muted,
+    faint,
+    rule: mix(palette.text, palette.bg, 14),
+    now,
+    event: accent,
+    midSoft: mix(mid, palette.bg, 24),
+    inert: mix(palette.text, palette.bg, 7),
+    inertBorder: mix(palette.text, palette.bg, 22)
+  };
+}
+function roleStyle(C, role) {
+  switch (role) {
+    case "past":
+      return { fill: C.inert, stroke: C.inertBorder, text: C.faint };
+    case "future":
+      return { fill: C.inert, stroke: C.inertBorder, text: C.muted };
+    case "today":
+      return { fill: C.now, stroke: C.now, text: C.bg };
+    case "event":
+      return { fill: C.event, stroke: C.event, text: C.bg };
+  }
+}
+function gradStyle(C, frac) {
+  const t = Math.max(0, Math.min(1, frac));
+  const f = mix(C.event, C.now, Math.round(t * 100));
+  return { fill: f, stroke: f, text: C.bg };
+}
+function aText(svg, x, y, size, fill, weight, anchor, txt, extra) {
+  const t = svg.append("text").attr("x", x).attr("y", y).attr("text-anchor", anchor).attr("font-size", size).attr("font-weight", weight).attr("fill", fill).attr("font-family", FONT_FAMILY).attr("font-variant-numeric", "tabular-nums").text(txt);
+  if (extra) for (const k in extra) t.attr(k, extra[k]);
+}
+function aRect(svg, x, y, w, h, rx, fill, stroke, sw) {
+  const r = svg.append("rect").attr("x", x).attr("y", y).attr("width", w).attr("height", h).attr("rx", rx).attr("fill", fill);
+  if (stroke) r.attr("stroke", stroke).attr("stroke-width", sw ?? 1);
+}
+function aLine(svg, x1, y1, x2, y2, stroke, sw, opacity) {
+  const l = svg.append("line").attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2).attr("stroke", stroke).attr("stroke-width", sw);
+  if (opacity != null) l.attr("opacity", opacity);
+}
+var REPEAT_ICON_PATH = "m17 2 4 4-4 4 M3 11v-1a4 4 0 0 1 4-4h14 m7 22-4-4 4-4 M21 13v1a4 4 0 0 1-4 4H3";
+function recurGlyph(svg, cx, cy, r, color) {
+  const side = r * 2.4;
+  const scale = side / 24;
+  const swPx = Math.max(1.5, r * 0.34);
+  svg.append("path").attr("d", REPEAT_ICON_PATH).attr(
+    "transform",
+    `translate(${cx - side / 2} ${cy - side / 2}) scale(${scale})`
+  ).attr("data-embed-ignore-bbox", "").attr("fill", "none").attr("stroke", color).attr("stroke-width", swPx / scale).attr("stroke-linecap", "round").attr("stroke-linejoin", "round");
+}
+function haloRect(svg, x, y, w, h, rx, C) {
+  aRect(svg, x - 1, y - 1, w + 2, h + 2, rx + 1, "none", C.bg, 2);
+  aRect(svg, x - 3, y - 3, w + 6, h + 6, rx + 3, "none", C.event, 2);
+}
+function pickBand(nowMs, resolvedMs, hasTime) {
+  const days = dayDelta(nowMs, resolvedMs);
+  if (hasTime && days <= 0) return "clock";
+  if (days > 365) return "year";
+  if (days > 92) return "months";
+  if (days > 18) return "monthgrid";
+  if (days >= 1) return "weekstrip";
+  if (days === 0) return "today";
+  return "after";
+}
+function monthSpan(nowMs, resolvedMs) {
+  const n = new Date(nowMs);
+  const t = new Date(resolvedMs);
+  return (t.getFullYear() - n.getFullYear()) * 12 + (t.getMonth() - n.getMonth()) + 1;
+}
+var MONTH_TARGET_PX = 200;
+function monthGridLayout(nowMs, resolvedMs, contentW) {
+  const now = new Date(nowMs);
+  const ev = new Date(resolvedMs);
+  const realSpan = monthSpan(nowMs, resolvedMs);
+  const shown = Math.max(realSpan, Math.round(contentW / MONTH_TARGET_PX));
+  const padBefore = Math.floor((shown - realSpan) / 2);
+  const nowMk = now.getFullYear() * 12 + now.getMonth();
+  const evMk = ev.getFullYear() * 12 + ev.getMonth();
+  const months = [];
+  const dim = [];
+  for (let i = 0; i < shown; i++) {
+    const d = new Date(now.getFullYear(), now.getMonth() - padBefore + i, 1);
+    const mk = d.getFullYear() * 12 + d.getMonth();
+    months.push(d);
+    dim.push(mk < nowMk || mk > evMk);
+  }
+  return { months, dim };
+}
+function bandHeightFor(kind, nowMs, resolvedMs, contentW) {
+  const clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+  switch (kind) {
+    case "year": {
+      const R = new Date(resolvedMs).getFullYear() - new Date(nowMs).getFullYear() + 1;
+      const yearW = 66;
+      const gap = 8;
+      const cellW = (contentW - yearW - 11 * gap) / 12;
+      const cellH = clamp(cellW * 0.6, 28, 44);
+      const rowGap = 12;
+      return R * cellH + (R - 1) * rowGap;
+    }
+    case "months": {
+      const realSpan = monthSpan(nowMs, resolvedMs);
+      const perRow = 6;
+      const shown = Math.max(perRow, Math.ceil(realSpan / perRow) * perRow);
+      const rows = shown / perRow;
+      const cellW = (contentW - 16 * (perRow - 1)) / perRow;
+      const cellH = clamp(cellW * 0.5, 58, 84);
+      return rows * cellH + (rows - 1) * 16;
+    }
+    case "monthgrid": {
+      const { months } = monthGridLayout(nowMs, resolvedMs, contentW);
+      const nM = months.length;
+      const mw = (contentW - 20 * (nM - 1)) / nM;
+      const cellW = (mw - 20) / 7;
+      const cellH = clamp(cellW * 0.8, 15, 22);
+      return 26 + 6 * cellH + 8;
+    }
+    case "weekstrip": {
+      const n = Math.max(7, dayDelta(nowMs, resolvedMs) + 1);
+      const cw = (contentW - 10 * (n - 1)) / n;
+      return clamp(cw * 1.5, 116, 170);
+    }
+    case "clock":
+      return clamp(contentW * 0.26, 150, 205);
+    case "today":
+    case "after":
+      return clamp(contentW * 0.22, 125, 170);
+  }
+}
+function vizYear(svg, g, nowMs, resolvedMs, C) {
+  const now = new Date(nowMs);
+  const ev = new Date(resolvedMs);
+  const y0 = now.getFullYear();
+  const y1 = ev.getFullYear();
+  const years = [];
+  for (let y = y0; y <= y1; y++) years.push(y);
+  const R = years.length;
+  const yearW = 66;
+  const gap = 8;
+  const rowGap = 12;
+  const rowH = (g.height - rowGap * (R - 1)) / R;
+  const cellH = rowH;
+  const cellW = (g.contentW - yearW - 11 * gap) / 12;
+  const nowY = now.getFullYear();
+  const nowM = now.getMonth();
+  const evY = ev.getFullYear();
+  const evM = ev.getMonth();
+  const nowOrd = nowY * 12 + nowM;
+  const evOrd = evY * 12 + evM;
+  years.forEach((yr, r) => {
+    const ry = g.top + r * (rowH + rowGap);
+    aText(
+      svg,
+      g.left + yearW - 12,
+      ry + rowH / 2,
+      Math.min(22, rowH * 0.6),
+      C.muted,
+      800,
+      "end",
+      String(yr),
+      { "dominant-baseline": "central" }
+    );
+    for (let m = 0; m < 12; m++) {
+      const before = yr < nowY || yr === nowY && m < nowM;
+      const isNow = yr === nowY && m === nowM;
+      const isEv = yr === evY && m === evM;
+      const between = (yr > nowY || yr === nowY && m > nowM) && (yr < evY || yr === evY && m < evM);
+      const anchor = isEv || isNow;
+      const st = isEv ? roleStyle(C, "event") : isNow ? roleStyle(C, "today") : between ? gradStyle(C, (yr * 12 + m - nowOrd) / (evOrd - nowOrd)) : roleStyle(C, before ? "past" : "future");
+      const x = g.left + yearW + m * (cellW + gap);
+      const rx = Math.min(5, Math.min(cellW, cellH) * 0.22);
+      aRect(svg, x, ry, cellW, cellH, rx, st.fill, st.stroke, 1);
+      if (isEv) haloRect(svg, x, ry, cellW, cellH, rx, C);
+      const cx = x + cellW / 2;
+      const mFont = Math.min(11, cellW * 0.32);
+      if (anchor) {
+        aText(
+          svg,
+          cx,
+          ry + cellH * 0.36,
+          mFont,
+          st.text,
+          700,
+          "middle",
+          MON_ABBR[m],
+          { "dominant-baseline": "central" }
+        );
+        const dnum = isEv ? ev.getDate() : now.getDate();
+        aText(
+          svg,
+          cx,
+          ry + cellH * 0.72,
+          Math.min(14, cellW * 0.42),
+          st.text,
+          800,
+          "middle",
+          String(dnum),
+          { "dominant-baseline": "central" }
+        );
+      } else {
+        aText(
+          svg,
+          cx,
+          ry + cellH / 2,
+          mFont,
+          st.text,
+          700,
+          "middle",
+          MON_ABBR[m],
+          { "dominant-baseline": "central" }
+        );
+      }
+    }
+  });
+}
+function vizMonths(svg, g, nowMs, resolvedMs, C) {
+  const now = new Date(nowMs);
+  const ev = new Date(resolvedMs);
+  const realSpan = monthSpan(nowMs, resolvedMs);
+  const perRow = 6;
+  const shown = Math.max(perRow, Math.ceil(realSpan / perRow) * perRow);
+  const padBefore = Math.floor((shown - realSpan) / 2);
+  const rows = shown / perRow;
+  const gap = 16;
+  const rowGap = 16;
+  const labelH = 27;
+  const cellW = (g.contentW - gap * (perRow - 1)) / perRow;
+  const cellH = (g.height - rowGap * (rows - 1)) / rows;
+  const nowMk = now.getFullYear() * 12 + now.getMonth();
+  const evMk = ev.getFullYear() * 12 + ev.getMonth();
+  for (let i = 0; i < shown; i++) {
+    const d = new Date(now.getFullYear(), now.getMonth() - padBefore + i, 1);
+    const mk = d.getFullYear() * 12 + d.getMonth();
+    const isNow = mk === nowMk;
+    const isEv = mk === evMk;
+    const isContext = mk < nowMk || mk > evMk;
+    const anchor = isNow || isEv;
+    const col = i % perRow;
+    const row = Math.floor(i / perRow);
+    const x = g.left + col * (cellW + gap);
+    const y = g.top + row * (cellH + rowGap);
+    const mt = isContext ? svg.append("g").attr("opacity", 0.42) : svg;
+    const st = isEv ? roleStyle(C, "event") : isNow ? roleStyle(C, "today") : mk > nowMk && mk < evMk ? gradStyle(C, (mk - nowMk) / (evMk - nowMk)) : roleStyle(C, mk < nowMk ? "past" : "future");
+    const rxM = Math.min(12, cellH * 0.14);
+    aRect(mt, x, y, cellW, cellH, rxM, st.fill, st.stroke, 1.25);
+    if (isEv) haloRect(mt, x, y, cellW, cellH, rxM, C);
+    aText(
+      mt,
+      x + cellW / 2,
+      y + 19,
+      16,
+      st.text,
+      700,
+      "middle",
+      MON_ABBR[d.getMonth()]
+    );
+    aLine(
+      mt,
+      x,
+      y + labelH,
+      x + cellW,
+      y + labelH,
+      st.text,
+      1,
+      anchor ? 0.5 : 0.3
+    );
+    if (anchor) {
+      const dnum = isEv ? ev.getDate() : now.getDate();
+      const dFont = Math.min(cellH - labelH - 6, cellW * 0.42, 44);
+      aText(
+        mt,
+        x + cellW / 2,
+        y + labelH + (cellH - labelH) / 2 + 1,
+        dFont,
+        st.text,
+        800,
+        "middle",
+        String(dnum),
+        { "dominant-baseline": "central" }
+      );
+    }
+  }
+}
+function vizMonthGrid(svg, g, nowMs, resolvedMs, C) {
+  const { months, dim: isContext } = monthGridLayout(
+    nowMs,
+    resolvedMs,
+    g.contentW
+  );
+  const nM = months.length;
+  const gap = 20;
+  const mw = (g.contentW - gap * (nM - 1)) / nM;
+  const padX = 10;
+  const gridLeft = padX;
+  const gridW = mw - 2 * padX;
+  const cols = 7;
+  const cellW = gridW / cols;
+  const top = g.top;
+  const headH = 26;
+  const cellH = (g.height - headH - 8) / 6;
+  const gridH = 6 * cellH;
+  const weekendShade = mix(C.text, C.bg, 8);
+  const todayKey = keyOf(nowMs);
+  const evKey = keyOf(resolvedMs);
+  months.forEach((m, mi) => {
+    const mt = isContext[mi] ? svg.append("g").attr("opacity", 0.42) : svg;
+    const mx = g.left + mi * (mw + gap);
+    aRect(mt, mx, top, mw, g.height, 14, C.inert, C.inertBorder, 1.25);
+    const gy = top + headH;
+    for (const wcol of [0, 6])
+      aRect(
+        mt,
+        mx + gridLeft + wcol * cellW,
+        gy,
+        cellW,
+        gridH,
+        6,
+        weekendShade
+      );
+    aText(
+      mt,
+      mx + mw / 2,
+      top + 16,
+      14,
+      C.text,
+      700,
+      "middle",
+      `${MON_ABBR[m.getMonth()]} ${m.getFullYear()}`
+    );
+    aLine(mt, mx, top + headH - 6, mx + mw, top + headH - 6, C.rule, 1.25);
+    const first = new Date(m.getFullYear(), m.getMonth(), 1).getDay();
+    const dim = new Date(m.getFullYear(), m.getMonth() + 1, 0).getDate();
+    for (let day = 1; day <= dim; day++) {
+      const pos = first + day - 1;
+      const wk = Math.floor(pos / 7);
+      const dk = keyOf(new Date(m.getFullYear(), m.getMonth(), day).getTime());
+      const wd = pos % 7;
+      const cx = mx + gridLeft + wd * cellW;
+      const cy = gy + wk * cellH;
+      const isEvent = dk === evKey;
+      const isToday = dk === todayKey;
+      const between = dk > todayKey && dk < evKey;
+      const anchor = isEvent || isToday;
+      const dtMs = new Date(m.getFullYear(), m.getMonth(), day).getTime();
+      const st = isEvent ? roleStyle(C, "event") : isToday ? roleStyle(C, "today") : between ? gradStyle(C, dayDelta(nowMs, dtMs) / dayDelta(nowMs, resolvedMs)) : roleStyle(C, dk < todayKey ? "past" : "future");
+      if (anchor) {
+        const s = Math.min(cellW, cellH) * 1.02;
+        const sx = cx + (cellW - s) / 2;
+        const sy = cy + (cellH - s) / 2;
+        aRect(mt, sx, sy, s, s, 7, st.fill, st.stroke, 2);
+        if (isEvent) haloRect(mt, sx, sy, s, s, 7, C);
+        aText(
+          mt,
+          cx + cellW / 2,
+          cy + cellH / 2,
+          Math.min(16, cellH * 0.62),
+          st.text,
+          750,
+          "middle",
+          String(day),
+          { "dominant-baseline": "central" }
+        );
+      } else {
+        const s = Math.min(cellW, cellH) * 0.5;
+        aRect(
+          mt,
+          cx + (cellW - s) / 2,
+          cy + (cellH - s) / 2,
+          s,
+          s,
+          Math.min(3, s * 0.3),
+          st.fill,
+          st.stroke,
+          1
+        );
+      }
+    }
+  });
+}
+function vizWeekStrip(svg, g, nowMs, resolvedMs, C) {
+  const now = new Date(nowMs);
+  const nReal = dayDelta(nowMs, resolvedMs) + 1;
+  const n = Math.max(7, nReal);
+  const padBefore = Math.floor((n - nReal) / 2);
+  const gap = n <= 7 ? 14 : n <= 12 ? 10 : 7;
+  const cw = (g.contentW - gap * (n - 1)) / n;
+  const cellTop = g.top;
+  const ch = g.height;
+  const showWd = cw >= 30;
+  const showTag = cw >= 44;
+  const nowOrd = DAY_START(nowMs);
+  const evOrd = DAY_START(resolvedMs);
+  for (let i = 0; i < n; i++) {
+    const dt = new Date(
+      now.getFullYear(),
+      now.getMonth(),
+      now.getDate() + i - padBefore
+    );
+    const dtOrd = DAY_START(dt.getTime());
+    const x = g.left + i * (cw + gap);
+    const isToday = dtOrd === nowOrd;
+    const isEvent = dtOrd === evOrd;
+    const isContext = dtOrd < nowOrd || dtOrd > evOrd;
+    const st = isEvent ? roleStyle(C, "event") : isToday ? roleStyle(C, "today") : isContext ? roleStyle(C, dtOrd < nowOrd ? "past" : "future") : gradStyle(C, (dtOrd - nowOrd) / (evOrd - nowOrd));
+    const ct = isContext ? svg.append("g").attr("opacity", 0.5) : svg;
+    const sw = isToday || isEvent ? 2 : 1.25;
+    aRect(ct, x, cellTop, cw, ch, 14, st.fill, st.stroke, sw);
+    if (isEvent) haloRect(ct, x, cellTop, cw, ch, 14, C);
+    if (showWd) {
+      aText(
+        ct,
+        x + cw / 2,
+        cellTop + 18,
+        Math.min(12, cw * 0.3),
+        st.text,
+        700,
+        "middle",
+        WD_ABBR[dt.getDay()],
+        { "letter-spacing": "0.04em" }
+      );
+      aLine(
+        ct,
+        x,
+        cellTop + 27,
+        x + cw,
+        cellTop + 27,
+        st.text,
+        1,
+        isToday || isEvent ? 0.5 : 0.3
+      );
+    }
+    aText(
+      ct,
+      x + cw / 2,
+      cellTop + (showWd ? ch * 0.6 : ch * 0.54),
+      Math.min(44, cw * 0.62),
+      st.text,
+      750,
+      "middle",
+      String(dt.getDate())
+    );
+    if (showTag && isToday)
+      aText(
+        ct,
+        x + cw / 2,
+        cellTop + ch - 13,
+        10,
+        st.text,
+        700,
+        "middle",
+        "TODAY",
+        { "letter-spacing": "0.04em" }
+      );
+  }
+}
+function vizToday(svg, g, resolvedMs, C) {
+  const ev = new Date(resolvedMs);
+  const cx = g.left + g.contentW / 2;
+  const cy = g.top + g.height / 2;
+  aLine(svg, g.left, cy, g.left + g.contentW, cy, C.rule, 2);
+  aLine(svg, cx, cy, g.left + g.contentW, cy, C.midSoft, 2);
+  const rays = 16;
+  const r0 = g.height * 0.3;
+  const r1 = g.height * 0.44;
+  for (let i = 0; i < rays; i++) {
+    const a = i / rays * Math.PI * 2;
+    svg.append("line").attr("x1", cx + Math.cos(a) * r0).attr("y1", cy + Math.sin(a) * r0).attr("x2", cx + Math.cos(a) * r1).attr("y2", cy + Math.sin(a) * r1).attr("stroke", C.event).attr("stroke-width", 2.5).attr("stroke-linecap", "round").attr("opacity", 0.45);
+  }
+  const w = Math.min(120, g.contentW * 0.16);
+  const h = g.height * 0.52;
+  aRect(svg, cx - w / 2, cy - h / 2, w, h, 18, C.event, C.event, 2);
+  aText(
+    svg,
+    cx,
+    cy - h * 0.14,
+    14,
+    C.bg,
+    700,
+    "middle",
+    MON_ABBR[ev.getMonth()].toUpperCase(),
+    { "letter-spacing": "0.08em" }
+  );
+  aText(
+    svg,
+    cx,
+    cy + h * 0.22,
+    Math.min(48, h * 0.4),
+    C.bg,
+    800,
+    "middle",
+    String(ev.getDate())
+  );
+  aText(
+    svg,
+    cx,
+    cy + h / 2 + 26,
+    13,
+    C.event,
+    700,
+    "middle",
+    "THE DAY IS HERE",
+    { "letter-spacing": "0.12em" }
+  );
+}
+function vizAfter(svg, g, nowMs, resolvedMs, C) {
+  const ev = new Date(resolvedMs);
+  const elapsed = dayDelta(resolvedMs, nowMs);
+  const n = elapsed + 1;
+  const gap = 10;
+  const cw = (g.contentW - gap * (n - 1)) / n;
+  const ch = Math.min(cw * 1.1, g.height * 0.62);
+  const top = g.top + (g.height - ch) / 2 - 8;
+  for (let i = 0; i < n; i++) {
+    const dt = new Date(ev);
+    dt.setDate(ev.getDate() + i);
+    const x = g.left + i * (cw + gap);
+    const isEvent = i === 0;
+    const isToday = i === n - 1;
+    const st = roleStyle(C, isEvent ? "event" : "past");
+    const fill = st.fill;
+    const stroke = st.stroke;
+    const tcol = st.text;
+    const sw = isEvent ? 2.5 : 1;
+    aRect(svg, x, top, cw, ch, 12, fill, stroke, sw);
+    if (isEvent) haloRect(svg, x, top, cw, ch, 12, C);
+    aText(
+      svg,
+      x + cw / 2,
+      top + ch * 0.46,
+      Math.min(34, cw * 0.34),
+      tcol,
+      isEvent ? 750 : 500,
+      "middle",
+      String(dt.getDate())
+    );
+    aText(
+      svg,
+      x + cw / 2,
+      top + ch * 0.72,
+      11,
+      tcol,
+      600,
+      "middle",
+      MON_ABBR[dt.getMonth()]
+    );
+    if (isEvent)
+      aText(
+        svg,
+        x + cw / 2,
+        top - 8,
+        11,
+        C.event,
+        700,
+        "middle",
+        "IT HAPPENED",
+        { "letter-spacing": "0.05em" }
+      );
+    if (isToday)
+      aText(svg, x + cw / 2, top - 8, 11, C.now, 700, "middle", "TODAY", {
+        "letter-spacing": "0.05em"
+      });
+  }
+  aText(
+    svg,
+    g.left,
+    top + ch + 28,
+    14,
+    C.muted,
+    400,
+    "start",
+    `${elapsed} day${elapsed === 1 ? "" : "s"} ago \u2014 the day has passed`
+  );
+}
+function polar(cx, cy, r, deg) {
+  const a = (deg - 90) * Math.PI / 180;
+  return [cx + r * Math.cos(a), cy + r * Math.sin(a)];
+}
+function arcPath(cx, cy, r, frac) {
+  frac = Math.max(0, Math.min(0.9999, frac));
+  const [x0, y0] = polar(cx, cy, r, 0);
+  const [x1, y1] = polar(cx, cy, r, frac * 360);
+  return `M ${x0} ${y0} A ${r} ${r} 0 ${frac > 0.5 ? 1 : 0} 1 ${x1} ${y1}`;
+}
+function vizClock(svg, g, nowMs, targetMs, C) {
+  const ahead = targetMs >= nowMs;
+  const rem = Math.abs(targetMs - nowMs);
+  const h = Math.floor(rem / 36e5);
+  const m = Math.floor(rem % 36e5 / 6e4);
+  const s = Math.floor(rem % 6e4 / 1e3);
+  const R = Math.min(g.contentW / 3 * 0.3, g.height * 0.34);
+  const cy = g.top + g.height * 0.42;
+  const sw = Math.max(8, R * 0.17);
+  const gauges = [
+    { frac: h % 24 / 24, val: h, label: "HOURS", col: C.event, key: "h" },
+    { frac: m / 60, val: m, label: "MINUTES", col: C.event, key: "m" },
+    { frac: s / 60, val: s, label: "SECONDS", col: C.event, key: "s" }
+  ];
+  gauges.forEach((gg, i) => {
+    const cx = g.left + g.contentW * (i + 0.5) / 3;
+    svg.append("circle").attr("cx", cx).attr("cy", cy).attr("r", R).attr("fill", "none").attr("stroke", C.inert).attr("stroke-width", sw);
+    const arc = svg.append("path").attr("d", gg.frac > 1e-3 ? arcPath(cx, cy, R, gg.frac) : "").attr("fill", "none").attr("stroke", gg.col).attr("stroke-width", sw).attr("stroke-linecap", "round").attr("data-dgmo-gauge-arc", gg.key).attr("data-cx", cx).attr("data-cy", cy).attr("data-r", R);
+    void arc;
+    aText(
+      svg,
+      cx,
+      cy + R * 0.22,
+      R * 0.62,
+      C.text,
+      800,
+      "middle",
+      pad2(gg.val),
+      {
+        "data-dgmo-gauge-val": gg.key
+      }
+    );
+    aText(svg, cx, cy + R + 22, 12, C.muted, 700, "middle", gg.label, {
+      "letter-spacing": "0.1em"
+    });
+  });
+  const cxMid = g.left + g.contentW * 0.5;
+  aText(
+    svg,
+    cxMid,
+    cy - R - 14,
+    13,
+    ahead ? C.event : C.muted,
+    700,
+    "middle",
+    ahead ? "TO GO" : "AGO",
+    {
+      "letter-spacing": "0.12em",
+      "data-dgmo-gauge-caption": ""
+    }
+  );
+}
+function pad2(n) {
+  return n < 10 ? "0" + n : String(n);
+}
+function drawBand(svg, kind, g, nowMs, resolvedMs, C) {
+  switch (kind) {
+    case "year":
+      return vizYear(svg, g, nowMs, resolvedMs, C);
+    case "months":
+      return vizMonths(svg, g, nowMs, resolvedMs, C);
+    case "monthgrid":
+      return vizMonthGrid(svg, g, nowMs, resolvedMs, C);
+    case "weekstrip":
+      return vizWeekStrip(svg, g, nowMs, resolvedMs, C);
+    case "today":
+      return vizToday(svg, g, resolvedMs, C);
+    case "after":
+      return vizAfter(svg, g, nowMs, resolvedMs, C);
+    case "clock":
+      return vizClock(svg, g, nowMs, resolvedMs, C);
+  }
+}
+function renderCountdown(container, parsed, palette, isDark, exportDims) {
+  d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
+  const width = exportDims?.width ?? container.clientWidth;
+  const height = exportDims?.height ?? container.clientHeight;
+  if (width <= 0 || height <= 0) return;
+  const now = Date.now();
+  const resolved = parsed.resolvedMs;
+  const label = parsed.sinceLabel ?? parsed.title ?? "";
+  const ordinal = parsed.since !== null && resolved !== null ? ordinalFor(resolved, parsed.since) : null;
+  const expiredFrozen = !parsed.rule && parsed.expired !== null && resolved !== null && resolved - now <= 0;
+  const bandKind = resolved === null || parsed.noVisual || expiredFrozen ? null : pickBand(now, resolved, parsed.hasTime);
+  let hero = bakedHero(parsed, now);
+  if (bandKind === "clock" && resolved !== null) {
+    const clock = formatCount(Math.abs(resolved - now), {
+      units: "clock",
+      round: parsed.round,
+      fields: parsed.fields
+    });
+    hero = resolved - now < 0 ? `${clock} ago` : clock;
+  }
+  const seriesAccent = getSeriesColors(palette)[0];
+  const defaultAccent = resolveColor("red", palette) ?? seriesAccent;
+  const manualColor = parsed.color && resolveColor(parsed.color, palette) || parsed.color || null;
+  const accent = manualColor ?? defaultAccent;
+  const muted = mix(palette.text, themeBaseBg(palette, isDark), 55);
+  const banked = resolveColor("green", palette) ?? muted;
+  const faint = mix(palette.text, themeBaseBg(palette, isDark), 72);
+  const svg = d3Selection.select(container).append("svg").attr("width", width).attr("preserveAspectRatio", "xMidYMid meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("role", "img").attr("aria-label", `${parsed.title ?? "Countdown"}: ${hero}`).style("font-family", FONT_FAMILY);
+  const bgRect = svg.append("rect").attr("width", width).attr("fill", palette.bg);
+  const estWidth = (t, fs) => t.length * fs * 0.58;
+  const fitFont = (t, base, maxW, min) => {
+    const w = estWidth(t, base);
+    return w <= maxW ? base : Math.max(min, Math.floor(base * maxW / w));
+  };
+  const dispLen = (s) => parseInlineMarkdown(s).reduce((n, sp) => n + sp.text.length, 0);
+  const padX = Math.max(30, Math.round(width * 0.045));
+  const padY = Math.max(26, Math.round(width * 0.03));
+  const contentW = width - 2 * padX;
+  const leftX = padX;
+  const remainingNow = resolved === null ? 0 : Math.max(0, resolved - now);
+  const dayCount = Math.ceil(remainingNow / DAY_MS);
+  const heroSizeStr = parsed.units === "full" ? `${dayCount > 0 ? `${dayCount}d ` : ""}00:00:00` : parsed.units === "clock" ? formatCount(remainingNow, {
+    units: "clock",
+    round: parsed.round,
+    fields: parsed.fields
+  }) : hero;
+  const heroMaxW = contentW * 0.44;
+  const heroFont = fitFont(heroSizeStr, 96, heroMaxW, 26);
+  const heroW = Math.min(heroMaxW, estWidth(heroSizeStr, heroFont));
+  const gapMid = Math.max(28, Math.round(width * 0.03));
+  const leftW = Math.max(contentW * 0.42, contentW - heroW - gapMid);
+  const titleBase = 40;
+  let titleFont = 0;
+  let titleLines = [];
+  if (parsed.title) {
+    const longestWord = parsed.title.split(/\s+/).reduce((a, b) => b.length > a.length ? b : a, "");
+    titleFont = fitFont(longestWord, titleBase, leftW, 22);
+    const cpl = Math.max(6, Math.floor(leftW / (titleFont * 0.58)));
+    titleLines = wrapDescriptionLines([parsed.title], cpl).map((l) => l.text);
+  }
+  const eyebrowText = ordinal !== null ? applyOrdinalTemplate(parsed.sinceLabel ?? `Nth ${label}`, ordinal) : null;
+  const eyebrowFont = 16;
+  const footerText = resolved !== null ? formatFooter(resolved, parsed.hasTime) : null;
+  const footerFont = 17;
+  const noteFont = 19;
+  const asofFont = 13;
+  const noteCharsPerLine = Math.max(8, Math.floor(leftW / (noteFont * 0.5)));
+  const noteSource = parsed.note ? parsed.note.split("\n").map((l) => l.replace(/^[-*]\s+/, "\u2022 ")) : [];
+  const noteLines = noteSource.length ? wrapDescriptionLines(noteSource, noteCharsPerLine, dispLen) : [];
+  const bulletPx = noteFont * 0.95;
+  let y = padY;
+  const drawText = (text, yTop, fs, fill, weight) => svg.append("text").attr("x", leftX).attr("y", yTop + fs).attr("text-anchor", "start").attr("dominant-baseline", "alphabetic").attr("fill", fill).attr("font-family", FONT_FAMILY).attr("font-size", fs).attr("font-weight", weight).text(text);
+  if (parsed.title) {
+    titleLines.forEach((tl, i) => {
+      const t = drawText(tl, y, titleFont, palette.text, 700);
+      if (i === 0) t.attr("data-line-number", parsed.titleLineNumber);
+      y += i < titleLines.length - 1 ? Math.round(titleFont * 1.12) : titleFont;
+    });
+    y += Math.round(titleFont * 0.45);
+    const heroLeft = width - padX - heroW;
+    const ruleRight = Math.max(leftX + 40, heroLeft - 20);
+    svg.append("line").attr("x1", leftX).attr("x2", ruleRight).attr("y1", y).attr("y2", y).attr("stroke", mix(palette.text, palette.bg, 14)).attr("stroke-width", 1.25);
+    y += Math.round(titleFont * 0.5);
+  }
+  if (eyebrowText) {
+    drawText(eyebrowText, y, eyebrowFont, banked, 700).attr(
+      "data-dgmo-countdown-eyebrow",
+      ""
+    );
+    y += eyebrowFont + 8;
+  }
+  if (footerText) {
+    const fx = parsed.rule ? leftX + 22 : leftX;
+    if (parsed.rule)
+      recurGlyph(svg, leftX + 8, y + footerFont * 0.52, 6.5, muted);
+    svg.append("text").attr("x", fx).attr("y", y + footerFont).attr("text-anchor", "start").attr("dominant-baseline", "alphabetic").attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", footerFont).attr("font-weight", 500).attr("data-dgmo-countdown-footer", "").text(footerText);
+    y += footerFont + 8;
+  }
+  if (noteLines.length) {
+    y += 4;
+    for (const nl of noteLines) {
+      const bx = nl.kind === "plain" ? leftX : leftX + bulletPx;
+      if (nl.kind === "bullet-first") {
+        svg.append("text").attr("x", leftX).attr("y", y + noteFont).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", noteFont).text("\u2022");
+      }
+      const t = svg.append("text").attr("x", bx).attr("y", y + noteFont).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", noteFont).attr("font-weight", 400);
+      renderInlineText(
+        t,
+        nl.text,
+        palette,
+        noteFont
+      );
+      y += Math.round(noteFont * 1.35);
+    }
+    y += 2;
+  }
+  drawText(`as of ${formatDateShort(now)}`, y, asofFont, faint, 400).attr(
+    "data-dgmo-countdown-asof",
+    ""
+  );
+  y += asofFont;
+  const leftBottom = y;
+  const detailFont = 18;
+  const remainingSub = resolved !== null ? resolved - now : 0;
+  const subText = resolved === null || remainingSub <= 0 ? null : parsed.units === "words" ? formatWordsDetail(remainingSub) : parsed.units === "human" && bandKind !== "clock" ? parsed.hasTime ? formatCount(remainingSub, {
+    units: "clock",
+    round: parsed.round,
+    fields: parsed.fields
+  }) : formatHuman(DAY_START(now), DAY_START(resolved)).sub || null : null;
+  const heroCapTop = padY + 0.28 * titleFont;
+  const heroBaseline = heroCapTop + 0.72 * heroFont;
+  const heroBlockBottom = heroBaseline + (subText ? heroFont * 0.28 + detailFont : 0);
+  const contentBottom = Math.max(leftBottom, heroBlockBottom);
+  const hasBand = bandKind !== null;
+  const topSection = contentBottom;
+  const bandTop = topSection + 26;
+  const BAND_H = hasBand && resolved !== null ? Math.round(bandHeightFor(bandKind, now, resolved, width - 2 * padX)) : 0;
+  const bannerH = hasBand ? bandTop + BAND_H + padY : Math.max(
+    contentBottom + padY,
+    heroFont * 1.25 + 2 * padY,
+    Math.round(width * 0.28)
+  );
+  svg.attr("height", bannerH).attr("viewBox", `0 0 ${width} ${bannerH}`);
+  bgRect.attr("height", bannerH);
+  if (hasBand && resolved !== null) {
+    drawBand(
+      svg,
+      bandKind,
+      { left: leftX, top: bandTop, contentW: width - 2 * padX, height: BAND_H },
+      now,
+      resolved,
+      bandColors(palette, accent, muted, faint)
+    );
+  }
+  const value = svg.append("text").attr("class", "countdown-value").attr("x", width - padX).attr("y", heroBaseline).attr("text-anchor", "end").attr("dominant-baseline", "alphabetic").attr("fill", accent).attr("font-family", FONT_FAMILY).attr("font-size", heroFont).attr("font-weight", 800).attr("data-dgmo-countdown-units", parsed.units).attr("data-dgmo-countdown-round", parsed.round).attr("data-dgmo-countdown-fields", parsed.fields.join(",")).attr("data-dgmo-countdown-expired", parsed.expired).attr("aria-label", `${parsed.title ?? "Countdown"}: ${hero}`).text(hero);
+  if (parsed.rule && resolved !== null) {
+    value.attr("data-dgmo-countdown", new Date(resolved).toISOString());
+  } else if (parsed.target) {
+    value.attr("data-dgmo-countdown", parsed.target);
+  }
+  if (parsed.title) value.attr("data-dgmo-countdown-title", parsed.title);
+  if (parsed.onDay) value.attr("data-dgmo-countdown-onday", parsed.onDay);
+  if (parsed.hasTime) value.attr("data-dgmo-countdown-hastime", "1");
+  if (parsed.since !== null) {
+    value.attr("data-dgmo-countdown-since", parsed.since);
+    value.attr(
+      "data-dgmo-countdown-since-label",
+      parsed.sinceLabel ?? `Nth ${parsed.title ?? ""}`
+    );
+  }
+  stampRecur(value, parsed);
+  if (subText) {
+    svg.append("text").attr("x", width - padX).attr("y", heroBaseline + heroFont * 0.28 + detailFont).attr("text-anchor", "end").attr("dominant-baseline", "alphabetic").attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", detailFont).attr("font-weight", 500).attr("data-dgmo-countdown-detail", "").text(subText);
+  }
+}
+function renderCountdownForExport(container, parsed, palette, isDark, exportDims) {
+  renderCountdown(container, parsed, palette, isDark, exportDims);
+}
+
+export {
+  renderCountdown,
+  renderCountdownForExport
+};
+//# sourceMappingURL=chunk-Y4RNXEAO.js.map