@diagrammo/dgmo 0.50.2 → 0.52.0

package/dist/{chunk-5WFIYXQ6.js → chunk-5223KXFD.js}

@@ -1,177 +1,32 @@
+import {
+  buildSwatches
+} from "./chunk-3LK5DNED.js";
+import {
+  fixedParts,
+  formatTime,
+  handAngles,
+  rampColor,
+  sunLine,
+  workStatus,
+  zoneParts
+} from "./chunk-APKUAJ2L.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
+  contrastText,
   mix,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
 
 // src/clock/renderer.ts
 import * as d3Selection from "d3-selection";
-
-// src/clock/resolve.ts
-var CLOCK_RAMP = [
-  [0, "#3d478f"],
-  [4, "#4a4d8c"],
-  [6, "#c98a6b"],
-  [8, "#d9a441"],
-  [11, "#e0b23c"],
-  [13, "#4f96c4"],
-  [16, "#cc7a33"],
-  [19, "#8a5aa0"],
-  [24, "#3d478f"]
-];
-function hexLerp(a, b, t) {
-  const pa = [1, 3, 5].map((i) => parseInt(a.slice(i, i + 2), 16));
-  const pb = [1, 3, 5].map((i) => parseInt(b.slice(i, i + 2), 16));
-  const c = pa.map(
-    (v, i) => Math.round(v + (pb[i] - v) * t).toString(16).padStart(2, "0")
-  );
-  return `#${c.join("")}`;
-}
-function rampColor(h) {
-  const hh = (h % 24 + 24) % 24;
-  for (let i = 0; i < CLOCK_RAMP.length - 1; i++) {
-    const [h0, c0] = CLOCK_RAMP[i];
-    const [h1, c1] = CLOCK_RAMP[i + 1];
-    if (hh >= h0 && hh <= h1) return hexLerp(c0, c1, (hh - h0) / (h1 - h0));
-  }
-  return CLOCK_RAMP[0][1];
-}
-var SOON_MIN = 60;
-var RAD = Math.PI / 180;
-var DAY_MS = 864e5;
-var J1970 = 2440588;
-var J2000 = 2451545;
-function zoneParts(zone, nowMs) {
-  const d = new Date(nowMs);
-  try {
-    const o = {};
-    new Intl.DateTimeFormat("en-US", {
-      timeZone: zone,
-      hour12: false,
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      weekday: "short"
-    }).formatToParts(d).forEach((x) => {
-      o[x.type] = x.value;
-    });
-    const off = new Intl.DateTimeFormat("en-US", {
-      timeZone: zone,
-      timeZoneName: "shortOffset"
-    }).formatToParts(d).find((x) => x.type === "timeZoneName");
-    return {
-      h: parseInt(o["hour"], 10) % 24,
-      m: parseInt(o["minute"], 10),
-      s: parseInt(o["second"], 10),
-      weekday: o["weekday"],
-      offsetLabel: off ? off.value.replace("GMT", "UTC") : ""
-    };
-  } catch {
-    return {
-      h: d.getUTCHours(),
-      m: d.getUTCMinutes(),
-      s: d.getUTCSeconds(),
-      weekday: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][d.getUTCDay()],
-      offsetLabel: "UTC"
-    };
-  }
-}
-function pad2(n) {
-  return n < 10 ? "0" + n : String(n);
-}
-function formatTime(h, m, s, hours12) {
-  const sec = pad2(s);
-  if (hours12) {
-    const ap = h < 12 ? "am" : "pm";
-    let hr = h % 12;
-    if (hr === 0) hr = 12;
-    return { main: `${hr}:${pad2(m)}`, sec, ap };
-  }
-  return { main: `${pad2(h)}:${pad2(m)}`, sec, ap: "" };
-}
-function fmtDelta(ms) {
-  const m = Math.max(0, Math.round(ms / 6e4));
-  if (m < 90) return `${m}m`;
-  return `${Math.floor(m / 60)}h ${m % 60}m`;
-}
-function workStatus(parts, work) {
-  if (!work) return null;
-  const min = parts.h * 60 + parts.m;
-  if (!work.days[parts.weekday]) return { cls: "off", text: "Weekend" };
-  if (min < work.startMin) {
-    const d = work.startMin - min;
-    return {
-      cls: d <= SOON_MIN ? "soon" : "off",
-      text: `starts in ${fmtDelta(d * 6e4)}`
-    };
-  }
-  if (min < work.endMin) {
-    return { cls: "ok", text: `${fmtDelta((work.endMin - min) * 6e4)} left` };
-  }
-  return {
-    cls: "off",
-    text: `ended ${fmtDelta((min - work.endMin) * 6e4)} ago`
-  };
-}
-function toJulian(ms) {
-  return ms / DAY_MS - 0.5 + J1970;
-}
-function fromJulian(j) {
-  return (j + 0.5 - J1970) * DAY_MS;
-}
-function sunTimes(nowMs, lat, lon) {
-  const lw = -lon * RAD;
-  const phi = lat * RAD;
-  const J = toJulian(nowMs);
-  const n = Math.round(J - J2000 - 9e-4 - lw / (2 * Math.PI));
-  const Jn = J2000 + 9e-4 + lw / (2 * Math.PI) + n;
-  const M = (357.5291 + 0.98560028 * (Jn - J2000)) * RAD;
-  const C = (1.9148 * Math.sin(M) + 0.02 * Math.sin(2 * M) + 3e-4 * Math.sin(3 * M)) * RAD;
-  const L = M + C + Math.PI + 102.9372 * RAD;
-  const Jt = Jn + 53e-4 * Math.sin(M) - 69e-4 * Math.sin(2 * L);
-  const dec = Math.asin(Math.sin(L) * Math.sin(23.44 * RAD));
-  const cw = (Math.sin(-0.833 * RAD) - Math.sin(phi) * Math.sin(dec)) / (Math.cos(phi) * Math.cos(dec));
-  if (cw > 1) return { polar: "night" };
-  if (cw < -1) return { polar: "day" };
-  const w = Math.acos(cw);
-  const Jset = J2000 + 9e-4 + (w + lw) / (2 * Math.PI) + n + 53e-4 * Math.sin(M) - 69e-4 * Math.sin(2 * L);
-  return {
-    sunriseMs: fromJulian(Jt - (Jset - Jt)),
-    sunsetMs: fromJulian(Jset)
-  };
-}
-function sunLine(nowMs, lat, lon) {
-  const t = sunTimes(nowMs, lat, lon);
-  if (t.polar) {
-    return {
-      up: t.polar === "day",
-      text: t.polar === "day" ? "midnight sun" : "polar night"
-    };
-  }
-  if (nowMs < t.sunriseMs) {
-    return { up: false, text: `sunrise in ${fmtDelta(t.sunriseMs - nowMs)}` };
-  }
-  if (nowMs < t.sunsetMs) {
-    return { up: true, text: `sunset in ${fmtDelta(t.sunsetMs - nowMs)}` };
-  }
-  const tm = sunTimes(nowMs + DAY_MS, lat, lon);
-  if (tm.polar) return { up: false, text: "sunrise in \u2014" };
-  return { up: false, text: `sunrise in ${fmtDelta(tm.sunriseMs - nowMs)}` };
+function partsFor(entry, now) {
+  return entry.kind === "fixed" ? fixedParts(entry.fixedOffsetMin ?? 0, now) : zoneParts(entry.zone, now);
 }
-function handAngles(h, m, s) {
-  return {
-    hour: (h % 12 + m / 60) * 30,
-    minute: (m + s / 60) * 6,
-    second: s * 6
-  };
-}
-
-// src/clock/renderer.ts
 var PLACE_ACCENTS = [
   "blue",
   "green",
@@ -275,34 +130,18 @@ function daysLabel(days) {
     return "Mon\u2013Fri";
   return on.join(", ");
 }
-function buildSwatches(palette, muted) {
-  const bg = palette.bg;
-  const day = resolveColor("orange", palette) ?? "#d98a1f";
-  const night = resolveColor("blue", palette) ?? "#4864b0";
-  const ok = resolveColor("green", palette) ?? "#3f9e59";
-  const soon = resolveColor("orange", palette) ?? "#c9761a";
-  return {
-    day,
-    night,
-    dayTint: mix(day, bg, 14),
-    nightTint: mix(night, bg, 14),
-    ok,
-    soon,
-    off: muted,
-    okSoft: mix(ok, bg, 14),
-    soonSoft: mix(soon, bg, 14),
-    offSoft: mix(muted, bg, 16),
-    // Sundown indicator: a yellow sun by day, a blue moon by night.
-    sunIcon: resolveColor("yellow", palette) ?? "#f4b400",
-    moonIcon: night
-  };
-}
 function renderClock(container, parsed, palette, isDark, exportDims) {
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const avail = exportDims?.width ?? container.clientWidth;
   const heightHint = exportDims?.height ?? container.clientHeight;
   if (avail <= 0) return;
-  const width = exportDims?.width ?? Math.min(720, Math.max(460, avail));
+  const cardM = 8;
+  const baseWidth = Math.min(720, Math.max(460, avail));
+  const COL_MIN_W = 190;
+  const width = exportDims?.width ?? (parsed.columns ? Math.max(
+    baseWidth,
+    COL_MIN_W * Math.max(1, parsed.entries.length) + 2 * cardM
+  ) : baseWidth);
   const now = Date.now();
   const baseBg = themeBaseBg(palette, isDark);
   const muted = mix(palette.text, baseBg, 55);
@@ -316,8 +155,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
   const rowH = 84;
   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 ?? "Clock"} \u2014 world clocks`).style("font-family", FONT_FAMILY);
   const bgRect = svg.append("rect").attr("width", width).attr("fill", palette.bg);
-  const cardM = 8;
-  const card = svg.append("rect").attr("x", cardM).attr("y", cardM).attr("width", width - 2 * cardM).attr("rx", 14).attr("fill", cardFill).attr("stroke", mix(palette.text, palette.bg, 40)).attr("stroke-width", 1);
+  const card = svg.append("rect").attr("x", cardM).attr("y", cardM).attr("width", width - 2 * cardM).attr("rx", 14).attr("fill", parsed.fillMode === "outline" ? baseBg : cardFill).attr("stroke", mix(palette.text, palette.bg, 40)).attr("stroke-width", 1);
   clipSeq += 1;
   const clipId = `dgmo-clock-clip-${clipSeq}`;
   const clipRect = svg.append("clipPath").attr("id", clipId).append("rect").attr("x", cardM).attr("y", cardM).attr("width", width - 2 * cardM).attr("rx", 14);
@@ -345,6 +183,8 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     line2,
     tick: mix(palette.text, palette.bg, 35),
     cardFill,
+    baseBg,
+    fillMode: parsed.fillMode,
     sw,
     palette
   };
@@ -357,7 +197,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     if (parsed.face === "digital") {
       let secW = 0;
       for (const e of parsed.entries) {
-        const p = zoneParts(e.zone, now);
+        const p = partsFor(e, now);
         const t = formatTime(p.h, p.m, p.s, parsed.hours12);
         mainW = Math.max(mainW, estWidth(t.main, 48));
         secW = Math.max(secW, estWidth(`:${t.sec}`, 16), estWidth(t.ap, 16));
@@ -386,11 +226,14 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
   bgRect.attr("height", bannerH);
   card.attr("height", bannerH - 2 * cardM);
 }
+function zoneFillMode(entry, parsed, col) {
+  return entry.color || parsed.colorBy === "place" ? col.fillMode : void 0;
+}
 function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   const { padX } = geom;
   const { text, muted, line2, tick, sw, cardFill } = col;
   const center = rowTop + rowH / 2;
-  const parts = zoneParts(entry.zone, now);
+  const parts = partsFor(entry, now);
   const hasCoords = entry.lat !== null && entry.lon !== null;
   const sun = parsed.sun && hasCoords ? sunLine(now, entry.lat, entry.lon) : null;
   const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
@@ -413,13 +256,16 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   });
   const rightBlockW = 178;
   const rightColLeft = geom.rightX - rightBlockW;
+  const fm = zoneFillMode(entry, parsed, col);
   const g = svg.append("g").attr("data-line-number", entry.lineNumber);
   if (auto) {
-    g.append("rect").attr("x", 9).attr("y", rowTop).attr("width", geom.width - 18).attr("height", rowH).attr("fill", auto.laneTint);
+    g.append("rect").attr("data-dgmo-clock-lane", "").attr("x", 9).attr("y", rowTop).attr("width", geom.width - 18).attr("height", rowH).attr("fill", fm === "outline" ? col.baseBg : auto.laneTint);
   }
   g.attr("data-dgmo-clock", "").attr("data-dgmo-clock-zone", entry.zone).attr("data-dgmo-clock-face", parsed.face).attr("data-dgmo-clock-hours12", parsed.hours12 ? "1" : "0").attr("data-dgmo-clock-sun", sun ? "1" : "0").attr("data-dgmo-clock-c-day", sw.day).attr("data-dgmo-clock-c-night", sw.night).attr("data-dgmo-clock-c-day-soft", sw.dayTint).attr("data-dgmo-clock-c-night-soft", sw.nightTint).attr("data-dgmo-clock-c-ok", sw.ok).attr("data-dgmo-clock-c-soon", sw.soon).attr("data-dgmo-clock-c-off", sw.off).attr("data-dgmo-clock-c-ok-soft", sw.okSoft).attr("data-dgmo-clock-c-soon-soft", sw.soonSoft).attr("data-dgmo-clock-c-off-soft", sw.offSoft);
   if (entry.lat !== null) g.attr("data-dgmo-clock-lat", entry.lat);
   if (entry.lon !== null) g.attr("data-dgmo-clock-lon", entry.lon);
+  if (entry.kind === "fixed")
+    g.attr("data-dgmo-clock-fixed-offset", entry.fixedOffsetMin ?? 0);
   if (parsed.work) {
     g.attr("data-dgmo-clock-work-start", parsed.work.startMin).attr("data-dgmo-clock-work-end", parsed.work.endMin).attr(
       "data-dgmo-clock-work-days",
@@ -428,15 +274,18 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   }
   const contentLeft = padX + 4;
   const timeColor = auto?.solid ?? text;
-  const faceFill = auto ? mix(auto.solid, cardFill, 20) : stTint;
+  const faceFill = auto && fm === "outline" ? col.baseBg : auto && fm === "solid" ? auto.solid : auto ? mix(auto.solid, cardFill, 20) : stTint;
   const ringColor = auto?.solid ?? line2;
-  const accentColor = auto?.solid ?? stColor;
+  const handInk = auto && fm === "solid" ? contrastText(
+    auto.solid,
+    col.palette.textOnFillLight,
+    col.palette.textOnFillDark
+  ) : text;
+  const accentColor = auto && fm === "solid" ? handInk : auto?.solid ?? stColor;
   if (auto) {
-    g.attr("data-dgmo-clock-auto-solid", auto.solid).attr(
-      "data-dgmo-clock-auto-face",
-      faceFill
-    );
+    g.attr("data-dgmo-clock-auto-solid", auto.solid).attr("data-dgmo-clock-auto-face", faceFill).attr("data-dgmo-clock-auto-mode", parsed.colorBy).attr("data-dgmo-clock-cardfill", cardFill);
   }
+  if (fm) g.attr("data-dgmo-clock-fill-mode", fm);
   if (parsed.face === "analog") {
     const size = rowH - 20;
     const fx = contentLeft;
@@ -449,8 +298,8 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
       fg.append("line").attr("x1", 50 + 39 * Math.sin(a)).attr("y1", 50 - 39 * Math.cos(a)).attr("x2", 50 + 46 * Math.sin(a)).attr("y2", 50 - 46 * Math.cos(a)).attr("stroke", tick).attr("stroke-width", 1.8);
     }
     const ang = handAngles(parts.h, parts.m, parts.s);
-    fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", text).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
-    fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", text).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
+    fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", handInk).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
+    fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", handInk).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
     fg.append("line").attr("data-dgmo-clock-hand", "s").attr("x1", 50).attr("y1", 55).attr("x2", 50).attr("y2", 14).attr("stroke", accentColor).attr("stroke-width", 1.3).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.second} 50 50)`);
     fg.append("circle").attr("data-dgmo-clock-center", "").attr("cx", 50).attr("cy", 50).attr("r", 2.6).attr("fill", accentColor);
   } else {
@@ -497,7 +346,8 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   const textX = rightColLeft + 20;
   const textMax = geom.rightX - textX;
   const lines = [];
-  if (entry.label !== entry.place) lines.push({ kind: "place" });
+  if (entry.kind === "fixed") lines.push({ kind: "fixed" });
+  else if (entry.label !== entry.place) lines.push({ kind: "place" });
   if (status) lines.push({ kind: "avail" });
   if (sun) lines.push({ kind: "sun" });
   const lh = 23;
@@ -509,21 +359,33 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
       g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 500).text(ellipsize(entry.place, 14, textMax));
     } else if (ln.kind === "avail" && status) {
       const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
-      const dot = g.append("circle").attr("data-dgmo-clock-status-dot", "").attr("cx", iconX).attr("cy", yy - 5).attr("r", 5);
-      if (status.cls === "off")
-        dot.attr("fill", "none").attr("stroke", stCol).attr("stroke-width", 1.6);
-      else dot.attr("fill", stCol).attr("stroke", "none");
+      drawStatusClock(g, iconX, yy - 5, 5, stCol);
       g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 600).text(ellipsize(status.text, 14, textMax));
     } else if (ln.kind === "sun" && sun) {
       drawSunMoon(g, iconX, yy - 5, up, sw, 1.25);
       g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 13.5).text(ellipsize(sun.text, 13.5, textMax));
