@nika-js/onlymap 0.8.0 → 0.8.1

package/dist/cartograph.js

@@ -1,16 +1,16 @@
-let $t = null, Z = null;
+let kt = null, Z = null;
 function ye(r) {
-  $t = r;
+  kt = r;
 }
 function Ze() {
-  return B !== null;
+  return V !== null;
 }
-let B = null;
-function H() {
-  return B;
+let V = null;
+function G() {
+  return V;
 }
 function we() {
-  return B ? Promise.resolve(B) : Z || ($t ? (Z = Promise.resolve($t()).then((r) => (B = r, B)).catch((r) => {
+  return V ? Promise.resolve(V) : Z || (kt ? (Z = Promise.resolve(kt()).then((r) => (V = r, V)).catch((r) => {
     throw Z = null, r;
   }), Z) : Promise.reject(
     new Error(
@@ -22,32 +22,32 @@ const Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   isCoreLoaded: Ze,
   loadCore: we,
-  peekCore: H,
+  peekCore: G,
   setCoreLoader: ye
 }, Symbol.toStringTag, { value: "Module" }));
-function _t(r) {
+function Ot(r) {
   return { scale: r / 96, pxPerMm: r / 25.4 };
 }
 function ft(r) {
   return typeof r?.paintCartograph == "function";
 }
-const q = (r, t) => {
+const B = (r, t) => {
   const e = r.getAttribute(t);
   if (e == null || e.trim() === "") return null;
   const n = Number(e);
   return Number.isFinite(n) ? n : null;
 };
-function C(r) {
+function S(r) {
   return {
-    x: q(r, "x") ?? 0,
-    y: q(r, "y") ?? 0,
-    w: q(r, "w") ?? 0,
-    h: q(r, "h") ?? 0,
-    rotation: q(r, "rotation") ?? 0,
-    z: q(r, "z")
+    x: B(r, "x") ?? 0,
+    y: B(r, "y") ?? 0,
+    w: B(r, "w") ?? 0,
+    h: B(r, "h") ?? 0,
+    rotation: B(r, "rotation") ?? 0,
+    z: B(r, "z")
   };
 }
-function kt(r, t = 0) {
+function $t(r, t = 0) {
   if (!r) return t;
   const e = Number.parseFloat(r);
   return Number.isFinite(e) ? e : t;
@@ -57,7 +57,7 @@ function L(r) {
   const t = r.trim().toLowerCase();
   return t === "transparent" || t === "rgba(0, 0, 0, 0)" || t === "none" ? null : r;
 }
-const W = 96 / 25.4, Ot = {
+const j = 96 / 25.4, Ut = {
   A0: { widthMm: 841, heightMm: 1189 },
   A1: { widthMm: 594, heightMm: 841 },
   A2: { widthMm: 420, heightMm: 594 },
@@ -66,25 +66,25 @@ const W = 96 / 25.4, Ot = {
   A5: { widthMm: 148, heightMm: 210 },
   Letter: { widthMm: 215.9, heightMm: 279.4 },
   Legal: { widthMm: 215.9, heightMm: 355.6 }
-}, Ut = "A4";
+}, jt = "A4";
 function ct(r, t, e, n) {
   const i = t != null ? Number(t) : NaN, s = e != null ? Number(e) : NaN;
   if (Number.isFinite(i) && i > 0 && Number.isFinite(s) && s > 0) return { widthMm: i, heightMm: s };
-  const o = Ot[r ?? Ut] ?? Ot[Ut];
+  const o = Ut[r ?? jt] ?? Ut[jt];
   return n === "landscape" ? { widthMm: o.heightMm, heightMm: o.widthMm } : { ...o };
 }
-let tt = null;
+let et = null;
 function Qe(r) {
-  if (!tt) {
-    tt = new Uint32Array(256);
+  if (!et) {
+    et = new Uint32Array(256);
     for (let e = 0; e < 256; e++) {
       let n = e;
       for (let i = 0; i < 8; i++) n = n & 1 ? 3988292384 ^ n >>> 1 : n >>> 1;
-      tt[e] = n >>> 0;
+      et[e] = n >>> 0;
     }
   }
   let t = 4294967295;
-  for (let e = 0; e < r.length; e++) t = tt[(t ^ r[e]) & 255] ^ t >>> 8;
+  for (let e = 0; e < r.length; e++) t = et[(t ^ r[e]) & 255] ^ t >>> 8;
   return (t ^ 4294967295) >>> 0;
 }
 function tr(r) {
@@ -115,19 +115,19 @@ const dt = ["protanopia", "deuteranopia", "tritanopia", "achromatopsia"], Me = {
   tritan: "tritanopia",
   achroma: "achromatopsia"
 };
-function Lt(r) {
+function Ft(r) {
   const t = r?.trim().toLowerCase();
   return !t || t === "none" ? null : dt.includes(t) ? t : Me[t] ?? null;
 }
-const rr = ["none", ...dt, ...Object.keys(Me)], Ft = {
+const rr = ["none", ...dt, ...Object.keys(Me)], It = {
   protanopia: [0.11238, 0.88762, 0, 0.11238, 0.88762, 0, 401e-5, -401e-5, 1],
   deuteranopia: [0.29275, 0.70725, 0, 0.29275, 0.70725, 0, -0.02234, 0.02234, 1],
   tritanopia: [1, 0.14461, -0.14461, 0, 0.85659, 0.14341, 0, 0.85659, 0.14341],
   achromatopsia: [0.2126, 0.7152, 0.0722, 0.2126, 0.7152, 0.0722, 0.2126, 0.7152, 0.0722]
-}, D = (r) => {
+}, q = (r) => {
   const t = r / 255;
   return t <= 0.04045 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
-}, at = (r) => {
+}, lt = (r) => {
   const t = Math.min(1, Math.max(0, r));
   return 255 * (t <= 31308e-7 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - 0.055);
 };
@@ -140,31 +140,31 @@ function nr(r) {
   const n = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/.exec(t);
   return n ? { r: Number(n[1]), g: Number(n[2]), b: Number(n[3]) } : null;
 }
-function jt(r, t) {
-  const e = Ft[t], [n, i, s] = [D(r.r), D(r.g), D(r.b)];
+function zt(r, t) {
+  const e = It[t], [n, i, s] = [q(r.r), q(r.g), q(r.b)];
   return {
-    r: at(e[0] * n + e[1] * i + e[2] * s),
-    g: at(e[3] * n + e[4] * i + e[5] * s),
-    b: at(e[6] * n + e[7] * i + e[8] * s)
+    r: lt(e[0] * n + e[1] * i + e[2] * s),
+    g: lt(e[3] * n + e[4] * i + e[5] * s),
+    b: lt(e[6] * n + e[7] * i + e[8] * s)
   };
 }
-function zt({ r, g: t, b: e }) {
-  const [n, i, s] = [D(r), D(t), D(e)], o = (n * 0.4124564 + i * 0.3575761 + s * 0.1804375) / 0.95047, a = n * 0.2126729 + i * 0.7151522 + s * 0.072175, l = (n * 0.0193339 + i * 0.119192 + s * 0.9503041) / 1.08883, c = (h) => h > 216 / 24389 ? Math.cbrt(h) : 841 / 108 * h + 4 / 29, [u, m, d] = [c(o), c(a), c(l)];
+function Dt({ r, g: t, b: e }) {
+  const [n, i, s] = [q(r), q(t), q(e)], o = (n * 0.4124564 + i * 0.3575761 + s * 0.1804375) / 0.95047, a = n * 0.2126729 + i * 0.7151522 + s * 0.072175, l = (n * 0.0193339 + i * 0.119192 + s * 0.9503041) / 1.08883, c = (h) => h > 216 / 24389 ? Math.cbrt(h) : 841 / 108 * h + 4 / 29, [u, m, d] = [c(o), c(a), c(l)];
   return [116 * m - 16, 500 * (u - m), 200 * (m - d)];
 }
-function Dt(r, t) {
-  const [e, n, i] = zt(r), [s, o, a] = zt(t), l = Math.PI / 180, c = 180 / Math.PI, u = (Math.hypot(n, i) + Math.hypot(o, a)) / 2, m = 0.5 * (1 - Math.sqrt(u ** 7 / (u ** 7 + 25 ** 7))), [d, h] = [n * (1 + m), o * (1 + m)], [f, p] = [Math.hypot(d, i), Math.hypot(h, a)], g = (U, Q) => {
-    if (U === 0 && Q === 0) return 0;
-    const X = Math.atan2(Q, U) * c;
+function Gt(r, t) {
+  const [e, n, i] = Dt(r), [s, o, a] = Dt(t), l = Math.PI / 180, c = 180 / Math.PI, u = (Math.hypot(n, i) + Math.hypot(o, a)) / 2, m = 0.5 * (1 - Math.sqrt(u ** 7 / (u ** 7 + 25 ** 7))), [d, h] = [n * (1 + m), o * (1 + m)], [f, p] = [Math.hypot(d, i), Math.hypot(h, a)], g = (U, tt) => {
+    if (U === 0 && tt === 0) return 0;
+    const X = Math.atan2(tt, U) * c;
     return X >= 0 ? X : X + 360;
-  }, [b, w] = [g(d, i), g(h, a)], y = s - e, S = p - f;
+  }, [b, w] = [g(d, i), g(h, a)], y = s - e, C = p - f;
   let M = 0;
   f * p !== 0 && (M = w - b, M > 180 ? M -= 360 : M < -180 && (M += 360));
-  const F = 2 * Math.sqrt(f * p) * Math.sin(M * l / 2), _ = (e + s) / 2, $ = (f + p) / 2;
+  const F = 2 * Math.sqrt(f * p) * Math.sin(M * l / 2), _ = (e + s) / 2, k = (f + p) / 2;
   let N = b + w;
   f * p !== 0 && (Math.abs(b - w) > 180 && (N += b + w < 360 ? 360 : -360), N /= 2);
-  const T = 1 - 0.17 * Math.cos((N - 30) * l) + 0.24 * Math.cos(2 * N * l) + 0.32 * Math.cos((3 * N + 6) * l) - 0.2 * Math.cos((4 * N - 63) * l), v = 1 + 0.015 * (_ - 50) ** 2 / Math.sqrt(20 + (_ - 50) ** 2), A = 1 + 0.045 * $, k = 1 + 0.015 * $ * T, E = -2 * Math.sqrt($ ** 7 / ($ ** 7 + 25 ** 7)) * Math.sin(60 * Math.exp(-(((N - 275) / 25) ** 2)) * l);
-  return Math.sqrt((y / v) ** 2 + (S / A) ** 2 + (F / k) ** 2 + E * (S / A) * (F / k));
+  const T = 1 - 0.17 * Math.cos((N - 30) * l) + 0.24 * Math.cos(2 * N * l) + 0.32 * Math.cos((3 * N + 6) * l) - 0.2 * Math.cos((4 * N - 63) * l), v = 1 + 0.015 * (_ - 50) ** 2 / Math.sqrt(20 + (_ - 50) ** 2), A = 1 + 0.045 * k, $ = 1 + 0.015 * k * T, E = -2 * Math.sqrt(k ** 7 / (k ** 7 + 25 ** 7)) * Math.sin(60 * Math.exp(-(((N - 275) / 25) ** 2)) * l);
+  return Math.sqrt((y / v) ** 2 + (C / A) ** 2 + (F / $) ** 2 + E * (C / A) * (F / $));
 }
 const ir = 10;
 function or(r, t = ir) {
@@ -180,8 +180,8 @@ function or(r, t = ir) {
     for (const l of e.values())
       for (let c = 0; c < l.length; c++)
         for (let u = c + 1; u < l.length; u++) {
-          if (Dt(l[c].rgb, l[u].rgb) < t) continue;
-          const d = Dt(jt(l[c].rgb, a), jt(l[u].rgb, a));
+          if (Gt(l[c].rgb, l[u].rgb) < t) continue;
+          const d = Gt(zt(l[c].rgb, a), zt(l[u].rgb, a));
           d < t && (n.push({ type: a, a: l[c].entry, b: l[u].entry, distance: d }), i.set(a, (i.get(a) ?? 0) + 1));
         }
   let s = null, o = 0;
@@ -198,13 +198,13 @@ function sr(r, t, e, n) {
     return !1;
   }
   const s = new Float64Array(256);
-  for (let m = 0; m < 256; m++) s[m] = D(m);
+  for (let m = 0; m < 256; m++) s[m] = q(m);
   const o = 1024, a = new Float64Array(o + 1);
-  for (let m = 0; m <= o; m++) a[m] = at(m / o);
+  for (let m = 0; m <= o; m++) a[m] = lt(m / o);
   const l = (m) => {
     const d = Math.min(1, Math.max(0, m)) * o, h = Math.floor(d);
     return h >= o ? a[o] : a[h] + (a[h + 1] - a[h]) * (d - h);
-  }, c = Ft[n], u = i.data;
+  }, c = It[n], u = i.data;
   for (let m = 0; m < u.length; m += 4) {
     const d = s[u[m]], h = s[u[m + 1]], f = s[u[m + 2]];
     u[m] = l(c[0] * d + c[1] * h + c[2] * f), u[m + 1] = l(c[3] * d + c[4] * h + c[5] * f), u[m + 2] = l(c[6] * d + c[7] * h + c[8] * f);
@@ -221,7 +221,7 @@ function ar(r) {
     n.id = ve(e), n.setAttribute("color-interpolation-filters", "linearRGB");
     const i = r.createElementNS("http://www.w3.org/2000/svg", "feColorMatrix");
     i.setAttribute("type", "matrix");
-    const s = Ft[e];
+    const s = It[e];
     i.setAttribute("values", [s[0], s[1], s[2], 0, 0, s[3], s[4], s[5], 0, 0, s[6], s[7], s[8], 0, 0, 0, 0, 0, 1, 0].join(" ")), n.appendChild(i), t.appendChild(n);
   }
   r.body.appendChild(t);
@@ -243,9 +243,9 @@ async function lr(r) {
 function cr(r) {
   return [...r.children].filter(
     (t) => !t.hasAttribute("hidden") && !t.hasAttribute("data-om-carto-marks") && !t.hasAttribute("data-om-carto-flattened") && t.tagName.toLowerCase() !== "style" && t.tagName.toLowerCase() !== "script"
-  ).map((t, e) => ({ el: t, index: e, z: C(t).z ?? 0 })).sort((t, e) => t.z - e.z || t.index - e.index).map((t) => t.el);
+  ).map((t, e) => ({ el: t, index: e, z: S(t).z ?? 0 })).sort((t, e) => t.z - e.z || t.index - e.index).map((t) => t.el);
 }
-async function It(r, t = {}) {
+async function Rt(r, t = {}) {
   const e = r ?? document.querySelector("om-cartograph");
   if (!e) throw new Error("[onlymapjs/cartograph] renderCartograph: no <om-cartograph> to render.");
   const n = [], i = t.dpi ?? (Number(e.getAttribute("dpi")) || 300);
@@ -259,45 +259,45 @@ async function It(r, t = {}) {
   let d = i;
   const h = Math.min(u / (l / 25.4), u / (c / 25.4)), f = Math.sqrt(m / (l / 25.4 * (c / 25.4))), p = Math.min(h, f);
   d > p && (d = Math.floor(p), n.push(`Requested ${i} dpi exceeds this browser's canvas budget for a ${l.toFixed(0)}×${c.toFixed(0)}mm page; rendered at ${d} dpi instead.`)), n.push(...await lr(e)), typeof document < "u" && document.fonts?.ready && await document.fonts.ready;
-  const g = _t(d), b = Math.max(1, Math.round(l * g.pxPerMm)), w = Math.max(1, Math.round(c * g.pxPerMm)), y = cr(e);
+  const g = Ot(d), b = Math.max(1, Math.round(l * g.pxPerMm)), w = Math.max(1, Math.round(c * g.pxPerMm)), y = cr(e);
   for (const v of y)
     if (!(!ft(v) || !v.prepareCartograph))
       try {
-        await v.prepareCartograph(_t(d));
+        await v.prepareCartograph(Ot(d));
       } catch (A) {
         v.discardCartograph?.(), n.push(`${v.tagName.toLowerCase()}${v.id ? `#${v.id}` : ""} could not be captured: ${A.message}`);
       }
-  const S = document.createElement("canvas");
-  S.width = b, S.height = w;
-  const M = S.getContext("2d");
+  const C = document.createElement("canvas");
+  C.width = b, C.height = w;
+  const M = C.getContext("2d");
   if (!M) throw new Error("[onlymapjs/cartograph] renderCartograph: could not get a 2D canvas context.");
   const F = typeof getComputedStyle == "function" ? getComputedStyle(e) : null;
   M.fillStyle = L(F?.backgroundColor) ?? "#ffffff", M.fillRect(0, 0, b, w);
   for (const v of y) {
     if (!ft(v)) continue;
-    const A = C(v);
+    const A = S(v);
     if (M.save(), M.translate((A.x + a) * g.pxPerMm, (A.y + a) * g.pxPerMm), A.rotation) {
-      const k = A.w / 2 * g.pxPerMm, E = A.h / 2 * g.pxPerMm;
-      M.translate(k, E), M.rotate(A.rotation * Math.PI / 180), M.translate(-k, -E);
+      const $ = A.w / 2 * g.pxPerMm, E = A.h / 2 * g.pxPerMm;
+      M.translate($, E), M.rotate(A.rotation * Math.PI / 180), M.translate(-$, -E);
     }
     try {
       v.paintCartograph(M, g);
-    } catch (k) {
-      n.push(`${v.tagName.toLowerCase()}${v.id ? `#${v.id}` : ""} failed to render: ${k.message}`);
+    } catch ($) {
+      n.push(`${v.tagName.toLowerCase()}${v.id ? `#${v.id}` : ""} failed to render: ${$.message}`);
     }
     M.restore();
   }
   const _ = e.querySelector(":scope > [data-om-carto-marks]");
   for (const v of _?.querySelectorAll("line") ?? []) {
-    const A = Number(v.getAttribute("x1")), k = Number(v.getAttribute("y1")), E = Number(v.getAttribute("x2")), U = Number(v.getAttribute("y2"));
-    [A, k, E, U].every(Number.isFinite) && (M.save(), M.strokeStyle = v.getAttribute("stroke") || "#000000", M.lineWidth = (Number(v.getAttribute("stroke-width")) || 0.2) * g.pxPerMm, M.beginPath(), M.moveTo((A + a) * g.pxPerMm, (k + a) * g.pxPerMm), M.lineTo((E + a) * g.pxPerMm, (U + a) * g.pxPerMm), M.stroke(), M.restore());
+    const A = Number(v.getAttribute("x1")), $ = Number(v.getAttribute("y1")), E = Number(v.getAttribute("x2")), U = Number(v.getAttribute("y2"));
+    [A, $, E, U].every(Number.isFinite) && (M.save(), M.strokeStyle = v.getAttribute("stroke") || "#000000", M.lineWidth = (Number(v.getAttribute("stroke-width")) || 0.2) * g.pxPerMm, M.beginPath(), M.moveTo((A + a) * g.pxPerMm, ($ + a) * g.pxPerMm), M.lineTo((E + a) * g.pxPerMm, (U + a) * g.pxPerMm), M.stroke(), M.restore());
   }
-  const $ = Lt(t.cvd === "page" ? e.getAttribute("cvd") : t.cvd);
-  $ && !sr(M, b, w, $) && n.push("Colour-vision simulation was skipped: a cross-origin image on the page makes the export canvas unreadable.");
+  const k = Ft(t.cvd === "page" ? e.getAttribute("cvd") : t.cvd);
+  k && !sr(M, b, w, k) && n.push("Colour-vision simulation was skipped: a cross-origin image on the page makes the export canvas unreadable.");
   for (const v of y) ft(v) && v.discardCartograph?.();
   const N = t.format === "jpeg" ? "image/jpeg" : "image/png";
   N === "image/jpeg" && e.querySelector("om-text") && n.push("JPEG compresses text edges — prefer PNG for a page carrying labels.");
-  const T = await new Promise((v) => S.toBlob(v, N, t.quality));
+  const T = await new Promise((v) => C.toBlob(v, N, t.quality));
   if (!T) throw new Error("[onlymapjs/cartograph] renderCartograph: the canvas produced no image (it may have exceeded a browser limit).");
   return { blob: T, widthPx: b, heightPx: w, dpi: d, warnings: n };
 }
@@ -317,14 +317,14 @@ async function Ce(r, t = {}) {
       if (!Number.isInteger(m) || m < 0 || m >= i)
         throw new Error(`[onlymapjs/cartograph] renderCartographAtlas: page ${t.page} is out of range (this atlas has ${i}).`);
       n.seek(m);
-      const d = await Gt(e, t, a);
+      const d = await qt(e, t, a);
       return { blob: d.blob, filenames: [o[m]], pages: 1, dpi: d.dpi, warnings: a };
     }
     const c = [];
     let u = t.dpi ?? 300;
     for (let m = 0; m < i; m++) {
       n.seek(m);
-      const d = await Gt(e, t, a);
+      const d = await qt(e, t, a);
       u = d.dpi, c.push({ name: o[m], data: d.blob }), t.onPage?.(m + 1, i);
     }
     return { blob: await er(c), filenames: o, pages: i, dpi: u, warnings: a };
@@ -332,27 +332,27 @@ async function Ce(r, t = {}) {
     n.seek(l);
   }
 }
-async function Gt(r, t, e) {
+async function qt(r, t, e) {
   for (const i of r.querySelectorAll("om-frame"))
     await i.mapElement?.whenSettled?.({ timeout: 2e4 });
-  const n = await It(r, t);
+  const n = await Rt(r, t);
   return e.push(...n.warnings), n;
 }
 const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   MAX_CANVAS_AREA: Se,
   MAX_CANVAS_DIMENSION: Ae,
-  renderCartograph: It,
+  renderCartograph: Rt,
   renderCartographAtlas: Ce
 }, Symbol.toStringTag, { value: "Module" }));
-function qt(r, t, e = {}) {
+function Wt(r, t, e = {}) {
   const n = URL.createObjectURL(r), i = document.createElement("a");
   i.href = n, i.download = t, document.body.appendChild(i), i.click(), i.remove();
   const s = e.revokeAfterMs ?? 0;
   s > 0 ? setTimeout(() => URL.revokeObjectURL(n), s) : URL.revokeObjectURL(n);
 }
 const hr = 3e4;
-async function Wt(r, t = hr) {
+async function Bt(r, t = hr) {
   let e = !1;
   const n = new Promise(
     (s) => setTimeout(() => {
@@ -380,7 +380,7 @@ async function mr(r, t = {}) {
   i && r.setAttribute("cvd", i);
   const s = n.get("export");
   if (s) {
-    await Wt(r, t.timeoutMs);
+    await Bt(r, t.timeoutMs);
     const o = s === "jpeg" ? "jpeg" : "png", a = Number(n.get("dpi")) || void 0, l = r.getAttribute("cartograph-id") || "cartograph", c = n.get("page");
     if (c != null) {
       const m = r.querySelector("om-atlas");
@@ -390,13 +390,13 @@ async function mr(r, t = {}) {
       m.refresh?.();
       const h = await Ce(r, { dpi: a, format: o, page: d - 1 });
       for (const f of h.warnings) console.warn(`[onlymapjs/cartograph] ${f}`);
-      return qt(h.blob, h.filenames[0] ?? `${l}.${o === "jpeg" ? "jpg" : "png"}`, { revokeAfterMs: 1e4 }), "export";
+      return Wt(h.blob, h.filenames[0] ?? `${l}.${o === "jpeg" ? "jpg" : "png"}`, { revokeAfterMs: 1e4 }), "export";
     }
-    const u = await It(r, { dpi: a, format: o });
+    const u = await Rt(r, { dpi: a, format: o });
     for (const m of u.warnings) console.warn(`[onlymapjs/cartograph] ${m}`);
-    return qt(u.blob, `${l}.${o === "jpeg" ? "jpg" : "png"}`, { revokeAfterMs: 1e4 }), "export";
+    return Wt(u.blob, `${l}.${o === "jpeg" ? "jpg" : "png"}`, { revokeAfterMs: 1e4 }), "export";
   }
-  return n.get("print") === "1" ? (await Wt(r, t.timeoutMs), typeof r.print == "function" ? await r.print({ dpi: Number(n.get("dpi")) || void 0 }) : typeof window < "u" && window.print(), "print") : i ? "cvd" : null;
+  return n.get("print") === "1" ? (await Bt(r, t.timeoutMs), typeof r.print == "function" ? await r.print({ dpi: Number(n.get("dpi")) || void 0 }) : typeof window < "u" && window.print(), "print") : i ? "cvd" : null;
 }
 function dr() {
   if (typeof document > "u") return;
@@ -450,34 +450,34 @@ class R extends fr {
     a != null && Number.isInteger(a) ? this.style.zIndex = String(a) : this.style.removeProperty("z-index");
   }
 }
-const pt = "cartograph/2", qn = ["default", "dark", "sepia", "blueprint", "minimal"], Bt = ["A0", "A1", "A2", "A3", "A4", "A5", "Letter", "Legal"], gr = /* @__PURE__ */ new Map([
+const pt = "cartograph/2", Wn = ["default", "dark", "sepia", "blueprint", "minimal"], Vt = ["A0", "A1", "A2", "A3", "A4", "A5", "Letter", "Legal"], gr = /* @__PURE__ */ new Map([
   ["projection", "live frames render Web Mercator (EPSG:3857) only — Globe support is design-only; use a static frame for other projections"]
-]), j = ["id", "x", "y", "w", "h", "rotation", "z", "locked", "hidden"], P = {
+]), z = ["id", "x", "y", "w", "h", "rotation", "z", "locked", "hidden"], P = {
   "om-cartograph": ["cartograph-id", "format", "size", "width", "height", "orientation", "theme", "title", "attribution", "notes", "cvd", "bleed", "crop-marks", "safe-zone", "dpi", "flatten", "color-profile", "allow-url-actions"],
-  "om-frame": [...j, "src", "mode", "center", "zoom", "bearing", "pitch", "dpi", "crs", "corners", "crs-def", "overview-of", "overview-stroke", "atlas-fit", "atlas-margin", "frame-stroke", "frame-bg"],
-  "om-legend": [...j, "for", "title", "columns", "derived"],
+  "om-frame": [...z, "src", "mode", "center", "zoom", "bearing", "pitch", "dpi", "crs", "corners", "crs-def", "overview-of", "overview-stroke", "atlas-fit", "atlas-margin", "frame-stroke", "frame-bg"],
+  "om-legend": [...z, "for", "title", "columns", "derived"],
   "om-legend-row": ["layer", "match", "label", "hide", "order", "color", "shape"],
   // NOTE: the discriminator on furniture is `kind`, never `style` — `style` is
   // the global HTML attribute the runtime itself writes for mm placement, so
   // `style="double"` would be erased on the first render. `kind` also matches
   // om-text/om-shape, so the whole vocabulary has ONE discriminator word.
-  "om-scalebar": [...j, "for", "units", "segments", "segment-length", "kind"],
-  "om-north": [...j, "for", "kind"],
-  "om-graticule": [...j, "for", "crs", "crs-def", "interval", "interval-x", "interval-y", "kind", "labels", "format"],
-  "om-text": [...j, "kind", "font-size", "weight", "align", "font", "color", "bg"],
-  "om-shape": [...j, "kind", "fill", "fill-opacity", "stroke", "stroke-width", "radius"],
-  "om-image": [...j, "src", "fit"],
+  "om-scalebar": [...z, "for", "units", "segments", "segment-length", "kind"],
+  "om-north": [...z, "for", "kind"],
+  "om-graticule": [...z, "for", "crs", "crs-def", "interval", "interval-x", "interval-y", "kind", "labels", "format"],
+  "om-text": [...z, "kind", "font-size", "weight", "align", "font", "color", "bg"],
+  "om-shape": [...z, "kind", "fill", "fill-opacity", "stroke", "stroke-width", "radius"],
+  "om-image": [...z, "src", "fit"],
   "om-atlas": ["id", "for", "layer", "filter", "sort", "filename", "page-name"]
 }, gt = Object.keys(P), br = ["metric", "imperial", "nautical"], yr = 0.3048, wr = 1609.344, Mr = 1852;
 function vr(r) {
   return r != null && br.includes(r) ? r : null;
 }
-function $e(r) {
+function ke(r) {
   if (!isFinite(r) || r <= 0) return 0;
   const t = Math.pow(10, Math.floor(Math.log10(r))), e = r / t;
   return (e >= 5 ? 5 : e >= 2 ? 2 : 1) * t;
 }
-const Vt = {
+const Ht = {
   // Finest first; the largest tier whose snapped length is ≥ 1 unit wins.
   metric: [
     { metersPerUnit: 1, label: "m" },
@@ -489,15 +489,15 @@ const Vt = {
   ],
   nautical: [{ metersPerUnit: Mr, label: "nmi" }]
 };
-function ke({ groundMetersPerMm: r, maxWidthMm: t, segments: e = 4, units: n = "metric", segmentLengthMeters: i }) {
+function $e({ groundMetersPerMm: r, maxWidthMm: t, segments: e = 4, units: n = "metric", segmentLengthMeters: i }) {
   if (!Number.isFinite(r) || r <= 0 || !Number.isFinite(t) || t <= 0) return null;
-  const s = Number.isInteger(e) && e > 0 ? e : 4, o = Vt[n] ?? Vt.metric, a = t / s * r;
+  const s = Number.isInteger(e) && e > 0 ? e : 4, o = Ht[n] ?? Ht.metric, a = t / s * r;
   let l, c;
   if (i != null && Number.isFinite(i) && i > 0)
-    l = i, c = Ht(o, l);
+    l = i, c = Yt(o, l);
   else {
-    c = Ht(o, a);
-    const f = $e(a / c.metersPerUnit);
+    c = Yt(o, a);
+    const f = ke(a / c.metersPerUnit);
     if (f <= 0) return null;
     l = f * c.metersPerUnit;
   }
@@ -558,7 +558,7 @@ function Ar(r, t, e) {
   }
   return { bars: c, strokes: u, labels: f, fontMm: n, strokeMm: i, segmentMeters: r.segmentMeters, unitLabel: r.unitLabel, scaleDenominator: r.scaleDenominator };
 }
-function Ht(r, t) {
+function Yt(r, t) {
   let e = r[0];
   for (const n of r)
     t / n.metersPerUnit >= 1 && (e = n);
@@ -588,11 +588,11 @@ function Ne(r, t) {
     return o === void 0 ? (e.push(s), i) : o;
   }), unresolved: e };
 }
-function $r(r) {
+function kr(r) {
   return [...r.matchAll(Ee)].map((t) => t[1]);
 }
-const Yt = /* @__PURE__ */ new WeakMap();
-function kr(r, t) {
+const Kt = /* @__PURE__ */ new WeakMap();
+function $r(r, t) {
   const e = [], n = r.ownerDocument ?? (typeof document < "u" ? document : null);
   if (!n) return e;
   const i = n.createTreeWalker(
@@ -602,10 +602,10 @@ function kr(r, t) {
   ), s = [];
   for (let o = i.nextNode(); o; o = i.nextNode()) s.push(o);
   for (const o of s) {
-    let a = Yt.get(o);
+    let a = Kt.get(o);
     if (a === void 0) {
       if (a = o.data, !a.includes("{{")) continue;
-      Yt.set(o, a);
+      Kt.set(o, a);
     }
     const l = Ne(a, t);
     o.data !== l.text && (o.data = l.text), e.push(...l.unresolved);
@@ -639,7 +639,7 @@ function O(r) {
   const t = r.getAttribute("for");
   return t ? Te(r, t) : Nr(r);
 }
-function G(r, t) {
+function W(r, t) {
   let e = r.querySelector(`:scope > [${Et}]`);
   if (!e) {
     for (const n of [...r.children])
@@ -651,7 +651,7 @@ function G(r, t) {
 function Pr(r) {
   r.querySelector(`:scope > [${Et}]`)?.remove();
 }
-const Kt = "data-om-carto-page", Xt = "data-om-carto-marks", bt = "data-om-carto-credit", yt = "Built with OnlyMap by NIKA · free for non-commercial use", et = 2, Zt = 1.2, wt = 2.4, Jt = 1.5, Mt = 1.2, Qt = 0.3, te = 0.8, vt = "http://www.w3.org/2000/svg", Tr = 6e4;
+const Xt = "data-om-carto-page", Zt = "data-om-carto-marks", bt = "data-om-carto-credit", yt = "Built with OnlyMap by NIKA · free for non-commercial use", rt = 2, Jt = 1.2, wt = 2.4, Qt = 1.5, Mt = 1.2, te = 0.3, ee = 0.8, vt = "http://www.w3.org/2000/svg", Tr = 6e4;
 class Fe extends R {
   static observedAttributes = [...P["om-cartograph"]];
   frameListenerBound = !1;
@@ -689,7 +689,7 @@ class Fe extends R {
    * runtime's job (issue #41 §9: the om-map carries the key).
    */
   renderCredit() {
-    const t = H();
+    const t = G();
     t && !this.unsubscribeLicense && typeof t.subscribeLicense == "function" && (this.unsubscribeLicense = t.subscribeLicense(() => this.renderCredit()));
     const e = t ? t.getEntitlements().hideBadge : !1, n = [...this.querySelectorAll("om-text")].some((o) => /onlymap/i.test(o.textContent ?? "")), i = this.querySelector(`:scope > [${bt}]`);
     if (e || n) {
@@ -701,15 +701,15 @@ class Fe extends R {
       return;
     }
     const s = this.ownerDocument.createElement("div");
-    s.setAttribute(bt, ""), s.setAttribute("z", "2147483644"), s.textContent = yt, s.style.cssText = `position:absolute;left:${et}mm;bottom:${Zt}mm;z-index:2147483644;font:${wt}mm/${Jt} system-ui,sans-serif;color:#374151;background:rgba(255,255,255,.72);padding:${Qt}mm ${Mt}mm;border-radius:${te}mm;pointer-events:none;`, this.armCreditPainter(s), this.appendChild(s);
+    s.setAttribute(bt, ""), s.setAttribute("z", "2147483644"), s.textContent = yt, s.style.cssText = `position:absolute;left:${rt}mm;bottom:${Jt}mm;z-index:2147483644;font:${wt}mm/${Qt} system-ui,sans-serif;color:#374151;background:rgba(255,255,255,.72);padding:${te}mm ${Mt}mm;border-radius:${ee}mm;pointer-events:none;`, this.armCreditPainter(s), this.appendChild(s);
   }
   /** Give the runtime-owned DOM credit the same canvas paint contract as authored furniture. */
   armCreditPainter(t) {
     t.paintCartograph = (e, n) => {
-      const i = (c) => c * n.pxPerMm, o = wt * Jt + Qt * 2, a = this.pageSize.heightMm - Zt - o;
+      const i = (c) => c * n.pxPerMm, o = wt * Qt + te * 2, a = this.pageSize.heightMm - Jt - o;
       e.save(), e.font = `${i(wt)}px system-ui, sans-serif`;
       const l = e.measureText(yt).width / n.pxPerMm + Mt * 2;
-      e.fillStyle = "rgba(255,255,255,.72)", e.beginPath(), typeof e.roundRect == "function" ? e.roundRect(i(et), i(a), i(l), i(o), i(te)) : e.rect(i(et), i(a), i(l), i(o)), e.fill(), e.fillStyle = "#374151", e.textAlign = "left", e.textBaseline = "middle", e.fillText(yt, i(et + Mt), i(a + o / 2)), e.restore();
+      e.fillStyle = "rgba(255,255,255,.72)", e.beginPath(), typeof e.roundRect == "function" ? e.roundRect(i(rt), i(a), i(l), i(o), i(ee)) : e.rect(i(rt), i(a), i(l), i(o)), e.fill(), e.fillStyle = "#374151", e.textAlign = "left", e.textBaseline = "middle", e.fillText(yt, i(rt + Mt), i(a + o / 2)), e.restore();
     };
   }
   /**
@@ -795,8 +795,8 @@ class Fe extends R {
   renderNow() {
     const { widthMm: t, heightMm: e } = this.pageSize, n = this.bleedMm;
     this.style.display = "block", this.style.position = "relative", this.style.width = `${t}mm`, this.style.height = `${e}mm`, this.style.margin = n > 0 ? `${n}mm` : "", this.style.overflow = n > 0 ? "visible" : "hidden";
-    let i = this.querySelector(`style[${Kt}]`);
-    i || (i = document.createElement("style"), i.setAttribute(Kt, ""), this.prepend(i));
+    let i = this.querySelector(`style[${Xt}]`);
+    i || (i = document.createElement("style"), i.setAttribute(Xt, ""), this.prepend(i));
     const s = t + n * 2, o = e + n * 2;
     i.textContent = `@page { size: ${s}mm ${o}mm; margin: 0; }
 @media print { html, body { margin: 0; padding: 0; } om-cartograph { break-after: page; } }`, this.renderPrintMarks(t, e, n), this.applyCvd(), this.refreshTokens(), this.renderCredit();
@@ -811,13 +811,13 @@ class Fe extends R {
    * worse than no guide.
    */
   renderPrintMarks(t, e, n) {
-    const i = this.hasAttribute("crop-marks") && n > 0, s = Number(this.getAttribute("safe-zone")), o = Number.isFinite(s) && s > 0, a = this.querySelector(`:scope > [${Xt}]`);
+    const i = this.hasAttribute("crop-marks") && n > 0, s = Number(this.getAttribute("safe-zone")), o = Number.isFinite(s) && s > 0, a = this.querySelector(`:scope > [${Zt}]`);
     if (!i && !o) {
       a?.remove();
       return;
     }
     const l = this.ownerDocument, c = a ?? l.createElementNS(vt, "svg");
-    if (c.setAttribute(Xt, ""), c.setAttribute("viewBox", `${-n} ${-n} ${t + n * 2} ${e + n * 2}`), c.setAttribute("width", `${t + n * 2}mm`), c.setAttribute("height", `${e + n * 2}mm`), c.style.cssText = `position:absolute;left:${-n}mm;top:${-n}mm;pointer-events:none;z-index:2147483646;`, c.replaceChildren(), i) {
+    if (c.setAttribute(Zt, ""), c.setAttribute("viewBox", `${-n} ${-n} ${t + n * 2} ${e + n * 2}`), c.setAttribute("width", `${t + n * 2}mm`), c.setAttribute("height", `${e + n * 2}mm`), c.style.cssText = `position:absolute;left:${-n}mm;top:${-n}mm;pointer-events:none;z-index:2147483646;`, c.replaceChildren(), i) {
       const u = Math.min(n, 4), m = Math.min(n * 0.35, 1.5), d = [];
       for (const h of [0, t])
         for (const f of [0, e]) {
@@ -844,7 +844,7 @@ class Fe extends R {
    * injected only when a page actually asks for one.
    */
   applyCvd() {
-    const t = Lt(this.getAttribute("cvd"));
+    const t = Ft(this.getAttribute("cvd"));
     if (!t) {
       this.style.removeProperty("filter");
       return;
@@ -883,7 +883,7 @@ function Lr({ text: r, maxWidth: t, fontSizePx: e, lineHeightPx: n, measure: i }
     c.baselineY = a + u * s, c.width > l && (l = c.width);
   }), { lines: o, lineHeight: s, maxWidth: l };
 }
-function Wn(r) {
+function Bn(r) {
   if (typeof document > "u") return null;
   const e = document.createElement("canvas").getContext("2d");
   return e ? (e.font = r, (n) => e.measureText(n).width) : null;
@@ -911,16 +911,16 @@ class Ie extends R {
   /** Re-run token substitution from the authored templates. */
   resolveTokens() {
     const t = this.closest("om-cartograph");
-    t && typeof t.tokenContext == "function" && kr(this, t.tokenContext());
+    t && typeof t.tokenContext == "function" && $r(this, t.tokenContext());
   }
   paintCartograph(t, e) {
-    const { w: n, h: i } = C(this), s = n * e.pxPerMm, o = i * e.pxPerMm;
+    const { w: n, h: i } = S(this), s = n * e.pxPerMm, o = i * e.pxPerMm;
     if (s <= 0 || o <= 0) return;
     const a = typeof getComputedStyle == "function" ? getComputedStyle(this) : null, l = L(a?.backgroundColor);
     l && (t.fillStyle = l, t.fillRect(0, 0, s, o));
     const c = (this.textContent ?? "").trim();
     if (c === "") return;
-    const u = kt(a?.fontSize, 12), m = a?.lineHeight === "normal" ? u * 1.4 : kt(a?.lineHeight, u * 1.4), d = a?.fontFamily || "system-ui, sans-serif", h = a?.fontWeight || "400", f = u * e.scale, p = m * e.scale, g = `${h} ${f}px ${d}`;
+    const u = $t(a?.fontSize, 12), m = a?.lineHeight === "normal" ? u * 1.4 : $t(a?.lineHeight, u * 1.4), d = a?.fontFamily || "system-ui, sans-serif", h = a?.fontWeight || "400", f = u * e.scale, p = m * e.scale, g = `${h} ${f}px ${d}`;
     t.save(), t.font = g, t.fillStyle = L(a?.color) ?? "#000", t.textBaseline = "alphabetic", t.textAlign = "left";
     const b = Lr({
       text: c,
@@ -939,15 +939,15 @@ class Ie extends R {
 x("om-text", Ie);
 const Ir = 63710087714e-4;
 let Rr = Ir;
-const rt = Math.PI / 180;
+const nt = Math.PI / 180;
 function Re(r, t, e = Rr) {
-  const n = (t[1] - r[1]) * rt, i = (t[0] - r[0]) * rt, s = r[1] * rt, o = t[1] * rt, a = Math.sin(n / 2) ** 2 + Math.cos(s) * Math.cos(o) * Math.sin(i / 2) ** 2;
+  const n = (t[1] - r[1]) * nt, i = (t[0] - r[0]) * nt, s = r[1] * nt, o = t[1] * nt, a = Math.sin(n / 2) ** 2 + Math.cos(s) * Math.cos(o) * Math.sin(i / 2) ** 2;
   return 2 * e * Math.asin(Math.min(1, Math.sqrt(a)));
 }
-const ut = 6378137, ee = Math.PI / 180, Nt = 180 / Math.PI, re = 85.0511287798066;
+const ut = 6378137, re = Math.PI / 180, Nt = 180 / Math.PI, ne = 85.0511287798066;
 function _r([r, t]) {
-  const e = Math.max(-re, Math.min(re, t));
-  return [ut * r * ee, ut * Math.log(Math.tan(Math.PI / 4 + e * ee / 2))];
+  const e = Math.max(-ne, Math.min(ne, t));
+  return [ut * r * re, ut * Math.log(Math.tan(Math.PI / 4 + e * re / 2))];
 }
 function Or([r, t]) {
   return [r / ut * Nt, (2 * Math.atan(Math.exp(t / ut)) - Math.PI / 2) * Nt];
@@ -976,14 +976,14 @@ async function Oe(r, t) {
     inverse: (l) => a.forward(l)
   };
 }
-function ne(r, t) {
+function ie(r, t) {
   return !Number.isInteger(r) || r < 1 || r > 60 ? null : `+proj=utm +zone=${r}${t === "S" ? " +south" : ""} +datum=WGS84 +units=m +no_defs`;
 }
 async function jr(r) {
   const t = Number(/^EPSG:(\d+)$/.exec(r)?.[1]);
   if (!Number.isFinite(t)) return null;
-  if (t >= 32601 && t <= 32660) return ne(t - 32600, "N");
-  if (t >= 32701 && t <= 32760) return ne(t - 32700, "S");
+  if (t >= 32601 && t <= 32660) return ie(t - 32600, "N");
+  if (t >= 32701 && t <= 32760) return ie(t - 32700, "S");
   const { CRS_DEFS: e } = await import("./crs-DsDQ4Q4i.js");
   return e[t]?.def ?? null;
 }
@@ -1015,7 +1015,7 @@ function Dr(r, t) {
   const u = (m) => [m[0] / s + e, m[1] / s + n];
   return { matrix: [c[0], c[1], c[2], c[3], c[4], c[5], c[6], c[7], 1], normalize: o, denormalize: u };
 }
-function ie(r, [t, e]) {
+function oe(r, [t, e]) {
   const n = r[6] * t + r[7] * e + r[8];
   return Math.abs(n) < 1e-12 ? null : [(r[0] * t + r[1] * e + r[2]) / n, (r[3] * t + r[4] * e + r[5]) / n];
 }
@@ -1033,7 +1033,7 @@ function Gr(r) {
     (t * s - e * i) / u
   ];
 }
-function oe(r, t) {
+function se(r, t) {
   let e = r;
   for (; e - t > 180; ) e -= 360;
   for (; t - e > 180; ) e += 360;
@@ -1044,7 +1044,7 @@ const qr = (r) => {
   return t === -180 && (t = 180), t;
 };
 function ht({ corners: r, widthMm: t, heightMm: e, crsForward: n }) {
-  const i = n ?? _e, s = r[0][0], o = r.map(([h, f]) => [oe(h, s), f]), a = o.map((h) => i.forward(h)), l = [
+  const i = n ?? _e, s = r[0][0], o = r.map(([h, f]) => [se(h, s), f]), a = o.map((h) => i.forward(h)), l = [
     [0, 0],
     [t, 0],
     [t, e],
@@ -1057,12 +1057,12 @@ function ht({ corners: r, widthMm: t, heightMm: e, crsForward: n }) {
     degenerate: m,
     project(h) {
       if (!c) return null;
-      const f = i.forward([oe(h[0], s), h[1]]), p = ie(c.matrix, c.normalize(f));
+      const f = i.forward([se(h[0], s), h[1]]), p = oe(c.matrix, c.normalize(f));
       return p && Number.isFinite(p[0]) && Number.isFinite(p[1]) ? { xMm: p[0], yMm: p[1] } : null;
     },
     unproject(h, f) {
       if (!c || !u) return null;
-      const p = ie(u, [h, f]);
+      const p = oe(u, [h, f]);
       if (!p) return null;
       const g = i.inverse(c.denormalize(p));
       return Number.isFinite(g[0]) && Number.isFinite(g[1]) ? [qr(g[0]), g[1]] : null;
@@ -1130,7 +1130,7 @@ function Br(r) {
   const i = Math.min(...n), s = Math.max(...n);
   return i > 0 ? (s - i) / i : null;
 }
-function Bn(r, t, e, n) {
+function Vn(r, t, e, n) {
   return [
     [r, n],
     [e, n],
@@ -1170,7 +1170,7 @@ async function Yr(r, t = document) {
   if (!o) throw new Error(`${r} could not be adopted`);
   return o;
 }
-function lt(r) {
+function Q(r) {
   const t = r.getAttribute("center"), e = r.getAttribute("zoom");
   if (!t || e == null || e.trim() === "") return null;
   const n = Number(e);
@@ -1191,7 +1191,18 @@ function lt(r) {
     pitch: Number(r.getAttribute("pitch")) || 0
   };
 }
-function se(r, t, e, n) {
+function Kr(r, t, e, n, i = 60) {
+  const s = (l) => Pt(r, { ...t, pitch: l }, e, n) !== null;
+  if (s(i)) return i;
+  if (!s(0)) return 0;
+  let o = 0, a = i;
+  for (; a - o > 1; ) {
+    const l = Math.floor((o + a) / 2);
+    s(l) ? o = l : a = l;
+  }
+  return o;
+}
+function Pt(r, t, e, n) {
   if (!(e > 0) || !(n > 0)) return null;
   const i = new r.WebMercatorViewport({
     width: e,
@@ -1214,7 +1225,7 @@ function se(r, t, e, n) {
   }
   return o;
 }
-async function Kr(r) {
+async function Xr(r) {
   const t = await we(), e = r.querySelector(":scope > om-map");
   if (e) return { core: t, map: e };
   const n = r.getAttribute("src");
@@ -1223,9 +1234,9 @@ async function Kr(r) {
   return { core: t, map: i };
 }
 function At(r, t) {
-  r.setAttribute("center", JSON.stringify(t.center)), r.setAttribute("zoom", String(t.zoom)), r.setAttribute("bearing", String(t.bearing)), r.setAttribute("pitch", String(t.pitch)), Xr(r, t);
+  r.setAttribute("center", JSON.stringify(t.center)), r.setAttribute("zoom", String(t.zoom)), r.setAttribute("bearing", String(t.bearing)), r.setAttribute("pitch", String(t.pitch)), Zr(r, t);
 }
-function Xr(r, t) {
+function Zr(r, t) {
   const e = r;
   typeof e.setViewInternal == "function" ? e.setViewInternal({ longitude: t.center[0], latitude: t.center[1], zoom: t.zoom, pitch: t.pitch, bearing: t.bearing }) : typeof e.flyTo == "function" && e.flyTo(t.center, t.zoom, { duration: 0 });
 }
@@ -1281,7 +1292,7 @@ class Ue extends R {
    * than caching it correctly.
    */
   get georef() {
-    const { w: t, h: e } = C(this);
+    const { w: t, h: e } = S(this);
     if (t <= 0 || e <= 0) return null;
     if (this.mode === "live")
       return this.liveCorners ? ht({ corners: this.liveCorners, widthMm: t, heightMm: e }) : null;
@@ -1350,25 +1361,27 @@ class Ue extends R {
   // Live
   // -------------------------------------------------------------------------
   renderLive() {
-    const t = lt(this);
-    if (!t) {
+    const t = this.raster;
+    t && (t.style.display = "none");
+    const e = Q(this);
+    if (!e) {
       this.showPlaceholder("no-camera", 'Live frame needs its own camera — center="[lng, lat]" and zoom=.');
       return;
     }
-    this.updateLiveCorners(t);
-    const e = this.liveSource();
+    this.updateLiveCorners(e);
+    const n = this.liveSource();
     if (this.liveMap)
-      if (this.mountedSource !== e)
+      if (this.mountedSource !== n)
         this.releaseLiveMap();
       else {
-        At(this.liveMap, t), this.sizeLiveMap();
+        At(this.liveMap, e), this.sizeLiveMap();
         return;
       }
     if (this.mounting) {
-      if (this.mountingSource === e) return;
+      if (this.mountingSource === n) return;
       this.abandonMount();
     }
-    this.mountLive(e);
+    this.mountLive(n);
   }
   /** Inline maps are identified by node identity; fetched maps by their src=. */
   liveSource() {
@@ -1383,11 +1396,11 @@ class Ue extends R {
   releaseLiveMap() {
     this.liveMapOwned ? this.liveMap?.remove() : this.liveMap && (this.liveMap.hidden = !0), this.liveMap = null, this.liveMapOwned = !1, this.mountedSource = null, this.liveCorners = null, this.captureImage = null;
   }
-  updateLiveCorners(t = lt(this)) {
+  updateLiveCorners(t = Q(this)) {
     if (!t) return;
-    const e = H();
+    const e = G();
     if (!e) return;
-    const { w: n, h: i } = C(this), s = se(e, t, n * W, i * W);
+    const { w: n, h: i } = S(this), s = Pt(e, t, n * j, i * j);
     this.liveCorners = s, s ? this.lastError === "degenerate-view" && this.clearPlaceholder() : this.showPlaceholder(
       "degenerate-view",
       "This camera cannot be georeferenced — the frame's top edge reaches the horizon. Reduce pitch below ~60°."
@@ -1397,15 +1410,15 @@ class Ue extends R {
     const e = ++this.mountToken;
     this.mounting = !0, this.mountingSource = t;
     try {
-      const { core: n, map: i } = await Kr(this);
+      const { core: n, map: i } = await Xr(this);
       if (e !== this.mountToken || !this.isConnected || this.mode !== "live" || this.liveSource() !== t) return;
-      const s = lt(this);
+      const s = Q(this);
       if (!s) return;
       At(i, s);
       const o = i;
       o.style.position = "absolute", o.style.inset = "0", o.style.display = "block", this.liveMapOwned = i.parentElement !== this, this.liveMapOwned && this.appendChild(i), i.setAttribute("data-om-carto-frame", ""), this.liveMap = o, this.mountedSource = t, this.sizeLiveMap(), this.clearPlaceholder();
-      const { w: a, h: l } = C(this);
-      if (this.liveCorners = se(n, s, a * W, l * W), await o.ready, e !== this.mountToken || (At(i, s), await o.whenSettled?.({ timeout: 2e4 }), e !== this.mountToken)) return;
+      const { w: a, h: l } = S(this);
+      if (this.liveCorners = Pt(n, s, a * j, l * j), await o.ready, e !== this.mountToken || (At(i, s), await o.whenSettled?.({ timeout: 2e4 }), e !== this.mountToken)) return;
       this.signalReady();
     } catch (n) {
       if (e !== this.mountToken) return;
@@ -1416,7 +1429,22 @@ class Ue extends R {
     }
   }
   sizeLiveMap() {
-    this.liveMap && (this.liveMap.style.width = "100%", this.liveMap.style.height = "100%", this.liveMap.hidden = this.printing);
+    this.liveMap && (this.liveMap.style.width = "100%", this.liveMap.style.height = "100%", this.liveMap.hidden = this.printing, this.capMapPitch());
+  }
+  /**
+   * Stop the adopted map tilting past what this frame can georeference.
+   *
+   * A frame without a georeference has no scale bar, no north arrow, no
+   * graticule and no export — so letting a host drive the camera past the
+   * limit produces a frame that renders an error instead of a map. The ceiling
+   * is the frame's own, recomputed whenever its box changes, because it
+   * depends on the box's aspect and the current zoom.
+   */
+  capMapPitch() {
+    const t = G(), e = Q(this);
+    if (!t || !e || !this.liveMap) return;
+    const { w: n, h: i } = S(this), s = Kr(t, e, n * j, i * j);
+    s >= 60 ? this.liveMap.removeAttribute("max-pitch") : this.liveMap.setAttribute("max-pitch", String(s));
   }
   // -------------------------------------------------------------------------
   // Locator inset (overview-of)
@@ -1438,7 +1466,7 @@ class Ue extends R {
       e?.remove();
       return;
     }
-    const { w: o, h: a } = C(this), l = [], [c, u, m, d] = s.corners, h = [
+    const { w: o, h: a } = S(this), l = [], [c, u, m, d] = s.corners, h = [
       [c, u],
       [u, m],
       [m, d],
@@ -1446,7 +1474,7 @@ class Ue extends R {
     ];
     for (const [b, w] of h)
       for (let y = 0; y < le; y++) {
-        const S = y / le, M = [b[0] + (w[0] - b[0]) * S, b[1] + (w[1] - b[1]) * S], F = i.project(M);
+        const C = y / le, M = [b[0] + (w[0] - b[0]) * C, b[1] + (w[1] - b[1]) * C], F = i.project(M);
         F && l.push(`${F.xMm.toFixed(3)},${F.yMm.toFixed(3)}`);
       }
     if (l.length < 3) {
@@ -1504,11 +1532,11 @@ class Ue extends R {
    * follows from the same source as any authored camera.
    */
   fitBounds(t) {
-    const [e, n, i, s] = t, { w: o, h: a } = C(this);
+    const [e, n, i, s] = t, { w: o, h: a } = S(this);
     if (o <= 0 || a <= 0) return;
-    const l = H();
+    const l = G();
     if (!l) return;
-    const c = new l.WebMercatorViewport({ width: o * W, height: a * W, longitude: 0, latitude: 0, zoom: 0 }).fitBounds([
+    const c = new l.WebMercatorViewport({ width: o * j, height: a * j, longitude: 0, latitude: 0, zoom: 0 }).fitBounds([
       [e, n],
       [i, s]
     ]);
@@ -1537,7 +1565,7 @@ class Ue extends R {
     this.printing = !1, this.querySelector(":scope > img[data-om-carto-print]")?.remove(), this.liveMap && (this.liveMap.hidden = !1);
   }
   paintCartograph(t, e) {
-    const { w: n, h: i } = C(this), s = n * e.pxPerMm, o = i * e.pxPerMm;
+    const { w: n, h: i } = S(this), s = n * e.pxPerMm, o = i * e.pxPerMm;
     if (s <= 0 || o <= 0) return;
     const a = typeof getComputedStyle == "function" ? getComputedStyle(this) : null, l = L(a?.backgroundColor);
     l && (t.fillStyle = l, t.fillRect(0, 0, s, o));
@@ -1555,14 +1583,14 @@ class Ue extends R {
   }
 }
 x("om-frame", Ue);
-const nt = "http://www.w3.org/2000/svg", Zr = ["single", "double", "line", "ticks"];
+const it = "http://www.w3.org/2000/svg", Jr = ["single", "double", "line", "ticks"];
 class je extends R {
   static observedAttributes = [...P["om-scalebar"]];
   /** The geometry currently drawn — reused by the canvas exporter. */
   get drawing() {
     const e = O(this)?.georef;
     if (!e) return null;
-    const { w: n, h: i } = C(this), s = ke({
+    const { w: n, h: i } = S(this), s = $e({
       groundMetersPerMm: e.groundMetersPerMm(),
       maxWidthMm: n,
       segments: Number(this.getAttribute("segments")) || void 0,
@@ -1573,7 +1601,7 @@ class je extends R {
   }
   get barStyle() {
     const t = this.getAttribute("kind");
-    return Zr.includes(t) ? t : "single";
+    return Jr.includes(t) ? t : "single";
   }
   get unitSystem() {
     return vr(this.getAttribute("units")) ?? "metric";
@@ -1581,30 +1609,30 @@ class je extends R {
   renderNow() {
     if (this.applyPlacement(), this.style.display = "block", !O(this)) {
       const n = this.getAttribute("for");
-      G(this, n ? `Scale bar references no frame with id "${n}".` : "Scale bar has no frame to measure (set for=).");
+      W(this, n ? `Scale bar references no frame with id "${n}".` : "Scale bar has no frame to measure (set for=).");
       return;
     }
     const e = this.drawing;
     if (!e) {
-      G(this, "Scale bar cannot derive a scale from this frame yet.");
+      W(this, "Scale bar cannot derive a scale from this frame yet.");
       return;
     }
     this.renderSvg(e);
   }
   renderSvg(t) {
-    const { w: e, h: n } = C(this), i = this.ownerDocument, s = i.createElementNS(nt, "svg");
+    const { w: e, h: n } = S(this), i = this.ownerDocument, s = i.createElementNS(it, "svg");
     s.setAttribute("width", `${e}mm`), s.setAttribute("height", `${n}mm`), s.setAttribute("viewBox", `0 0 ${e} ${n}`), s.setAttribute("part", "scalebar"), s.style.display = "block", s.style.overflow = "visible";
     const o = "var(--om-carto-scalebar-ink)";
     for (const a of t.bars) {
-      const l = i.createElementNS(nt, "rect");
+      const l = i.createElementNS(it, "rect");
       l.setAttribute("x", String(a.x)), l.setAttribute("y", String(a.y)), l.setAttribute("width", String(a.w)), l.setAttribute("height", String(a.h)), l.setAttribute("fill", a.filled ? o : "none"), l.setAttribute("stroke", o), l.setAttribute("stroke-width", String(t.strokeMm)), s.appendChild(l);
     }
     for (const a of t.strokes) {
-      const l = i.createElementNS(nt, "line");
+      const l = i.createElementNS(it, "line");
       l.setAttribute("x1", String(a.x1)), l.setAttribute("y1", String(a.y1)), l.setAttribute("x2", String(a.x2)), l.setAttribute("y2", String(a.y2)), l.setAttribute("stroke", o), l.setAttribute("stroke-width", String(t.strokeMm)), s.appendChild(l);
     }
     for (const a of t.labels) {
-      const l = i.createElementNS(nt, "text");
+      const l = i.createElementNS(it, "text");
       l.setAttribute("x", String(a.x)), l.setAttribute("y", String(a.y)), l.setAttribute("font-size", String(t.fontMm)), l.setAttribute("fill", o), l.setAttribute("text-anchor", a.anchor), l.setAttribute("font-family", "var(--om-carto-font)"), l.textContent = a.text, s.appendChild(l);
     }
     this.replaceChildren(s);
@@ -1641,15 +1669,15 @@ class ze extends R {
   renderNow() {
     if (this.applyPlacement(), this.style.display = "block", !O(this)) {
       const l = this.getAttribute("for");
-      G(this, l ? `North indicator references no frame with id "${l}".` : "North indicator has no frame (set for=).");
+      W(this, l ? `North indicator references no frame with id "${l}".` : "North indicator has no frame (set for=).");
       return;
     }
     const e = this.bearing;
     if (e == null) {
-      G(this, "North indicator cannot derive a direction from this frame yet.");
+      W(this, "North indicator cannot derive a direction from this frame yet.");
       return;
     }
-    const { w: n, h: i } = C(this), s = this.ownerDocument, o = s.createElementNS(J, "svg");
+    const { w: n, h: i } = S(this), s = this.ownerDocument, o = s.createElementNS(J, "svg");
     o.setAttribute("width", `${n}mm`), o.setAttribute("height", `${i}mm`), o.setAttribute("viewBox", `0 0 ${n} ${i}`), o.style.display = "block";
     const a = s.createElementNS(J, "g");
     a.setAttribute("transform", `rotate(${e.toFixed(3)} ${n / 2} ${i / 2})`);
@@ -1670,17 +1698,17 @@ class ze extends R {
   paintCartograph(t, e) {
     const n = this.bearing;
     if (n == null) return;
-    const { w: i, h: s } = C(this), o = typeof getComputedStyle == "function" ? getComputedStyle(this) : null, a = L(o?.color) ?? "#000", l = (h) => h * e.pxPerMm, c = Math.min(3, s * 0.24), u = s - c * 1.2, m = i / 2, d = Math.min(i * 0.3, 4);
+    const { w: i, h: s } = S(this), o = typeof getComputedStyle == "function" ? getComputedStyle(this) : null, a = L(o?.color) ?? "#000", l = (h) => h * e.pxPerMm, c = Math.min(3, s * 0.24), u = s - c * 1.2, m = i / 2, d = Math.min(i * 0.3, 4);
     t.save(), t.translate(l(m), l(s / 2)), t.rotate(n * Math.PI / 180), t.translate(-l(m), -l(s / 2)), t.fillStyle = a, t.strokeStyle = a, this.indicatorKind === "rose" && (t.lineWidth = l(0.2), t.beginPath(), t.arc(l(m), l(u / 2), l(Math.min(i, u) / 2), 0, Math.PI * 2), t.stroke()), t.beginPath(), t.moveTo(l(m), 0), t.lineTo(l(m + d), l(u)), t.lineTo(l(m), l(u - d * 0.55)), t.lineTo(l(m - d), l(u)), t.closePath(), t.fill(), t.font = `${l(c)}px ${o?.fontFamily || "system-ui, sans-serif"}`, t.textAlign = "center", t.textBaseline = "alphabetic", t.fillText("N", l(m), l(s)), t.restore();
   }
 }
 x("om-north", ze);
-const it = "http://www.w3.org/2000/svg", Jr = ["rect", "ellipse", "line", "arrow"];
+const ot = "http://www.w3.org/2000/svg", Qr = ["rect", "ellipse", "line", "arrow"];
 class De extends R {
   static observedAttributes = [...P["om-shape"]];
   get kind() {
     const t = this.getAttribute("kind");
-    return Jr.includes(t) ? t : "rect";
+    return Qr.includes(t) ? t : "rect";
   }
   get fill() {
     return this.getAttribute("fill") || "var(--om-carto-shape-fill)";
@@ -1706,11 +1734,11 @@ class De extends R {
   }
   renderNow() {
     this.applyPlacement(), this.style.display = "block";
-    const { w: t, h: e } = C(this), n = this.ownerDocument, i = n.createElementNS(it, "svg");
+    const { w: t, h: e } = S(this), n = this.ownerDocument, i = n.createElementNS(ot, "svg");
     i.setAttribute("width", `${t}mm`), i.setAttribute("height", `${e}mm`), i.setAttribute("viewBox", `0 0 ${t} ${e}`), i.style.display = "block", i.style.overflow = "visible";
     const s = this.strokeWidthMm / 2, o = this.kind;
     let a;
-    o === "ellipse" ? (a = n.createElementNS(it, "ellipse"), a.setAttribute("cx", String(t / 2)), a.setAttribute("cy", String(e / 2)), a.setAttribute("rx", String(Math.max(0, t / 2 - s))), a.setAttribute("ry", String(Math.max(0, e / 2 - s)))) : o === "line" || o === "arrow" ? (a = n.createElementNS(it, "path"), a.setAttribute("d", o === "arrow" ? this.arrowPath(t, e) : `M 0 0 L ${t} ${e}`)) : (a = n.createElementNS(it, "rect"), a.setAttribute("x", String(s)), a.setAttribute("y", String(s)), a.setAttribute("width", String(Math.max(0, t - this.strokeWidthMm))), a.setAttribute("height", String(Math.max(0, e - this.strokeWidthMm))), this.radiusMm > 0 && a.setAttribute("rx", String(this.radiusMm)));
+    o === "ellipse" ? (a = n.createElementNS(ot, "ellipse"), a.setAttribute("cx", String(t / 2)), a.setAttribute("cy", String(e / 2)), a.setAttribute("rx", String(Math.max(0, t / 2 - s))), a.setAttribute("ry", String(Math.max(0, e / 2 - s)))) : o === "line" || o === "arrow" ? (a = n.createElementNS(ot, "path"), a.setAttribute("d", o === "arrow" ? this.arrowPath(t, e) : `M 0 0 L ${t} ${e}`)) : (a = n.createElementNS(ot, "rect"), a.setAttribute("x", String(s)), a.setAttribute("y", String(s)), a.setAttribute("width", String(Math.max(0, t - this.strokeWidthMm))), a.setAttribute("height", String(Math.max(0, e - this.strokeWidthMm))), this.radiusMm > 0 && a.setAttribute("rx", String(this.radiusMm)));
     const l = o === "rect" || o === "ellipse" || o === "arrow";
     a.setAttribute("fill", l ? this.fill : "none"), l && a.setAttribute("fill-opacity", String(this.fillOpacity)), a.setAttribute("stroke", this.stroke), a.setAttribute("stroke-width", String(this.strokeWidthMm)), i.appendChild(a), this.replaceChildren(i);
   }
@@ -1720,7 +1748,7 @@ class De extends R {
     return `M 0 0 L ${s} ${o} M ${s} ${o} L ${a.x} ${a.y} L ${l.x} ${l.y} Z`;
   }
   paintCartograph(t, e) {
-    const { w: n, h: i } = C(this);
+    const { w: n, h: i } = S(this);
     if (n <= 0 || i <= 0) return;
     const s = typeof getComputedStyle == "function" ? getComputedStyle(this) : null, o = (d) => d * e.pxPerMm, a = this.getAttribute("fill") || s?.getPropertyValue("--om-carto-shape-fill")?.trim() || "#cccccc", l = this.getAttribute("stroke") || s?.getPropertyValue("--om-carto-shape-stroke")?.trim() || "#333333", c = o(this.strokeWidthMm), u = c / 2, m = this.kind;
     if (t.save(), t.globalAlpha = this.fillOpacity, t.fillStyle = a, t.strokeStyle = l, t.lineWidth = c, m === "ellipse")
@@ -1738,12 +1766,12 @@ class De extends R {
   }
 }
 x("om-shape", De);
-const ue = "data-om-carto-owned", Qr = ["contain", "cover", "fill"];
+const ue = "data-om-carto-owned", tn = ["contain", "cover", "fill"];
 class Ge extends R {
   static observedAttributes = [...P["om-image"]];
   get fit() {
     const t = this.getAttribute("fit");
-    return Qr.includes(t ?? "") ? t : "contain";
+    return tn.includes(t ?? "") ? t : "contain";
   }
   get image() {
     return this.querySelector(":scope > img");
@@ -1757,7 +1785,7 @@ class Ge extends R {
   paintCartograph(t, e) {
     const n = this.image;
     if (!n || !n.complete || n.naturalWidth === 0) return;
-    const { w: i, h: s } = C(this), o = i * e.pxPerMm, a = s * e.pxPerMm;
+    const { w: i, h: s } = S(this), o = i * e.pxPerMm, a = s * e.pxPerMm;
     if (o <= 0 || a <= 0) return;
     const l = this.fit;
     if (l === "fill") {
@@ -1769,12 +1797,12 @@ class Ge extends R {
   }
 }
 x("om-image", Ge);
-const tn = /* @__PURE__ */ new Set(["PathLayer", "LineLayer", "ArcLayer", "TripsLayer", "GreatCircleLayer", "PathStyleLayer"]), en = /* @__PURE__ */ new Set(["ScatterplotLayer", "IconLayer", "TextLayer", "PointCloudLayer", "HeatmapLayer", "ScreenGridLayer"]), rn = /* @__PURE__ */ new Set(["COGLayer", "ZarrLayer", "BitmapLayer", "TerrainLayer", "ImageOverlay"]);
-function nn(r) {
+const en = /* @__PURE__ */ new Set(["PathLayer", "LineLayer", "ArcLayer", "TripsLayer", "GreatCircleLayer", "PathStyleLayer"]), rn = /* @__PURE__ */ new Set(["ScatterplotLayer", "IconLayer", "TextLayer", "PointCloudLayer", "HeatmapLayer", "ScreenGridLayer"]), nn = /* @__PURE__ */ new Set(["COGLayer", "ZarrLayer", "BitmapLayer", "TerrainLayer", "ImageOverlay"]);
+function on(r) {
   const t = r.type ?? "";
-  if (rn.has(t)) return "ramp";
-  if (tn.has(t)) return "line";
-  if (en.has(t)) return "point";
+  if (nn.has(t)) return "ramp";
+  if (en.has(t)) return "line";
+  if (rn.has(t)) return "point";
   if (t === "GeoJsonLayer") {
     const e = r.props ?? {}, n = e.getFillColor !== void 0, i = e.getLineColor !== void 0;
     if (n && !i) return "polygon";
@@ -1782,24 +1810,24 @@ function nn(r) {
   }
   return "polygon";
 }
-function on(r) {
+function sn(r) {
   const t = r.meta?.legend;
   return r.meta?.color ?? (t?.kind === "ramp" ? t.colors[0] : t?.entries[0]?.color) ?? "#999";
 }
 const xt = 12;
-function sn(r, t = []) {
+function an(r, t = []) {
   const e = [];
   for (const n of r) {
     if (n.props?.visible === !1) continue;
     const i = t.filter((a) => a.layer === n.id), s = i.find((a) => a.match == null);
     if (s?.hide) continue;
-    const o = an(n.meta?.legend);
+    const o = ln(n.meta?.legend);
     e.push({
       layerId: n.id,
       label: s?.label ?? n.meta?.label ?? n.id,
-      color: s?.color ?? on(n),
-      shape: s?.shape ?? nn(n),
-      legend: ln(o, i),
+      color: s?.color ?? sn(n),
+      shape: s?.shape ?? on(n),
+      legend: cn(o, i),
       order: s?.order
     });
   }
@@ -1808,7 +1836,7 @@ function sn(r, t = []) {
     return s - o || n.index - i.index;
   }).map((n) => n.row);
 }
-function an(r) {
+function ln(r) {
   if (!r || r.kind !== "categories" || r.entries.length <= xt) return r;
   const t = r.entries.slice(0, xt), e = r.entries.length - xt;
   return {
@@ -1816,7 +1844,7 @@ function an(r) {
     entries: [...t, { color: r.defaultColor ?? "#999", label: `+${e} more` }]
   };
 }
-function ln(r, t) {
+function cn(r, t) {
   const e = t.filter((i) => i.match != null);
   if (!r || r.kind === "ramp" || e.length === 0) return r;
   const n = [];
@@ -1826,7 +1854,7 @@ function ln(r, t) {
   }
   return { ...r, entries: n };
 }
-function cn(r) {
+function un(r) {
   const t = [];
   for (const e of r.querySelectorAll(":scope > om-legend-row")) {
     const n = e.getAttribute("layer");
@@ -1869,17 +1897,17 @@ class We extends R {
   get rows() {
     if (!this.derived) return qe(this);
     const n = O(this)?.mapElement?.getLayers?.();
-    return n ? sn(n, cn(this)) : [];
+    return n ? an(n, un(this)) : [];
   }
   renderNow() {
     if (this.applyPlacement(), this.style.display = "block", this.style.boxSizing = "border-box", this.style.overflow = "hidden", this.derived && !O(this)) {
       const e = this.getAttribute("for");
-      G(this, e ? `Legend references no frame with id "${e}".` : "Legend has no frame to derive from (set for=).");
+      W(this, e ? `Legend references no frame with id "${e}".` : "Legend has no frame to derive from (set for=).");
       return;
     }
     const t = this.rows;
     if (t.length === 0 && this.derived) {
-      G(this, "Legend is waiting for its frame's layers.");
+      W(this, "Legend is waiting for its frame's layers.");
       return;
     }
     this.renderRows(t);
@@ -1919,47 +1947,47 @@ class We extends R {
       const o = t.createElement("div");
       o.style.cssText = `height:2.4mm;background:linear-gradient(to right, ${i.colors.join(", ")});border:0.15mm solid rgba(0,0,0,.25);`, n.appendChild(o);
       const a = t.createElement("div");
-      return a.style.cssText = "display:flex;justify-content:space-between;font-size:2.1mm;opacity:.75;", a.append(ot(t, i.domain[0].toLocaleString("en-US")), ot(t, i.domain[1].toLocaleString("en-US"))), n.appendChild(a), n;
+      return a.style.cssText = "display:flex;justify-content:space-between;font-size:2.1mm;opacity:.75;", a.append(st(t, i.domain[0].toLocaleString("en-US")), st(t, i.domain[1].toLocaleString("en-US"))), n.appendChild(a), n;
     }
     for (const o of i.entries) {
       const a = t.createElement("div");
-      a.style.cssText = "display:flex;align-items:center;gap:1.2mm;margin:0.3mm 0;font-size:2.3mm;", a.appendChild(this.buildSwatch(t, o.color, "polygon")), a.appendChild(ot(t, o.label)), n.appendChild(a);
+      a.style.cssText = "display:flex;align-items:center;gap:1.2mm;margin:0.3mm 0;font-size:2.3mm;", a.appendChild(this.buildSwatch(t, o.color, "polygon")), a.appendChild(st(t, o.label)), n.appendChild(a);
     }
     if (i.kind === "categories" && i.defaultColor) {
       const o = t.createElement("div");
-      o.style.cssText = "display:flex;align-items:center;gap:1.2mm;margin:0.3mm 0;font-size:2.3mm;", o.appendChild(this.buildSwatch(t, i.defaultColor, "polygon")), o.appendChild(ot(t, "other")), n.appendChild(o);
+      o.style.cssText = "display:flex;align-items:center;gap:1.2mm;margin:0.3mm 0;font-size:2.3mm;", o.appendChild(this.buildSwatch(t, i.defaultColor, "polygon")), o.appendChild(st(t, "other")), n.appendChild(o);
     }
     return n;
   }
   paintCartograph(t, e) {
-    const { w: n, h: i } = C(this), s = n * e.pxPerMm, o = i * e.pxPerMm;
+    const { w: n, h: i } = S(this), s = n * e.pxPerMm, o = i * e.pxPerMm;
     if (s <= 0 || o <= 0) return;
     const a = typeof getComputedStyle == "function" ? getComputedStyle(this) : null, l = L(a?.backgroundColor);
     l && (t.fillStyle = l, t.fillRect(0, 0, s, o));
-    const c = L(a?.borderTopColor), u = kt(a?.borderTopWidth) * e.scale;
+    const c = L(a?.borderTopColor), u = $t(a?.borderTopWidth) * e.scale;
     c && u > 0 && (t.strokeStyle = c, t.lineWidth = u, t.strokeRect(u / 2, u / 2, s - u, o - u));
     const m = L(a?.color) ?? "#111", d = a?.fontFamily || "system-ui, sans-serif", h = (N) => N * e.pxPerMm;
     let f = h(2);
     const p = this.getAttribute("title");
     p && (t.fillStyle = m, t.font = `600 ${h(2.6)}px ${d}`, t.textBaseline = "top", t.fillText(p, h(2), f), f += h(4));
-    const g = this.rows, b = Number(this.getAttribute("columns")), w = Math.min(g.length || 1, Number.isFinite(b) && b > 1 ? Math.floor(b) : 1), y = Math.max(1, Math.ceil(g.length / w)), S = 3, M = Math.max(1, (n - 4 - S * (w - 1)) / w), F = f;
-    let _ = -1, $ = 2;
+    const g = this.rows, b = Number(this.getAttribute("columns")), w = Math.min(g.length || 1, Number.isFinite(b) && b > 1 ? Math.floor(b) : 1), y = Math.max(1, Math.ceil(g.length / w)), C = 3, M = Math.max(1, (n - 4 - C * (w - 1)) / w), F = f;
+    let _ = -1, k = 2;
     t.font = `${h(2.6)}px ${d}`;
     for (const [N, T] of g.entries()) {
       const v = Math.min(w - 1, Math.floor(N / y));
-      if (v !== _ && (_ = v, $ = 2 + _ * (M + S), f = _ === 0 ? F : h(2)), f > o || (t.fillStyle = T.color, T.shape === "line" ? t.fillRect(h($), f + h(1.2), h(3.2), h(0.9)) : T.shape === "point" ? (t.beginPath(), t.arc(h($ + 1.6), f + h(1.6), h(1.6), 0, Math.PI * 2), t.fill()) : t.fillRect(h($), f, h(3.2), h(3.2)), t.fillStyle = m, t.textBaseline = "top", t.fillText(T.label, h($ + 4.7), f + h(0.3)), f += h(4.2), !T.legend)) continue;
+      if (v !== _ && (_ = v, k = 2 + _ * (M + C), f = _ === 0 ? F : h(2)), f > o || (t.fillStyle = T.color, T.shape === "line" ? t.fillRect(h(k), f + h(1.2), h(3.2), h(0.9)) : T.shape === "point" ? (t.beginPath(), t.arc(h(k + 1.6), f + h(1.6), h(1.6), 0, Math.PI * 2), t.fill()) : t.fillRect(h(k), f, h(3.2), h(3.2)), t.fillStyle = m, t.textBaseline = "top", t.fillText(T.label, h(k + 4.7), f + h(0.3)), f += h(4.2), !T.legend)) continue;
       const A = T.legend;
-      if (t.save(), t.font = `${h(2.1)}px ${d}`, t.globalAlpha = 0.7, t.fillText(A.field, h($ + 2.7), f), t.globalAlpha = 1, f += h(2.8), A.kind === "ramp") {
-        const k = Math.min(24, Math.max(1, M - 2.7)), E = $ + 2.7, U = t.createLinearGradient(h(E), 0, h(E + k), 0);
-        A.colors.forEach((X, Xe) => U.addColorStop(A.colors.length === 1 ? 0 : Xe / (A.colors.length - 1), X)), t.fillStyle = U, t.fillRect(h(E), f, h(k), h(2.4)), f += h(3.4), t.fillStyle = m, t.font = `${h(2.1)}px ${d}`, t.fillText(A.domain[0].toLocaleString("en-US"), h(E), f);
-        const Q = A.domain[1].toLocaleString("en-US");
-        t.textAlign = "right", t.fillText(Q, h(E + k), f), t.textAlign = "left", f += h(3.2);
+      if (t.save(), t.font = `${h(2.1)}px ${d}`, t.globalAlpha = 0.7, t.fillText(A.field, h(k + 2.7), f), t.globalAlpha = 1, f += h(2.8), A.kind === "ramp") {
+        const $ = Math.min(24, Math.max(1, M - 2.7)), E = k + 2.7, U = t.createLinearGradient(h(E), 0, h(E + $), 0);
+        A.colors.forEach((X, Xe) => U.addColorStop(A.colors.length === 1 ? 0 : Xe / (A.colors.length - 1), X)), t.fillStyle = U, t.fillRect(h(E), f, h($), h(2.4)), f += h(3.4), t.fillStyle = m, t.font = `${h(2.1)}px ${d}`, t.fillText(A.domain[0].toLocaleString("en-US"), h(E), f);
+        const tt = A.domain[1].toLocaleString("en-US");
+        t.textAlign = "right", t.fillText(tt, h(E + $), f), t.textAlign = "left", f += h(3.2);
       } else {
-        const k = [...A.entries];
-        A.kind === "categories" && A.defaultColor && k.push({ color: A.defaultColor, label: "other" }), t.font = `${h(2.3)}px ${d}`;
-        for (const E of k) {
+        const $ = [...A.entries];
+        A.kind === "categories" && A.defaultColor && $.push({ color: A.defaultColor, label: "other" }), t.font = `${h(2.3)}px ${d}`;
+        for (const E of $) {
           if (f > o) break;
-          t.fillStyle = E.color, t.fillRect(h($ + 2.7), f, h(2.6), h(2.6)), t.fillStyle = m, t.fillText(E.label, h($ + 6.3), f + h(0.2)), f += h(3.2);
+          t.fillStyle = E.color, t.fillRect(h(k + 2.7), f, h(2.6), h(2.6)), t.fillStyle = m, t.fillText(E.label, h(k + 6.3), f + h(0.2)), f += h(3.2);
         }
         f += h(1);
       }
@@ -1967,7 +1995,7 @@ class We extends R {
     }
   }
 }
-const ot = (r, t) => {
+const st = (r, t) => {
   const e = r.createElement("span");
   return e.textContent = t, e;
 };
@@ -1977,22 +2005,22 @@ const me = 48, Be = {
   fromLngLat: (r) => [r[0], r[1]]
 };
 function de(r, t = 5) {
-  return !Number.isFinite(r) || r <= 0 ? 0 : $e(r / Math.max(1, t));
+  return !Number.isFinite(r) || r <= 0 ? 0 : ke(r / Math.max(1, t));
 }
-function un({ georef: r, plane: t = Be, interval: e, intervalX: n, intervalY: i, labels: s = "outside", format: o }) {
+function hn({ georef: r, plane: t = Be, interval: e, intervalX: n, intervalY: i, labels: s = "outside", format: o }) {
   if (r.degenerate) return null;
   const a = r.corners.map((y) => t.fromLngLat(y)), l = a.map((y) => y[0]), c = a.map((y) => y[1]);
   if (l.some((y) => !Number.isFinite(y)) || c.some((y) => !Number.isFinite(y))) return null;
   const u = Math.min(...l), m = Math.max(...l), d = Math.min(...c), h = Math.max(...c), f = fe(n ?? e, de(m - u)), p = fe(i ?? e, de(h - d));
   if (f <= 0 || p <= 0 || (m - u) / f > 500 || (h - d) / p > 500) return null;
-  const g = [], b = [], w = o ?? mn;
+  const g = [], b = [], w = o ?? dn;
   for (let y = Math.ceil(u / f) * f; y <= m + 1e-9; y += f) {
-    const S = pe(r, t, y, d, h, "x");
-    S && (g.push(S), s !== "none" && be(b, S, r, w(y, "x"), "x", s));
+    const C = pe(r, t, y, d, h, "x");
+    C && (g.push(C), s !== "none" && be(b, C, r, w(y, "x"), "x", s));
   }
   for (let y = Math.ceil(d / p) * p; y <= h + 1e-9; y += p) {
-    const S = pe(r, t, y, u, m, "y");
-    S && (g.push(S), s !== "none" && be(b, S, r, w(y, "y"), "y", s));
+    const C = pe(r, t, y, u, m, "y");
+    C && (g.push(C), s !== "none" && be(b, C, r, w(y, "y"), "y", s));
   }
   return { lines: g, labels: b, intervalX: f, intervalY: p };
 }
@@ -2005,10 +2033,10 @@ function pe(r, t, e, n, i, s) {
     const m = r.project(u);
     m && o.push(m);
   }
-  const a = hn(o, r.widthMm, r.heightMm);
+  const a = mn(o, r.widthMm, r.heightMm);
   return a.length >= 2 ? { points: a, value: e, axis: s } : null;
 }
-function hn(r, t, e) {
+function mn(r, t, e) {
   const n = (a) => a.xMm >= -0.01 && a.xMm <= t + 0.01 && a.yMm >= -0.01 && a.yMm <= e + 0.01, i = r.findIndex(n);
   if (i === -1) return [];
   let s = r.length - 1;
@@ -2027,16 +2055,16 @@ function be(r, t, e, n, i, s) {
     r.push({ text: n, xMm: s === "outside" ? -1.2 : 1.2, yMm: o.yMm, edge: "left", axis: i });
   }
 }
-function mn(r, t) {
+function dn(r, t) {
   if (Math.abs(r) >= 1e3) return Math.round(r).toLocaleString("en-US");
   const e = Math.abs(r) < 1 ? 3 : Math.abs(r) < 10 ? 2 : 1;
   return `${Number(r.toFixed(e))}°`;
 }
-function dn(r, t) {
+function fn(r, t) {
   const e = t === "x" ? r < 0 ? "W" : "E" : r < 0 ? "S" : "N", n = Math.abs(r), i = Math.floor(n), s = (n - i) * 60, o = Math.floor(s), a = Math.round((s - o) * 60), l = a === 60 ? o + 1 : o, c = l === 60 ? i + 1 : i, u = l === 60 ? 0 : l, m = a === 60 ? 0 : a;
   return `${c}°${String(u).padStart(2, "0")}′${String(m).padStart(2, "0")}″${e}`;
 }
-const st = "http://www.w3.org/2000/svg", fn = ["solid", "cross", "markers"], z = 1.4;
+const at = "http://www.w3.org/2000/svg", pn = ["solid", "cross", "markers"], D = 1.4;
 class Ve extends R {
   static observedAttributes = [...P["om-graticule"]];
   resolvedPlane = null;
@@ -2044,7 +2072,7 @@ class Ve extends R {
   resolveToken = 0;
   get kind() {
     const t = this.getAttribute("kind");
-    return fn.includes(t) ? t : "solid";
+    return pn.includes(t) ? t : "solid";
   }
   get labelPlacement() {
     const t = this.getAttribute("labels");
@@ -2060,14 +2088,14 @@ class Ve extends R {
       const s = Number(this.getAttribute(i));
       return Number.isFinite(s) && s > 0 ? s : null;
     };
-    return un({
+    return hn({
       georef: t,
       plane: e,
       interval: n("interval"),
       intervalX: n("interval-x"),
       intervalY: n("interval-y"),
       labels: this.labelPlacement,
-      format: this.getAttribute("format") === "dms" ? dn : void 0
+      format: this.getAttribute("format") === "dms" ? fn : void 0
     });
   }
   /**
@@ -2094,7 +2122,7 @@ class Ve extends R {
   renderNow() {
     if (this.applyPlacement(), this.style.display = "block", this.style.pointerEvents = "none", !O(this)) {
       const n = this.getAttribute("for");
-      G(this, n ? `Graticule references no frame with id "${n}".` : "Graticule has no frame to cover (set for=).");
+      W(this, n ? `Graticule references no frame with id "${n}".` : "Graticule has no frame to cover (set for=).");
       return;
     }
     const e = this.graticule;
@@ -2105,20 +2133,20 @@ class Ve extends R {
     this.renderSvg(e);
   }
   renderSvg(t) {
-    const { w: e, h: n } = C(this), i = this.ownerDocument, s = i.createElementNS(st, "svg");
+    const { w: e, h: n } = S(this), i = this.ownerDocument, s = i.createElementNS(at, "svg");
     s.setAttribute("width", `${e}mm`), s.setAttribute("height", `${n}mm`), s.setAttribute("viewBox", `0 0 ${e} ${n}`), s.style.cssText = "display:block;overflow:visible;";
     const o = "var(--om-carto-graticule-ink)", a = this.kind;
     for (const l of t.lines)
       if (a === "solid") {
-        const c = i.createElementNS(st, "polyline");
+        const c = i.createElementNS(at, "polyline");
         c.setAttribute("points", l.points.map((u) => `${u.xMm.toFixed(3)},${u.yMm.toFixed(3)}`).join(" ")), c.setAttribute("fill", "none"), c.setAttribute("stroke", o), c.setAttribute("stroke-width", "0.15"), s.appendChild(c);
       } else
         for (const c of this.tickPoints(l, a, t)) {
-          const u = i.createElementNS(st, "path");
-          u.setAttribute("d", `M ${c.xMm - z} ${c.yMm} H ${c.xMm + z} M ${c.xMm} ${c.yMm - z} V ${c.yMm + z}`), u.setAttribute("stroke", o), u.setAttribute("stroke-width", "0.15"), s.appendChild(u);
+          const u = i.createElementNS(at, "path");
+          u.setAttribute("d", `M ${c.xMm - D} ${c.yMm} H ${c.xMm + D} M ${c.xMm} ${c.yMm - D} V ${c.yMm + D}`), u.setAttribute("stroke", o), u.setAttribute("stroke-width", "0.15"), s.appendChild(u);
         }
     for (const l of t.labels) {
-      const c = i.createElementNS(st, "text");
+      const c = i.createElementNS(at, "text");
       c.setAttribute("x", String(l.xMm)), c.setAttribute("y", String(l.yMm)), c.setAttribute("font-size", "2.2"), c.setAttribute("fill", o), c.setAttribute("font-family", "var(--om-carto-font)"), c.setAttribute("text-anchor", l.edge === "left" ? "end" : "middle"), c.textContent = l.text, s.appendChild(c);
     }
     this.replaceChildren(s);
@@ -2128,7 +2156,7 @@ class Ve extends R {
     if (e === "markers") return [t.points[0], t.points[t.points.length - 1]];
     const i = n.lines.filter((o) => o.axis !== t.axis), s = [];
     for (const o of i) {
-      const a = pn(t.points, o.points);
+      const a = gn(t.points, o.points);
       a && s.push(a);
     }
     return s;
@@ -2143,14 +2171,14 @@ class Ve extends R {
         t.beginPath(), l.points.forEach((c, u) => u === 0 ? t.moveTo(o(c.xMm), o(c.yMm)) : t.lineTo(o(c.xMm), o(c.yMm))), t.stroke();
       else
         for (const c of this.tickPoints(l, a, n))
-          t.beginPath(), t.moveTo(o(c.xMm - z), o(c.yMm)), t.lineTo(o(c.xMm + z), o(c.yMm)), t.moveTo(o(c.xMm), o(c.yMm - z)), t.lineTo(o(c.xMm), o(c.yMm + z)), t.stroke();
+          t.beginPath(), t.moveTo(o(c.xMm - D), o(c.yMm)), t.lineTo(o(c.xMm + D), o(c.yMm)), t.moveTo(o(c.xMm), o(c.yMm - D)), t.lineTo(o(c.xMm), o(c.yMm + D)), t.stroke();
     t.font = `${o(2.2)}px ${i?.fontFamily || "system-ui, sans-serif"}`, t.textBaseline = "alphabetic";
     for (const l of n.labels)
       t.textAlign = l.edge === "left" ? "right" : "center", t.fillText(l.text, o(l.xMm), o(l.yMm));
     t.restore();
   }
 }
-function pn(r, t) {
+function gn(r, t) {
   let e = null, n = Number.POSITIVE_INFINITY;
   for (const i of r)
     for (const s of t) {
@@ -2160,27 +2188,27 @@ function pn(r, t) {
   return n <= 1 ? e : null;
 }
 x("om-graticule", Ve);
-function gn(r, t) {
+function bn(r, t) {
   if (r == null || typeof r != "object") return;
   const e = r.properties;
   return e && t in e ? e[t] : r[t];
 }
-function Pt(r, t) {
+function Tt(r, t) {
   if (Array.isArray(r)) {
     if (typeof r[0] == "number") {
       t.push([r[0], r[1]]);
       return;
     }
-    for (const e of r) Pt(e, t);
+    for (const e of r) Tt(e, t);
   }
 }
-function bn(r) {
+function yn(r) {
   return r ? r.tileData != null ? "tiled" : r.asset != null ? "asset" : null : "empty";
 }
 function I(r, t) {
-  return gn(r, t);
+  return bn(r, t);
 }
-function Tt(r) {
+function Lt(r) {
   const t = {}, e = (i) => {
     for (const [s, o] of Object.entries(i))
       o == null || typeof o == "object" || (t[s] = String(o));
@@ -2189,11 +2217,11 @@ function Tt(r) {
   const n = r.properties;
   return n && typeof n == "object" && e(n), t;
 }
-function yn(r) {
+function wn(r) {
   let t = 1 / 0, e = 1 / 0, n = -1 / 0, i = -1 / 0;
   const s = [], o = r.geometry;
-  if (o?.coordinates != null) Pt(o.coordinates, s);
-  else if (Array.isArray(r.coordinates)) Pt(r.coordinates, s);
+  if (o?.coordinates != null) Tt(o.coordinates, s);
+  else if (Array.isArray(r.coordinates)) Tt(r.coordinates, s);
   else {
     const a = Number(I(r, "lng") ?? I(r, "longitude") ?? I(r, "lon") ?? I(r, "x")), l = Number(I(r, "lat") ?? I(r, "latitude") ?? I(r, "y"));
     Number.isFinite(a) && Number.isFinite(l) && s.push([a, l]);
@@ -2202,47 +2230,47 @@ function yn(r) {
     !Number.isFinite(a) || !Number.isFinite(l) || (t = Math.min(t, a), n = Math.max(n, a), e = Math.min(e, l), i = Math.max(i, l));
   return !Number.isFinite(t) || !Number.isFinite(e) ? null : [t, e, n, i];
 }
-function wn(r, t) {
+function Mn(r, t) {
   const [e, n, i, s] = r, o = Math.max(i - e, 1e-4), a = Math.max(s - n, 1e-4), l = o * t, c = a * t;
   return [e - l, n - c, i + l, s + c];
 }
-const Vn = ([r, t, e, n]) => Math.max(0, e - r) * Math.max(0, n - t);
-function Mn({ features: r, filter: t, sort: e }) {
-  let n = t ? r.filter((s) => vn(t, s)) : [...r];
-  const i = An(e);
+const Hn = ([r, t, e, n]) => Math.max(0, e - r) * Math.max(0, n - t);
+function vn({ features: r, filter: t, sort: e }) {
+  let n = t ? r.filter((s) => An(t, s)) : [...r];
+  const i = Sn(e);
   return i.length > 0 && (n = [...n].sort((s, o) => {
     for (const { field: a, descending: l } of i) {
       const c = I(s, a), u = I(o, a);
       if (c == null && u == null) continue;
       if (c == null) return 1;
       if (u == null) return -1;
-      const m = Sn(c, u);
+      const m = Cn(c, u);
       if (m !== 0) return l ? -m : m;
     }
     return 0;
   })), n;
 }
-function vn(r, t) {
+function An(r, t) {
   try {
     return !!r(t);
   } catch {
     return !1;
   }
 }
-function An(r) {
+function Sn(r) {
   return r ? r.split(",").map((t) => t.trim()).filter(Boolean).map((t) => t.startsWith("-") ? { field: t.slice(1), descending: !0 } : { field: t, descending: !1 }) : [];
 }
-function Sn(r, t) {
+function Cn(r, t) {
   return typeof r == "number" && typeof t == "number" ? r - t : String(r).localeCompare(String(t), void 0, { numeric: !0, sensitivity: "base" });
 }
-function Cn(r) {
+function xn(r) {
   const t = r.replace(/[\x00-\x1f<>:"/\\|?*]+/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^[-.]+|[-.]+$/g, "").slice(0, 100);
   return t === "" ? "page" : t;
 }
-function xn(r, t, e) {
+function kn(r, t, e) {
   const n = /* @__PURE__ */ new Map();
   return t.map((i, s) => {
-    const o = Tt(i), a = (r ?? "page-{{atlas.index}}").replace(/\{\{\s*atlas\.([\w]+)\s*\}\}/g, (u, m) => m === "index" ? String(s + 1) : m === "count" ? String(t.length) : o[m] ?? u), l = Cn(a), c = n.get(l) ?? 0;
+    const o = Lt(i), a = (r ?? "page-{{atlas.index}}").replace(/\{\{\s*atlas\.([\w]+)\s*\}\}/g, (u, m) => m === "index" ? String(s + 1) : m === "count" ? String(t.length) : o[m] ?? u), l = xn(a), c = n.get(l) ?? 0;
     return n.set(l, c + 1), `${c === 0 ? l : `${l}-${c + 1}`}.${e}`;
   });
 }
@@ -2275,13 +2303,13 @@ class He extends R {
   }
   /** Export filenames, one per page, already de-duplicated. */
   filenames(t = "png") {
-    return xn(this.getAttribute("filename"), this.ensurePages(), t);
+    return kn(this.getAttribute("filename"), this.ensurePages(), t);
   }
   /** Human page labels, for an editor's stepper and PDF bookmarks. */
   pageName(t) {
     const e = this.ensurePages()[t];
     if (!e) return `Page ${t + 1}`;
-    const n = Tt(e), i = this.getAttribute("page-name");
+    const n = Lt(e), i = this.getAttribute("page-name");
     return i ? i.replace(
       /\{\{\s*atlas\.([\w]+)\s*\}\}/g,
       (s, o) => o === "index" ? String(t + 1) : o === "count" ? String(this.count) : n[o] ?? s
@@ -2299,11 +2327,11 @@ class He extends R {
   }
   ensurePages() {
     if (this.pages) return this.pages;
-    const e = this.frame?.mapElement?.getLayers?.(), n = this.getAttribute("layer"), i = e?.find((a) => a.id === n), s = e ? bn(i) : null;
+    const e = this.frame?.mapElement?.getLayers?.(), n = this.getAttribute("layer"), i = e?.find((a) => a.id === n), s = e ? yn(i) : null;
     if (!e || s)
       return this.rejection = e ? s : null, this.pages = [];
     const o = this.materialize(i);
-    return this.pages = Mn({ features: o, filter: this.compileFilter(), sort: this.getAttribute("sort") }), this.currentIndex = Math.min(this.currentIndex, Math.max(0, this.pages.length - 1)), this.pages;
+    return this.pages = vn({ features: o, filter: this.compileFilter(), sort: this.getAttribute("sort") }), this.currentIndex = Math.min(this.currentIndex, Math.max(0, this.pages.length - 1)), this.pages;
   }
   /**
    * Rows from the layer, with the layer's OWN declarative filters applied —
@@ -2311,7 +2339,7 @@ class He extends R {
    * sheets for features the map itself is hiding.
    */
   materialize(t) {
-    const e = H(), n = t.data;
+    const e = G(), n = t.data;
     if (!n) return [];
     const i = e?.asRows ? e.asRows(n) : Array.isArray(n) ? n : [], s = [t.filter, t.categoryFilter].filter(Boolean);
     return s.length === 0 ? i : i.filter(
@@ -2330,7 +2358,7 @@ class He extends R {
   compileFilter() {
     const t = this.getAttribute("filter");
     if (!t) return;
-    const e = H();
+    const e = G();
     if (e?.compileExpression)
       try {
         const n = e.compileExpression(t, { shape: "geojson", paramName: "d" });
@@ -2354,12 +2382,12 @@ class He extends R {
     const e = this.closest("om-cartograph");
     for (const n of e?.querySelectorAll("om-frame") ?? []) {
       if (n.getAttribute("atlas-fit") !== "feature") continue;
-      const i = yn(t);
+      const i = wn(t);
       if (!i) continue;
-      const s = Number(n.getAttribute("atlas-margin")), o = wn(i, Number.isFinite(s) && s > 0 ? s : 0.15);
+      const s = Number(n.getAttribute("atlas-margin")), o = Mn(i, Number.isFinite(s) && s > 0 ? s : 0.15);
       n.fitBounds?.(o);
     }
-    e?.setAtlasFields({ ...Tt(t), index: String(this.currentIndex + 1), count: String(this.count) }), e?.refreshFurniture(), this.dispatchEvent(
+    e?.setAtlasFields({ ...Lt(t), index: String(this.currentIndex + 1), count: String(this.count) }), e?.refreshFurniture(), this.dispatchEvent(
       new CustomEvent("om-atlas-page", {
         bubbles: !0,
         detail: { index: this.currentIndex, count: this.count, name: this.pageName(this.currentIndex), feature: t }
@@ -2371,21 +2399,21 @@ class He extends R {
   }
 }
 x("om-atlas", He);
-const $n = /* @__PURE__ */ new Set(["class", "style", "id", "hidden", "title", "lang", "dir", "slot", "part", "role", "tabindex"]), kn = /* @__PURE__ */ new Set(["style", "script", "img", "template", "om-map"]), En = ["data-om-carto-credit", "data-om-carto-marks", "data-om-carto-flattened"], Nn = /* @__PURE__ */ new Set(["om-text", "om-legend", "om-scalebar", "om-north", "om-shape", "om-image"]), Pn = /* @__PURE__ */ new Set(["om-frame", "om-legend", "om-scalebar", "om-north", "om-graticule", "om-text", "om-shape", "om-image"]), Tn = 0.02, Ln = (r) => Math.max(0, Number(r.getAttribute("bleed")) || 0);
+const $n = /* @__PURE__ */ new Set(["class", "style", "id", "hidden", "title", "lang", "dir", "slot", "part", "role", "tabindex"]), En = /* @__PURE__ */ new Set(["style", "script", "img", "template", "om-map"]), Nn = ["data-om-carto-credit", "data-om-carto-marks", "data-om-carto-flattened"], Pn = /* @__PURE__ */ new Set(["om-text", "om-legend", "om-scalebar", "om-north", "om-shape", "om-image"]), Tn = /* @__PURE__ */ new Set(["om-frame", "om-legend", "om-scalebar", "om-north", "om-graticule", "om-text", "om-shape", "om-image"]), Ln = 0.02, Fn = (r) => Math.max(0, Number(r.getAttribute("bleed")) || 0);
 function Ye(r) {
   const t = r.tagName.toLowerCase();
   return r.id ? `${t}#${r.id}` : t;
 }
-function V(r, t) {
+function H(r, t) {
   const e = r.getAttribute(t);
   if (e == null || e.trim() === "") return null;
   const n = Number(e);
   return Number.isFinite(n) ? n : null;
 }
-function Fn(r, t) {
+function In(r, t) {
   return r.x < t.x + t.w && t.x < r.x + r.w && r.y < t.y + t.h && t.y < r.y + r.h;
 }
-function In(r, t) {
+function Rn(r, t) {
   const e = r.getAttribute("style");
   if (!e) return null;
   const n = new RegExp(`(?:^|;)\\s*${t}\\s*:\\s*(-?[\\d.]+)mm`, "i").exec(e);
@@ -2397,45 +2425,45 @@ function Ke(r) {
   }, n = [...r.querySelectorAll("om-cartograph")];
   if (n.length === 0 && r.tagName?.toLowerCase() === "om-cartograph" && n.push(r), n.length === 0)
     return { valid: !0, errors: [], warnings: [] };
-  for (const o of n) Rn(o, e);
+  for (const o of n) _n(o, e);
   const i = t.filter((o) => o.severity === "error"), s = t.filter((o) => o.severity === "warning");
   return { valid: i.length === 0, errors: i, warnings: s };
 }
-function Rn(r, t) {
-  const e = r.getAttribute("size"), n = V(r, "width") != null && V(r, "height") != null;
-  e && !Bt.includes(e) && !n && t(
+function _n(r, t) {
+  const e = r.getAttribute("size"), n = H(r, "width") != null && H(r, "height") != null;
+  e && !Vt.includes(e) && !n && t(
     "error",
     r,
     `Unknown page size "${e}" and no width/height to fall back on.`,
-    `Use one of ${Bt.join(", ")}, or give width= and height= in millimetres.`,
+    `Use one of ${Vt.join(", ")}, or give width= and height= in millimetres.`,
     "size"
   );
   const i = r.getAttribute("cvd");
-  i && i.trim().toLowerCase() !== "none" && !Lt(i) && t("warning", r, `Unknown cvd="${i}" — no simulation applied.`, `Use one of ${rr.join(", ")}.`, "cvd"), r.hasAttribute("crop-marks") && Ln(r) <= 0 && t("warning", r, "crop-marks needs bleed to draw into — trim marks sit outside the page box.", 'Add bleed="3" (mm), or drop crop-marks.', "crop-marks");
-  const s = V(r, "safe-zone");
+  i && i.trim().toLowerCase() !== "none" && !Ft(i) && t("warning", r, `Unknown cvd="${i}" — no simulation applied.`, `Use one of ${rr.join(", ")}.`, "cvd"), r.hasAttribute("crop-marks") && Fn(r) <= 0 && t("warning", r, "crop-marks needs bleed to draw into — trim marks sit outside the page box.", 'Add bleed="3" (mm), or drop crop-marks.', "crop-marks");
+  const s = H(r, "safe-zone");
   if (s != null && s > 0) {
     const h = ct(r.getAttribute("size"), r.getAttribute("width"), r.getAttribute("height"), r.getAttribute("orientation"));
     s * 2 >= Math.min(h.widthMm, h.heightMm) && t("warning", r, `safe-zone=${s}mm leaves no usable area on a ${h.widthMm} × ${h.heightMm} mm page.`, "Use a smaller inset — 5–10mm is typical.", "safe-zone");
   }
   const o = r.getAttribute("format");
   o == null ? t("warning", r, "No format= on the cartograph root.", `Add format="${pt}" so future runtimes can migrate this document.`, "format") : o !== pt && t("warning", r, `Unrecognised document format "${o}".`, `This build understands "${pt}".`, "format");
-  const { widthMm: a, heightMm: l } = ct(e, r.getAttribute("width"), r.getAttribute("height"), r.getAttribute("orientation")), c = Math.max(0, V(r, "bleed") ?? 0), u = /* @__PURE__ */ new Set(), m = [...r.querySelectorAll("om-frame")];
+  const { widthMm: a, heightMm: l } = ct(e, r.getAttribute("width"), r.getAttribute("height"), r.getAttribute("orientation")), c = Math.max(0, H(r, "bleed") ?? 0), u = /* @__PURE__ */ new Set(), m = [...r.querySelectorAll("om-frame")];
   for (const h of m)
     h.id ? u.add(h.id) : t("error", h, "Frame has no id.", "Give every frame an id so furniture can reference it with for=.", "id");
   for (const h of r.children) {
-    if (En.some((p) => h.hasAttribute(p))) continue;
+    if (Nn.some((p) => h.hasAttribute(p))) continue;
     const f = h.tagName.toLowerCase();
-    !gt.includes(f) && !kn.has(f) && t("error", h, `<${f}> is not a cartograph element.`, `Use one of ${gt.join(", ")}, or move this content inside an <om-text>.`);
+    !gt.includes(f) && !En.has(f) && t("error", h, `<${f}> is not a cartograph element.`, `Use one of ${gt.join(", ")}, or move this content inside an <om-text>.`);
   }
   const d = [];
   for (const h of [r, ...r.querySelectorAll("*")]) {
     const f = h.tagName.toLowerCase();
     if (gt.includes(f) && !h.closest("om-map")) {
-      if (_n(h, f, t), Pn.has(f)) {
-        const p = C(h);
-        On(h, p, a, l, c, t), Nn.has(f) && !h.hasAttribute("hidden") && d.push({ el: h, box: p });
+      if (On(h, f, t), Tn.has(f)) {
+        const p = S(h);
+        Un(h, p, a, l, c, t), Pn.has(f) && !h.hasAttribute("hidden") && d.push({ el: h, box: p });
       }
-      f === "om-frame" && Un(h, t), f === "om-legend" && jn(h, m, t), f === "om-atlas" && zn(h, m, t), f === "om-scalebar" && Dn(h, m, t), f === "om-text" && Gn(h, m, t);
+      f === "om-frame" && jn(h, t), f === "om-legend" && zn(h, m, t), f === "om-atlas" && Dn(h, m, t), f === "om-scalebar" && Gn(h, m, t), f === "om-text" && qn(h, m, t);
       for (const p of ["for", "overview-of"]) {
         const g = h.getAttribute(p);
         g && !u.has(g) && t("error", h, `${p}="${g}" references no frame on this page.`, `Point it at one of: ${[...u].join(", ") || "(no frames)"}.`, p);
@@ -2445,7 +2473,7 @@ function Rn(r, t) {
   for (let h = 0; h < d.length; h++)
     for (let f = h + 1; f < d.length; f++) {
       const p = d[h], g = d[f];
-      p.box.w <= 0 || p.box.h <= 0 || g.box.w <= 0 || g.box.h <= 0 || Fn(p.box, g.box) && t(
+      p.box.w <= 0 || p.box.h <= 0 || g.box.w <= 0 || g.box.h <= 0 || In(p.box, g.box) && t(
         "warning",
         p.el,
         `Overlaps ${Ye(g.el)} on the page.`,
@@ -2453,7 +2481,7 @@ function Rn(r, t) {
       );
     }
 }
-function _n(r, t, e) {
+function On(r, t, e) {
   const n = new Set(P[t] ?? []);
   for (const i of r.attributes) {
     const s = i.name.toLowerCase();
@@ -2466,7 +2494,7 @@ function _n(r, t, e) {
     e("warning", r, `Unknown attribute "${s}" on <${t}> — likely a typo.`, `Valid attributes: ${[...n].join(", ")}.`, s);
   }
 }
-function On(r, t, e, n, i, s) {
+function Un(r, t, e, n, i, s) {
   if (t.w <= 0 || t.h <= 0) {
     s("error", r, `Element has no size (w=${t.w}, h=${t.h}).`, "Give w= and h= in millimetres — both greater than zero.", t.w <= 0 ? "w" : "h");
     return;
@@ -2485,7 +2513,7 @@ function On(r, t, e, n, i, s) {
     ["height", t.h]
   ];
   for (const [u, m] of c) {
-    const d = In(r, u);
+    const d = Rn(r, u);
     d != null && Math.abs(d - m) > 0.01 && s(
       "error",
       r,
@@ -2495,7 +2523,7 @@ function On(r, t, e, n, i, s) {
     );
   }
 }
-function Un(r, t) {
+function jn(r, t) {
   if ((r.getAttribute("mode") === "static" ? "static" : "live") === "static") {
     const n = r.getAttribute("corners"), i = mt(n);
     i || t(
@@ -2505,14 +2533,14 @@ function Un(r, t) {
       'Give four lon/lat pairs in tl, tr, br, bl order — corners="[[lng,lat],[lng,lat],[lng,lat],[lng,lat]]".',
       "corners"
     ), r.querySelector(":scope > img") || t("error", r, "Static frame has no <img> child to place.", "Add the georeferenced raster as an <img> child — it is also what renders with JavaScript disabled.");
-    const s = C(r), o = K(r.getAttribute("crs"));
+    const s = S(r), o = K(r.getAttribute("crs"));
     if (i && o && s.w > 0 && s.h > 0) {
       const a = ht({ corners: i, widthMm: s.w, heightMm: s.h, crsForward: o });
       if (a.degenerate)
         t("error", r, "Frame corners are degenerate (collinear or coincident) — nothing can be placed on this frame.", "Check the corner order: tl, tr, br, bl.", "corners");
       else {
         const l = Br(a);
-        l != null && l > Tn && t(
+        l != null && l > Ln && t(
           "warning",
           r,
           `Ground scale varies ${(l * 100).toFixed(1)}% across this frame, so a single scale bar is only true near its anchor.`,
@@ -2521,7 +2549,7 @@ function Un(r, t) {
       }
     }
   } else {
-    lt(r) || t(
+    Q(r) || t(
       "error",
       r,
       "Live frame has no valid camera.",
@@ -2540,12 +2568,12 @@ function Un(r, t) {
     n && n !== "EPSG:3857" && t("error", r, `Live frame declares ${n}, but live frames render EPSG:3857.`, 'Use mode="static" with a georeferenced raster for other projections.', "crs");
   }
 }
-function Rt(r, t) {
+function _t(r, t) {
   const e = r.getAttribute("for");
   return e ? t.find((n) => n.id === e) : t.length === 1 ? t[0] : void 0;
 }
-function jn(r, t, e) {
-  const n = r.getAttribute("derived") !== "false", i = Rt(r, t);
+function zn(r, t, e) {
+  const n = r.getAttribute("derived") !== "false", i = _t(r, t);
   n && i?.getAttribute("mode") === "static" && e(
     "warning",
     r,
@@ -2566,10 +2594,10 @@ function jn(r, t, e) {
     );
   }
 }
-function zn(r, t, e) {
+function Dn(r, t, e) {
   const n = r.getAttribute("layer");
   n || e("error", r, "Atlas has no layer= to iterate.", 'Name a layer inside the frame, e.g. layer="parcels".', "layer");
-  const i = r.getAttribute("for"), s = Rt(r, t);
+  const i = r.getAttribute("for"), s = _t(r, t);
   if (!s) {
     !i && t.length !== 1 && e("error", r, `Atlas does not say which frame drives it, and the page has ${t.length} frames.`, 'Add for="<frame id>".', "for");
     return;
@@ -2601,17 +2629,17 @@ function zn(r, t, e) {
     );
   }
 }
-function Dn(r, t, e) {
-  const n = V(r, "segment-length");
+function Gn(r, t, e) {
+  const n = H(r, "segment-length");
   if (n == null) return;
-  const i = Rt(r, t);
+  const i = _t(r, t);
   if (!i) return;
-  const s = mt(i.getAttribute("corners")), o = K(i.getAttribute("crs")), a = C(i);
+  const s = mt(i.getAttribute("corners")), o = K(i.getAttribute("crs")), a = S(i);
   if (!s || !o || a.w <= 0 || a.h <= 0) return;
-  const l = ht({ corners: s, widthMm: a.w, heightMm: a.h, crsForward: o }), c = C(r), u = ke({
+  const l = ht({ corners: s, widthMm: a.w, heightMm: a.h, crsForward: o }), c = S(r), u = $e({
     groundMetersPerMm: l.groundMetersPerMm(),
     maxWidthMm: c.w,
-    segments: V(r, "segments") ?? void 0,
+    segments: H(r, "segments") ?? void 0,
     segmentLengthMeters: n
   });
   u && u.totalMm > c.w + 1e-6 && e(
@@ -2622,9 +2650,9 @@ function Dn(r, t, e) {
     "segment-length"
   );
 }
-function Gn(r, t, e) {
+function qn(r, t, e) {
   const n = r.textContent ?? "", i = /* @__PURE__ */ new Set(["title", "attribution", "date", "notes", "scale", "crs"]), s = new Set(t.map((o) => o.id).filter(Boolean));
-  for (const o of $r(n))
+  for (const o of kr(n))
     if (!o.startsWith("atlas.")) {
       if (o.startsWith("frame.")) {
         const a = o.slice(6), l = a.lastIndexOf("."), c = l > 0 ? a.slice(0, l) : "", u = l > 0 ? a.slice(l + 1) : "";
@@ -2643,10 +2671,10 @@ function Gn(r, t, e) {
       i.has(o) || e("warning", r, `Unknown token {{${o}}} — it will render literally.`, `Known tokens: ${[...i].join(", ")}, frame.<id>.scale, frame.<id>.crs, atlas.<field>.`);
     }
 }
-function Hn(r) {
+function Yn(r) {
   return Ke(pr(r));
 }
-async function Yn(r) {
+async function Kn(r) {
   const t = Ke(r), e = [...r.querySelectorAll("om-frame")].filter((a) => a.querySelector(":scope > om-map"));
   if (e.length === 0) return t;
   const { loadCore: n } = await Promise.resolve().then(() => Je), i = await n(), s = [...t.errors], o = [...t.warnings];
@@ -2657,7 +2685,7 @@ async function Yn(r) {
   }
   return { valid: s.length === 0, errors: s, warnings: o };
 }
-function Kn() {
+function Xn() {
   x("om-cartograph", Fe), x("om-text", Ie), x("om-frame", Ue), x("om-scalebar", je), x("om-north", ze), x("om-shape", De), x("om-image", Ge), x("om-legend", We), x("om-graticule", Ve), x("om-atlas", He);
 }
 ye(() => import("@nika-js/onlymap"));
@@ -2666,9 +2694,9 @@ export {
   P as CARTOGRAPH_ELEMENT_ATTRS,
   pt as CARTOGRAPH_FORMAT,
   gt as CARTOGRAPH_TAG_NAMES,
-  qn as CARTOGRAPH_THEMES,
+  Wn as CARTOGRAPH_THEMES,
   ir as COLLAPSE_THRESHOLD,
-  Ft as CVD_MATRICES,
+  It as CVD_MATRICES,
   dt as CVD_TYPES,
   rr as CVD_VALUES,
   Be as GEOGRAPHIC_PLANE,
@@ -2686,39 +2714,39 @@ export {
   je as OmScalebarElement,
   De as OmShapeElement,
   Ie as OmTextElement,
-  Ot as PAGE_PRESETS,
-  Bt as PAGE_SIZE_NAMES,
-  j as PLACED_ATTR_NAMES,
-  W as PX_PER_MM,
+  Ut as PAGE_PRESETS,
+  Vt as PAGE_SIZE_NAMES,
+  z as PLACED_ATTR_NAMES,
+  j as PX_PER_MM,
   Sr as SCALE_GROUP_SEPARATOR,
   hr as URL_ACTION_TIMEOUT_MS,
   Fr as alignOffset,
   Le as allFrames,
   sr as applyCvdToCanvas,
-  kr as applyTokens,
+  $r as applyTokens,
   mr as applyUrlActions,
-  Tt as atlasFields,
-  Vn as boundsArea,
-  C as boxMm,
-  un as buildGraticule,
-  Mn as buildPages,
-  ke as buildScalebar,
+  Lt as atlasFields,
+  Hn as boundsArea,
+  S as boxMm,
+  hn as buildGraticule,
+  vn as buildPages,
+  $e as buildScalebar,
   Ar as buildScalebarDrawing,
   K as builtinCrsForward,
-  Wn as canvasMeasurer,
+  Bn as canvasMeasurer,
   Pr as clearUnlinked,
-  Bn as cornersFromBounds,
-  se as cornersFromCamera,
+  Vn as cornersFromBounds,
+  Pt as cornersFromCamera,
   ht as createFrameGeoref,
   er as createZip,
-  Kn as defineCartographElements,
-  Dt as deltaE00,
-  sn as deriveLegendRows,
+  Xn as defineCartographElements,
+  Gt as deltaE00,
+  an as deriveLegendRows,
   ar as ensureCvdFilters,
-  yn as featureBounds,
+  wn as featureBounds,
   I as fieldOf,
   Te as findFrame,
-  dn as formatDms,
+  fn as formatDms,
   Cr as formatScaleDenominator,
   dr as installUrlActions,
   Ze as isCoreLoaded,
@@ -2726,43 +2754,44 @@ export {
   Lr as layoutText,
   or as lintLegendColours,
   we as loadCore,
+  Kr as maxGeoreferenceablePitch,
   _r as mercatorForward,
   Or as mercatorInverse,
   de as niceInterval,
-  $e as niceNumberBelow,
+  ke as niceNumberBelow,
   Y as normalizeCrs,
   Wr as northBearingDegrees,
   Pe as ownerCartograph,
-  wn as padBounds,
-  _t as paintEnvForDpi,
+  Mn as padBounds,
+  Ot as paintEnvForDpi,
   nr as parseColor,
   mt as parseCorners,
-  An as parseSort,
-  H as peekCore,
-  lt as readCamera,
+  Sn as parseSort,
+  G as peekCore,
+  Q as readCamera,
   qe as readLiteralRows,
-  cn as readOverrides,
+  un as readOverrides,
   O as referencedFrame,
-  bn as rejectionFor,
-  It as renderCartograph,
+  yn as rejectionFor,
+  Rt as renderCartograph,
   Ce as renderCartographAtlas,
   Oe as resolveCrsForward,
-  Lt as resolveCvdType,
-  xn as resolveFilenames,
+  Ft as resolveCvdType,
+  kn as resolveFilenames,
   ct as resolvePageSize,
   xr as resolveToken,
   Ne as resolveTokens,
-  on as rowColorFor,
+  sn as rowColorFor,
   Hr as sanitizeAdoptedMap,
-  Cn as sanitizeFilename,
+  xn as sanitizeFilename,
   Br as scaleVariation,
   ye as setCoreLoader,
-  jt as simulate,
-  nn as swatchShapeFor,
-  $r as tokensIn,
-  ne as utmDef,
+  zt as simulate,
+  on as swatchShapeFor,
+  kr as tokensIn,
+  ie as utmDef,
   Ke as validateCartograph,
-  Yn as validateCartographDeep,
-  Hn as validateCartographString,
-  Wt as whenPageReady
+  Kn as validateCartographDeep,
+  Yn as validateCartographString,
+  Bt as whenPageReady
 };