@fxi/zartigl 0.10.4 → 0.11.1

package/dist/{geovideo-index-BqOLqzgA.js → engine-BBxJ6x3s.js}

@@ -1,44 +1,45 @@
-const te = { label: "Thermal", tags: ["sequential", "temperature"], colors: ["#042333", "#2c3395", "#744796", "#b15f82", "#eb7958", "#fbb43d", "#e8fa5b"] }, ie = { label: "Haline", tags: ["sequential", "salinity"], colors: ["#2a186c", "#17568b", "#1a7e8f", "#22a785", "#55c666", "#aadc32", "#fde333"] }, re = { label: "Solar", tags: ["sequential", "irradiance"], colors: ["#330f0b", "#6b2313", "#a83c12", "#d6621a", "#f3951e", "#f7c741", "#f9f871"] }, ne = { label: "Ice", tags: ["sequential"], colors: ["#040d1a", "#123365", "#1c5f9e", "#2b8ece", "#62bde3", "#aaddf2", "#f2faff"] }, se = { label: "Deep", tags: ["sequential", "depth"], colors: ["#fdfecc", "#c8e59b", "#74c8a3", "#3194b0", "#2a5b8e", "#281a5e", "#0c0820"] }, ae = { label: "RdYlBu", tags: ["diverging"], colors: ["#3288bd", "#66c2a5", "#abdda4", "#e6f598", "#fee08b", "#fdae61", "#f46d43", "#d53e4f"] }, oe = { label: "Dense", tags: ["sequential"], colors: ["#e6f1f1", "#92c4ca", "#44929a", "#20627a", "#1a3c6a", "#211a50", "#0d0621"] }, ce = { label: "Algae", tags: ["sequential", "biology", "log"], colors: ["#d7f9d0", "#a2d595", "#64b463", "#129450", "#126e45", "#1a482f", "#122414"] }, de = { label: "Oxygen", tags: ["sequential", "biology", "hypoxia"], colors: ["#09060f", "#5b1028", "#d43d2f", "#f39b3d", "#f3e7b3", "#79cbd1", "#176b9c"] }, le = { label: "Matter", tags: ["sequential", "biology"], colors: ["#fdfecc", "#f2c98a", "#e07c4e", "#bc3754", "#8d1a6d", "#51156b", "#1c0c3f"] }, he = { label: "Viridis", tags: ["sequential", "perceptual"], colors: ["#440154", "#443983", "#31688e", "#21918c", "#35b779", "#90d743", "#fde725"] }, ue = { label: "Plasma", tags: ["sequential", "perceptual"], colors: ["#0d0887", "#5e01a6", "#9c179e", "#cc4778", "#ed7953", "#fdb42f", "#f0f921"] }, fe = { label: "Cyclic", tags: ["cyclic", "direction"], colors: ["#2e22ea", "#b541fb", "#fc93c0", "#f1ee35", "#77c80d", "#458776", "#2c24e9"] }, me = { label: "Tempo", tags: ["sequential"], colors: ["#fff6f4", "#c2d1b9", "#7db390", "#2a937f", "#156d73", "#1c455b", "#151d44"] }, Ee = { label: "Turbid", tags: ["sequential", "biology", "log"], colors: ["#e9f5a0", "#c8c86e", "#a09845", "#786031", "#533324", "#341423", "#150d17"] }, pe = { label: "Speed", tags: ["sequential", "velocity"], colors: ["#fcfea4", "#d5e429", "#94c63e", "#52a657", "#2d8169", "#1d5b6d", "#0d3361"] }, Te = { label: "Amp", tags: ["sequential"], colors: ["#f2f2f2", "#c0b8db", "#9180b6", "#6c4e9e", "#4e2e83", "#32185d", "#110a35"] }, be = { label: "Heat", tags: ["sequential"], colors: ["#fde725", "#fde725", "#f8961e", "#e63946", "#9d0208", "#3a0007"] }, Re = { label: "Balance", tags: ["diverging"], colors: ["#181c43", "#3066af", "#9bbcdd", "#f2f2f2", "#e07d53", "#b13626", "#2c0b0e"] }, ge = { label: "Delta", tags: ["diverging"], colors: ["#0e3f31", "#20877b", "#99d4c1", "#f2f2f2", "#a1b0d4", "#3c5b9e", "#0d1938"] }, we = { label: "Curl", tags: ["diverging"], colors: ["#152237", "#2471b3", "#8dbac4", "#f2f2f2", "#c79f84", "#a63827", "#270b17"] }, _e = { label: "Gray", tags: ["sequential"], colors: ["#000000", "#252525", "#4d4d4d", "#7a7a7a", "#a8a8a8", "#d4d4d4", "#ffffff"] }, K = {
-  thermal: te,
+import "./backdrop-Dceb4d8E.js";
+const Te = { label: "Thermal", tags: ["sequential", "temperature"], colors: ["#042333", "#2c3395", "#744796", "#b15f82", "#eb7958", "#fbb43d", "#e8fa5b"] }, be = { label: "Haline", tags: ["sequential", "salinity"], colors: ["#2a186c", "#17568b", "#1a7e8f", "#22a785", "#55c666", "#aadc32", "#fde333"] }, we = { label: "Solar", tags: ["sequential", "irradiance"], colors: ["#330f0b", "#6b2313", "#a83c12", "#d6621a", "#f3951e", "#f7c741", "#f9f871"] }, ye = { label: "Ice", tags: ["sequential"], colors: ["#040d1a", "#123365", "#1c5f9e", "#2b8ece", "#62bde3", "#aaddf2", "#f2faff"] }, _e = { label: "Deep", tags: ["sequential", "depth"], colors: ["#fdfecc", "#c8e59b", "#74c8a3", "#3194b0", "#2a5b8e", "#281a5e", "#0c0820"] }, Re = { label: "RdYlBu", tags: ["diverging"], colors: ["#3288bd", "#66c2a5", "#abdda4", "#e6f598", "#fee08b", "#fdae61", "#f46d43", "#d53e4f"] }, xe = { label: "Dense", tags: ["sequential"], colors: ["#e6f1f1", "#92c4ca", "#44929a", "#20627a", "#1a3c6a", "#211a50", "#0d0621"] }, ve = { label: "Algae", tags: ["sequential", "biology", "log"], colors: ["#d7f9d0", "#a2d595", "#64b463", "#129450", "#126e45", "#1a482f", "#122414"] }, ke = { label: "Oxygen", tags: ["sequential", "biology", "hypoxia"], colors: ["#09060f", "#5b1028", "#d43d2f", "#f39b3d", "#f3e7b3", "#79cbd1", "#176b9c"] }, Ae = { label: "Matter", tags: ["sequential", "biology"], colors: ["#fdfecc", "#f2c98a", "#e07c4e", "#bc3754", "#8d1a6d", "#51156b", "#1c0c3f"] }, Fe = { label: "Viridis", tags: ["sequential", "perceptual"], colors: ["#440154", "#443983", "#31688e", "#21918c", "#35b779", "#90d743", "#fde725"] }, Se = { label: "Plasma", tags: ["sequential", "perceptual"], colors: ["#0d0887", "#5e01a6", "#9c179e", "#cc4778", "#ed7953", "#fdb42f", "#f0f921"] }, Ue = { label: "Cyclic", tags: ["cyclic", "direction"], colors: ["#2e22ea", "#b541fb", "#fc93c0", "#f1ee35", "#77c80d", "#458776", "#2c24e9"] }, Me = { label: "Tempo", tags: ["sequential"], colors: ["#fff6f4", "#c2d1b9", "#7db390", "#2a937f", "#156d73", "#1c455b", "#151d44"] }, Pe = { label: "Turbid", tags: ["sequential", "biology", "log"], colors: ["#e9f5a0", "#c8c86e", "#a09845", "#786031", "#533324", "#341423", "#150d17"] }, De = { label: "Speed", tags: ["sequential", "velocity"], colors: ["#fcfea4", "#d5e429", "#94c63e", "#52a657", "#2d8169", "#1d5b6d", "#0d3361"] }, Ge = { label: "Amp", tags: ["sequential"], colors: ["#f2f2f2", "#c0b8db", "#9180b6", "#6c4e9e", "#4e2e83", "#32185d", "#110a35"] }, Ne = { label: "Heat", tags: ["sequential"], colors: ["#fde725", "#fde725", "#f8961e", "#e63946", "#9d0208", "#3a0007"] }, Ie = { label: "Balance", tags: ["diverging"], colors: ["#181c43", "#3066af", "#9bbcdd", "#f2f2f2", "#e07d53", "#b13626", "#2c0b0e"] }, Le = { label: "Delta", tags: ["diverging"], colors: ["#0e3f31", "#20877b", "#99d4c1", "#f2f2f2", "#a1b0d4", "#3c5b9e", "#0d1938"] }, Ce = { label: "Curl", tags: ["diverging"], colors: ["#152237", "#2471b3", "#8dbac4", "#f2f2f2", "#c79f84", "#a63827", "#270b17"] }, Ve = { label: "Gray", tags: ["sequential"], colors: ["#000000", "#252525", "#4d4d4d", "#7a7a7a", "#a8a8a8", "#d4d4d4", "#ffffff"] }, he = {
+  thermal: Te,
   "thermal-alt": { label: "Thermal Alt", tags: ["sequential", "temperature"], colors: ["#176b9c", "#79cbd1", "#f3e7b3", "#f39b3d", "#d43d2f", "#5b1028", "#09060f"] },
-  haline: ie,
-  solar: re,
-  ice: ne,
-  deep: se,
-  rdylbu: ae,
-  dense: oe,
-  algae: ce,
-  oxygen: de,
-  matter: le,
-  viridis: he,
-  plasma: ue,
-  cyclic: fe,
-  tempo: me,
-  turbid: Ee,
-  speed: pe,
-  amp: Te,
-  heat: be,
+  haline: be,
+  solar: we,
+  ice: ye,
+  deep: _e,
+  rdylbu: Re,
+  dense: xe,
+  algae: ve,
+  oxygen: ke,
+  matter: Ae,
+  viridis: Fe,
+  plasma: Se,
+  cyclic: Ue,
+  tempo: Me,
+  turbid: Pe,
+  speed: De,
+  amp: Ge,
+  heat: Ne,
   "heat-alert": { label: "Heat Alert", tags: ["sequential", "alpha", "deprecated"], colors: ["#fde72500", "#fde725cc", "#f8961e", "#e63946", "#9d0208", "#3a0007"] },
-  balance: Re,
-  delta: ge,
-  curl: we,
+  balance: Ie,
+  delta: Le,
+  curl: Ce,
   "mono-black": { label: "Black", tags: ["monochrome", "particles"], colors: ["#000000", "#000000"] },
   "mono-white": { label: "White", tags: ["monochrome", "particles"], colors: ["#ffffff", "#ffffff"] },
   "mono-pink": { label: "Pink", tags: ["monochrome", "particles"], colors: ["#ff2aa1", "#ff2aa1"] },
-  gray: _e
-}, B = 64, ye = {
+  gray: Ve
+}, ie = 64, Oe = {
   linear: (t) => t,
   // Rises fast: values just inside the zone already show.
   log: (t) => Math.log10(1 + 9 * t),
   // Stays faint longer: codec noise at the end of the range stays hidden.
   exp: (t) => (10 ** t - 1) / 9
 };
-function xe(t, e) {
-  const i = ye[e.curve ?? "linear"], r = e.low ?? 0, n = e.high ?? 0;
+function Be(t, e) {
+  const i = Oe[e.curve ?? "linear"], r = e.low ?? 0, n = e.high ?? 0;
   let s = 1;
   return r > 0 && t < r && (s = Math.min(s, i(Math.max(t, 0) / r))), n > 0 && t > 1 - n && (s = Math.min(s, i(Math.max(1 - t, 0) / n))), s;
 }
-function Ae(t) {
+function Xe(t) {
   let e = t.replace("#", "");
   (e.length === 3 || e.length === 4) && (e = [...e].map((r) => r + r).join(""));
   const i = (r) => parseInt(e.slice(r, r + 2), 16);
@@ -49,12 +50,12 @@ function Ae(t) {
     e.length === 8 ? i(6) : 255
   ];
 }
-function ke([t, e, i, r]) {
+function qe([t, e, i, r]) {
   return `#${[t, e, i, r].map(
     (n) => Math.round(Math.min(255, Math.max(0, n))).toString(16).padStart(2, "0")
   ).join("")}`;
 }
-function Fe(t, e) {
+function $e(t, e) {
   if (e <= t[0][0])
     return t[0][1];
   for (let i = 1; i < t.length; i++) {
@@ -66,29 +67,29 @@ function Fe(t, e) {
   }
   return t[t.length - 1][1];
 }
-function ve(t, e) {
+function We(t, e) {
   const i = Object.entries(t).map(
-    ([n, s]) => [Number(n), Ae(s)]
+    ([n, s]) => [Number(n), Xe(s)]
   ).sort((n, s) => n[0] - s[0]), r = {};
-  for (let n = 0; n <= B; n++) {
-    const s = n / B, [o, a, d, c] = Fe(i, s);
-    r[s] = ke([o, a, d, c * xe(s, e)]);
+  for (let n = 0; n <= ie; n++) {
+    const s = n / ie, [o, a, d, c] = $e(i, s);
+    r[s] = qe([o, a, d, c * Be(s, e)]);
   }
   return r;
 }
-const Se = (t) => !!t && ((t.low ?? 0) > 0 || (t.high ?? 0) > 0);
-function X(t) {
+const He = (t) => !!t && ((t.low ?? 0) > 0 || (t.high ?? 0) > 0);
+function re(t) {
   const e = {}, i = t.length - 1;
   return t.forEach((r, n) => {
     e[i === 0 ? 0 : n / i] = r;
   }), e;
 }
-function Ue(t, e) {
-  const i = Pe(t, e?.reverse ?? !1);
-  return Se(e?.alphaFade) ? ve(i, e.alphaFade) : i;
+function ze(t, e) {
+  const i = Ye(t, e?.reverse ?? !1);
+  return He(e?.alphaFade) ? We(i, e.alphaFade) : i;
 }
-function Pe(t, e) {
-  const i = K;
+function Ye(t, e) {
+  const i = he;
   if (typeof t == "string") {
     const r = i[t];
     if (!r)
@@ -98,22 +99,22 @@ function Pe(t, e) {
         ).join(", ")}`
       );
     const n = e ? [...r.colors].reverse() : r.colors;
-    return X(n);
+    return re(n);
   }
   if (Array.isArray(t)) {
     const r = e ? [...t].reverse() : t;
-    return X(r);
+    return re(r);
   }
   return e ? Object.fromEntries(
     Object.entries(t).map(([r, n]) => [1 - Number(r), n])
   ) : t;
 }
-function wt(t = {}) {
-  return Object.entries(K).map(([i, r]) => ({ id: i, ...r })).filter(
+function jt(t = {}) {
+  return Object.entries(he).map(([i, r]) => ({ id: i, ...r })).filter(
     (i) => t.includeDeprecated || !i.tags.includes("deprecated")
   );
 }
-function O(t, e, i) {
+function ne(t, e, i) {
   const r = t.createShader(e);
   if (!r)
     throw new Error("Failed to create shader");
@@ -123,18 +124,18 @@ function O(t, e, i) {
   }
   return r;
 }
-function _t(t, e, i) {
+function Kt(t, e, i) {
   const r = t.createProgram();
   if (!r)
     throw new Error("Failed to create program");
-  const n = O(t, t.VERTEX_SHADER, e), s = O(t, t.FRAGMENT_SHADER, i);
+  const n = ne(t, t.VERTEX_SHADER, e), s = ne(t, t.FRAGMENT_SHADER, i);
   if (t.attachShader(r, n), t.attachShader(r, s), t.linkProgram(r), !t.getProgramParameter(r, t.LINK_STATUS)) {
     const o = t.getProgramInfoLog(r);
     throw t.deleteProgram(r), new Error(`Program link error: ${o}`);
   }
   return t.deleteShader(n), t.deleteShader(s), r;
 }
-function yt(t, e, i, r, n) {
+function Qt(t, e, i, r, n) {
   const s = t.createTexture();
   if (!s)
     throw new Error("Failed to create texture");
@@ -150,7 +151,7 @@ function yt(t, e, i, r, n) {
     i
   ), t.bindTexture(t.TEXTURE_2D, null), s;
 }
-function De(t, e, i) {
+function je(t, e, i) {
   const r = t.getParameter(
     t.TEXTURE_BINDING_2D
   ), n = t.getParameter(
@@ -182,19 +183,19 @@ function De(t, e, i) {
   }
   return a;
 }
-function Me(t) {
+function Ke(t) {
   return {
     kind: "rgba8-packed",
     internalFormat: t.RGBA,
     type: t.UNSIGNED_BYTE
   };
 }
-function xt(t) {
+function Zt(t) {
   if (typeof WebGL2RenderingContext > "u" || !(t instanceof WebGL2RenderingContext))
     throw new Error("zartigl requires WebGL2");
   return t;
 }
-function At(t) {
+function Jt(t) {
   const e = [];
   t.getExtension("EXT_color_buffer_float") ? e.push(
     { kind: "float32", internalFormat: t.RGBA32F, type: t.FLOAT },
@@ -205,15 +206,15 @@ function At(t) {
     type: t.HALF_FLOAT
   });
   for (const i of e)
-    if (De(
+    if (je(
       t,
       i.internalFormat,
       i.type
     ))
       return i;
-  return Me(t);
+  return Ke(t);
 }
-function kt(t, e, i, r, n, s, o) {
+function ei(t, e, i, r, n, s, o) {
   const a = t.createTexture();
   if (!a)
     throw new Error("Failed to create texture");
@@ -229,10 +230,10 @@ function kt(t, e, i, r, n, s, o) {
     i
   ), t.bindTexture(t.TEXTURE_2D, null), a;
 }
-function Ft(t, e, i) {
+function ti(t, e, i) {
   t.activeTexture(t.TEXTURE0 + i), t.bindTexture(t.TEXTURE_2D, e);
 }
-function vt(t, e) {
+function ii(t, e) {
   const i = t.createFramebuffer();
   if (!i)
     throw new Error("Failed to create framebuffer");
@@ -244,7 +245,7 @@ function vt(t, e) {
     0
   ), t.bindFramebuffer(t.FRAMEBUFFER, null), i;
 }
-function St(t) {
+function ri(t) {
   const e = t.createBuffer();
   if (!e)
     throw new Error("Failed to create buffer");
@@ -254,7 +255,7 @@ function St(t) {
     t.STATIC_DRAW
   ), e;
 }
-const Ne = {
+const Qe = {
   0: "#3288bd",
   0.1: "#66c2a5",
   0.2: "#abdda4",
@@ -264,8 +265,8 @@ const Ne = {
   0.6: "#f46d43",
   1: "#d53e4f"
 };
-function Ut(t, e, i) {
-  const r = Ue(e ?? Ne, i), n = document.createElement("canvas");
+function ni(t, e, i) {
+  const r = ze(e ?? Qe, i), n = document.createElement("canvas");
   n.width = 256, n.height = 1;
   const s = n.getContext("2d"), o = s.createLinearGradient(0, 0, 256, 0);
   for (const [d, c] of Object.entries(r))
@@ -276,7 +277,7 @@ function Ut(t, e, i) {
     throw new Error("Failed to create color ramp texture");
   return t.bindTexture(t.TEXTURE_2D, a), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, t.CLAMP_TO_EDGE), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, t.LINEAR), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, t.LINEAR), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, n), t.bindTexture(t.TEXTURE_2D, null), a;
 }
-function Pt(t) {
+function si(t) {
   const e = t.getExtension("WEBGL_debug_renderer_info");
   return {
     vendor: String(t.getParameter(t.VENDOR) ?? ""),
@@ -286,7 +287,7 @@ function Pt(t) {
     version: String(t.getParameter(t.VERSION) ?? "")
   };
 }
-function Dt(t) {
+function ai(t) {
   return {
     program: t.getParameter(t.CURRENT_PROGRAM),
     activeTexture: t.getParameter(t.ACTIVE_TEXTURE),
@@ -303,10 +304,10 @@ function Dt(t) {
     ]
   };
 }
-function Mt(t, e) {
+function oi(t, e) {
   t.useProgram(e.program), t.activeTexture(e.activeTexture), t.bindBuffer(t.ARRAY_BUFFER, e.arrayBuffer), t.bindBuffer(t.ELEMENT_ARRAY_BUFFER, e.elementBuffer), t.bindFramebuffer(t.FRAMEBUFFER, e.framebuffer), e.blend ? t.enable(t.BLEND) : t.disable(t.BLEND), e.depthTest ? t.enable(t.DEPTH_TEST) : t.disable(t.DEPTH_TEST), e.stencilTest ? t.enable(t.STENCIL_TEST) : t.disable(t.STENCIL_TEST), t.viewport(e.viewport[0], e.viewport[1], e.viewport[2], e.viewport[3]), t.blendFunc(e.blendFunc[0], e.blendFunc[1]);
 }
-const Ie = {
+const Ze = {
   degrees_c: "°C",
   degc: "°C",
   degrees_celsius: "°C",
@@ -322,7 +323,7 @@ const Ie = {
   "0.001": "PSU",
   psu: "PSU",
   stress_level: ""
-}, Ge = {
+}, Je = {
   meter: "m",
   meters: "m",
   metre: "m",
@@ -345,12 +346,12 @@ const Ie = {
   newton: "N",
   pascal: "Pa",
   kelvin: "K"
-}, Le = "⁰¹²³⁴⁵⁶⁷⁸⁹";
-function q(t) {
-  return t === 1 ? "" : [...String(t)].map((e) => Le[Number(e)]).join("");
+}, et = "⁰¹²³⁴⁵⁶⁷⁸⁹";
+function se(t) {
+  return t === 1 ? "" : [...String(t)].map((e) => et[Number(e)]).join("");
 }
-function Nt(t) {
-  const e = t?.trim() ?? "", i = Ie[e.toLowerCase()];
+function ci(t) {
+  const e = t?.trim() ?? "", i = Ze[e.toLowerCase()];
   if (i != null)
     return i;
   if (e.includes("/"))
@@ -360,21 +361,21 @@ function Nt(t) {
     const o = /^([A-Za-z]+)\^?(-?\d+)?$/.exec(s);
     if (!o)
       return e.replace(/_/g, " ");
-    const a = Ge[o[1]] ?? o[1], d = Number(o[2] ?? 1);
-    d < 0 ? n.push(a + q(-d)) : r.push(a + q(d));
+    const a = Je[o[1]] ?? o[1], d = Number(o[2] ?? 1);
+    d < 0 ? n.push(a + se(-d)) : r.push(a + se(d));
   }
   return [r.join(" ") || "1", ...n].join("/");
 }
-const $ = 20, Ce = 600;
-function Ve(t) {
+const ae = 20, tt = 600;
+function it(t) {
   const e = Math.max(0, Math.min(1, t));
-  return $ * Math.pow(Ce / $, e);
+  return ae * Math.pow(tt / ae, e);
 }
-function It(t) {
-  return Math.exp(-1 / Ve(t));
+function di(t) {
+  return Math.exp(-1 / it(t));
 }
-const Be = 0.8, Xe = 120, Oe = 300;
-class Gt {
+const rt = 0.8, nt = 120, st = 300;
+class li {
   constructor(e) {
     this.base = e, this.moving = !1, this.start = 0, this.duration = 0, this.from = e, this.to = e;
   }
@@ -383,7 +384,7 @@ class Gt {
     this.base = e, this.moving || (this.from = e, this.to = e, this.duration = 0);
   }
   setMoving(e, i) {
-    e !== this.moving && (this.from = this.value(i), this.moving = e, this.to = e ? Be : this.base, this.start = i, this.duration = e ? Xe : Oe);
+    e !== this.moving && (this.from = this.value(i), this.moving = e, this.to = e ? rt : this.base, this.start = i, this.duration = e ? nt : st);
   }
   value(e) {
     if (this.duration === 0)
@@ -392,7 +393,91 @@ class Gt {
     return i === 1 ? (this.duration = 0, this.from = this.to, this.to) : this.from + (this.to - this.from) * i * i * (3 - 2 * i);
   }
 }
-function Lt(t) {
+var at = `vec3 velocityValue(vec4 texel, vec2 minimum, vec2 maximum, float physical) {
+    if (physical > 0.5) return texel.xyz;
+    return vec3(mix(minimum, maximum, texel.rg), texel.a);
+}
+
+vec3 blendVelocity(vec3 a, vec3 b, float fraction) {
+    if (fraction <= 0.0) return a;
+    return mix(a, b, fraction);
+}`, ot = `vec3 applyVibrance(vec3 c, float v) {
+    float mx = max(c.r, max(c.g, c.b));
+    float mn = min(c.r, min(c.g, c.b));
+    float boost = v * (1.0 - (mx - mn));
+    float luma = dot(c, vec3(0.299, 0.587, 0.114));
+    return mix(vec3(luma), c, 1.0 + boost);
+}
+
+vec3 gradeColor(vec3 c, vec4 g) {
+    float m = max(c.r, max(c.g, c.b));
+    if (m > 0.0) {
+        
+        
+        float e = g.x > 1e-3 ? (1.0 - exp(-g.x * m)) / (1.0 - exp(-g.x)) : m;
+        
+        e += g.w * smoothstep(0.5, 1.0, e) * (1.0 - e);
+        c *= e / m;
+    }
+    
+    c = mix(c, c * c * (3.0 - 2.0 * c), g.y);
+    return clamp(applyVibrance(c, g.z), 0.0, 1.0);
+}`, ct = `uniform vec2 u_code_range;       
+uniform vec2 u_value_range;      
+uniform float u_scalar_transfer; 
+
+float geoVideoScalarCode(float r) {
+    return clamp((r - u_code_range.x) / (u_code_range.y - u_code_range.x), 0.0, 1.0);
+}
+
+float geoVideoScalarValue(float r) {
+    float code = geoVideoScalarCode(r);
+    float t = mix(code, (pow(10.0, code) - 1.0) / 9.0, u_scalar_transfer);
+    return mix(u_value_range.x, u_value_range.y, t);
+}`, dt = `uint pcg(uint v) {
+    uint state = v * 747796405u + 2891336453u;
+    uint word = ((state >> ((state >> 28u) + 4u)) ^ state) * 277803737u;
+    return (word >> 22u) ^ word;
+}
+
+float random(uvec3 v) {
+    return float(pcg(v.x ^ pcg(v.y ^ pcg(v.z))) >> 8u) * (1.0 / 16777216.0);
+}`, lt = `vec3 applyVibrance(vec3 c, float v) {
+    float mx = max(c.r, max(c.g, c.b));
+    float mn = min(c.r, min(c.g, c.b));
+    float boost = v * (1.0 - (mx - mn));
+    float luma = dot(c, vec3(0.299, 0.587, 0.114));
+    return mix(vec3(luma), c, 1.0 + boost);
+}`, ht = `#define GLOW_SCALE 4
+
+vec4 glowGather(sampler2D trails, ivec2 texel) {
+    ivec2 last = textureSize(trails, 0) - 1;
+    ivec2 origin = texel * GLOW_SCALE;
+    vec4 sum = vec4(0.0);
+    for (int y = 0; y < GLOW_SCALE; y++) {
+        for (int x = 0; x < GLOW_SCALE; x++) {
+            vec4 c = texelFetch(trails, min(origin + ivec2(x, y), last), 0);
+            sum += vec4(c.rgb * c.a, c.a);
+        }
+    }
+    return sum / float(GLOW_SCALE * GLOW_SCALE);
+}
+
+vec4 addGlow(vec4 trail, sampler2D glowTex, vec2 uv, float gain) {
+    vec2 d = 1.0 / vec2(textureSize(glowTex, 0));
+    vec4 glow = 0.25 * (
+        texture(glowTex, uv + vec2(-d.x, -d.y)) +
+        texture(glowTex, uv + vec2(d.x, -d.y)) +
+        texture(glowTex, uv + vec2(-d.x, d.y)) +
+        texture(glowTex, uv + vec2(d.x, d.y)));
+    glow = min(glow * gain, vec4(1.0));
+    float under = 1.0 - trail.a;
+    float alpha = trail.a + glow.a * under;
+    vec3 rgb = (trail.rgb * trail.a + glow.rgb * under) / max(alpha, 1e-4);
+    return vec4(rgb, alpha);
+}`;
+const hi = lt, ui = ot, fi = dt, mi = ct, pi = at, Ei = ht, gi = 4, Ti = 1.2;
+function bi(t) {
   if (t == null)
     return null;
   if (!Number.isFinite(t[0]) || !Number.isFinite(t[1]) || t[0] >= t[1])
@@ -401,12 +486,12 @@ function Lt(t) {
     );
   return [t[0], t[1]];
 }
-function p(t, e) {
+function x(t, e) {
   if (typeof t != "number" || !Number.isFinite(t))
     throw new Error(`Invalid GeoVideo manifest ${e}`);
   return t;
 }
-function A(t, e) {
+function B(t, e) {
   if (typeof t != "string")
     throw new Error(`Invalid GeoVideo manifest ${e}`);
   const i = new Date(t).getTime();
@@ -414,12 +499,12 @@ function A(t, e) {
     throw new Error(`Invalid GeoVideo manifest ${e}`);
   return i;
 }
-function D(t) {
+function Y(t) {
   return typeof t == "string" && /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/.test(
     t
   );
 }
-function W(t) {
+function oe(t) {
   if (!t || typeof t != "object")
     throw new Error("Invalid GeoVideo manifest");
   const e = t;
@@ -432,78 +517,78 @@ function W(t) {
   if (!Array.isArray(e.bounds) || e.bounds.length !== 4)
     throw new Error("Invalid GeoVideo manifest bounds");
   const [i, r, n, s] = e.bounds.map(
-    (u, m) => p(u, `bounds[${m}]`)
+    (m, E) => x(m, `bounds[${E}]`)
   );
   if (r < -90 || s > 90 || r >= s || i === n)
     throw new Error("Invalid GeoVideo geographic bounds");
   const o = e.media;
   if (!o || typeof o.url != "string" || !o.url)
     throw new Error("Invalid GeoVideo media");
-  for (const u of ["width", "height", "fps", "durationSeconds"])
-    if (p(o[u], `media.${u}`) <= 0)
-      throw new Error(`Invalid GeoVideo media.${u}`);
+  for (const m of ["width", "height", "fps", "durationSeconds"])
+    if (x(o[m], `media.${m}`) <= 0)
+      throw new Error(`Invalid GeoVideo media.${m}`);
   const a = e.encoding;
   if (!a || a.bits !== 8 || a.colorSpace !== "bt709" || a.colorRange !== "limited" && a.colorRange !== "full")
     throw new Error("Invalid GeoVideo encoding");
-  const d = p(a.codeMin, "encoding.codeMin"), c = p(a.codeMax, "encoding.codeMax");
+  const d = x(a.codeMin, "encoding.codeMin"), c = x(a.codeMax, "encoding.codeMax");
   if (d < 0 || c > 255 || d >= c)
     throw new Error("Invalid GeoVideo code range");
   let l = o.height;
   if (a.kind === "scalar-luma") {
-    if (a.transfer !== "linear" && a.transfer !== "log10-1p9" || p(a.valueMin, "encoding.valueMin") >= p(a.valueMax, "encoding.valueMax"))
+    if (a.transfer !== "linear" && a.transfer !== "log10-1p9" || x(a.valueMin, "encoding.valueMin") >= x(a.valueMax, "encoding.valueMax"))
       throw new Error("Invalid GeoVideo scalar-luma encoding");
   } else if (a.kind === "vector-luma") {
-    if (a.transfer !== "linear" && a.transfer !== "sqrt" || a.layout !== "stacked-uv" || p(a.valueDomain, "encoding.valueDomain") <= 0 || o.height % 2 !== 0)
+    if (a.transfer !== "linear" && a.transfer !== "sqrt" || a.layout !== "stacked-uv" || x(a.valueDomain, "encoding.valueDomain") <= 0 || o.height % 2 !== 0)
       throw new Error("Invalid GeoVideo vector-luma encoding");
     l = o.height / 2;
   } else
     throw new Error("Unsupported GeoVideo encoding");
   const h = e.mask;
-  if (!h || h.kind !== "static-validity" || typeof h.url != "string" || !h.url || p(h.width, "mask.width") !== o.width || p(h.height, "mask.height") !== l || p(h.threshold, "mask.threshold") < 0 || h.threshold > 1)
+  if (!h || h.kind !== "static-validity" || typeof h.url != "string" || !h.url || x(h.width, "mask.width") !== o.width || x(h.height, "mask.height") !== l || x(h.threshold, "mask.threshold") < 0 || h.threshold > 1)
     throw new Error("Invalid GeoVideo static mask");
   if (e.timeline?.kind === "range") {
-    const u = A(e.timeline.dateStart, "timeline.dateStart");
-    if (A(e.timeline.dateEnd, "timeline.dateEnd") <= u)
+    const m = B(e.timeline.dateStart, "timeline.dateStart");
+    if (B(e.timeline.dateEnd, "timeline.dateEnd") <= m)
       throw new Error("GeoVideo timeline end must follow start");
     if (e.timeline.interpolation !== "linear" && e.timeline.interpolation !== "nearest")
       throw new Error("Invalid GeoVideo interpolation");
   } else if (e.timeline?.kind === "snapshot-loop")
-    A(e.timeline.date, "timeline.date");
+    B(e.timeline.date, "timeline.date");
   else if (e.timeline?.kind === "sample-sequence") {
     if (!Array.isArray(e.timeline.values) || e.timeline.values.length === 0)
       throw new Error("GeoVideo sample sequence must contain values");
-    const u = e.timeline.values.map(
-      (m, T) => A(m, `timeline.values[${T}]`)
+    const m = e.timeline.values.map(
+      (E, w) => B(E, `timeline.values[${w}]`)
     );
-    if (u.some((m, T) => T > 0 && m <= u[T - 1]))
+    if (m.some((E, w) => w > 0 && E <= m[w - 1]))
       throw new Error(
         "GeoVideo sample sequence values must be strictly increasing"
       );
   } else
     throw new Error("Invalid GeoVideo timeline");
-  const f = e.style?.colorDomain;
-  if (!Array.isArray(f) || f.length !== 2 || !f.every(Number.isFinite) || f[0] >= f[1])
+  const p = e.style?.colorDomain;
+  if (!Array.isArray(p) || p.length !== 2 || !p.every(Number.isFinite) || p[0] >= p[1])
     throw new Error("Invalid GeoVideo color domain");
-  if (!D(e.id) || !e.provenance || !D(e.provenance.catalogEntryId) || !D(e.provenance.inputSourceId) || !Array.isArray(e.provenance.variables) || e.provenance.variables.length === 0)
+  if (!Y(e.id) || !e.provenance || !Y(e.provenance.catalogEntryId) || !Y(e.provenance.inputSourceId) || !Array.isArray(e.provenance.variables) || e.provenance.variables.length === 0)
     throw new Error("Invalid GeoVideo provenance");
   return { ...e, bounds: [i, r, n, s] };
 }
-async function qe(t, e) {
+async function ut(t, e) {
   if (typeof t != "string")
-    return W(t);
+    return oe(t);
   const i = await fetch(t, { signal: e });
   if (!i.ok)
     throw new Error(
       `GeoVideo manifest request failed (${i.status}): ${t}`
     );
-  const r = await i.json(), n = W(r), s = typeof document < "u" ? new URL(t, document.baseURI).href : t;
+  const r = await i.json(), n = oe(r), s = typeof document < "u" ? new URL(t, document.baseURI).href : t;
   return {
     ...n,
     media: { ...n.media, url: new URL(n.media.url, s).href },
     mask: { ...n.mask, url: new URL(n.mask.url, s).href }
   };
 }
-function w(t) {
+function M(t) {
   if (t.timeline.kind === "snapshot-loop")
     return [new Date(t.timeline.date).getTime()];
   if (t.timeline.kind === "sample-sequence")
@@ -517,17 +602,17 @@ function w(t) {
     (n, s) => e + (i - e) * s / (r - 1)
   );
 }
-function z(t) {
+function ue(t) {
   return t.timeline.kind === "sample-sequence" ? t.timeline.values.length / t.media.durationSeconds : t.media.fps;
 }
-function Ct(t, e) {
-  return e / z(t);
+function wi(t, e) {
+  return e / ue(t);
 }
-function $e(t, e) {
+function ft(t, e) {
   if (t.timeline.kind === "snapshot-loop")
     return 0;
   if (t.timeline.kind === "sample-sequence") {
-    const s = w(t);
+    const s = M(t);
     let o = 0;
     for (let d = 1; d < s.length; d += 1)
       Math.abs(s[d] - e) < Math.abs(s[o] - e) && (o = d);
@@ -535,22 +620,22 @@ function $e(t, e) {
     return o * a + Math.min(a / 2, 0.5 / t.media.fps);
   }
   const i = new Date(t.timeline.dateStart).getTime(), r = new Date(t.timeline.dateEnd).getTime();
-  return Math.max(0, Math.min(1, (e - i) / (r - i))) * Z(t);
+  return Math.max(0, Math.min(1, (e - i) / (r - i))) * fe(t);
 }
-function Vt(t, e) {
+function yi(t, e) {
   if (t.timeline.kind === "snapshot-loop")
     return new Date(t.timeline.date).getTime();
   if (t.timeline.kind === "sample-sequence") {
-    const o = w(t), a = t.media.durationSeconds / o.length, d = Math.floor((e + 0.25 / t.media.fps) / a);
+    const o = M(t), a = t.media.durationSeconds / o.length, d = Math.floor((e + 0.25 / t.media.fps) / a);
     return o[Math.max(0, Math.min(o.length - 1, d))];
   }
-  const i = new Date(t.timeline.dateStart).getTime(), r = new Date(t.timeline.dateEnd).getTime(), n = Z(t), s = n > 0 ? Math.max(0, Math.min(1, e / n)) : 0;
+  const i = new Date(t.timeline.dateStart).getTime(), r = new Date(t.timeline.dateEnd).getTime(), n = fe(t), s = n > 0 ? Math.max(0, Math.min(1, e / n)) : 0;
   return i + (r - i) * s;
 }
-function Z(t) {
+function fe(t) {
   return Math.max(0, t.media.durationSeconds - 1 / t.media.fps);
 }
-function We(t, e) {
+function mt(t, e) {
   const i = new Uint8Array(t.length / 4);
   for (let r = 0; r < i.length; r++) {
     const n = t[r * 4];
@@ -558,7 +643,7 @@ function We(t, e) {
   }
   return i;
 }
-class He {
+class pt {
   constructor() {
     this.gl = null, this.texture = null, this.framebuffer = null;
   }
@@ -589,44 +674,44 @@ class He {
     return this.gl = r, this.texture = r.createTexture(), this.framebuffer = r.createFramebuffer(), r;
   }
 }
-function H(t) {
+function ce(t) {
   const e = Math.max(4, Math.floor(t.length / 4 / 997) * 4);
   for (let i = 3; i < t.length; i += e)
     if (t[i] !== 0)
       return !1;
   return !0;
 }
-function E() {
+function g() {
   return new DOMException("GeoVideo frame request was cancelled", "AbortError");
 }
-function _(t, e, i) {
+function G(t, e, i) {
   return e ? e.aborted ? (t.catch(() => {
-  }), i?.(), Promise.reject(E())) : new Promise((r, n) => {
+  }), i?.(), Promise.reject(g())) : new Promise((r, n) => {
     const s = () => {
-      i?.(), n(E());
+      i?.(), n(g());
     };
     e.addEventListener("abort", s, { once: !0 }), t.then(r, n).finally(() => {
       e.removeEventListener("abort", s);
     });
   }) : t;
 }
-function M(t, e) {
+function j(t, e) {
   return new Promise(
     (i) => t.addEventListener(e, () => i(), { once: !0 })
   );
 }
-const Ye = 250;
-function je(t) {
+const Et = 250;
+function gt(t) {
   return "requestVideoFrameCallback" in t ? Promise.race([
     new Promise(
       (e) => t.requestVideoFrameCallback(() => e())
     ),
-    new Promise((e) => setTimeout(e, Ye))
+    new Promise((e) => setTimeout(e, Et))
   ]) : Promise.resolve();
 }
-class J {
+class me {
   constructor(e, i, r = {}) {
-    this.reader = new He(), this.video = null, this.maskCodes = null, this.initPromise = null, this.presented = !1, this.primed = !1, this.queue = Promise.resolve(), this.frames = /* @__PURE__ */ new Map(), this.pending = /* @__PURE__ */ new Set(), this.manifest = e, this.planes = i, this.cacheSize = Math.max(1, r.cacheSize ?? 3), this.width = e.media.width, this.height = e.media.height / i, this.times = Float64Array.from(w(e));
+    this.reader = new pt(), this.video = null, this.maskCodes = null, this.initPromise = null, this.presented = !1, this.primed = !1, this.queue = Promise.resolve(), this.frames = /* @__PURE__ */ new Map(), this.pending = /* @__PURE__ */ new Set(), this.manifest = e, this.planes = i, this.cacheSize = Math.max(1, r.cacheSize ?? 3), this.width = e.media.width, this.height = e.media.height / i, this.times = Float64Array.from(M(e));
   }
   /** Static validity, one 8-bit value per grid cell; null before init(). */
   get mask() {
@@ -635,11 +720,11 @@ class J {
   /** Luma codes of the presented frame, or null when it is blank. */
   readCodes(e, i) {
     const r = this.reader.read(e, this.width, i);
-    return H(r) ? null : We(r, this.manifest.encoding.colorRange);
+    return ce(r) ? null : mt(r, this.manifest.encoding.colorRange);
   }
   /** True when the decoder exposed no pixels; reads back one row only. */
   isBlank(e) {
-    return H(this.reader.read(e, this.width, 1));
+    return ce(this.reader.read(e, this.width, 1));
   }
   init() {
     return this.initPromise ??= this.load().catch((e) => {
@@ -663,23 +748,23 @@ class J {
   frame(e, i = {}) {
     const { signal: r } = i;
     if (r?.aborted)
-      return Promise.reject(E());
+      return Promise.reject(g());
     let n = this.frames.get(e);
     if (n ? (this.frames.delete(e), this.frames.set(e, n)) : n = this.enqueue(e), n.settled)
       return n.promise;
     const s = n;
-    return s.waiters++, _(s.promise, r, () => this.leave(s));
+    return s.waiters++, G(s.promise, r, () => this.leave(s));
   }
   enqueue(e) {
     const i = new AbortController(), r = this.queue.then(
-      () => i.signal.aborted ? Promise.reject(E()) : this.decode(e, i.signal)
+      () => i.signal.aborted ? Promise.reject(g()) : this.decode(e, i.signal)
     );
     this.queue = r.catch(() => {
     });
     const n = {
       index: e,
       controller: i,
-      promise: _(r, i.signal),
+      promise: G(r, i.signal),
       waiters: 0,
       settled: !1
     };
@@ -702,7 +787,7 @@ class J {
     e.controller.abort(), this.pending.delete(e), this.frames.get(e.index) === e && this.frames.delete(e.index);
   }
   async load() {
-    const [e] = await Promise.all([this.loadMask(), this.loadVideo()]);
+    const [e] = await Promise.all([this.loadMask(), this.loadMedia()]);
     this.maskCodes = e;
   }
   async loadMask() {
@@ -722,7 +807,8 @@ class J {
       o[a] = s[a * 4];
     return o;
   }
-  async loadVideo() {
+  /** Open the media; the default reads frames by seeking a video element. */
+  async loadMedia() {
     const e = document.createElement("video");
     if (e.crossOrigin = "anonymous", e.muted = !0, e.playsInline = !0, e.preload = "metadata", e.src = this.manifest.media.url, this.video = e, await new Promise((i, r) => {
       e.addEventListener("loadedmetadata", () => i(), {
@@ -745,8 +831,8 @@ class J {
   async presentFrame(e, i) {
     if (this.presented && Math.abs(e.currentTime - i) <= 1e-3 && !e.seeking)
       return;
-    const r = je(e), n = M(e, "seeked");
-    e.currentTime = i, await n, e.readyState < HTMLMediaElement.HAVE_CURRENT_DATA && await Promise.race([M(e, "loadeddata"), M(e, "canplay")]), await r, this.presented = !0;
+    const r = gt(e), n = j(e, "seeked");
+    e.currentTime = i, await n, e.readyState < HTMLMediaElement.HAVE_CURRENT_DATA && await Promise.race([j(e, "loadeddata"), j(e, "canplay")]), await r, this.presented = !0;
   }
   /**
    * Some mobile browsers expose no decoded pixels to WebGL until playback
@@ -761,25 +847,29 @@ class J {
     }
     e.pause(), this.presented = !1;
   }
+  /** Media time inside the video frame showing step `index`. */
+  stepSeconds(e) {
+    return this.manifest.timeline.kind === "snapshot-loop" ? e / this.manifest.media.fps : ft(this.manifest, this.times[e]);
+  }
   /**
    * Seek and capture one step. `signal` aborts it between steps; a seek
    * already started completes first, keeping the queue serial.
    */
   async decode(e, i) {
     if (i.aborted)
-      throw E();
+      throw g();
     await this.init();
     const r = this.video, n = this.maskCodes;
     if (i.aborted || !r || !n)
-      throw E();
-    const s = this.manifest.timeline.kind === "snapshot-loop" ? e / this.manifest.media.fps : $e(this.manifest, this.times[e]);
+      throw g();
+    const s = this.stepSeconds(e);
     if (await this.presentFrame(r, s), i.aborted || r !== this.video)
-      throw E();
+      throw g();
     const o = this.height * this.planes;
     let a = await this.capture(r, o, n);
     if (a === null && !this.primed) {
       if (await this.primeDecoder(r), await this.presentFrame(r, s), i.aborted || r !== this.video)
-        throw E();
+        throw g();
       a = await this.capture(r, o, n);
     }
     if (a === null)
@@ -787,14 +877,14 @@ class J {
     return a;
   }
 }
-function Ke(t) {
+function Tt(t) {
   return {
     codeRange: [t.codeMin / 255, t.codeMax / 255],
     valueRange: [t.valueMin, t.valueMax],
     transfer: t.transfer === "log10-1p9" ? 1 : 0
   };
 }
-class ze extends J {
+class bt extends me {
   constructor(e, i = {}) {
     if (e.encoding.kind !== "scalar-luma")
       throw new Error("GeoVideoScalarSource requires a scalar-luma manifest");
@@ -807,7 +897,7 @@ class ze extends J {
     });
   }
 }
-function R(t, e) {
+function v(t, e) {
   if (e <= t[0])
     return { index: 0, fraction: 0 };
   const i = t.length - 1;
@@ -820,19 +910,274 @@ function R(t, e) {
   }
   return { index: r, fraction: (e - t[r]) / (t[n] - t[r]) };
 }
-function N(t, e) {
-  const { index: i, fraction: r } = R(t, e);
+function K(t, e) {
+  const { index: i, fraction: r } = v(t, e);
   return i + r;
 }
-function Ze(t, e) {
+function wt(t, e) {
   const i = Math.max(0, Math.min(t.length - 1, Math.floor(e))), r = Math.min(i + 1, t.length - 1);
   return t[i] + (t[r] - t[i]) * Math.max(0, e - i);
 }
-function Je(t, e) {
+function $(t, e, i) {
+  const r = [];
+  let n = e;
+  for (; n + 8 <= i; ) {
+    let s = t.getUint32(n);
+    const o = String.fromCharCode(
+      t.getUint8(n + 4),
+      t.getUint8(n + 5),
+      t.getUint8(n + 6),
+      t.getUint8(n + 7)
+    );
+    let a = 8;
+    if (s === 1 ? (s = Number(t.getBigUint64(n + 8)), a = 16) : s === 0 && (s = i - n), s < a || n + s > i)
+      throw new Error(`Malformed MP4 box ${o}`);
+    r.push({ type: o, start: n + a, end: n + s }), n += s;
+  }
+  return r;
+}
+function b(t, e, i) {
+  const r = $(t, e.start, e.end).find(
+    (n) => n.type === i
+  );
+  if (!r)
+    throw new Error(`MP4 box ${i} not found in ${e.type}`);
+  return r;
+}
+function V(t, e, i) {
+  return $(t, e.start, e.end).find((r) => r.type === i) ?? null;
+}
+function D(t, e) {
+  return { at: e.start + 8, count: t.getUint32(e.start + 4) };
+}
+function yt(t, e, i) {
+  const r = V(t, e, "edts"), n = r && V(t, r, "elst");
+  if (!n)
+    return;
+  const { at: s, count: o } = D(t, n), a = t.getUint8(n.start) === 1 ? Number(t.getBigInt64(s + 8)) : t.getInt32(s + 4);
+  if (o !== 1 || a !== i)
+    throw new Error("Unsupported MP4 edit list");
+}
+function _t(t) {
+  const e = new DataView(t), i = { type: "file", start: 0, end: t.byteLength }, r = b(e, i, "moov"), n = $(e, r.start, r.end).find((f) => {
+    if (f.type !== "trak")
+      return !1;
+    const u = b(e, b(e, f, "mdia"), "hdlr");
+    return String.fromCharCode(...new Uint8Array(t, u.start + 8, 4)) === "vide";
+  });
+  if (!n)
+    throw new Error("MP4 has no video track");
+  const s = b(
+    e,
+    b(e, b(e, n, "mdia"), "minf"),
+    "stbl"
+  ), o = b(e, s, "stsd"), [a] = $(e, o.start + 8, o.end);
+  if (!a || a.type !== "avc1" && a.type !== "avc3")
+    throw new Error(`Unsupported MP4 sample entry ${a?.type}`);
+  const d = e.getUint16(a.start + 24), c = e.getUint16(a.start + 26), l = b(e, { ...a, start: a.start + 78 }, "avcC"), h = new Uint8Array(t.slice(l.start, l.end)), p = (f) => h[f].toString(16).padStart(2, "0"), m = `avc1.${p(1)}${p(2)}${p(3)}`, E = b(e, s, "stsz"), w = e.getUint32(E.start + 4), y = e.getUint32(E.start + 8), A = Array.from(
+    { length: y },
+    (f, u) => w || e.getUint32(E.start + 12 + u * 4)
+  ), N = V(e, s, "co64"), O = N ?? b(e, s, "stco"), U = D(e, O), T = Array.from(
+    { length: U.count },
+    (f, u) => N ? Number(e.getBigUint64(U.at + u * 8)) : e.getUint32(U.at + u * 4)
+  ), _ = D(e, b(e, s, "stsc")), F = [];
+  for (let f = 0; f < _.count; f++) {
+    const u = _.at + f * 12, I = e.getUint32(u) - 1, R = e.getUint32(u + 4), z = f + 1 < _.count ? e.getUint32(u + 12) - 1 : T.length;
+    for (let L = I; L < z; L++) {
+      let C = T[L];
+      for (let te = 0; te < R && F.length < y; te++)
+        F.push(C), C += A[F.length - 1];
+    }
+  }
+  const S = D(e, b(e, s, "stts")), k = [];
+  let P = 0;
+  for (let f = 0; f < S.count; f++) {
+    const u = e.getUint32(S.at + f * 8), I = e.getUint32(S.at + f * 8 + 4);
+    for (let R = 0; R < u; R++)
+      k.push(P), P += I;
+  }
+  const W = V(e, s, "ctts");
+  if (W) {
+    const f = e.getUint8(W.start) === 1, u = D(e, W);
+    let I = 0;
+    for (let R = 0; R < u.count; R++) {
+      const z = e.getUint32(u.at + R * 8), L = f ? e.getInt32(u.at + R * 8 + 4) : e.getUint32(u.at + R * 8 + 4);
+      for (let C = 0; C < z; C++)
+        k[I++] += L;
+    }
+  }
+  yt(e, n, Math.min(...k.slice(0, y)));
+  const ge = k.slice(0, y).map((f, u) => [f, u]).sort((f, u) => f[0] - u[0]), J = new Array(y);
+  ge.forEach(([, f], u) => J[f] = u);
+  const H = V(e, s, "stss"), ee = /* @__PURE__ */ new Set();
+  if (H) {
+    const f = D(e, H);
+    for (let u = 0; u < f.count; u++)
+      ee.add(e.getUint32(f.at + u * 4) - 1);
+  }
+  if (F.length !== y || k.length < y)
+    throw new Error("Inconsistent MP4 sample tables");
+  return {
+    codec: m,
+    description: h,
+    width: d,
+    height: c,
+    samples: A.map((f, u) => ({
+      offset: F[u],
+      size: f,
+      frame: J[u],
+      key: H ? ee.has(u) : !0
+    }))
+  };
+}
+const Rt = 50;
+class xt extends bt {
+  constructor() {
+    super(...arguments), this.track = null, this.data = null, this.sampleOfFrame = [], this.decoder = null, this.fed = -1, this.taken = -1, this.outputs = /* @__PURE__ */ new Map(), this.progress = null, this.failure = null, this.loading = null;
+  }
+  /** True once the media decodes through WebCodecs. */
+  get usesWebCodecs() {
+    return this.track !== null;
+  }
+  async loadMedia() {
+    if (typeof VideoDecoder > "u" || typeof fetch > "u")
+      return super.loadMedia();
+    const e = new AbortController();
+    this.loading = e;
+    const i = await fetch(this.manifest.media.url, {
+      signal: e.signal
+    });
+    if (!i.ok)
+      throw new Error(
+        `Failed to load GeoVideo media: ${this.manifest.media.url}`
+      );
+    const r = await i.arrayBuffer();
+    let n;
+    try {
+      n = _t(r);
+    } catch {
+      return this.loading === e ? super.loadMedia() : void 0;
+    }
+    if (n.width !== this.manifest.media.width || n.height !== this.manifest.media.height)
+      throw new Error(
+        `GeoVideo media dimensions ${n.width}x${n.height} do not match manifest ${this.manifest.media.width}x${this.manifest.media.height}`
+      );
+    const { supported: s } = await VideoDecoder.isConfigSupported(
+      this.config(n)
+    ).catch(() => ({ supported: !1 }));
+    if (this.loading !== e)
+      throw g();
+    if (this.loading = null, !s)
+      return super.loadMedia();
+    this.sampleOfFrame = [], n.samples.forEach(
+      (o, a) => this.sampleOfFrame[o.frame] = a
+    ), this.data = r, this.track = n;
+  }
+  release() {
+    this.loading?.abort(), this.loading = null, this.closeDecoder(), this.track = null, this.data = null, super.release();
+  }
+  async decode(e, i) {
+    if (await this.init(), !this.track)
+      return super.decode(e, i);
+    if (i.aborted)
+      throw g();
+    const r = Math.min(
+      this.track.samples.length - 1,
+      Math.floor(this.stepSeconds(e) * this.manifest.media.fps + 1e-6)
+    ), n = await this.decodeFrame(r, i);
+    try {
+      return await createImageBitmap(n, {
+        premultiplyAlpha: "none",
+        colorSpaceConversion: "none"
+      });
+    } finally {
+      n.close();
+    }
+  }
+  config(e) {
+    return {
+      codec: e.codec,
+      description: e.description,
+      codedWidth: e.width,
+      codedHeight: e.height,
+      optimizeForLatency: !0
+    };
+  }
+  /** Video frame `frame`, owned by the caller. */
+  async decodeFrame(e, i) {
+    const r = this.track, n = this.sampleOfFrame[e], s = this.keySample(n);
+    for ((this.fed < 0 || e <= this.taken || s > this.fed) && this.restart(s), this.taken = e - 1, this.dropOutputsBefore(e); !this.outputs.has(e); ) {
+      if (this.failure)
+        throw this.failure;
+      if (i.aborted)
+        throw g();
+      const a = this.decoder;
+      this.fed < r.samples.length && a.decodeQueueSize < 2 && (this.feed(this.fed++), this.fed === r.samples.length && a.flush().catch(() => {
+      })), await this.waitProgress();
+    }
+    const o = this.outputs.get(e);
+    return this.outputs.delete(e), this.taken = e, o;
+  }
+  dropOutputsBefore(e) {
+    for (const [i, r] of this.outputs)
+      i < e && (r.close(), this.outputs.delete(i));
+  }
+  keySample(e) {
+    const { samples: i } = this.track;
+    let r = e;
+    for (; r > 0 && !i[r].key; )
+      r--;
+    return r;
+  }
+  restart(e) {
+    this.closeDecoder(), this.failure = null;
+    const i = new VideoDecoder({
+      output: (r) => {
+        this.decoder !== i || r.timestamp <= this.taken ? r.close() : this.outputs.set(r.timestamp, r), this.notify();
+      },
+      error: (r) => {
+        this.decoder === i && (this.failure = r, this.fed = -1), this.notify();
+      }
+    });
+    i.addEventListener("dequeue", () => this.notify()), i.configure(this.config(this.track)), this.decoder = i, this.fed = e, this.taken = this.track.samples[e].frame - 1;
+  }
+  feed(e) {
+    const i = this.track.samples[e];
+    this.decoder.decode(
+      new EncodedVideoChunk({
+        type: i.key ? "key" : "delta",
+        // Video frame numbers: outputs carry them back in display order.
+        timestamp: i.frame,
+        data: new Uint8Array(this.data, i.offset, i.size)
+      })
+    );
+  }
+  /** Next output, dequeue or error; a timer for decoders without events. */
+  waitProgress() {
+    return new Promise((e) => {
+      const i = setTimeout(r, Rt);
+      function r() {
+        clearTimeout(i), e();
+      }
+      this.progress = r;
+    });
+  }
+  notify() {
+    const e = this.progress;
+    this.progress = null, e?.();
+  }
+  closeDecoder() {
+    this.decoder && this.decoder.state !== "closed" && this.decoder.close(), this.decoder = null, this.fed = -1;
+    for (const e of this.outputs.values())
+      e.close();
+    this.outputs.clear();
+  }
+}
+function vt(t, e) {
   let i = (t - e.codeMin) / (e.codeMax - e.codeMin) * 2 - 1;
   return i = Math.max(-1, Math.min(1, i)), e.transfer === "sqrt" && (i = Math.sign(i) * i * i), i * e.valueDomain;
 }
-function Qe(t, e, i, r) {
+function kt(t, e, i, r) {
   const n = e.length;
   if (t.length !== 2 * n)
     throw new Error(
@@ -840,7 +1185,7 @@ function Qe(t, e, i, r) {
     );
   const s = new Float32Array(256);
   for (let c = 0; c < 256; c++)
-    s[c] = Je(c, r);
+    s[c] = vt(c, r);
   const o = i * 255, a = new Float32Array(n), d = new Float32Array(n);
   for (let c = 0; c < n; c++) {
     const l = e[c] >= o;
@@ -848,7 +1193,7 @@ function Qe(t, e, i, r) {
   }
   return { u: a, v: d };
 }
-class et extends J {
+class At extends me {
   constructor(e, i = {}) {
     if (e.encoding.kind !== "vector-luma")
       throw new Error("GeoVideoVectorSource requires a vector-luma manifest");
@@ -915,7 +1260,7 @@ class et extends J {
   /** u/v codes are written into luma: read back, then decoded on the CPU. */
   async capture(e, i, r) {
     const n = this.readCodes(e, i);
-    return n ? Qe(
+    return n ? kt(
       n,
       r,
       this.manifest.mask.threshold,
@@ -923,7 +1268,7 @@ class et extends J {
     ) : null;
   }
 }
-function tt(t, e, i = {}) {
+function Ft(t, e, i = {}) {
   const [r, n] = i.range ?? [-1 / 0, 1 / 0], s = [...t].sort((a, d) => a.start - d.start), o = s.find(
     (a) => a.start > e && a.start <= n
   ) ?? (i.loop ? s.find(
@@ -931,7 +1276,7 @@ function tt(t, e, i = {}) {
   ) : void 0);
   return o ? { chunk: o, time: Math.max(o.start, r) } : null;
 }
-function it(t, e) {
+function St(t, e) {
   let i = null, r = -1 / 0;
   for (const n of e) {
     const s = Math.min(t.end, n.end) - Math.max(t.start, n.start);
@@ -939,7 +1284,7 @@ function it(t, e) {
   }
   return i;
 }
-function rt(t) {
+function Ut(t) {
   return {
     width: t.mask.width,
     height: t.mask.height,
@@ -947,11 +1292,11 @@ function rt(t) {
     rowOrder: "north-to-south"
   };
 }
-function Q(t, e = {}) {
-  return t.encoding.kind === "vector-luma" ? new et(t, e) : new ze(t, e);
+function pe(t, e = {}) {
+  return t.encoding.kind === "vector-luma" ? new At(t, e) : new xt(t, e);
 }
-const nt = 3, st = 3, at = 0.6, ot = 1.5;
-function ct(t) {
+const Mt = 3, Pt = 3, Dt = 0.6, Gt = 1.5;
+function Nt(t) {
   const e = new AbortController();
   if (!t)
     return { controller: e, unlink: () => {
@@ -962,14 +1307,14 @@ function ct(t) {
     unlink: () => t.removeEventListener("abort", i)
   };
 }
-class Bt {
+class _i {
   constructor(e) {
     this.manifests = /* @__PURE__ */ new Map(), this.open = /* @__PURE__ */ new Map(), this.id = e.id, this.chunks = e.chunks.filter(
       (i) => Number.isFinite(i.start) && Number.isFinite(i.end) && i.end >= i.start
-    ).sort((i, r) => i.start - r.start), this.maxOpenChunks = Math.max(2, e.maxOpenChunks ?? nt), this.frameCacheSize = Math.max(
+    ).sort((i, r) => i.start - r.start), this.maxOpenChunks = Math.max(2, e.maxOpenChunks ?? Mt), this.frameCacheSize = Math.max(
       1,
-      e.frameCacheSize ?? st
-    ), this.prefetchAt = e.prefetchAt ?? at, this.maxGap = e.maxGap, this.loadManifest = e.loadManifest ?? qe, this.createFrameSource = e.createFrameSource ?? ((i, r) => Q(
+      e.frameCacheSize ?? Pt
+    ), this.prefetchAt = e.prefetchAt ?? Dt, this.maxGap = e.maxGap, this.loadManifest = e.loadManifest ?? ut, this.createFrameSource = e.createFrameSource ?? ((i, r) => pe(
       i,
       r
     ));
@@ -987,12 +1332,12 @@ class Bt {
   /** Every step time of the archive; loads all chunk manifests. */
   async steps(e = {}) {
     if (e.signal?.aborted)
-      throw E();
-    const i = await _(
+      throw g();
+    const i = await G(
       Promise.all(this.chunks.map((r) => this.manifest(r))),
       e.signal
     );
-    return Float64Array.from(i.flatMap(w));
+    return Float64Array.from(i.flatMap(M));
   }
   /**
    * The frames bracketing `time`, decoded; null out of coverage (before the
@@ -1001,39 +1346,39 @@ class Bt {
   async sample(e, i = {}) {
     const { signal: r } = i, n = i.mode ?? "interpolate";
     if (r?.aborted)
-      throw E();
+      throw g();
     const s = this.chunkIndexAt(e);
     if (s < 0)
       return null;
-    const o = [], { controller: a, unlink: d } = ct(r);
+    const o = [], { controller: a, unlink: d } = Nt(r);
     try {
-      const c = this.acquire(this.chunks[s], o), l = await _(c.ready, a.signal), { times: h } = l;
-      let f;
+      const c = this.acquire(this.chunks[s], o), l = await G(c.ready, a.signal), { times: h } = l;
+      let p;
       if (e <= h[h.length - 1]) {
-        const { index: b, fraction: g } = R(h, e);
-        f = n === "discrete" || g === 0 ? [c, b, c, b, 0] : [c, b, c, b + 1, g];
+        const { index: T, fraction: _ } = v(h, e);
+        p = n === "discrete" || _ === 0 ? [c, T, c, T, 0] : [c, T, c, T + 1, _];
       } else {
-        const b = this.chunks[s + 1];
-        if (!b)
+        const T = this.chunks[s + 1];
+        if (!T)
           return null;
-        const g = this.acquire(b, o), V = await _(g.ready, a.signal), x = h.length - 1, U = h[x], P = V.times[0];
-        if (P - U > this.gapLimit(h, V.times))
+        const _ = this.acquire(T, o), F = await G(_.ready, a.signal), S = h.length - 1, k = h[S], P = F.times[0];
+        if (P - k > this.gapLimit(h, F.times))
           return null;
-        f = n === "discrete" ? [c, x, c, x, 0] : e >= P ? [g, 0, g, 0, 0] : [c, x, g, 0, (e - U) / (P - U)];
+        p = n === "discrete" ? [c, S, c, S, 0] : e >= P ? [_, 0, _, 0, 0] : [c, S, _, 0, (e - k) / (P - k)];
       }
-      const [u, m, T, v, y] = f, L = u === T && m === v, C = [this.frame(u, m, a.signal)];
-      L || C.push(this.frame(T, v, a.signal));
-      let S;
+      const [m, E, w, y, A] = p, N = m === w && E === y, O = [this.frame(m, E, a.signal)];
+      N || O.push(this.frame(w, y, a.signal));
+      let U;
       try {
-        S = await Promise.all(C);
-      } catch (b) {
-        throw a.abort(), b;
+        U = await Promise.all(O);
+      } catch (T) {
+        throw a.abort(), T;
       }
       return this.prefetchAfter(s, e), {
         time: e,
-        a: S[0],
-        b: S[L ? 0 : 1],
-        mix: y
+        a: U[0],
+        b: U[N ? 0 : 1],
+        mix: A
       };
     } finally {
       d();
@@ -1072,7 +1417,7 @@ class Bt {
       e.length > 1 ? e[e.length - 1] - e[e.length - 2] : 0,
       i.length > 1 ? i[1] - i[0] : 0
     ], n = Math.max(...r);
-    return n > 0 ? n * ot : -1 / 0;
+    return n > 0 ? n * Gt : -1 / 0;
   }
   prefetchAfter(e, i) {
     const r = this.chunks[e], n = this.chunks[e + 1], s = r.end - r.start, o = s > 0 ? (i - r.start) / s : 1;
@@ -1105,11 +1450,11 @@ class Bt {
       };
       r.ready = this.manifest(e).then((n) => {
         if (r.released)
-          throw E();
+          throw g();
         return r.opened = {
           manifest: n,
-          times: Float64Array.from(w(n)),
-          grid: rt(n),
+          times: Float64Array.from(M(n)),
+          grid: Ut(n),
           source: this.createFrameSource(n, {
             cacheSize: this.frameCacheSize
           })
@@ -1121,12 +1466,12 @@ class Bt {
     return this.open.set(e.key, i), i;
   }
   async frame(e, i, r) {
-    const { manifest: n, times: s, grid: o, source: a } = await _(
+    const { manifest: n, times: s, grid: o, source: a } = await G(
       e.ready,
       r
     );
     if (e.released)
-      throw E();
+      throw g();
     const d = await a.frame(i, { signal: r });
     return {
       key: `${this.id}/${e.chunk.key}/${i}`,
@@ -1151,18 +1496,18 @@ class Bt {
     e.released = !0, e.prefetch?.abort(), e.prefetch = null, e.opened?.source.release(), e.opened = null, this.open.get(e.chunk.key) === e && this.open.delete(e.chunk.key);
   }
 }
-const dt = {
+const It = {
   a: "u_vel0",
   b: "u_vel1",
   mix: "u_vel_mix",
   bounds: "u_bounds"
-}, lt = {
+}, Lt = {
   a: "u_tint0",
   b: "u_tint1",
   mix: "u_tint_mix",
   bounds: "u_tint_bounds"
 };
-function ht(t) {
+function Ct(t) {
   const e = new Float32Array(t.u.length * 4);
   for (let i = 0; i < t.u.length; i++) {
     const r = t.u[i], n = t.v[i];
@@ -1170,10 +1515,10 @@ function ht(t) {
   }
   return e;
 }
-class ut {
+class Vt {
   constructor(e, i, r = {}) {
-    this.gl = e, this.manifest = i, this.options = r, this.textures = /* @__PURE__ */ new Map(), this.pending = /* @__PURE__ */ new Map(), this.mask = null, this.pair = null, this.destroyed = !1, this.linearFilter = !0, this.uploadedFrames = 0, this.lastUploadDurationMs = 0, this.vector = i.encoding.kind === "vector-luma", this.source = Q(i, { cacheSize: 2 }), this.uniforms = this.vector ? dt : lt;
-    const n = w(i);
+    this.gl = e, this.manifest = i, this.options = r, this.textures = /* @__PURE__ */ new Map(), this.pending = /* @__PURE__ */ new Map(), this.mask = null, this.pair = null, this.destroyed = !1, this.linearFilter = !0, this.uploadedFrames = 0, this.lastUploadDurationMs = 0, this.vector = i.encoding.kind === "vector-luma", this.source = pe(i, { cacheSize: 2 }), this.uniforms = this.vector ? It : Lt;
+    const n = M(i);
     this.times = r.animateSnapshot && i.timeline.kind === "snapshot-loop" ? Array.from(
       {
         length: Math.max(
@@ -1198,12 +1543,16 @@ class ut {
   }
   /** Resolves once the step at `ms` is uploaded. */
   async prime(e) {
-    const { index: i } = R(this.times, e);
+    const { index: i } = v(this.times, e);
     await this.request(i);
   }
+  /** The uploaded texture of the step at `ms`, or null. */
+  texture(e) {
+    return this.textures.get(v(this.times, e).index) ?? null;
+  }
   /** True once the frames interpolated at `ms` are uploaded. */
   ready(e) {
-    const { index: i, fraction: r } = R(this.times, e);
+    const { index: i, fraction: r } = v(this.times, e);
     return this.textures.has(i) && (r === 0 || this.textures.has(i + 1));
   }
   /**
@@ -1211,7 +1560,7 @@ class ut {
    * `ms`, then request those first.
    */
   focus(e) {
-    const { index: i } = R(this.times, e), r = Math.min(i + 1, this.times.length - 1);
+    const { index: i } = v(this.times, e), r = Math.min(i + 1, this.times.length - 1);
     [...this.pending.keys()].some(
       (s) => s !== i && s !== r
     ) && (this.source.cancelAll(), this.pending.clear());
@@ -1224,7 +1573,7 @@ class ut {
    * while a requested frame decodes.
    */
   sample(e, i = !0) {
-    const { index: r, fraction: n } = R(this.times, e), s = Math.min(r + 1, this.times.length - 1);
+    const { index: r, fraction: n } = v(this.times, e), s = Math.min(r + 1, this.times.length - 1);
     [...this.pending.keys()].some((c) => c < r || c > s + 1) && (this.source.cancelAll(), this.pending.clear());
     for (const c of [r, s, s + 1])
       c < this.times.length && this.request(c).catch(() => {
@@ -1263,7 +1612,7 @@ class ut {
       return !1;
     const n = this.uniforms;
     if (e.texture(n.a, r, this.pair[0]), e.texture(n.b, r + 1, this.pair[1]), e.float(n.mix, this.pair[2]), e.vec4(n.bounds, this.bounds), this.mask && this.manifest.encoding.kind === "scalar-luma") {
-      const { codeRange: s, valueRange: o, transfer: a } = Ke(
+      const { codeRange: s, valueRange: o, transfer: a } = Tt(
         this.manifest.encoding
       );
       e.texture("u_tint_mask", r + 2, this.mask), e.vec2("u_code_range", ...s), e.vec2("u_value_range", ...o), e.float("u_scalar_transfer", a);
@@ -1320,7 +1669,7 @@ class ut {
       0,
       i.RGBA,
       i.FLOAT,
-      ht(e)
+      Ct(e)
     ) : (i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, !1), i.pixelStorei(i.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1), i.pixelStorei(i.UNPACK_COLORSPACE_CONVERSION_WEBGL, i.NONE), i.texImage2D(
       i.TEXTURE_2D,
       0,
@@ -1373,7 +1722,7 @@ class ut {
     }
   }
 }
-class ft {
+class Ot {
   constructor(e, i) {
     this.onPlaying = i, this.time = 0, this.endFraction = 0, this.held = !1, this.playingValue = e;
   }
@@ -1384,6 +1733,10 @@ class ft {
   set ms(e) {
     this.time = e, this.endFraction = 0;
   }
+  /** Progress through the final sample's held step, 0 elsewhere. */
+  get holdFraction() {
+    return this.endFraction;
+  }
   get playing() {
     return this.playingValue;
   }
@@ -1401,34 +1754,34 @@ class ft {
   advance(e, i, r, n = [i[0], i[i.length - 1]], s = !1, o = !1) {
     if (!this.advancing || !i.length)
       return !1;
-    const a = N(i, n[0]), d = N(i, n[1]), c = d + (o ? 1 : 0);
-    let l = Math.max(a, N(i, this.ms) + this.endFraction) + Math.max(0, e) * r;
+    const a = K(i, n[0]), d = K(i, n[1]), c = d + (o ? 1 : 0);
+    let l = Math.max(a, K(i, this.ms) + this.endFraction) + Math.max(0, e) * r;
     const h = o ? l >= c : l > c;
-    return h && s && c > a ? l = a + (l - a) % (c - a) : l = Math.min(c, l), this.time = Ze(i, Math.min(d, l)), this.endFraction = Math.max(0, l - d), h && !s;
+    return h && s && c > a ? l = a + (l - a) % (c - a) : l = Math.min(c, l), this.time = wt(i, Math.min(d, l)), this.endFraction = Math.max(0, l - d), h && !s;
   }
 }
-function k(t) {
-  const e = w(t);
+function X(t) {
+  const e = M(t);
   return [e[0], e[e.length - 1]];
 }
-function I(t, e) {
+function Q(t, e) {
   return e ? [Math.max(t[0], e[0]), Math.min(t[1], e[1])] : t;
 }
-function F([t, e], i) {
+function q([t, e], i) {
   return Math.max(t, Math.min(e, i));
 }
-class Xt {
+class Ri {
   constructor(e, i, r) {
     this.repaint = i, this.emit = r, this.field = null, this.manifest = null, this.gl = null, this.pendingField = null, this.standby = null, this.awaitingNext = !1, this.timeRange = null, this.lastTick = null, this.lastStepTime = null, this.seekId = 0, this.seeking = !1, this.failed = !1, this.exactTime = 0, this.endEmitted = !1, this.destroyed = !1, this.resumePlayback = !1, this.playOnReady = e.autoplay ?? !0, this.loop = e.loop ?? !0, this.playbackRate = e.playbackRate ?? 1, this.stepsPerSecond = e.stepsPerSecond;
     const n = typeof e.time == "string" ? Date.parse(e.time) : e.time;
-    this.requestedTime = n != null && Number.isFinite(n) ? n : null, this.requestedTimeRange = e.timeRange, this.clock = new ft(
+    this.requestedTime = n != null && Number.isFinite(n) ? n : null, this.requestedTimeRange = e.timeRange, this.clock = new Ot(
       !1,
       (s) => this.emit("playbackChange", s)
     );
   }
   async load(e, i) {
-    if (this.gl = e, this.manifest = i, this.timeRange = I(
-      k(i),
+    if (this.gl = e, this.manifest = i, this.timeRange = Q(
+      X(i),
       this.requestedTimeRange
     ), this.timeRange[0] > this.timeRange[1])
       throw new Error(
@@ -1437,10 +1790,25 @@ class Xt {
     this.pendingField = this.createField(i), await this.prepare(this.pendingField);
   }
   sample(e) {
-    return this.tick(e), this.field ? this.pendingField || this.seeking ? this.field.currentPair : this.field.sample(
+    if (this.tick(e), !this.field)
+      return null;
+    const i = this.pendingField || this.seeking ? this.field.currentPair : this.field.sample(
       this.clock.advancing ? this.clock.ms : this.exactTime,
       this.clock.advancing && !this.awaitingNext
-    ) : null;
+    );
+    return this.handoff(i) ?? i;
+  }
+  /**
+   * Through the final step of a chunk followed by a decoded one, the last
+   * frame blends into the next chunk's first, as steps do within a chunk:
+   * the chunk swap then lands on the frame already shown.
+   */
+  handoff(e) {
+    const i = this.clock.holdFraction, r = this.pendingField ?? this.standby?.field, n = this.pendingField ? this.requestedTime : this.standby?.time;
+    if (!e || i <= 0 || !r || n == null)
+      return null;
+    const s = r.texture(n);
+    return s ? [e[0], s, Math.min(1, i)] : null;
   }
   get time() {
     return this.clock.ms;
@@ -1472,11 +1840,11 @@ class Xt {
     const r = this.clock.advance(
       i,
       this.field.times,
-      this.stepsPerSecond ?? this.playbackRate * z(this.field.manifest),
+      this.stepsPerSecond ?? this.playbackRate * ue(this.field.manifest),
       this.playbackRange(this.field),
       this.loop,
       !0
-    ), { index: n } = R(this.field.times, this.clock.ms), s = this.field.manifest.timeline.kind === "snapshot-loop" ? this.field.times[0] : F(this.timeRange, this.field.times[n]);
+    ), { index: n } = v(this.field.times, this.clock.ms), s = this.field.manifest.timeline.kind === "snapshot-loop" ? this.field.times[0] : q(this.timeRange, this.field.times[n]);
     s !== this.lastStepTime && (this.lastStepTime = s, this.emit("timeChange", s)), r ? this.reachEnd() : this.repaint();
   }
   setTime(e) {
@@ -1490,7 +1858,7 @@ class Xt {
   /** Load the requested step first; stale seeks and swaps cannot replace it. */
   async prepare(e, i) {
     this.failed = !1;
-    const r = ++this.seekId, n = this.timeRange ?? k(e.manifest), s = i ?? F(n, this.requestedTime ?? n[0]), o = R(e.times, s), a = Math.min(
+    const r = ++this.seekId, n = this.timeRange ?? X(e.manifest), s = i ?? q(n, this.requestedTime ?? n[0]), o = v(e.times, s), a = Math.min(
       e.times.length - 1,
       o.index + (o.fraction > 0.5 ? 1 : 0)
     ), d = e.times[a];
@@ -1505,7 +1873,7 @@ class Xt {
     if (r !== this.seekId || this.destroyed)
       return;
     const c = this.pendingField === e;
-    if (c && (this.field?.destroy(), this.field = e, this.pendingField = null, this.lastStepTime = null), this.exactTime = d, this.clock.ms = F(this.playbackRange(e), d), e.sample(d, !1), this.seeking = !1, this.endEmitted = !1, this.repaint(), c) {
+    if (c && (this.field?.destroy(), this.field = e, this.pendingField = null, this.lastStepTime = null), this.exactTime = d, this.clock.ms = q(this.playbackRange(e), d), e.sample(d, !1), this.seeking = !1, this.endEmitted = !1, this.repaint(), c) {
       const l = e.manifest;
       if (this.emit("loaded", {
         min: l.style.colorDomain[0],
@@ -1535,10 +1903,10 @@ class Xt {
     const r = this.replacementTimeRange(e, i);
     if (!r || !this.gl || e.media.url === this.manifest?.media.url)
       return !1;
-    const n = F(r, i.time ?? r[0]);
+    const n = q(r, i.time ?? r[0]);
     this.standby?.field.manifest.media.url !== e.media.url && (this.discardStandby(), this.standby = { field: this.createField(e), time: n });
     const s = this.standby;
-    return s.time = n, s.field.prime(n).catch(() => {
+    return s.time = n, s.field.focus(n), s.field.prime(n).catch(() => {
       this.standby === s && this.discardStandby();
     }), !0;
   }
@@ -1550,8 +1918,8 @@ class Xt {
     const r = this.manifest;
     if (!r || e.encoding.kind !== r.encoding.kind || e.media.width !== r.media.width || e.media.height !== r.media.height || e.mask.width !== r.mask.width || e.mask.height !== r.mask.height)
       return null;
-    const n = I(
-      k(e),
+    const n = Q(
+      X(e),
       i.timeRange
     );
     return n[0] <= n[1] ? n : null;
@@ -1572,7 +1940,7 @@ class Xt {
   pause() {
     const e = this.playOnReady && !this.clock.playing;
     if (this.playOnReady = !1, this.awaitingNext = !1, this.clock.setPlaying(!1), this.field && !this.pendingField && !this.seeking && !this.endEmitted) {
-      const { index: i } = R(this.field.times, this.clock.ms);
+      const { index: i } = v(this.field.times, this.clock.ms);
       this.prepare(this.field, this.field.times[i]).catch(
         (r) => this.reportError(r)
       );
@@ -1596,8 +1964,8 @@ class Xt {
   setTimeRange(e) {
     if (!Number.isFinite(e[0]) || !Number.isFinite(e[1]) || e[0] > e[1])
       throw new Error("Invalid GeoVideo time range");
-    const i = I(
-      this.manifest ? k(this.manifest) : e,
+    const i = Q(
+      this.manifest ? X(this.manifest) : e,
       e
     );
     if (i[0] > i[1])
@@ -1615,7 +1983,7 @@ class Xt {
     ];
   }
   createField(e) {
-    const i = new ut(this.gl, e, {
+    const i = new Vt(this.gl, e, {
       repeatLongitude: !1,
       animateSnapshot: !0,
       onError: (r) => {
@@ -1630,7 +1998,7 @@ class Xt {
     i.name === "AbortError" || this.destroyed || (this.playOnReady = !1, this.awaitingNext = !1, this.failed = !0, this.seeking = !0, this.clock.setPlaying(!1), this.emit("status", { phase: "error", error: i }), this.emit("error", i));
   }
 }
-function G(t) {
+function Z(t) {
   const { start: e, end: i } = t.temporal ?? {};
   return {
     source: t,
@@ -1638,54 +2006,54 @@ function G(t) {
     end: Date.parse(i ?? e ?? "")
   };
 }
-function Ot(t, e, i = {}) {
-  const r = t.filter((s) => s.id === e.id && s.temporal?.start != null).map(G), n = tt(
+function xi(t, e, i = {}) {
+  const r = t.filter((s) => s.id === e.id && s.temporal?.start != null).map(Z), n = Ft(
     r,
     Date.parse(e.temporal?.end ?? ""),
     i
   );
   return n ? { source: n.chunk.source, time: n.time } : null;
 }
-function qt(t, e) {
-  return it(G(t), e.map(G))?.source ?? null;
+function vi(t, e) {
+  return St(Z(t), e.map(Z))?.source ?? null;
 }
-const mt = /^P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)W)?(?:(\d+)D)?(?:T(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?)?$/;
-function Et(t) {
+const Bt = /^P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)W)?(?:(\d+)D)?(?:T(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?)?$/;
+function Xt(t) {
   return t instanceof Date ? t.getTime() : typeof t == "number" ? t : new Date(t).getTime();
 }
-function Y(t, e) {
-  const i = Et(t);
+function de(t, e) {
+  const i = Xt(t);
   if (!Number.isFinite(i))
     throw new Error(`Invalid ${e}`);
   return i;
 }
-function ee(t, e) {
-  const i = e.match(mt);
+function Ee(t, e) {
+  const i = e.match(Bt);
   if (!i)
     throw new Error(`Invalid trailing time duration: ${e}`);
-  const r = i.slice(1).map((y) => Number(y ?? 0));
-  if (!r.some((y) => y > 0))
+  const r = i.slice(1).map((A) => Number(A ?? 0));
+  if (!r.some((A) => A > 0))
     throw new Error("Trailing time duration must be positive");
-  const [n, s, o, a, d, c, l] = r, h = new Date(t), f = h.getUTCFullYear() * 12 + h.getUTCMonth() - n * 12 - s, u = Math.floor(f / 12), m = (f % 12 + 12) % 12, T = new Date(Date.UTC(u, m + 1, 0)).getUTCDate();
+  const [n, s, o, a, d, c, l] = r, h = new Date(t), p = h.getUTCFullYear() * 12 + h.getUTCMonth() - n * 12 - s, m = Math.floor(p / 12), E = (p % 12 + 12) % 12, w = new Date(Date.UTC(m, E + 1, 0)).getUTCDate();
   return Date.UTC(
-    u,
     m,
-    Math.min(h.getUTCDate(), T),
+    E,
+    Math.min(h.getUTCDate(), w),
     h.getUTCHours(),
     h.getUTCMinutes(),
     h.getUTCSeconds(),
     h.getUTCMilliseconds()
   ) - (((o * 7 + a) * 24 + d) * 60 + c) * 6e4 - l * 1e3;
 }
-function $t(t, [e, i]) {
+function ki(t, [e, i]) {
   let r = e, n = i;
-  if (typeof t.trailing == "string" ? r = ee(i, t.trailing) : (t.start != null && (r = Y(t.start, "time range start")), t.end != null && (n = Y(t.end, "time range end"))), r > n)
+  if (typeof t.trailing == "string" ? r = Ee(i, t.trailing) : (t.start != null && (r = de(t.start, "time range start")), t.end != null && (n = de(t.end, "time range end"))), r > n)
     throw new Error("Time range start must not follow its end");
   return [Math.max(e, r), Math.min(i, n)];
 }
-const pt = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
-function Wt(t, e) {
-  if (!pt(t))
+const qt = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
+function Ai(t, e) {
+  if (!qt(t))
     throw new Error(`${e} must be an object`);
   for (const s of Object.keys(t))
     if (s !== "start" && s !== "end" && s !== "trailing")
@@ -1695,7 +2063,7 @@ function Wt(t, e) {
       throw new Error(`${e}.trailing excludes start and end`);
     if (typeof t.trailing != "string")
       throw new Error(`${e}.trailing must be an ISO 8601 duration`);
-    return ee(0, t.trailing), { trailing: t.trailing };
+    return Ee(0, t.trailing), { trailing: t.trailing };
   }
   const i = (s) => {
     const o = t[s];
@@ -1712,37 +2080,37 @@ function Wt(t, e) {
     ...n !== void 0 && { end: n }
   };
 }
-function Ht(t) {
+function Fi(t) {
   return t.type === "geovideo" && typeof t.indexUrl == "string";
 }
-function Yt(t, e) {
+function Si(t, e) {
   return t.id === e.id && (t.type !== "geovideo" || e.type !== "geovideo" || t.manifestUrl === e.manifestUrl);
 }
-function j(t) {
+function le(t) {
   return typeof t == "string" && Number.isFinite(Date.parse(t));
 }
-function Tt(t) {
+function $t(t) {
   const e = t;
   if (!e || e.schemaVersion !== 1 || e.type !== "geovideo-index" || !Array.isArray(e.chunks))
     throw new Error("Unsupported GeoVideo index");
   for (const i of e.chunks)
-    if (!j(i?.start) || !j(i.end) || Date.parse(i.end) < Date.parse(i.start) || typeof i.manifestUrl != "string")
+    if (!le(i?.start) || !le(i.end) || Date.parse(i.end) < Date.parse(i.start) || typeof i.manifestUrl != "string")
       throw new Error("Invalid GeoVideo index chunk");
   return e;
 }
-async function jt(t, e) {
+async function Ui(t, e) {
   const i = await fetch(t, { signal: e });
   if (!i.ok)
     throw new Error(
       `GeoVideo index request failed (${i.status}): ${t}`
     );
-  return Tt(await i.json());
+  return $t(await i.json());
 }
-function bt(t) {
+function Wt(t) {
   return typeof document < "u" ? new URL(t, document.baseURI).href : t;
 }
-function Rt(t, e) {
-  const i = bt(e);
+function Ht(t, e) {
+  const i = Wt(e);
   return t.chunks.map((r) => ({
     key: r.key,
     manifestUrl: new URL(r.manifestUrl, i).href,
@@ -1752,15 +2120,15 @@ function Rt(t, e) {
     ...r.provisional ? { provisional: !0 } : {}
   }));
 }
-function gt(t, e, i) {
+function zt(t, e, i) {
   if (e.sourceId !== t.id || e.catalogEntryId !== i.id)
     throw new Error(
       `GeoVideo index identity does not match catalog entry/source: ${t.id}`
     );
 }
-function Kt(t, e, i) {
-  gt(t, e, i);
-  const r = Rt(e, t.indexUrl);
+function Mi(t, e, i) {
+  zt(t, e, i);
+  const r = Ht(e, t.indexUrl);
   return e.chunks.map(
     (n, s) => ({
       id: t.id,
@@ -1778,62 +2146,71 @@ function Kt(t, e, i) {
   );
 }
 export {
-  ee as $,
-  Ht as A,
-  Ot as B,
-  jt as C,
-  Kt as D,
-  $t as E,
-  Vt as F,
-  Xt as G,
-  W as H,
-  Bt as I,
-  ft as J,
-  ut as K,
-  J as L,
-  ze as M,
-  et as N,
-  xe as O,
-  gt as P,
-  Q,
-  O as R,
-  Ve as S,
-  Gt as T,
-  rt as U,
-  Rt as V,
-  tt as W,
-  qt as X,
-  it as Y,
-  Wt as Z,
-  Ze as _,
-  St as a,
-  R as a0,
-  N as a1,
-  Tt as a2,
-  ht as a3,
-  Ut as b,
-  _t as c,
-  At as d,
-  kt as e,
-  vt as f,
-  Pt as g,
-  yt as h,
-  Ft as i,
-  xt as j,
-  Mt as k,
-  It as l,
-  qe as m,
-  Ke as n,
-  Ue as o,
-  $e as p,
-  wt as q,
-  Me as r,
-  Dt as s,
-  Y as t,
-  w as u,
-  Lt as v,
-  Yt as w,
-  Ct as x,
-  z as y,
-  Nt as z
+  ne as $,
+  ue as A,
+  ci as B,
+  Fi as C,
+  xi as D,
+  Ui as E,
+  Mi as F,
+  Ti as G,
+  ki as H,
+  yi as I,
+  oe as J,
+  ui as K,
+  mi as L,
+  Ei as M,
+  _i as N,
+  Ot as O,
+  xt as P,
+  Vt as Q,
+  me as R,
+  bt as S,
+  li as T,
+  At as U,
+  fi as V,
+  pi as W,
+  hi as X,
+  Be as Y,
+  zt as Z,
+  pe as _,
+  ri as a,
+  it as a0,
+  Ut as a1,
+  Ht as a2,
+  Ft as a3,
+  vi as a4,
+  St as a5,
+  Ai as a6,
+  wt as a7,
+  Ee as a8,
+  v as a9,
+  K as aa,
+  $t as ab,
+  Ct as ac,
+  ni as b,
+  Kt as c,
+  Jt as d,
+  ei as e,
+  ii as f,
+  si as g,
+  Qt as h,
+  ti as i,
+  gi as j,
+  Zt as k,
+  oi as l,
+  Ri as m,
+  di as n,
+  ut as o,
+  Tt as p,
+  ze as q,
+  Ke as r,
+  ai as s,
+  ft as t,
+  jt as u,
+  bi as v,
+  de as w,
+  M as x,
+  Si as y,
+  wi as z
 };