+    } else if (ln.kind === "fixed") {
+      drawFixedGlyph(g, iconX, yy - 5, muted);
+      g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 13.5).text(ellipsize(`${entry.place} \xB7 no DST`, 13.5, textMax));
     }
   });
 }
+function drawFixedGlyph(parent, cx, cy, color) {
+  const g = parent.append("g").attr("transform", `translate(${cx},${cy})`);
+  for (let k = 0; k < 3; k++) {
+    const a = k * 60 * Math.PI / 180;
+    g.append("line").attr("x1", -4 * Math.cos(a)).attr("y1", -4 * Math.sin(a)).attr("x2", 4 * Math.cos(a)).attr("y2", 4 * Math.sin(a)).attr("stroke", color).attr("stroke-width", 1.2).attr("stroke-linecap", "round");
+  }
+}
+function drawStatusClock(parent, cx, cy, r, color) {
+  parent.append("circle").attr("data-dgmo-clock-status-icon", "").attr("cx", cx).attr("cy", cy).attr("r", r).attr("fill", color);
+}
 function bakeAnchors(g, entry, parsed, sun, sw) {
   g.attr("data-dgmo-clock", "").attr("data-dgmo-clock-zone", entry.zone).attr("data-dgmo-clock-face", parsed.face).attr("data-dgmo-clock-hours12", parsed.hours12 ? "1" : "0").attr("data-dgmo-clock-sun", sun ? "1" : "0").attr("data-dgmo-clock-c-day", sw.day).attr("data-dgmo-clock-c-night", sw.night).attr("data-dgmo-clock-c-day-soft", sw.dayTint).attr("data-dgmo-clock-c-night-soft", sw.nightTint).attr("data-dgmo-clock-c-ok", sw.ok).attr("data-dgmo-clock-c-soon", sw.soon).attr("data-dgmo-clock-c-off", sw.off).attr("data-dgmo-clock-c-ok-soft", sw.okSoft).attr("data-dgmo-clock-c-soon-soft", sw.soonSoft).attr("data-dgmo-clock-c-off-soft", sw.offSoft);
   if (entry.lat !== null) g.attr("data-dgmo-clock-lat", entry.lat);
   if (entry.lon !== null) g.attr("data-dgmo-clock-lon", entry.lon);
+  if (entry.kind === "fixed")
+    g.attr("data-dgmo-clock-fixed-offset", entry.fixedOffsetMin ?? 0);
   if (parsed.work) {
     g.attr("data-dgmo-clock-work-start", parsed.work.startMin).attr("data-dgmo-clock-work-end", parsed.work.endMin).attr(
       "data-dgmo-clock-work-days",
@@ -538,10 +400,12 @@ function drawColumns(body, parsed, now, top, geom, col) {
   const colW = (width - 2 * cardM) / n;
   const tints = [];
   let maxBottom = top;
+  const deferred = [];
+  let detailTop = top;
   parsed.entries.forEach((entry, i) => {
     const x0 = cardM + i * colW;
     const cx = x0 + colW / 2;
-    const parts = zoneParts(entry.zone, now);
+    const parts = partsFor(entry, now);
     const hasCoords = entry.lat !== null && entry.lon !== null;
     const sun = parsed.sun && hasCoords ? sunLine(now, entry.lat, entry.lon) : null;
     const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
@@ -562,22 +426,26 @@ function drawColumns(body, parsed, now, top, geom, col) {
       palette: col.palette,
       cardFill
     });
+    const fm = zoneFillMode(entry, parsed, col);
     const timeColor = auto?.solid ?? text;
-    const faceFill = auto ? mix(auto.solid, cardFill, 20) : stTint;
+    const faceFill = auto && fm === "outline" ? col.baseBg : auto && fm === "solid" ? auto.solid : auto ? mix(auto.solid, cardFill, 20) : stTint;
     const ringColor = auto?.solid ?? line2;
-    const accentColor = auto?.solid ?? stColor;
+    const handInk = auto && fm === "solid" ? contrastText(
+      auto.solid,
+      col.palette.textOnFillLight,
+      col.palette.textOnFillDark
+    ) : text;
+    const accentColor = auto && fm === "solid" ? handInk : auto?.solid ?? stColor;
+    const g = body.append("g").attr("data-line-number", entry.lineNumber);
+    bakeAnchors(g, entry, parsed, sun, sw);
     if (auto)
       tints.push(
-        body.append("rect").attr("x", x0).attr("y", top).attr("width", colW).attr("fill", auto.laneTint)
+        g.append("rect").attr("data-dgmo-clock-lane", "").attr("x", x0).attr("y", top).attr("width", colW).attr("fill", fm === "outline" ? col.baseBg : auto.laneTint)
       );
-    const g = body.append("g").attr("data-line-number", entry.lineNumber);
-    bakeAnchors(g, entry, parsed, sun, sw);
     if (auto) {
-      g.attr("data-dgmo-clock-auto-solid", auto.solid).attr(
-        "data-dgmo-clock-auto-face",
-        faceFill
-      );
+      g.attr("data-dgmo-clock-auto-solid", auto.solid).attr("data-dgmo-clock-auto-face", faceFill).attr("data-dgmo-clock-auto-mode", parsed.colorBy).attr("data-dgmo-clock-cardfill", cardFill);
     }
+    if (fm) g.attr("data-dgmo-clock-fill-mode", fm);
     let cy = top + (parsed.face === "analog" ? 22 : 36);
     const innerW = colW - 16;
     if (parsed.face === "analog") {
@@ -593,24 +461,26 @@ function drawColumns(body, parsed, now, top, geom, col) {
         fg.append("line").attr("x1", 50 + 39 * Math.sin(a)).attr("y1", 50 - 39 * Math.cos(a)).attr("x2", 50 + 46 * Math.sin(a)).attr("y2", 50 - 46 * Math.cos(a)).attr("stroke", tick).attr("stroke-width", 1.8);
       }
       const ang = handAngles(parts.h, parts.m, parts.s);
-      fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", text).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
-      fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", text).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
+      fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", handInk).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
+      fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", handInk).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
       fg.append("line").attr("data-dgmo-clock-hand", "s").attr("x1", 50).attr("y1", 55).attr("x2", 50).attr("y2", 14).attr("stroke", accentColor).attr("stroke-width", 1.3).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.second} 50 50)`);
       fg.append("circle").attr("data-dgmo-clock-center", "").attr("cx", 50).attr("cy", 50).attr("r", 2.6).attr("fill", accentColor);
       cy += size + 6;
     } else {
-      const sf = 13;
-      const tf = fitFont(ts.main, 44, innerW - 30, 20);
+      const sf = 22;
+      const gap = 11;
+      const cap = 0.7;
+      const tf = fitFont(ts.main, 54, innerW - 30 - gap, 20);
       const mainW = [...ts.main].reduce(
         (w, c) => w + tf * (c === ":" ? 0.334 : 0.6),
         0
       );
       const stackW = Math.max(estWidth(`:${ts.sec}`, sf), estWidth(ts.ap, sf));
-      const gLeft = cx - (mainW + 7 + stackW) / 2;
+      const gLeft = cx - (mainW + gap + stackW) / 2;
       const baseY = cy + tf * 0.34;
       g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("x", gLeft).attr("y", baseY).attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", tf).attr("font-weight", 600).attr("textLength", mainW).attr("lengthAdjust", "spacing").style("font-variant-numeric", "tabular-nums").text(ts.main);
-      const stackX = gLeft + mainW + 7;
-      g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", baseY - tf * 0.32).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(`:${ts.sec}`);
+      const stackX = gLeft + mainW + gap;
+      g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", baseY - tf * cap + sf * cap).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(`:${ts.sec}`);
       if (ts.ap)
         g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(ts.ap);
       cy += tf + 8;
@@ -635,34 +505,49 @@ function drawColumns(body, parsed, now, top, geom, col) {
     );
     cy += alines.length * alh + 12;
     const kinds = [];
-    if (entry.label !== entry.place) kinds.push("place");
+    if (entry.kind === "fixed") kinds.push("fixed");
+    else if (entry.label !== entry.place) kinds.push("place");
     if (status) kinds.push("avail");
     if (sun) kinds.push("sun");
     const iconX = x0 + 16;
     const textX = x0 + 28;
     const tmax = colW - 40;
-    kinds.forEach((kind, j) => {
-      const yy = cy + j * 20;
-      if (kind === "place") {
-        g.append("path").attr("transform", `translate(${iconX},${yy - 4})`).attr("d", "M0,4 L-2.3,-0.6 A2.6,2.6 0 1 1 2.3,-0.6 Z").attr("fill", muted);
-        g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 12).text(ellipsize(entry.place, 12, tmax));
-      } else if (kind === "avail" && status) {
-        const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
-        const dot = g.append("circle").attr("data-dgmo-clock-status-dot", "").attr("cx", iconX).attr("cy", yy - 4).attr("r", 4);
-        if (status.cls === "off")
-          dot.attr("fill", "none").attr("stroke", stCol).attr("stroke-width", 1.4);
-        else dot.attr("fill", stCol).attr("stroke", "none");
-        g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 600).text(ellipsize(status.text, 12, tmax));
-      } else if (kind === "sun" && sun) {
-        drawSunMoon(g, iconX, yy - 4, up, sw, 1);
-        g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 11.5).text(ellipsize(sun.text, 11.5, tmax));
+    deferred.push({
+      kinds: kinds.length,
+      draw: (startY) => {
+        kinds.forEach((kind, j) => {
+          const yy = startY + j * 20;
+          if (kind === "place") {
+            g.append("path").attr("transform", `translate(${iconX},${yy - 4})`).attr("d", "M0,4 L-2.3,-0.6 A2.6,2.6 0 1 1 2.3,-0.6 Z").attr("fill", muted);
+            g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 12).text(ellipsize(entry.place, 12, tmax));
+          } else if (kind === "avail" && status) {
+            const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
+            drawStatusClock(g, iconX, yy - 4, 4, stCol);
+            g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 600).text(ellipsize(status.text, 12, tmax));
+          } else if (kind === "sun" && sun) {
+            drawSunMoon(g, iconX, yy - 4, up, sw, 1);
+            g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 11.5).text(ellipsize(sun.text, 11.5, tmax));
+          } else if (kind === "fixed") {
+            drawFixedGlyph(g, iconX, yy - 4, muted);
+            g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 11.5).text(ellipsize(`${entry.place} \xB7 no DST`, 11.5, tmax));
+          }
+        });
       }
     });
-    const bottom = kinds.length ? cy + (kinds.length - 1) * 20 + 8 : cy;
+    if (cy > detailTop) detailTop = cy;
+  });
+  deferred.forEach((d) => {
+    d.draw(detailTop);
+    const bottom = d.kinds ? detailTop + (d.kinds - 1) * 20 + 8 : detailTop;
     if (bottom > maxBottom) maxBottom = bottom;
   });
   const colBodyH = maxBottom - top + 14;
   tints.forEach((r) => r.attr("height", colBodyH));
+  const dividerColor = mix(col.palette.text, col.palette.bg, 40);
+  for (let i = 1; i < n; i++) {
+    const x = cardM + i * colW;
+    body.append("line").attr("data-dgmo-clock-col-divider", "").attr("x1", x).attr("x2", x).attr("y1", top).attr("y2", top + colBodyH).attr("stroke", dividerColor).attr("stroke-width", 1);
+  }
   return top + colBodyH + cardM;
 }
 function renderClockForExport(container, parsed, palette, isDark, exportDims) {
@@ -670,12 +555,7 @@ function renderClockForExport(container, parsed, palette, isDark, exportDims) {
 }
 
 export {
-  zoneParts,
-  formatTime,
-  workStatus,
-  sunLine,
-  handAngles,
   renderClock,
   renderClockForExport
 };
-//# sourceMappingURL=chunk-5WFIYXQ6.js.map
+//# sourceMappingURL=chunk-5223KXFD.js.map

package/dist/{chunk-PFHVU7UA.js → chunk-5BHJZH62.js}

@@ -1,10 +1,10 @@
 import {
   mix
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -164,4 +164,4 @@ export {
   formatPct,
   buildLegend
 };
-//# sourceMappingURL=chunk-PFHVU7UA.js.map
+//# sourceMappingURL=chunk-5BHJZH62.js.map

package/dist/{chunk-QYTPPDAO.js → chunk-5HILBT7X.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   getSeriesColors
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -399,4 +399,4 @@ export {
   renderVersionControl,
   renderVersionControlForExport
 };
-//# sourceMappingURL=chunk-QYTPPDAO.js.map
+//# sourceMappingURL=chunk-5HILBT7X.js.map

package/dist/{chunk-GKC3HILQ.js → chunk-5NGAO4QK.js}

@@ -1,6 +1,6 @@
 import {
   MAP_DIRECTIVE_KEY_SET
-} from "./chunk-U2HGPLZS.js";
+} from "./chunk-FQ7HTV52.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   parseInArrowLabel
 } from "./chunk-FFUN5D66.js";
@@ -19,7 +19,7 @@ import {
   peelRampColors,
   splitNameAndMeta,
   withTagAliases
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -299,6 +299,17 @@ function parseMap(content, palette) {
       case "no-cluster-pois":
         d.noClusterPois = true;
         break;
+      // ── Clock channel (BL-122). Activation is the per-POI `clock` flag (see
+      //    handlePoi); `hours`/`days` are the global availability window, stored
+      //    raw and parsed at resolve. ──
+      case "hours":
+        dup(d.clockHours);
+        d.clockHours = value;
+        break;
+      case "days":
+        dup(d.clockDays);
+        d.clockDays = value;
+        break;
     }
   }
   function handleTag(trimmed, line) {
@@ -386,6 +397,17 @@ function parseMap(content, palette) {
         line,
         "Coordinates are positional, not `at:` \u2014 write `poi <lat> <lon>`."
       );
+    let clockFlag = false;
+    rest = rest.replace(/(?<=^|[\s,])clock(?=[\s,]|$)/, () => {
+      clockFlag = true;
+      return "";
+    });
+    if (clockFlag) {
+      const colon = rest.indexOf(":");
+      if (colon >= 0)
+        rest = rest.slice(0, colon).replace(/,/g, " ") + rest.slice(colon);
+      rest = rest.replace(/^[\s,]+|[\s,]+$/g, "").replace(/\s{2,}/g, " ").trim();
+    }
     const split = splitNameAndMeta(
       rest,
       registry(),
@@ -401,6 +423,7 @@ function parseMap(content, palette) {
     const label = meta["label"];
     if (label !== void 0) delete meta["label"];
     const poi = { pos, tags, meta, lineNumber: line };
+    if (clockFlag || meta["clock"] !== void 0) poi.clock = true;
     if (split.alias) poi.alias = split.alias;
     if (label !== void 0) poi.label = label;
     if (split.color) poi.color = split.color;
@@ -610,4 +633,4 @@ export {
   looksLikeMap,
   parseMap
 };
-//# sourceMappingURL=chunk-GKC3HILQ.js.map
+//# sourceMappingURL=chunk-5NGAO4QK.js.map