@fxi/zartigl 0.13.1 → 0.14.0

package/dist/zartigl.js

@@ -1,42 +1,48 @@
-import { m as ae, p as mt, s as ft, a as $e, b as Nt, r as Ne, c as zt, d as he, e as Gt, f as pt, g as Ot } from "./index-DsKvU_FK.js";
-import { T as Bt, g as $t, r as qt, d as Wt, c as W, a as Xt, b as ge, e as Ht, f as J, h as be, i as O, G as Yt, j as qe, v as Q, k as K, s as ze, l as Ge, m as gt, n as We, o as Ae, p as Zt, q as Ce, t as jt, u as vt, w as z, x as Xe, y as Se, z as Qt, A as Kt, B as Jt, C as He, D as ei, E as ke, F as ti, H as yt, I as ii, J as ai, K as si, L as ri } from "./engine-Bhb-WayM.js";
-import { M as ka, N as Fa } from "./engine-Bhb-WayM.js";
-import { B as ni, a as oi, b as li, c as ci, d as _t, r as xt, e as hi, g as ui } from "./backdrop-Dceb4d8E.js";
-import { f as Ua, i as Va } from "./backdrop-Dceb4d8E.js";
-import { inflate as di } from "pako";
-import mi from "numcodecs/blosc";
-const Fe = 85, fi = 89.9;
-function Ie(s) {
-  return Math.max(-Fe, Math.min(Fe, s));
-}
-function Ye(s) {
-  const e = Ie(s), t = Math.sin(e * Math.PI / 180);
+import { m as ae, p as ft, s as pt, a as qe, b as Gt, r as ze, c as Ot, d as he, e as Bt, f as gt, g as $t } from "./index-Cd7Nk4ve.js";
+import { T as qt, g as Wt, r as Xt, d as Ht, c as W, a as Yt, b as ge, e as Zt, f as J, h as Se, i as O, G as jt, j as We, F as Qt, s as vt, v as Q, k as K, l as Ge, m as Oe, n as yt, o as Xe, p as Ce, q as Kt, t as ke, u as Jt, w as _t, x as z, y as He, z as we, A as ei, B as ti, C as ii, D as Ye, E as ai, H as Fe, I as si, J as xt, K as ri, L as ni, M as oi, N as li } from "./engine-CiDquHYk.js";
+import { O as Ua, P as Va } from "./engine-CiDquHYk.js";
+import { B as ci, a as hi, b as ui, c as di, d as bt, r as St, e as mi, g as fi } from "./backdrop-Dceb4d8E.js";
+import { f as za, i as Ga } from "./backdrop-Dceb4d8E.js";
+import { inflate as pi } from "pako";
+import gi from "numcodecs/blosc";
+const Ie = 85, vi = 89.9;
+function Ue(s) {
+  return Math.max(-Ie, Math.min(Ie, s));
+}
+function Ze(s) {
+  const e = Ue(s), t = Math.sin(e * Math.PI / 180);
   return 0.5 - Math.log((1 + t) / (1 - t)) / (4 * Math.PI);
 }
 function ve(s) {
   return (s + 180) / 360;
 }
-function pi(s) {
+function yi(s) {
   return ((s + 180) % 360 + 360) % 360 - 180;
 }
-function gi(s, e) {
-  const t = pi(s) * Math.PI / 180, i = e * Math.PI / 180, a = Math.cos(i);
+function ye(s, e) {
+  if (s.getProjection?.()?.type !== "globe")
+    return !1;
+  const t = e?.projectionTransition;
+  return typeof t == "number" ? t > 0 : !0;
+}
+function _i(s, e) {
+  const t = yi(s) * Math.PI / 180, i = e * Math.PI / 180, a = Math.cos(i);
   return [
     Math.sin(t) * a,
     Math.sin(i),
     Math.cos(t) * a
   ];
 }
-function vi(s) {
+function xi(s) {
   return {
     west: -180,
     east: 180,
-    south: Ie(s.getSouth()),
-    north: Ie(s.getNorth())
+    south: Ue(s.getSouth()),
+    north: Ue(s.getNorth())
   };
 }
-function yi(s, e = 1, t = !1) {
-  const i = t ? fi : Fe, a = (u) => Math.max(-i, Math.min(i, u)), r = a(s.getSouth()), n = a(s.getNorth()), c = Math.max(0, n - r) * Math.max(0, e);
+function bi(s, e = 1, t = !1) {
+  const i = t ? vi : Ie, a = (d) => Math.max(-i, Math.min(i, d)), r = a(s.getSouth()), n = a(s.getNorth()), c = Math.max(0, n - r) * Math.max(0, e);
   return {
     west: -180,
     east: 180,
@@ -44,10 +50,10 @@ function yi(s, e = 1, t = !1) {
     north: a(n + c)
   };
 }
-function _i(s, e, t = 1e-6) {
+function Si(s, e, t = 1e-6) {
   return s.south <= e.south + t && s.north >= e.north - t;
 }
-function xi(s, e = !1) {
+function wi(s, e = !1) {
   const t = s.getWest(), i = s.getEast(), a = ve(t), r = ve(i), n = a - Math.floor(a), o = r - a >= 1 ? { minX: 0, maxX: 1 } : { minX: n, maxX: n + r - a };
   return e ? {
     ...o,
@@ -55,11 +61,11 @@ function xi(s, e = !1) {
     maxY: (Math.min(s.getNorth(), 90) + 90) / 180
   } : {
     ...o,
-    minY: Ye(s.getNorth()),
-    maxY: Ye(s.getSouth())
+    minY: Ze(s.getNorth()),
+    maxY: Ze(s.getSouth())
   };
 }
-function Oe(s, e) {
+function Be(s, e) {
   if (e)
     return [0];
   const t = ve(s.getWest()), i = ve(s.getEast()), a = [];
@@ -77,7 +83,7 @@ const ue = [
   "u_velocity_flip_y",
   "u_velocity_next_flip_y"
 ];
-function we(s, e, t) {
+function Te(s, e, t) {
   s.uniform1i(e.u_velocity_next, t.b.unit), s.uniform2f(e.u_velocity_next_min, ...t.b.min), s.uniform2f(e.u_velocity_next_max, ...t.b.max), s.uniform1f(e.u_velocity_mix, t.mix), s.uniform1f(e.u_velocity_physical, t.a.physical ? 1 : 0), s.uniform1f(e.u_velocity_next_physical, t.b.physical ? 1 : 0), s.uniform1f(e.u_velocity_flip_y, t.a.northToSouth ? 1 : 0), s.uniform1f(e.u_velocity_next_flip_y, t.b.northToSouth ? 1 : 0);
 }
 var de = `#version 300 es
@@ -89,7 +95,7 @@ out vec2 v_tex_coord;
 void main() {
     v_tex_coord = a_position * 0.5 + 0.5;
     gl_Position = vec4(a_position, 0.0, 1.0);
-}`, bi = `#version 300 es
+}`, Ti = `#version 300 es
 precision highp float;
 
 uint pcg(uint v) {
@@ -359,7 +365,7 @@ void main() {
         fract(newPos.y * 255.0)
     );
 #endif
-}`, Si = `precision highp float;
+}`, Mi = `precision highp float;
 
 attribute float a_index;
 attribute float a_is_curr;   
@@ -591,7 +597,7 @@ void main() {
         vec2 worldPos = vec2((pos.x + u_world_offset) * u_world_size, pos.y * u_world_size);
         gl_Position = u_matrix * vec4(worldPos, 0.0, 1.0);
     }
-}`, wi = `precision mediump float;
+}`, Ri = `precision mediump float;
 
 uniform sampler2D u_color_ramp;
 uniform float u_particle_contrast; 
@@ -630,7 +636,7 @@ void main() {
     }
     
     gl_FragColor = vec4(color.rgb, color.a * u_opacity);
-}`, Ti = `#version 300 es
+}`, Pi = `#version 300 es
 precision mediump float;
 
 uniform sampler2D u_screen;
@@ -647,7 +653,7 @@ void main() {
     float alpha = floor(color.a * 255.0 * u_opacity) / 255.0;
     
     o_color = vec4(color.rgb * step(1.0 / 255.0, alpha), alpha);
-}`, Mi = `#version 300 es
+}`, Ei = `#version 300 es
 precision mediump float;
 
 uniform sampler2D u_screen;
@@ -718,7 +724,7 @@ void main() {
     }
     vec3 rgb = u_grade_on > 0.5 ? gradeColor(color.rgb, u_grade) : color.rgb;
     o_color = vec4(rgb, color.a);
-}`, Ri = `#version 300 es
+}`, Li = `#version 300 es
 precision mediump float;
 
 uniform sampler2D u_screen;
@@ -755,7 +761,7 @@ vec4 addGlow(vec4 trail, sampler2D glowTex, vec2 uv, float gain) {
 
 void main() {
     o_color = glowGather(u_screen, ivec2(gl_FragCoord.xy));
-}`, bt = `precision highp float;
+}`, wt = `precision highp float;
 
 attribute vec2 a_grid_uv;
 
@@ -786,7 +792,7 @@ void main() {
 
     v_geo_uv = a_grid_uv;
     gl_Position = u_matrix * vec4(worldPos, 0.0, 1.0);
-}`, Pi = `precision mediump float;
+}`, Di = `precision mediump float;
 
 uniform sampler2D u_field;        
 uniform sampler2D u_color_ramp;   
@@ -885,7 +891,7 @@ void main() {
     vec4 color = texture2D(u_color_ramp, vec2(t, 0.5));
     color.rgb = applyVibrance(color.rgb, u_vibrance);
     gl_FragColor = vec4(color.rgb, color.a * u_opacity);
-}`, St = `precision highp float;
+}`, Tt = `precision highp float;
 
 attribute vec2 a_grid_uv;
 
@@ -893,8 +899,13 @@ uniform mat4 u_matrix;
 uniform vec4 u_geo_bounds;      
 uniform vec4 u_clipping_plane;  
 
+uniform float u_projection_transition;
+uniform mat4 u_fallback_matrix;
+
 varying vec2 v_geo_uv;
 
+const float PI = 3.14159265358979323846;
+
 void main() {
     float lng = mix(u_geo_bounds.x, u_geo_bounds.z, a_grid_uv.x);
     float lat = mix(u_geo_bounds.y, u_geo_bounds.w, a_grid_uv.y);
@@ -910,8 +921,20 @@ void main() {
     v_geo_uv = a_grid_uv;
     vec4 position = u_matrix * vec4(ecef, 1.0);
     position.z = (1.0 - (dot(ecef, u_clipping_plane.xyz) + u_clipping_plane.w)) * position.w;
+    if (u_projection_transition < 0.999) {
+        
+        float sinLat = sin(radians(clamp(lat, -85.0, 85.0)));
+        vec2 merc = vec2(
+            (lng + 180.0) / 360.0,
+            0.5 - log((1.0 + sinLat) / (1.0 - sinLat)) / (4.0 * PI)
+        );
+        vec4 flatPosition = u_fallback_matrix * vec4(merc, 0.0, 1.0);
+        float globeness = clamp((u_projection_transition - 0.2) / 0.8, 0.0, 1.0);
+        position.z = mix(0.0, position.z, globeness);
+        position.xyw = mix(flatPosition.xyw, position.xyw, u_projection_transition);
+    }
     gl_Position = position;
-}`, Ei = `precision mediump float;
+}`, Ai = `precision mediump float;
 
 uniform sampler2D u_field;
 uniform sampler2D u_color_ramp;
@@ -1001,8 +1024,8 @@ void main() {
     color.rgb = applyVibrance(color.rgb, u_vibrance);
     gl_FragColor = vec4(color.rgb, color.a * u_opacity);
 }`;
-const Te = [0, 0, 0, 0], B = 512, H = B * B, Y = 128, ee = 64, Li = 1, Di = 0.92, Ai = 0.1, Ze = 0.98;
-function Ci(s) {
+const Me = [0, 0, 0, 0], B = 512, H = B * B, Y = 128, ee = 64, Ci = 1, ki = 0.92, Fi = 0.1, je = 0.98;
+function Ii(s) {
   if (Number.isNaN(s))
     return 32256;
   if (s === 1 / 0)
@@ -1019,7 +1042,7 @@ function Ci(s) {
   const i = Math.floor(Math.log2(t)), a = t / 2 ** i - 1;
   return e | i + 15 << 10 | Math.round(a * 1024);
 }
-const ki = {
+const Ui = {
   particleDensity: 0.05,
   speed: 1,
   fadeOpacity: 0.996,
@@ -1028,26 +1051,26 @@ const ki = {
   opacity: 1,
   logScale: !1,
   vibrance: 0,
-  colorGrade: oi,
-  backdrop: ni,
+  colorGrade: hi,
+  backdrop: ci,
   glow: 0,
   scalarMode: !1,
   particleState: "auto",
   rgba8MaxParticleZoom: 4
 };
-class wt {
+class Mt {
   constructor(e) {
-    this.numParticles = 0, this.prevBounds = null, this.redistributionBoost = 0, this.frame = Math.floor(Math.random() * 2 ** 30), this.webglInfo = null, this.lastRgba8ParticlesSuppressed = !1, this.screenWidth = 0, this.screenHeight = 0, this.glowTexture = null, this.glowFramebuffer = null, this.rasterGridIndexCount = 0, this.renderMode = "raster+particles", this.params = { ...ki, ...e }, this.trailFade = new Bt(this.params.fadeOpacity);
+    this.numParticles = 0, this.prevBounds = null, this.redistributionBoost = 0, this.frame = Math.floor(Math.random() * 2 ** 30), this.webglInfo = null, this.lastRgba8ParticlesSuppressed = !1, this.screenWidth = 0, this.screenHeight = 0, this.glowTexture = null, this.glowFramebuffer = null, this.rasterGridIndexCount = 0, this.renderMode = "raster+particles", this.params = { ...Ui, ...e }, this.trailFade = new qt(this.params.fadeOpacity);
   }
   init(e) {
-    this.gl = e, this.webglInfo = $t(e), this.stateFormat = this.params.particleState === "rgba8" ? qt(e) : Wt(e);
+    this.gl = e, this.webglInfo = Wt(e), this.stateFormat = this.params.particleState === "rgba8" ? Xt(e) : Ht(e);
     const t = this.stateFormat.kind !== "rgba8-packed" ? `#define USE_FLOAT_STATE 1
 ` : "";
     this.updateProgram = W(
       e,
       de,
-      bi.replace(/^(#version[^\n]*\n)/, `$1${t}`)
-    ), this.drawProgram = W(e, t + Si, wi), this.fadeProgram = W(e, de, Ti), this.compositeProgram = W(e, de, Mi), this.glowProgram = W(e, de, Ri), this.gridProgram = W(e, bt, Pi), this.gridGlobeProgram = W(e, St, Ei), this.updateLocs = this.getUniforms(this.updateProgram, [
+      Ti.replace(/^(#version[^\n]*\n)/, `$1${t}`)
+    ), this.drawProgram = W(e, t + Mi, Ri), this.fadeProgram = W(e, de, Pi), this.compositeProgram = W(e, de, Ei), this.glowProgram = W(e, de, Li), this.gridProgram = W(e, wt, Di), this.gridGlobeProgram = W(e, Tt, Ai), this.updateLocs = this.getUniforms(this.updateProgram, [
       "u_particles",
       ...ue,
       "u_velocity",
@@ -1118,6 +1141,8 @@ class wt {
       "u_matrix",
       "u_geo_bounds",
       "u_clipping_plane",
+      "u_projection_transition",
+      "u_fallback_matrix",
       "u_field_min",
       "u_field_max",
       "u_u_min",
@@ -1129,7 +1154,7 @@ class wt {
       "u_vibrance",
       "u_scalar_mode",
       "u_solid"
-    ]), this.quadBuffer = Xt(e), this.initRasterGrid(), this.colorRampTexture = ge(e, this.params.colorRamp), this.initParticleState();
+    ]), this.quadBuffer = Yt(e), this.initRasterGrid(), this.colorRampTexture = ge(e, this.params.colorRamp), this.initParticleState();
   }
   getUniforms(e, t) {
     const i = {};
@@ -1149,7 +1174,7 @@ class wt {
     if (this.stateFormat?.kind === "float16") {
       const a = new Uint16Array(t);
       for (let r = 0; r < t; r++)
-        a[r] = Ci(Math.random());
+        a[r] = Ii(Math.random());
       return a;
     }
     const i = new Uint8Array(t);
@@ -1158,7 +1183,7 @@ class wt {
     return i;
   }
   createStateTexture(e) {
-    return Ht(
+    return Zt(
       this.gl,
       this.gl.NEAREST,
       e,
@@ -1172,8 +1197,8 @@ class wt {
     const e = this.gl, t = this.makeStateData(), i = this.createStateTexture(t), a = this.createStateTexture(t), r = J(e, i), n = J(e, a);
     this.particleStateTextures = [i, a], this.particleFramebuffers = [r, n];
     const o = new Float32Array(H * 2), c = new Float32Array(H * 2);
-    for (let u = 0; u < H; u++)
-      o[u * 2] = u, o[u * 2 + 1] = u, c[u * 2] = 0, c[u * 2 + 1] = 1;
+    for (let d = 0; d < H; d++)
+      o[d * 2] = d, o[d * 2 + 1] = d, c[d * 2] = 0, c[d * 2 + 1] = 1;
     this.particleIndexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.particleIndexBuffer), e.bufferData(e.ARRAY_BUFFER, o, e.STATIC_DRAW), this.particleIsCurrBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.particleIsCurrBuffer), e.bufferData(e.ARRAY_BUFFER, c, e.STATIC_DRAW);
   }
   initRasterGrid() {
@@ -1191,8 +1216,8 @@ class wt {
     const n = Y + 1;
     for (let o = 0; o < ee; o++)
       for (let c = 0; c < Y; c++) {
-        const u = o * n + c, l = u + 1, d = u + n, f = d + 1;
-        a[r++] = u, a[r++] = d, a[r++] = l, a[r++] = l, a[r++] = d, a[r++] = f;
+        const d = o * n + c, l = d + 1, u = d + n, f = u + 1;
+        a[r++] = d, a[r++] = u, a[r++] = l, a[r++] = l, a[r++] = u, a[r++] = f;
       }
     this.rasterGridBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.rasterGridBuffer), e.bufferData(e.ARRAY_BUFFER, t, e.STATIC_DRAW), this.rasterGridIndexBuffer = e.createBuffer(), e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, this.rasterGridIndexBuffer), e.bufferData(e.ELEMENT_ARRAY_BUFFER, a, e.STATIC_DRAW), this.rasterGridIndexCount = a.length;
   }
@@ -1211,14 +1236,14 @@ class wt {
       return;
     const i = this.gl;
     this.screenWidth = e, this.screenHeight = t, this.screenTextures && (i.deleteTexture(this.screenTextures[0]), i.deleteTexture(this.screenTextures[1]), i.deleteFramebuffer(this.screenFramebuffers[0]), i.deleteFramebuffer(this.screenFramebuffers[1])), this.deleteGlowTarget();
-    const a = new Uint8Array(e * t * 4), r = be(i, i.NEAREST, a, e, t), n = be(i, i.NEAREST, a, e, t), o = J(i, r), c = J(i, n);
+    const a = new Uint8Array(e * t * 4), r = Se(i, i.NEAREST, a, e, t), n = Se(i, i.NEAREST, a, e, t), o = J(i, r), c = J(i, n);
     this.screenTextures = [r, n], this.screenFramebuffers = [o, c];
   }
   /**
    * Run one simulation step: update positions, fade trails, draw particles.
    * Must be called within the MapLibre render callback.
    */
-  render(e, t, i, a, r, n, o, c, u = !1, l = [0, 0, 1], d, f) {
+  render(e, t, i, a, r, n, o, c, d = !1, l = [0, 0, 1], u, f) {
     const m = { unit: e, min: t, max: i }, p = f ?? { a: m, b: m, mix: 0 }, h = this.gl;
     if (this.screenWidth === 0 || this.screenHeight === 0)
       return;
@@ -1229,13 +1254,13 @@ class wt {
     const T = !x && (this.renderMode === "particles" || this.renderMode === "raster+particles"), M = x || this.renderMode === "raster" || this.renderMode === "raster+particles";
     let y = !1;
     if (T) {
-      h.disable(h.BLEND), h.useProgram(this.updateProgram), h.viewport(0, 0, B, B), O(h, this.particleStateTextures[0], 0), h.uniform1i(this.updateLocs.u_particles, 0), we(h, this.updateLocs, p), h.uniform1i(this.updateLocs.u_velocity, p.a.unit), h.uniform2f(this.updateLocs.u_velocity_min, ...p.a.min), h.uniform2f(this.updateLocs.u_velocity_max, ...p.a.max), h.uniform1f(this.updateLocs.u_speed, this.params.speed), h.uniform1f(this.updateLocs.u_world_size, n), h.uniform1ui(this.updateLocs.u_frame, this.frame), this.frame = this.frame + 1 >>> 0;
+      h.disable(h.BLEND), h.useProgram(this.updateProgram), h.viewport(0, 0, B, B), O(h, this.particleStateTextures[0], 0), h.uniform1i(this.updateLocs.u_particles, 0), Te(h, this.updateLocs, p), h.uniform1i(this.updateLocs.u_velocity, p.a.unit), h.uniform2f(this.updateLocs.u_velocity_min, ...p.a.min), h.uniform2f(this.updateLocs.u_velocity_max, ...p.a.max), h.uniform1f(this.updateLocs.u_speed, this.params.speed), h.uniform1f(this.updateLocs.u_world_size, n), h.uniform1ui(this.updateLocs.u_frame, this.frame), this.frame = this.frame + 1 >>> 0;
       const E = r.maxX - r.minX;
       if (this.prevBounds) {
         const F = this.prevBounds.maxX - this.prevBounds.minX, P = this.prevBounds.maxY - this.prevBounds.minY, L = 1e-6, b = (r.minX + r.maxX) * 0.5, A = (r.minY + r.maxY) * 0.5, N = (this.prevBounds.minX + this.prevBounds.maxX) * 0.5, C = (this.prevBounds.minY + this.prevBounds.maxY) * 0.5, I = Math.abs(E - F) / Math.max(F, L), w = Math.abs(b - N) / Math.max(F, L) + Math.abs(A - C) / Math.max(P, L), U = Math.min(1, I + w);
         this.redistributionBoost = Math.max(
-          this.redistributionBoost * Di,
-          U * Li
+          this.redistributionBoost * ki,
+          U * Ci
         );
       }
       this.prevBounds = {
@@ -1246,7 +1271,7 @@ class wt {
       };
       const k = Math.min(
         this.params.dropRate + this.redistributionBoost,
-        Ai
+        Fi
       );
       h.uniform1f(this.updateLocs.u_drop_rate, k), h.uniform1f(
         this.updateLocs.u_drop_rate_bump,
@@ -1257,7 +1282,7 @@ class wt {
         r.minY,
         r.maxX,
         r.maxY
-      ), h.uniform1f(this.updateLocs.u_is_globe, u ? 1 : 0), c && h.uniform4f(
+      ), h.uniform1f(this.updateLocs.u_is_globe, d ? 1 : 0), c && h.uniform4f(
         this.updateLocs.u_geo_bounds,
         c.west,
         c.south,
@@ -1265,7 +1290,7 @@ class wt {
         c.north
       ), h.uniform1f(
         this.updateLocs.u_valid_threshold,
-        Ze
+        je
       ), h.bindFramebuffer(h.FRAMEBUFFER, this.particleFramebuffers[1]), this.drawQuad(), y = !0;
     }
     h.viewport(0, 0, this.screenWidth, this.screenHeight), h.bindFramebuffer(h.FRAMEBUFFER, this.screenFramebuffers[1]), h.useProgram(this.fadeProgram), h.disable(h.BLEND), O(h, this.screenTextures[0], 0), h.uniform1i(this.fadeLocs.u_screen, 0), h.uniform1f(
@@ -1273,17 +1298,17 @@ class wt {
       this.updateTrailFadeOpacity(performance.now())
     ), this.drawQuad();
     const v = (E) => {
-      c && (u && d ? this.renderGridGlobe(
+      c && (d && u ? this.renderGridGlobe(
         e,
         t,
         i,
         a,
         c,
-        d,
+        u,
         1,
         E,
         p
-      ) : u || this.renderGrid(
+      ) : d || this.renderGrid(
         e,
         t,
         i,
@@ -1296,13 +1321,13 @@ class wt {
         p
       ));
     };
-    if (M && v(Te), T) {
+    if (M && v(Me), T) {
       h.useProgram(this.drawProgram), h.enable(h.BLEND), h.blendFuncSeparate(
         h.SRC_ALPHA,
         h.ONE_MINUS_SRC_ALPHA,
         h.ONE,
         h.ONE_MINUS_SRC_ALPHA
-      ), O(h, this.particleStateTextures[1], 0), h.uniform1i(this.drawLocs.u_particles, 0), O(h, this.particleStateTextures[0], 3), h.uniform1i(this.drawLocs.u_prev_particles, 3), we(h, this.drawLocs, p), h.uniform1i(this.drawLocs.u_velocity, p.a.unit), h.uniform2f(this.drawLocs.u_velocity_min, ...p.a.min), h.uniform2f(this.drawLocs.u_velocity_max, ...p.a.max), c && h.uniform4f(
+      ), O(h, this.particleStateTextures[1], 0), h.uniform1i(this.drawLocs.u_particles, 0), O(h, this.particleStateTextures[0], 3), h.uniform1i(this.drawLocs.u_prev_particles, 3), Te(h, this.drawLocs, p), h.uniform1i(this.drawLocs.u_velocity, p.a.unit), h.uniform2f(this.drawLocs.u_velocity_min, ...p.a.min), h.uniform2f(this.drawLocs.u_velocity_max, ...p.a.max), c && h.uniform4f(
         this.drawLocs.u_geo_bounds,
         c.west,
         c.south,
@@ -1316,8 +1341,8 @@ class wt {
         this.params.logScale ? 1 : 0
       ), h.uniform1f(this.drawLocs.u_vibrance, this.params.vibrance), h.uniform1f(
         this.drawLocs.u_valid_threshold,
-        Ze
-      ), h.uniform1f(this.drawLocs.u_is_globe, u ? 1 : 0), h.uniform3f(
+        je
+      ), h.uniform1f(this.drawLocs.u_is_globe, d ? 1 : 0), h.uniform3f(
         this.drawLocs.u_globe_center,
         l[0],
         l[1],
@@ -1336,95 +1361,95 @@ class wt {
       h.disableVertexAttribArray(E), h.disableVertexAttribArray(k), h.disable(h.BLEND);
     }
     h.bindFramebuffer(h.FRAMEBUFFER, g), h.viewport(0, 0, this.screenWidth, this.screenHeight);
-    const _ = li(this.params.backdrop);
+    const _ = ui(this.params.backdrop);
     _[3] > 0 && v(_);
     const S = this.params.glow > 0 ? this.renderGlow(g) : null, R = this.params.colorGrade;
     h.useProgram(this.compositeProgram), O(h, this.screenTextures[1], 0), h.uniform1i(this.compositeLocs.u_screen, 0), O(h, S ?? this.screenTextures[1], 1), h.uniform1i(this.compositeLocs.u_glow_tex, 1), h.uniform1f(
       this.compositeLocs.u_glow,
-      S ? Yt * this.params.glow : 0
-    ), h.uniform1f(this.compositeLocs.u_grade_on, R.enabled ? 1 : 0), h.uniform4f(this.compositeLocs.u_grade, ...ci(R)), h.enable(h.BLEND), h.blendFunc(h.SRC_ALPHA, h.ONE_MINUS_SRC_ALPHA), this.drawQuad(), h.disable(h.BLEND), y && (this.particleStateTextures.reverse(), this.particleFramebuffers.reverse()), this.screenTextures.reverse(), this.screenFramebuffers.reverse();
+      S ? jt * this.params.glow : 0
+    ), h.uniform1f(this.compositeLocs.u_grade_on, R.enabled ? 1 : 0), h.uniform4f(this.compositeLocs.u_grade, ...di(R)), h.enable(h.BLEND), h.blendFunc(h.SRC_ALPHA, h.ONE_MINUS_SRC_ALPHA), this.drawQuad(), h.disable(h.BLEND), y && (this.particleStateTextures.reverse(), this.particleFramebuffers.reverse()), this.screenTextures.reverse(), this.screenFramebuffers.reverse();
   }
   /**
    * Reduce the latest trails into the glow texture (glow.glsl), then rebind
    * `framebuffer` with the full viewport.
    */
   renderGlow(e) {
-    const t = this.gl, i = Math.ceil(this.screenWidth / qe), a = Math.ceil(this.screenHeight / qe);
-    return this.glowTexture || (this.glowTexture = be(t, t.LINEAR, null, i, a), this.glowFramebuffer = J(t, this.glowTexture)), t.bindFramebuffer(t.FRAMEBUFFER, this.glowFramebuffer), t.viewport(0, 0, i, a), t.disable(t.BLEND), t.useProgram(this.glowProgram), O(t, this.screenTextures[1], 0), t.uniform1i(this.glowLocs.u_screen, 0), this.drawQuad(), t.bindFramebuffer(t.FRAMEBUFFER, e), t.viewport(0, 0, this.screenWidth, this.screenHeight), this.glowTexture;
+    const t = this.gl, i = Math.ceil(this.screenWidth / We), a = Math.ceil(this.screenHeight / We);
+    return this.glowTexture || (this.glowTexture = Se(t, t.LINEAR, null, i, a), this.glowFramebuffer = J(t, this.glowTexture)), t.bindFramebuffer(t.FRAMEBUFFER, this.glowFramebuffer), t.viewport(0, 0, i, a), t.disable(t.BLEND), t.useProgram(this.glowProgram), O(t, this.screenTextures[1], 0), t.uniform1i(this.glowLocs.u_screen, 0), this.drawQuad(), t.bindFramebuffer(t.FRAMEBUFFER, e), t.viewport(0, 0, this.screenWidth, this.screenHeight), this.glowTexture;
   }
   deleteGlowTarget() {
     this.glowTexture && (this.gl.deleteTexture(this.glowTexture), this.gl.deleteFramebuffer(this.glowFramebuffer), this.glowTexture = null, this.glowFramebuffer = null);
   }
-  renderGrid(e, t, i, a, r, n, o, c = 1, u = Te, l) {
-    const d = this.gl;
-    d.useProgram(this.gridProgram), d.disable(d.DEPTH_TEST), d.disable(d.STENCIL_TEST), d.disable(d.BLEND), this.setGridFieldUniforms(
+  renderGrid(e, t, i, a, r, n, o, c = 1, d = Me, l) {
+    const u = this.gl;
+    u.useProgram(this.gridProgram), u.disable(u.DEPTH_TEST), u.disable(u.STENCIL_TEST), u.disable(u.BLEND), this.setGridFieldUniforms(
       this.gridLocs,
       e,
       t,
       i,
       c,
-      u,
+      d,
       l
-    ), d.uniformMatrix4fv(
+    ), u.uniformMatrix4fv(
       this.gridLocs.u_matrix,
       !1,
       a instanceof Float32Array ? a : new Float32Array(Array.from(a))
-    ), d.uniform4f(
+    ), u.uniform4f(
       this.gridLocs.u_geo_bounds,
       o.west,
       o.south,
       o.east,
       o.north
-    ), d.uniform1f(this.gridLocs.u_world_size, r), d.enable(d.BLEND), d.blendFunc(d.SRC_ALPHA, d.ONE_MINUS_SRC_ALPHA), this.bindRasterGrid(this.gridProgram);
+    ), u.uniform1f(this.gridLocs.u_world_size, r), u.enable(u.BLEND), u.blendFunc(u.SRC_ALPHA, u.ONE_MINUS_SRC_ALPHA), this.bindRasterGrid(this.gridProgram);
     for (const f of n)
-      d.uniform1f(this.gridLocs.u_world_offset, f), d.drawElements(
-        d.TRIANGLES,
+      u.uniform1f(this.gridLocs.u_world_offset, f), u.drawElements(
+        u.TRIANGLES,
         this.rasterGridIndexCount,
-        d.UNSIGNED_SHORT,
+        u.UNSIGNED_SHORT,
         0
       );
-    this.unbindRasterGrid(this.gridProgram), d.disable(d.BLEND);
+    this.unbindRasterGrid(this.gridProgram), u.disable(u.BLEND);
   }
-  renderGridGlobe(e, t, i, a, r, n, o = 1, c = Te, u) {
-    const l = this.gl;
-    l.useProgram(this.gridGlobeProgram), l.disable(l.DEPTH_TEST), l.disable(l.STENCIL_TEST), l.disable(l.BLEND), this.setGridFieldUniforms(
+  renderGridGlobe(e, t, i, a, r, n, o = 1, c = Me, d, l = Qt) {
+    const u = this.gl;
+    u.useProgram(this.gridGlobeProgram), vt(u, this.gridGlobeLocs, l), u.disable(u.DEPTH_TEST), u.disable(u.STENCIL_TEST), u.disable(u.BLEND), this.setGridFieldUniforms(
       this.gridGlobeLocs,
       e,
       t,
       i,
       o,
       c,
-      u
-    ), l.uniformMatrix4fv(
+      d
+    ), u.uniformMatrix4fv(
       this.gridGlobeLocs.u_matrix,
       !1,
       a instanceof Float32Array ? a : new Float32Array(Array.from(a))
-    ), l.uniform4f(
+    ), u.uniform4f(
       this.gridGlobeLocs.u_geo_bounds,
       r.west,
       r.south,
       r.east,
       r.north
-    ), l.uniform4f(
+    ), u.uniform4f(
       this.gridGlobeLocs.u_clipping_plane,
       n[0],
       n[1],
       n[2],
       n[3]
-    ), l.enable(l.BLEND), l.blendFunc(l.SRC_ALPHA, l.ONE_MINUS_SRC_ALPHA), this.bindRasterGrid(this.gridGlobeProgram), l.drawElements(
-      l.TRIANGLES,
+    ), u.enable(u.BLEND), u.blendFunc(u.SRC_ALPHA, u.ONE_MINUS_SRC_ALPHA), this.bindRasterGrid(this.gridGlobeProgram), u.drawElements(
+      u.TRIANGLES,
       this.rasterGridIndexCount,
-      l.UNSIGNED_SHORT,
+      u.UNSIGNED_SHORT,
       0
-    ), this.unbindRasterGrid(this.gridGlobeProgram), l.disable(l.BLEND);
+    ), this.unbindRasterGrid(this.gridGlobeProgram), u.disable(u.BLEND);
   }
   setGridFieldUniforms(e, t, i, a, r, n, o) {
-    const c = this.gl, u = { unit: t, min: i, max: a }, l = o ?? { a: u, b: u, mix: 0 };
-    we(c, e, l), c.uniform1i(e.u_field, l.a.unit), c.uniform4f(e.u_solid, ...n), O(c, this.colorRampTexture, 2), c.uniform1i(e.u_color_ramp, 2);
-    const d = Math.sqrt(
+    const c = this.gl, d = { unit: t, min: i, max: a }, l = o ?? { a: d, b: d, mix: 0 };
+    Te(c, e, l), c.uniform1i(e.u_field, l.a.unit), c.uniform4f(e.u_solid, ...n), O(c, this.colorRampTexture, 2), c.uniform1i(e.u_color_ramp, 2);
+    const u = Math.sqrt(
       Math.max(Math.abs(i[0]), Math.abs(a[0])) ** 2 + Math.max(Math.abs(i[1]), Math.abs(a[1])) ** 2
     );
-    c.uniform1f(e.u_field_min, 0), c.uniform1f(e.u_field_max, d > 0 ? d : 1), c.uniform1f(e.u_u_min, l.a.min[0]), c.uniform1f(e.u_u_max, l.a.max[0]), c.uniform1f(e.u_v_min, l.a.min[1]), c.uniform1f(e.u_v_max, l.a.max[1]), c.uniform1f(e.u_opacity, this.params.opacity * r), c.uniform1f(e.u_log_scale, this.params.logScale ? 1 : 0), c.uniform1f(e.u_vibrance, this.params.vibrance), c.uniform1f(e.u_scalar_mode, this.params.scalarMode ? 1 : 0);
+    c.uniform1f(e.u_field_min, 0), c.uniform1f(e.u_field_max, u > 0 ? u : 1), c.uniform1f(e.u_u_min, l.a.min[0]), c.uniform1f(e.u_u_max, l.a.max[0]), c.uniform1f(e.u_v_min, l.a.min[1]), c.uniform1f(e.u_v_max, l.a.max[1]), c.uniform1f(e.u_opacity, this.params.opacity * r), c.uniform1f(e.u_log_scale, this.params.logScale ? 1 : 0), c.uniform1f(e.u_vibrance, this.params.vibrance), c.uniform1f(e.u_scalar_mode, this.params.scalarMode ? 1 : 0);
   }
   bindRasterGrid(e) {
     const t = this.gl, i = t.getAttribLocation(e, "a_grid_uv");
@@ -1490,11 +1515,11 @@ class wt {
   }
   /** Partial values take the vibrant preset; see resolveColorGrade. */
   setColorGrade(e) {
-    this.params.colorGrade = _t(e);
+    this.params.colorGrade = bt(e);
   }
   /** Missing values take the defaults; see resolveBackdrop. */
   setBackdrop(e) {
-    this.params.backdrop = xt(e);
+    this.params.backdrop = St(e);
   }
   /** Halo strength, clamped to [0, 1]; 0 frees the glow texture. */
   setGlow(e) {
@@ -1579,7 +1604,7 @@ class wt {
     e.deleteBuffer(this.quadBuffer), e.deleteBuffer(this.particleIndexBuffer), e.deleteBuffer(this.particleIsCurrBuffer), e.deleteTexture(this.colorRampTexture);
   }
 }
-class Tt {
+class Rt {
   constructor() {
     this.gl = null, this.texture = null, this.width = 0, this.height = 0, this.uMin = 0, this.uMax = 0, this.vMin = 0, this.vMax = 0, this.geoBounds = { west: -180, south: -90, east: 180, north: 90 }, this.scalarMode = !1, this.linearFilter = !0;
   }
@@ -1593,9 +1618,9 @@ class Tt {
    * fields may use a fixed color domain so fragments never decode physical values.
    */
   update(e, t = null) {
-    const i = this.gl, { u: a, v: r, width: n, height: o, uMin: c, uMax: u, vMin: l, vMax: d } = e;
-    this.scalarMode = e.scalarMode ?? !1, this.width = n, this.height = o, this.uMin = c, this.uMax = u, this.vMin = l, this.vMax = d, this.geoBounds = e.bounds;
-    const f = this.scalarMode && t ? t[0] : c, p = (this.scalarMode && t ? t[1] : u) - f || 1, h = d - l || 1, g = new Uint8Array(n * o * 4);
+    const i = this.gl, { u: a, v: r, width: n, height: o, uMin: c, uMax: d, vMin: l, vMax: u } = e;
+    this.scalarMode = e.scalarMode ?? !1, this.width = n, this.height = o, this.uMin = c, this.uMax = d, this.vMin = l, this.vMax = u, this.geoBounds = e.bounds;
+    const f = this.scalarMode && t ? t[0] : c, p = (this.scalarMode && t ? t[1] : d) - f || 1, h = u - l || 1, g = new Uint8Array(n * o * 4);
     for (let y = 0; y < n * o; y++) {
       const v = a[y], _ = r[y];
       this.scalarMode ? isNaN(v) ? (g[y * 4] = 0, g[y * 4 + 1] = 0, g[y * 4 + 2] = 0, g[y * 4 + 3] = 0) : (g[y * 4] = Math.round(
@@ -1617,7 +1642,7 @@ class Tt {
     console.log(
       `[zartigl] Velocity texture: ${n}x${o}, valid=${x} (${(100 * x / (n * o)).toFixed(
         1
-      )}%), nodata=${T}, uRange=[${c.toFixed(4)}, ${u.toFixed(4)}], vRange=[${l.toFixed(4)}, ${d.toFixed(4)}]`
+      )}%), nodata=${T}, uRange=[${c.toFixed(4)}, ${d.toFixed(4)}], vRange=[${l.toFixed(4)}, ${u.toFixed(4)}]`
     ), this.texture || (this.texture = i.createTexture());
     const M = this.linearFilter ? i.LINEAR : i.NEAREST;
     i.bindTexture(i.TEXTURE_2D, this.texture), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.CLAMP_TO_EDGE), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, M), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, M), i.pixelStorei(i.UNPACK_ALIGNMENT, 1), i.texImage2D(
@@ -1657,7 +1682,7 @@ class Tt {
     this.gl && this.texture && (this.gl.deleteTexture(this.texture), this.texture = null);
   }
 }
-function Mt(s, e, t, i, a, r, n) {
+function Pt(s, e, t, i, a, r, n) {
   const o = new Float32Array(t * i).fill(NaN), c = new Float32Array(t * i).fill(NaN);
   for (const m of s)
     for (let p = 0; p < m.latSize; p++)
@@ -1671,36 +1696,36 @@ function Mt(s, e, t, i, a, r, n) {
         const g = p * m.lonChunkSize + h, x = (m.latStart + p) * i + (m.lonStart + h);
         c[x] = m.data[g];
       }
-  let u = 1 / 0, l = -1 / 0, d = 1 / 0, f = -1 / 0;
+  let d = 1 / 0, l = -1 / 0, u = 1 / 0, f = -1 / 0;
   for (let m = 0; m < o.length; m++)
-    isNaN(o[m]) || (o[m] < u && (u = o[m]), o[m] > l && (l = o[m])), isNaN(c[m]) || (c[m] < d && (d = c[m]), c[m] > f && (f = c[m]));
-  return isFinite(u) || (u = -1), isFinite(l) || (l = 1), isFinite(d) || (d = -1), isFinite(f) || (f = 1), {
+    isNaN(o[m]) || (o[m] < d && (d = o[m]), o[m] > l && (l = o[m])), isNaN(c[m]) || (c[m] < u && (u = c[m]), c[m] > f && (f = c[m]));
+  return isFinite(d) || (d = -1), isFinite(l) || (l = 1), isFinite(u) || (u = -1), isFinite(f) || (f = 1), {
     u: o,
     v: c,
     width: i,
     height: t,
-    uMin: u,
+    uMin: d,
     uMax: l,
-    vMin: d,
+    vMin: u,
     vMax: f,
     bounds: a ?? { west: -180, south: -90, east: 180, north: 90 },
     latDescending: r,
     scalarMode: n
   };
 }
-const Me = [
+const Re = [
   "depth",
   "elevation",
   "level",
   "altitude",
   "pressure_level"
 ];
-class je extends Error {
+class Qe extends Error {
   constructor(e, t) {
     super(`Chunk fetch failed: ${e} ${t}`), this.name = "ZarrChunkFetchError", this.status = e, this.url = t;
   }
 }
-class ye {
+class _e {
   constructor(e, t = 200) {
     this.meta = null, this.coords = null, this.initPromise = null, this.verticalName = "depth", this.timeUnits = "", this.timeCalendar = "standard", this.cache = /* @__PURE__ */ new Map(), this.abortControllers = /* @__PURE__ */ new Map(), this.bloscCodecCache = /* @__PURE__ */ new Map(), this.root = e.replace(/\/$/, ""), this.maxCacheSize = t;
   }
@@ -1752,7 +1777,7 @@ class ye {
     let a = t ? i[0] : NaN, r = a;
     for (let o = 1; o < i.length; o++)
       a = Math.min(a, i[o]), r = Math.max(r, i[o]);
-    const n = Ni(i);
+    const n = Oi(i);
     return {
       min: a,
       max: r,
@@ -1824,7 +1849,7 @@ class ye {
       throw new Error(
         `Unsupported Zarr time units: ${this.timeUnits || "<missing>"}`
       );
-    const i = Ui(t[2]);
+    const i = zi(t[2]);
     if (!Number.isFinite(i))
       throw new Error(`Invalid Zarr time epoch: ${t[2]}`);
     const a = t[1].toLowerCase(), r = a.startsWith("ms") || a.startsWith("milli") ? 1 : a.startsWith("s") ? 1e3 : a.startsWith("min") ? 6e4 : a.startsWith("h") ? 36e5 : 864e5;
@@ -1838,20 +1863,20 @@ class ye {
   async sampleVariableAt(e, t) {
     const i = this.getDimensions(e), a = this.getChunkShape(e), r = this.getShape(e), n = new Array(i.length).fill(0), o = new Array(i.length).fill(0);
     for (let l = 0; l < i.length; l++) {
-      const d = i[l];
+      const u = i[l];
       let f = 0;
-      d === "time" ? f = t.timeIdx : d === "latitude" ? f = t.latIdx : d === "longitude" ? f = t.lonIdx : (d === this.verticalName || Me.includes(d)) && (f = t.depthIdx), f = Math.max(0, Math.min(r[l] - 1, f)), n[l] = Math.floor(f / a[l]), o[l] = f - n[l] * a[l];
+      u === "time" ? f = t.timeIdx : u === "latitude" ? f = t.latIdx : u === "longitude" ? f = t.lonIdx : (u === this.verticalName || Re.includes(u)) && (f = t.depthIdx), f = Math.max(0, Math.min(r[l] - 1, f)), n[l] = Math.floor(f / a[l]), o[l] = f - n[l] * a[l];
     }
     let c;
     try {
       c = await this.fetchChunk(e, n);
     } catch (l) {
-      if (l instanceof je && (l.status === 403 || l.status === 404))
+      if (l instanceof Qe && (l.status === 403 || l.status === 404))
         return NaN;
       throw l;
     }
-    const u = this.getFlatOffset(e, o);
-    return u < c.length ? c[u] : NaN;
+    const d = this.getFlatOffset(e, o);
+    return d < c.length ? c[d] : NaN;
   }
   getFlatOffset(e, t) {
     const i = this.getArrayMeta(e), a = i.chunks;
@@ -1874,12 +1899,12 @@ class ye {
     const t = this.getCoords(), i = this.findNearestLongitudeIndex(e.longitude), a = this.findNearestIndex(t.latitude, e.latitude), r = this.findDepthIndex(e.depth ?? 0), n = Math.max(0, e.timeStartIndex ?? 0), o = Math.min(
       t.time.length - 1,
       e.timeEndIndex ?? t.time.length - 1
-    ), c = Math.max(1, Math.floor(e.stride ?? 1)), u = Math.max(
+    ), c = Math.max(1, Math.floor(e.stride ?? 1)), d = Math.max(
       0,
       Math.floor(e.stopAfterMissingSamples ?? 0)
     );
     let l = 0;
-    const d = [];
+    const u = [];
     for (let f = n; f <= o; f += c) {
       const m = {};
       for (const g of e.variables)
@@ -1890,21 +1915,21 @@ class ye {
           lonIdx: i
         });
       const p = this.zarrTimeToMs(t.time[f]);
-      if (d.push({
+      if (u.push({
         axisValue: p,
         time: p,
         depth: t.vertical[r],
         values: m
       }), l = e.variables.every(
         (g) => !Number.isFinite(m[g])
-      ) ? l + 1 : 0, u > 0 && l >= u)
+      ) ? l + 1 : 0, d > 0 && l >= d)
         break;
     }
     return {
       longitude: t.longitude[i],
       latitude: t.latitude[a],
       depth: t.vertical[r],
-      points: d
+      points: u
     };
   }
   async sampleVerticalProfile(e) {
@@ -1915,7 +1940,7 @@ class ye {
     );
     let o = 0;
     const c = [];
-    let u = Array.from(
+    let d = Array.from(
       { length: t.vertical.length },
       (f, m) => m
     ).sort(
@@ -1923,13 +1948,13 @@ class ye {
     );
     const l = Math.max(
       1,
-      Math.floor(e.maxDepths ?? u.length)
-    ), d = Math.max(
+      Math.floor(e.maxDepths ?? d.length)
+    ), u = Math.max(
       1,
-      Math.floor(e.stride ?? Math.ceil(u.length / l))
+      Math.floor(e.stride ?? Math.ceil(d.length / l))
     );
-    u = u.filter((f, m) => m % d === 0).slice(0, l);
-    for (const f of u) {
+    d = d.filter((f, m) => m % u === 0).slice(0, l);
+    for (const f of d) {
       const m = {};
       for (const g of e.variables)
         m[g] = await this.sampleVariableAt(g, {
@@ -1964,10 +1989,10 @@ class ye {
    * Get chunk indices that intersect a geographic bounding box.
    */
   getChunksForBounds(e, t, i, a) {
-    const r = this.getCoords(), n = this.getChunkShape(e), o = this.getDimensions(e), c = o.indexOf("latitude"), u = o.indexOf("longitude"), l = n[c], d = n[u], f = r.latitude, m = r.longitude, p = this.findNearestIndex(f, a.north), h = this.findNearestIndex(f, a.south), g = this.findNearestIndex(m, a.west), x = this.findNearestIndex(m, a.east), T = Math.min(p, h), M = Math.max(p, h), y = Math.min(g, x), v = Math.max(g, x), _ = Math.floor(T / l), S = Math.floor(M / l), R = Math.floor(y / d), E = Math.floor(v / d), k = this.getShape(e), F = k[c], P = k[u], L = [];
+    const r = this.getCoords(), n = this.getChunkShape(e), o = this.getDimensions(e), c = o.indexOf("latitude"), d = o.indexOf("longitude"), l = n[c], u = n[d], f = r.latitude, m = r.longitude, p = this.findNearestIndex(f, a.north), h = this.findNearestIndex(f, a.south), g = this.findNearestIndex(m, a.west), x = this.findNearestIndex(m, a.east), T = Math.min(p, h), M = Math.max(p, h), y = Math.min(g, x), v = Math.max(g, x), _ = Math.floor(T / l), S = Math.floor(M / l), R = Math.floor(y / u), E = Math.floor(v / u), k = this.getShape(e), F = k[c], P = k[d], L = [];
     for (let b = _; b <= S; b++)
       for (let A = R; A <= E; A++) {
-        const N = b * l, C = A * d, I = Math.min(l, F - N), w = Math.min(d, P - C);
+        const N = b * l, C = A * u, I = Math.min(l, F - N), w = Math.min(u, P - C);
         L.push({
           timeIdx: t,
           depthIdx: i,
@@ -2001,7 +2026,7 @@ class ye {
       let h = 0;
       if (p === "time")
         h = t.timeIndex;
-      else if (p === this.verticalName || Me.includes(p))
+      else if (p === this.verticalName || Re.includes(p))
         h = t.verticalIndex;
       else if (p === "latitude") {
         o[m] = t.latitudeChunkIndex;
@@ -2012,17 +2037,17 @@ class ye {
       }
       o[m] = Math.floor(h / a[m]), c[m] = h % a[m];
     }
-    const u = await this.fetchChunkResult(e, o), l = a[r], d = a[n], f = new Float32Array(l * d);
+    const d = await this.fetchChunkResult(e, o), l = a[r], u = a[n], f = new Float32Array(l * u);
     f.fill(NaN);
     for (let m = 0; m < l; m++) {
       c[r] = m;
-      for (let p = 0; p < d; p++) {
+      for (let p = 0; p < u; p++) {
         c[n] = p;
         const h = this.getFlatOffset(e, c);
-        h < u.data.length && (f[m * d + p] = u.data[h]);
+        h < d.data.length && (f[m * u + p] = d.data[h]);
       }
     }
-    return { ...u, data: f };
+    return { ...d, data: f };
   }
   async fetchChunkResult(e, t) {
     const i = this.getDimensionSeparator(e), a = t.join(i), r = `${e}/${a}`, n = `${this.root}/${e}/${a}`;
@@ -2033,21 +2058,21 @@ class ye {
     this.abortControllers.set(r, o);
     const c = this.getArrayMeta(e);
     try {
-      const u = await fetch(n, { signal: o.signal });
-      if (!u.ok) {
-        if (u.status === 403 || u.status === 404)
+      const d = await fetch(n, { signal: o.signal });
+      if (!d.ok) {
+        if (d.status === 403 || d.status === 404)
           return {
-            data: Ii(c),
+            data: Ni(c),
             missing: !0,
-            status: u.status,
+            status: d.status,
             url: n
           };
-        throw new je(u.status, n);
+        throw new Qe(d.status, n);
       }
-      const l = new Uint8Array(await u.arrayBuffer()), d = Fi(
+      const l = new Uint8Array(await d.arrayBuffer()), u = Vi(
         await this.decompress(l, c, e)
       );
-      return this.cacheChunk(r, d), { data: d, missing: !1, url: n };
+      return this.cacheChunk(r, u), { data: u, missing: !1, url: n };
     } finally {
       this.abortControllers.get(r) === o && this.abortControllers.delete(r);
     }
@@ -2067,7 +2092,7 @@ class ye {
   getBloscCodec(e) {
     const t = e.compressor, i = `${t.cname ?? "lz4"}-${t.clevel ?? 5}-${t.shuffle ?? 1}-${t.blocksize ?? 0}`;
     let a = this.bloscCodecCache.get(i);
-    return a || (a = mi.fromConfig({
+    return a || (a = gi.fromConfig({
       id: "blosc",
       cname: t.cname ?? "lz4",
       clevel: t.clevel ?? 5,
@@ -2081,7 +2106,7 @@ class ye {
       switch (t.compressor.id) {
         case "zlib":
         case "gzip":
-          a = di(e);
+          a = pi(e);
           break;
         case "blosc": {
           a = await this.getBloscCodec(t).decode(e);
@@ -2125,9 +2150,9 @@ class ye {
         a.buffer,
         a.byteOffset,
         a.byteLength
-      ), u = a.byteLength / 8;
-      r = new Float64Array(u);
-      for (let l = 0; l < u; l++)
+      ), d = a.byteLength / 8;
+      r = new Float64Array(d);
+      for (let l = 0; l < d; l++)
         r[l] = Number(c.getBigInt64(l * 8, !0));
     } else
       throw new Error(`Unsupported dtype: ${n}`);
@@ -2136,24 +2161,24 @@ class ye {
       for (let c = 0; c < r.length; c++)
         r[c] === o && (r[c] = NaN);
     if (i) {
-      const c = this.getAttrs(i), u = c.scale_factor, l = c.add_offset;
-      if (u != null || l != null) {
-        const d = u ?? 1, f = l ?? 0;
+      const c = this.getAttrs(i), d = c.scale_factor, l = c.add_offset;
+      if (d != null || l != null) {
+        const u = d ?? 1, f = l ?? 0;
         for (let m = 0; m < r.length; m++)
-          isNaN(r[m]) || (r[m] = r[m] * d + f);
+          isNaN(r[m]) || (r[m] = r[m] * u + f);
       }
     }
     return r;
   }
   async loadCoordinates() {
     const e = async (c) => {
-      const u = this.getArrayMeta(c), l = u.shape[0], d = Math.ceil(l / u.chunks[0]), f = [];
-      for (let g = 0; g < d; g++) {
+      const d = this.getArrayMeta(c), l = d.shape[0], u = Math.ceil(l / d.chunks[0]), f = [];
+      for (let g = 0; g < u; g++) {
         const x = `${this.root}/${c}/${g}`, T = await fetch(x);
         if (!T.ok)
           throw new Error(`Failed to fetch coord ${c}/${g}`);
         const M = new Uint8Array(await T.arrayBuffer());
-        f.push(await this.decompress(M, u));
+        f.push(await this.decompress(M, d));
       }
       if (f.length === 1)
         return f[0].length > l ? f[0].subarray(0, l) : f[0];
@@ -2167,9 +2192,9 @@ class ye {
       return p;
     };
     let t = null;
-    for (const c of Me) {
-      const u = `${c}/.zarray`;
-      if (this.meta.metadata[u] && "dtype" in this.meta.metadata[u]) {
+    for (const c of Re) {
+      const d = `${c}/.zarray`;
+      if (this.meta.metadata[d] && "dtype" in this.meta.metadata[d]) {
         t = c;
         break;
       }
@@ -2191,26 +2216,26 @@ class ye {
     };
   }
 }
-function Fi(s) {
+function Vi(s) {
   return s instanceof Float32Array ? s : Float32Array.from(s);
 }
-function Ii(s) {
+function Ni(s) {
   const e = s.chunks.reduce((i, a) => i * a, 1), t = new Float32Array(e);
   return t.fill(NaN), t;
 }
-function Ui(s) {
+function zi(s) {
   const t = s.trim().replace(/\s+\([^)]*\)\s*$/, "").match(
     /^(\d{4})-(\d{2})-(\d{2})(?:(?:T|\s+)(\d{2})(?::(\d{2})(?::(\d{2})(?:\.(\d{1,9}))?)?)?)?(?:\s*(Z|[+-]\d{2}:?\d{2}))?$/i
   );
   if (!t)
     return NaN;
-  const i = Number(t[1]), a = Number(t[2]), r = Number(t[3]), n = Number(t[4] ?? 0), o = Number(t[5] ?? 0), c = Number(t[6] ?? 0), u = Number((t[7] ?? "").padEnd(3, "0").slice(0, 3)), l = t[8] ?? "Z";
+  const i = Number(t[1]), a = Number(t[2]), r = Number(t[3]), n = Number(t[4] ?? 0), o = Number(t[5] ?? 0), c = Number(t[6] ?? 0), d = Number((t[7] ?? "").padEnd(3, "0").slice(0, 3)), l = t[8] ?? "Z";
   if (a < 1 || a > 12 || n > 23 || o > 59 || c > 59)
     return NaN;
-  const d = /* @__PURE__ */ new Date(0);
-  d.setUTCFullYear(i, a - 1, r), d.setUTCHours(n, o, c, u);
-  const f = d.getTime();
-  if (d.getUTCFullYear() !== i || d.getUTCMonth() !== a - 1 || d.getUTCDate() !== r || d.getUTCHours() !== n || d.getUTCMinutes() !== o || d.getUTCSeconds() !== c || d.getUTCMilliseconds() !== u)
+  const u = /* @__PURE__ */ new Date(0);
+  u.setUTCFullYear(i, a - 1, r), u.setUTCHours(n, o, c, d);
+  const f = u.getTime();
+  if (u.getUTCFullYear() !== i || u.getUTCMonth() !== a - 1 || u.getUTCDate() !== r || u.getUTCHours() !== n || u.getUTCMinutes() !== o || u.getUTCSeconds() !== c || u.getUTCMilliseconds() !== d)
     return NaN;
   if (/^z$/i.test(l))
     return f;
@@ -2223,7 +2248,7 @@ function Ui(s) {
   const g = (p * 60 + h) * 6e4;
   return f - (m[1] === "+" ? g : -g);
 }
-function Vi(s) {
+function Gi(s) {
   if (typeof s != "number" || !Number.isFinite(s) || s <= 0)
     return s;
   const e = [
@@ -2245,7 +2270,7 @@ function Vi(s) {
       return t;
   return Math.round(s);
 }
-function Ni(s) {
+function Oi(s) {
   if (s.length < 2)
     return;
   const e = s[1] - s[0];
@@ -2255,28 +2280,28 @@ function Ni(s) {
   for (let i = 2; i < s.length; i++)
     if (Math.abs(s[i] - s[i - 1] - e) > t)
       return;
-  return Vi(e);
+  return Gi(e);
 }
-class _e extends Error {
+class xe extends Error {
   constructor(e, t, i) {
     super(
       t.length > 0 ? "Remote data is not available yet; the selected frame may still be publishing." : "The selected frame contains no renderable data."
     ), this.name = "ZartiglFrameUnavailableError", this.time = e, this.statuses = [...new Set(t)].sort((a, r) => a - r), this.urls = [...new Set(i)];
   }
 }
-function zi(s) {
+function Bi(s) {
   for (const e of s)
     if (Number.isFinite(e))
       return !0;
   return !1;
 }
-function Gi(s, e) {
+function $i(s, e) {
   for (let t = 0; t < Math.min(s.length, e.length); t++)
     if (Number.isFinite(s[t]) && Number.isFinite(e[t]))
       return !0;
   return !1;
 }
-function Rt(s) {
+function Et(s) {
   return {
     phase: "blocked",
     time: s.time,
@@ -2286,7 +2311,7 @@ function Rt(s) {
 }
 class me {
   constructor(e) {
-    this.type = "custom", this.renderingMode = "3d", this.map = null, this.gl = null, this.activeData = null, this.initialized = !1, this.suspended = !1, this.loading = !1, this.reloadQueued = !1, this.generation = 0, this.requestId = 0, this.pendingReadyTime = null, this.frameCache = /* @__PURE__ */ new Map(), this.inflight = /* @__PURE__ */ new Set(), this.listeners = /* @__PURE__ */ new Map(), this.textureUnit = 1, this.moveEndHandler = null, this.id = e.id, this.variable = e.variable, this.time = e.time ?? 0, this.depth = e.depth ?? 0, this.unit = e.unit ?? "", this.colorDomain = Q(e.colorDomain ?? null), this.zarrSource = e.zarrSource ?? new ye(e.source), this.activeField = new Tt(), this.simulation = new wt({
+    this.type = "custom", this.renderingMode = "3d", this.map = null, this.gl = null, this.activeData = null, this.initialized = !1, this.suspended = !1, this.loading = !1, this.reloadQueued = !1, this.generation = 0, this.requestId = 0, this.pendingReadyTime = null, this.frameCache = /* @__PURE__ */ new Map(), this.inflight = /* @__PURE__ */ new Set(), this.listeners = /* @__PURE__ */ new Map(), this.textureUnit = 1, this.moveEndHandler = null, this.id = e.id, this.variable = e.variable, this.time = e.time ?? 0, this.depth = e.depth ?? 0, this.unit = e.unit ?? "", this.colorDomain = Q(e.colorDomain ?? null), this.zarrSource = e.zarrSource ?? new _e(e.source), this.activeField = new Rt(), this.simulation = new Mt({
       colorRamp: e.colorRamp,
       opacity: e.opacity ?? 1,
       logScale: e.logScale ?? !1,
@@ -2318,31 +2343,34 @@ class me {
     const i = K(e);
     if (this.suspended || !this.map || !this.activeData || !this.activeField.hasData())
       return;
-    const a = ze(i);
+    const a = Ge(i);
     try {
       const r = i.canvas;
       this.simulation.resize(r.width, r.height), i.bindFramebuffer(i.FRAMEBUFFER, a.framebuffer), i.viewport(0, 0, r.width, r.height);
-      const n = this.map.getBounds(), o = this.map.getProjection?.()?.type === "globe", c = 512 * Math.pow(2, this.map.getZoom());
-      this.activeField.bind(this.textureUnit), o ? this.simulation.renderGridGlobe(
+      const n = this.map.getBounds(), o = t.defaultProjectionData, c = ye(this.map, o), d = 512 * Math.pow(2, this.map.getZoom());
+      this.activeField.bind(this.textureUnit), c ? this.simulation.renderGridGlobe(
         this.textureUnit,
         [this.activeData.uMin, this.activeData.vMin],
         [this.activeData.uMax, this.activeData.vMax],
         t.modelViewProjectionMatrix,
         this.activeField.geoBounds,
-        t.defaultProjectionData.clippingPlane,
-        1
+        o.clippingPlane,
+        1,
+        void 0,
+        void 0,
+        o
       ) : this.simulation.renderGrid(
         this.textureUnit,
         [this.activeData.uMin, this.activeData.vMin],
         [this.activeData.uMax, this.activeData.vMax],
         t.modelViewProjectionMatrix,
-        c,
-        Oe(n, !1),
+        d,
+        Be(n, !1),
         this.activeField.geoBounds,
         1
       );
     } finally {
-      Ge(i, a);
+      Oe(i, a);
     }
     if (this.pendingReadyTime != null) {
       const r = this.pendingReadyTime;
@@ -2475,7 +2503,7 @@ class me {
         const n = r instanceof Error ? r : new Error(String(r));
         e === this.generation && t === this.requestId && (this.emit(
           "status",
-          n instanceof _e ? Rt(n) : { phase: "error", time: a, error: n }
+          n instanceof xe ? Et(n) : { phase: "error", time: a, error: n }
         ), this.emit("error", n));
       }
     } finally {
@@ -2493,7 +2521,7 @@ class me {
       r,
       n,
       a
-    ), c = this.zarrSource.getDimensions(this.variable), u = c.indexOf("latitude"), l = c.indexOf("longitude"), d = this.zarrSource.getChunkShape(this.variable);
+    ), c = this.zarrSource.getDimensions(this.variable), d = c.indexOf("latitude"), l = c.indexOf("longitude"), u = this.zarrSource.getChunkShape(this.variable);
     let f = 0;
     const m = o.length, p = [], h = [];
     t?.(f, m);
@@ -2510,11 +2538,11 @@ class me {
         );
         return A.missing && (A.status != null && p.push(A.status), h.push(A.url)), f++, t?.(f, m), {
           data: A.data,
-          latStart: b.latIdx * d[u],
-          lonStart: b.lonIdx * d[l],
+          latStart: b.latIdx * u[d],
+          lonStart: b.lonIdx * u[l],
           latSize: b.latSize,
           lonSize: b.lonSize,
-          lonChunkSize: d[l]
+          lonChunkSize: u[l]
         };
       })
     ), x = Math.min(...g.map((b) => b.latStart)), T = Math.max(...g.map((b) => b.latStart + b.latSize)), M = Math.min(...g.map((b) => b.lonStart)), y = Math.max(...g.map((b) => b.lonStart + b.lonSize)), v = T - x, _ = y - M, S = g.map((b) => ({
@@ -2526,7 +2554,7 @@ class me {
       east: R.longitude[k],
       south: Math.min(R.latitude[x], R.latitude[E]),
       north: Math.max(R.latitude[x], R.latitude[E])
-    }, P = R.latitude[x] > R.latitude[E], L = Mt(
+    }, P = R.latitude[x] > R.latitude[E], L = Pt(
       S,
       [],
       v,
@@ -2535,8 +2563,8 @@ class me {
       P,
       !0
     );
-    if (!zi(L.u))
-      throw new _e(
+    if (!Bi(L.u))
+      throw new xe(
         this.timeToMs(e),
         p,
         h
@@ -2548,8 +2576,8 @@ class me {
     this.emit("status", { phase: "rendering", time: i }), this.activeData = e, this.activeField.update(e, this.colorDomain), this.activeField.setFilter(!1), this.emit("loaded", this.computeFieldMeta(e, t)), this.pendingReadyTime = i, this.map?.triggerRepaint();
   }
   sampleActiveData(e, t, i) {
-    const { west: a, east: r, south: n, north: o } = e.bounds, c = r - a, u = o - n;
-    if (e.width <= 0 || e.height <= 0 || c <= 0 || u <= 0)
+    const { west: a, east: r, south: n, north: o } = e.bounds, c = r - a, d = o - n;
+    if (e.width <= 0 || e.height <= 0 || c <= 0 || d <= 0)
       return {
         longitude: t,
         latitude: i,
@@ -2568,13 +2596,13 @@ class me {
         time: this.timeToMs(this.time),
         depth: this.depth
       };
-    const d = (l - a) / c, f = e.latDescending ? (o - i) / u : (i - n) / u, m = Math.max(
+    const u = (l - a) / c, f = e.latDescending ? (o - i) / d : (i - n) / d, m = Math.max(
       0,
-      Math.min(e.width - 1, Math.round(d * (e.width - 1)))
+      Math.min(e.width - 1, Math.round(u * (e.width - 1)))
     ), p = Math.max(
       0,
       Math.min(e.height - 1, Math.round(f * (e.height - 1)))
-    ), h = e.u[p * e.width + m] ?? NaN, g = a + m / Math.max(1, e.width - 1) * c, x = e.latDescending ? o - p / Math.max(1, e.height - 1) * u : n + p / Math.max(1, e.height - 1) * u;
+    ), h = e.u[p * e.width + m] ?? NaN, g = a + m / Math.max(1, e.width - 1) * c, x = e.latDescending ? o - p / Math.max(1, e.height - 1) * d : n + p / Math.max(1, e.height - 1) * d;
     return {
       longitude: g,
       latitude: x,
@@ -2604,7 +2632,7 @@ class me {
         a(...t);
   }
 }
-function Oi(s, e, t) {
+function qi(s, e, t) {
   if (!Number.isFinite(s) || !Number.isFinite(e))
     return { u: NaN, v: NaN };
   const i = t.direction_convention !== t.output_direction ? 180 : 0, a = (s + i) * Math.PI / 180;
@@ -2613,15 +2641,15 @@ function Oi(s, e, t) {
     v: e * Math.cos(a)
   };
 }
-function Ra(s) {
+function La(s) {
   return [s.direction_variable, s.magnitude_variable];
 }
-const Bi = 0.7;
+const Wi = 0.7;
 class D {
   constructor(e) {
-    if (this.type = "custom", this.renderingMode = "3d", this.map = null, this.gl = null, this.initialized = !1, this.suspended = !1, this.loading = !1, this.reloadQueued = !1, this.reloadQueuedResetParticles = !1, this.generation = 0, this.requestId = 0, this.pendingReadyTime = null, this.velocityTexUnit = 1, this.moveStartHandler = null, this.moveHandler = null, this.moveEndHandler = null, this.frameCache = /* @__PURE__ */ new Map(), this.inflight = /* @__PURE__ */ new Set(), this.listeners = /* @__PURE__ */ new Map(), this.id = e.id, this.geoVideoManifest = e.geoVideo?.manifest, this.geoVideoManifest && this.geoVideoManifest.encoding.kind !== "vector-luma")
+    if (this.type = "custom", this.renderingMode = "3d", this.map = null, this.gl = null, this.initialized = !1, this.suspended = !1, this.loading = !1, this.reloadQueued = !1, this.reloadQueuedResetParticles = !1, this.globeRendering = null, this.generation = 0, this.requestId = 0, this.pendingReadyTime = null, this.velocityTexUnit = 1, this.moveStartHandler = null, this.moveHandler = null, this.moveEndHandler = null, this.frameCache = /* @__PURE__ */ new Map(), this.inflight = /* @__PURE__ */ new Set(), this.listeners = /* @__PURE__ */ new Map(), this.id = e.id, this.geoVideoManifest = e.geoVideo?.manifest, this.geoVideoManifest && this.geoVideoManifest.encoding.kind !== "vector-luma")
       throw new Error("Vector GeoVideo requires a vector-luma manifest");
-    this.playback = e.geoVideo ? new gt(
+    this.playback = e.geoVideo ? new yt(
       { ...e.geoVideo, time: e.time },
       () => this.map?.triggerRepaint(),
       (t, ...i) => {
@@ -2639,16 +2667,16 @@ class D {
         }
         t === "timeChange" && (this.time = i[0]), this.emit(t, ...i);
       }
-    ) : null, this.variableU = e.variableU ?? "uo", this.variableV = e.variableV ?? "vo", this.vectorDerivation = e.vectorDerivation, this.unit = e.unit ?? "m/s", this.time = e.time ?? 0, this.depth = e.depth ?? 0, this.zarrSourceValue = this.playback ? null : e.zarrSource ?? new ye(e.source), this.velocityField = new Tt(), this.simulation = new wt({
+    ) : null, this.variableU = e.variableU ?? "uo", this.variableV = e.variableV ?? "vo", this.vectorDerivation = e.vectorDerivation, this.unit = e.unit ?? "m/s", this.time = e.time ?? 0, this.depth = e.depth ?? 0, this.zarrSourceValue = this.playback ? null : e.zarrSource ?? new _e(e.source), this.velocityField = new Rt(), this.simulation = new Mt({
       particleDensity: e.particleDensity ?? 0.05,
       speed: e.speed ?? 1,
-      fadeOpacity: We(e.fade ?? Bi),
+      fadeOpacity: Xe(e.fade ?? Wi),
       colorRamp: e.colorRamp,
       opacity: e.opacity ?? 1,
       logScale: e.logScale ?? !1,
       vibrance: e.vibrance ?? 0,
-      colorGrade: _t(e.colorGrade),
-      backdrop: xt(e.backdrop),
+      colorGrade: bt(e.colorGrade),
+      backdrop: St(e.backdrop),
       glow: e.glow ?? 0,
       particleState: e.particleState ?? "auto",
       rgba8MaxParticleZoom: e.rgba8MaxParticleZoom ?? 4
@@ -2696,9 +2724,9 @@ class D {
     };
   }
   isViewportCovered() {
-    return !this.map || !this.velocityField.hasData() ? !1 : _i(
+    return !this.map || !this.velocityField.hasData() ? !1 : Si(
       this.velocityField.geoBounds,
-      vi(this.map.getBounds())
+      xi(this.map.getBounds())
     );
   }
   reloadIfViewportUncovered() {
@@ -2715,20 +2743,20 @@ class D {
    * The map's current viewport is used to determine the lat bounds of the request.
    */
   async fetchVelocityData(e, t) {
-    const i = this.map.getBounds(), a = this.map.getProjection?.()?.type === "globe", r = yi(i, 1, a), n = this.zarrSource.findTimeIndex(e), o = this.zarrSource.findDepthIndex(this.depth);
+    const i = this.map.getBounds(), a = this.globeRendering ?? ye(this.map), r = bi(i, 1, a), n = this.zarrSource.findTimeIndex(e), o = this.zarrSource.findDepthIndex(this.depth);
     console.log(
       `[zartigl] Loading velocity: depth=${this.depth} → depthIdx=${o}, actual depth value=${this.zarrSource.getCoords().vertical[o]}, timeIdx=${n}`
     );
-    const c = this.vectorDerivation?.direction_variable ?? this.variableU, u = this.zarrSource.getChunksForBounds(
+    const c = this.vectorDerivation?.direction_variable ?? this.variableU, d = this.zarrSource.getChunksForBounds(
       c,
       n,
       o,
       r
-    ), l = this.zarrSource.getDimensions(c), d = l.indexOf("latitude"), f = l.indexOf("longitude");
+    ), l = this.zarrSource.getDimensions(c), u = l.indexOf("latitude"), f = l.indexOf("longitude");
     let m = 0;
-    const p = u.length * 2, h = [], g = [];
+    const p = d.length * 2, h = [], g = [];
     t?.(m, p);
-    const x = (w) => u.map(async (U) => {
+    const x = (w) => d.map(async (U) => {
       const X = await this.zarrSource.fetchSpatialChunkResult(w, {
         timeIndex: U.timeIdx,
         verticalIndex: U.depthIdx,
@@ -2739,13 +2767,13 @@ class D {
       const oe = this.zarrSource.getChunkShape(w), le = oe[f];
       return {
         data: X.data,
-        latStart: U.latIdx * oe[d],
+        latStart: U.latIdx * oe[u],
         lonStart: U.lonIdx * le,
         latSize: U.latSize,
         lonSize: U.lonSize,
         lonChunkSize: le
       };
-    }), [T, M] = this.vectorDerivation ? $i(
+    }), [T, M] = this.vectorDerivation ? Xi(
       await Promise.all(
         x(this.vectorDerivation.direction_variable)
       ),
@@ -2769,7 +2797,7 @@ class D {
       east: P.longitude[b],
       south: Math.min(P.latitude[y], P.latitude[L]),
       north: Math.max(P.latitude[y], P.latitude[L])
-    }, N = P.latitude[y] > P.latitude[L], C = Mt(
+    }, N = P.latitude[y] > P.latitude[L], C = Pt(
       k,
       F,
       R,
@@ -2777,8 +2805,8 @@ class D {
       A,
       N
     ), I = this.zarrSource.getValueDomain?.();
-    if (I != null && I > 0 && (C.uMin = -I, C.uMax = I, C.vMin = -I, C.vMax = I), !Gi(C.u, C.v))
-      throw new _e(
+    if (I != null && I > 0 && (C.uMin = -I, C.uMax = I, C.vMin = -I, C.vMax = I), !$i(C.u, C.v))
+      throw new xe(
         this.timeToMs(e),
         h,
         g
@@ -2804,12 +2832,12 @@ class D {
       else {
         const o = await this.fetchVelocityData(
           a,
-          (c, u) => {
+          (c, d) => {
             t === this.generation && i === this.requestId && this.emit("status", {
               phase: "fetching",
               time: r,
               completed: c,
-              total: u
+              total: d
             });
           }
         );
@@ -2825,7 +2853,7 @@ class D {
         const o = n instanceof Error ? n : new Error(String(n));
         console.error("[zartigl] Failed to load velocity:", o), t === this.generation && i === this.requestId && (this.emit(
           "status",
-          o instanceof _e ? Rt(o) : { phase: "error", time: r, error: o }
+          o instanceof xe ? Et(o) : { phase: "error", time: r, error: o }
         ), this.emit("error", o));
       }
     } finally {
@@ -2843,52 +2871,61 @@ class D {
     if (this.playback ? !r || !n : !this.initialized || !this.velocityField.hasData())
       return;
     n?.setFilter(this.simulation.renderMode !== "raster");
-    const o = n?.manifest.encoding.kind === "vector-luma" ? n.manifest.encoding.valueDomain : 0, c = n ? [-o, -o] : [this.velocityField.uMin, this.velocityField.vMin], u = n ? [o, o] : [this.velocityField.uMax, this.velocityField.vMax], l = n ? {
+    const o = n?.manifest.encoding.kind === "vector-luma" ? n.manifest.encoding.valueDomain : 0, c = n ? [-o, -o] : [this.velocityField.uMin, this.velocityField.vMin], d = n ? [o, o] : [this.velocityField.uMax, this.velocityField.vMax], l = n ? {
       west: n.bounds[0],
       south: n.bounds[1],
       east: n.bounds[2],
       north: n.bounds[3]
-    } : this.velocityField.geoBounds, d = r ? {
+    } : this.velocityField.geoBounds, u = r ? {
       a: {
         unit: 1,
         min: c,
-        max: u,
+        max: d,
         physical: !0,
         northToSouth: !0
       },
       b: {
         unit: 4,
         min: c,
-        max: u,
+        max: d,
         physical: !0,
         northToSouth: !0
       },
       mix: r[2]
-    } : void 0, f = ze(i), m = r ? [1, 4].map((p) => (i.activeTexture(i.TEXTURE0 + p), i.getParameter(i.TEXTURE_BINDING_2D))) : [];
+    } : void 0, f = Ge(i), m = r ? [1, 4].map((p) => (i.activeTexture(i.TEXTURE0 + p), i.getParameter(i.TEXTURE_BINDING_2D))) : [];
     try {
       const p = i.canvas;
       this.simulation.resize(p.width, p.height), i.bindFramebuffer(i.FRAMEBUFFER, f.framebuffer), r ? (i.activeTexture(i.TEXTURE1), i.bindTexture(i.TEXTURE_2D, r[0]), i.activeTexture(i.TEXTURE4), i.bindTexture(i.TEXTURE_2D, r[1])) : this.velocityField.bind(this.velocityTexUnit);
-      const h = this.map.getProjection?.()?.type === "globe", g = this.map.getBounds(), x = xi(g, h), T = Oe(g, h);
+      const h = ye(this.map, t.defaultProjectionData);
+      if (this.globeRendering !== null && this.globeRendering !== h) {
+        if (this.globeRendering = h, !this.playback) {
+          this.loadViewportVelocity({ resetParticles: !0 });
+          return;
+        }
+        this.simulation.resetParticles();
+      }
+      this.globeRendering = h;
+      const g = this.map.getBounds(), x = wi(g, h), T = Be(g, h);
       i.disable(i.DEPTH_TEST), i.disable(i.STENCIL_TEST);
       const M = 512 * Math.pow(2, this.map.getZoom()), y = this.map.getCenter();
       this.simulation.render(
         this.velocityTexUnit,
         c,
-        u,
+        d,
         a,
         x,
         M,
         T,
         l,
         h,
-        gi(y.lng, y.lat),
+        _i(y.lng, y.lat),
         t.defaultProjectionData.clippingPlane,
-        ...d ? [d] : []
+        ...u ? [u] : []
       );
     } finally {
       m.forEach((p, h) => {
         i.activeTexture(i.TEXTURE0 + (h === 0 ? 1 : 4)), i.bindTexture(i.TEXTURE_2D, p);
-      }), Ge(i, f);
+      }), Oe(i, f);
     }
     if (this.pendingReadyTime != null) {
       const p = this.pendingReadyTime;
@@ -3010,7 +3047,7 @@ class D {
     this.simulation.setSpeed(e);
   }
   setFade(e) {
-    this.simulation.setFadeOpacity(We(e));
+    this.simulation.setFadeOpacity(Xe(e));
   }
   setParticleDensity(e) {
     this.simulation.setParticleDensity(e);
@@ -3069,23 +3106,23 @@ class D {
         a(...t);
   }
 }
-function $i(s, e, t) {
+function Xi(s, e, t) {
   const i = [], a = [];
   for (let r = 0; r < s.length; r++) {
-    const n = s[r], o = e[r], c = new Float32Array(n.data.length), u = new Float32Array(n.data.length);
+    const n = s[r], o = e[r], c = new Float32Array(n.data.length), d = new Float32Array(n.data.length);
     for (let l = 0; l < n.data.length; l++) {
-      const d = Oi(
+      const u = qi(
         n.data[l],
         o.data[l],
         t
       );
-      c[l] = d.u, u[l] = d.v;
+      c[l] = u.u, d[l] = u.v;
     }
-    i.push({ ...n, data: c }), a.push({ ...n, data: u });
+    i.push({ ...n, data: c }), a.push({ ...n, data: d });
   }
   return [i, a];
 }
-var Qe = `precision mediump float;
+var Ke = `precision mediump float;
 
 uniform sampler2D u_color;
 uniform sampler2D u_color_next;
@@ -3147,7 +3184,7 @@ void main() {
 const Z = 128, te = 64;
 class G {
   constructor(e) {
-    this.type = "custom", this.renderingMode = "3d", this.map = null, this.gl = null, this.manifest = null, this.colorRampTexture = null, this.mercatorProgram = null, this.globeProgram = null, this.vertexBuffer = null, this.indexBuffer = null, this.indexCount = 0, this.abortController = null, this.listeners = /* @__PURE__ */ new Map(), this.id = e.id, this.source = e.manifest, this.opacity = e.opacity ?? 1, this.playback = new gt(
+    this.type = "custom", this.renderingMode = "3d", this.map = null, this.gl = null, this.manifest = null, this.colorRampTexture = null, this.mercatorProgram = null, this.globeProgram = null, this.vertexBuffer = null, this.indexBuffer = null, this.indexCount = 0, this.abortController = null, this.listeners = /* @__PURE__ */ new Map(), this.id = e.id, this.source = e.manifest, this.opacity = e.opacity ?? 1, this.playback = new yt(
       e,
       () => this.map?.triggerRepaint(),
       (t, ...i) => this.emit(t, ...i)
@@ -3157,7 +3194,7 @@ class G {
     const i = K(t);
     this.map = e, this.gl = i, this.abortController = new AbortController(), this.emit("loading"), this.emit("status", { phase: "metadata" });
     try {
-      if (this.manifest = await Ae(
+      if (this.manifest = await Ce(
         this.source,
         this.abortController.signal
       ), this.abortController?.signal.aborted || !this.map)
@@ -3189,9 +3226,9 @@ class G {
     const n = r.manifest;
     if (!a || !r.maskTexture)
       return;
-    const o = ze(i), c = [0, 1, 2, 3].map((u) => (i.activeTexture(i.TEXTURE0 + u), i.getParameter(i.TEXTURE_BINDING_2D)));
+    const o = Ge(i), c = [0, 1, 2, 3].map((d) => (i.activeTexture(i.TEXTURE0 + d), i.getParameter(i.TEXTURE_BINDING_2D)));
     try {
-      const u = this.map?.getProjection?.()?.type === "globe", l = u ? this.globeProgram : this.mercatorProgram;
+      const d = !!this.map && ye(this.map, t.defaultProjectionData), l = d ? this.globeProgram : this.mercatorProgram;
       if (!l || !this.map)
         return;
       i.useProgram(l), i.disable(i.DEPTH_TEST), i.disable(i.STENCIL_TEST), i.enable(i.BLEND), i.blendFunc(i.SRC_ALPHA, i.ONE_MINUS_SRC_ALPHA), i.activeTexture(i.TEXTURE0), i.bindTexture(i.TEXTURE_2D, a[0]), i.uniform1i(i.getUniformLocation(l, "u_color"), 0), i.activeTexture(i.TEXTURE3), i.bindTexture(i.TEXTURE_2D, a[1]), i.uniform1i(i.getUniformLocation(l, "u_color_next"), 3), i.uniform1f(i.getUniformLocation(l, "u_mix"), a[2]), i.activeTexture(i.TEXTURE1), i.bindTexture(i.TEXTURE_2D, r.maskTexture), i.uniform1i(i.getUniformLocation(l, "u_mask"), 1), i.activeTexture(i.TEXTURE2), i.bindTexture(i.TEXTURE_2D, this.colorRampTexture), i.uniform1i(i.getUniformLocation(l, "u_color_ramp"), 2), i.uniform1f(i.getUniformLocation(l, "u_opacity"), this.opacity), i.uniform1f(i.getUniformLocation(l, "u_scalar_luma"), 1), i.uniform1f(
@@ -3201,7 +3238,7 @@ class G {
         i.getUniformLocation(l, "u_mask_threshold"),
         n.mask.threshold
       );
-      const { codeRange: d, valueRange: f, transfer: m } = Zt(
+      const { codeRange: u, valueRange: f, transfer: m } = Kt(
         n.encoding
       );
       i.uniform1f(
@@ -3211,7 +3248,7 @@ class G {
       const p = this.colorDomain ?? f;
       i.uniform2f(
         i.getUniformLocation(l, "u_code_range"),
-        ...d
+        ...u
       ), i.uniform2f(
         i.getUniformLocation(l, "u_value_range"),
         ...f
@@ -3235,16 +3272,29 @@ class G {
         g,
         M,
         T
-      ), this.bindGrid(i, l), u) {
+      ), this.bindGrid(i, l), d) {
         const y = t.defaultProjectionData.clippingPlane;
         i.uniform4f(
           i.getUniformLocation(l, "u_clipping_plane"),
           ...y
+        ), vt(
+          i,
+          {
+            u_projection_transition: i.getUniformLocation(
+              l,
+              "u_projection_transition"
+            ),
+            u_fallback_matrix: i.getUniformLocation(
+              l,
+              "u_fallback_matrix"
+            )
+          },
+          t.defaultProjectionData
         ), i.drawElements(i.TRIANGLES, this.indexCount, i.UNSIGNED_SHORT, 0);
       } else {
         const y = 512 * Math.pow(2, this.map.getZoom());
         i.uniform1f(i.getUniformLocation(l, "u_world_size"), y);
-        for (const v of Oe(
+        for (const v of Be(
           this.map.getBounds(),
           !1
         ))
@@ -3255,9 +3305,9 @@ class G {
       }
       this.unbindGrid(i, l);
     } finally {
-      c.forEach((u, l) => {
-        i.activeTexture(i.TEXTURE0 + l), i.bindTexture(i.TEXTURE_2D, u);
-      }), Ge(i, o);
+      c.forEach((d, l) => {
+        i.activeTexture(i.TEXTURE0 + l), i.bindTexture(i.TEXTURE_2D, d);
+      }), Oe(i, o);
     }
   }
   onRemove() {
@@ -3296,7 +3346,7 @@ class G {
   setColorRamp(e) {
     this.colorRamp = e, this.gl && (this.colorRampTexture && this.gl.deleteTexture(this.colorRampTexture), this.colorRampTexture = ge(
       this.gl,
-      Ce(e)
+      ke(e)
     )), this.map?.triggerRepaint();
   }
   setLogScale(e) {
@@ -3336,7 +3386,7 @@ class G {
       id: this.id,
       initialized: !!e?.currentPair,
       playing: this.playback.isPlaying(),
-      currentTime: e ? e.manifest.timeline.kind === "snapshot-loop" ? (this.playback.time - e.times[0]) / 1e3 : jt(e.manifest, this.playback.time) : 0,
+      currentTime: e ? e.manifest.timeline.kind === "snapshot-loop" ? (this.playback.time - e.times[0]) / 1e3 : Jt(e.manifest, this.playback.time) : 0,
       manifestId: this.manifest?.id,
       mediaUrl: this.manifest?.media.url,
       preloadedMediaUrl: this.playback.preloadedMediaUrl,
@@ -3360,9 +3410,9 @@ class G {
     return this.listeners.get(e)?.delete(t), this;
   }
   initGl(e) {
-    this.mercatorProgram = W(e, bt, Qe), this.globeProgram = W(e, St, Qe), this.colorRampTexture = ge(
+    this.mercatorProgram = W(e, wt, Ke), this.globeProgram = W(e, Tt, Ke), this.colorRampTexture = ge(
       e,
-      Ce(this.colorRamp)
+      ke(this.colorRamp)
     );
     const t = new Float32Array(
       (Z + 1) * (te + 1) * 2
@@ -3376,8 +3426,8 @@ class G {
     const n = Z + 1;
     for (let o = 0; o < te; o++)
       for (let c = 0; c < Z; c++) {
-        const u = o * n + c, l = u + 1, d = u + n, f = d + 1;
-        a[r++] = u, a[r++] = d, a[r++] = l, a[r++] = l, a[r++] = d, a[r++] = f;
+        const d = o * n + c, l = d + 1, u = d + n, f = u + 1;
+        a[r++] = d, a[r++] = u, a[r++] = l, a[r++] = l, a[r++] = u, a[r++] = f;
       }
     if (this.vertexBuffer = e.createBuffer(), this.indexBuffer = e.createBuffer(), !this.vertexBuffer || !this.indexBuffer)
       throw new Error("Failed to create GeoVideo grid");
@@ -3395,28 +3445,28 @@ class G {
       i(...t);
   }
 }
-function Be(s) {
+function $e(s) {
   return typeof s == "string" ? s : new Date(s).toISOString();
 }
 function j(s) {
   return encodeURIComponent(String(s));
 }
-function Pt(s, e) {
+function Lt(s, e) {
   return e === "depth" ? -Math.abs(s) : s;
 }
-function qi(s) {
+function Hi(s) {
   let e = s.template.replace(/\{TileMatrix\}/gi, "{z}").replace(/\{TileRow\}/gi, "{y}").replace(/\{TileCol\}/gi, "{x}");
   return s.tileMatrixSet != null && (e = e.replace(
     /\{TileMatrixSet\}/gi,
     j(s.tileMatrixSet)
-  )), s.style != null && (e = e.replace(/\{Style\}/gi, j(s.style))), s.time != null && (e = e.replace(/\{time\}/gi, j(Be(s.time)))), s.depth != null && (e = e.replace(
+  )), s.style != null && (e = e.replace(/\{Style\}/gi, j(s.style))), s.time != null && (e = e.replace(/\{time\}/gi, j($e(s.time)))), s.depth != null && (e = e.replace(
     /\{elevation\}/gi,
-    j(Pt(s.depth, s.verticalLabel))
+    j(Lt(s.depth, s.verticalLabel))
   )), [...e.matchAll(/\{([^{}]+)\}/g)].some(
     (t) => !/^(?:z|y|x)$/i.test(t[1])
   ) ? void 0 : e;
 }
-function Ke(s) {
+function Je(s) {
   const e = [
     ["SERVICE", "WMTS"],
     ["VERSION", "1.0.0"],
@@ -3428,16 +3478,16 @@ function Ke(s) {
     ["TILEROW", "{y}"],
     ["TILECOL", "{x}"]
   ];
-  s.style && e.push(["STYLE", s.style]), s.time != null && e.push(["time", Be(s.time)]), s.depth != null && e.push([
+  s.style && e.push(["STYLE", s.style]), s.time != null && e.push(["time", $e(s.time)]), s.depth != null && e.push([
     "elevation",
-    String(Pt(s.depth, s.verticalLabel))
+    String(Lt(s.depth, s.verticalLabel))
   ]);
   const t = e.map(
     ([i, a]) => `${i}=${a.startsWith("{") ? a : j(a)}`
   ).join("&");
   return `${s.baseUrl}?${t}`;
 }
-function Wi(s) {
+function Yi(s) {
   const e = [
     ["SERVICE", "WMTS"],
     ["REQUEST", "GetLegend"],
@@ -3446,32 +3496,32 @@ function Wi(s) {
   ];
   return s.style && e.push(["STYLE", s.style]), `${s.baseUrl}?${e.map(([t, i]) => `${t}=${j(i)}`).join("&")}`;
 }
-function Xi(s) {
+function Zi(s) {
   return s.sourceConfig.type === "wmts" ? "scalar-wmts" : s.sourceConfig.type === "geovideo" ? s.entry.kind === "vector" ? "vector-geovideo" : "scalar-geovideo" : s.entry.kind === "vector" ? "vector-zarr" : "scalar-zarr";
 }
-function Hi(s) {
+function ji(s) {
   return s.variables.kind === "scalar" ? s.variables.value : "scalar";
 }
-function Yi(s) {
+function Qi(s) {
   return s.variables.kind === "vector" ? s.variables.u ?? "uo" : "uo";
 }
-function Zi(s) {
+function Ki(s) {
   return s.variables.kind === "vector" ? s.variables.v ?? "vo" : "vo";
 }
-function ji(s) {
+function Ji(s) {
   return s.variables.kind === "vector" ? s.variables.derivation : void 0;
 }
-class Qi {
+class ea {
   constructor(e) {
-    if (this.type = "custom", this.renderingMode = "3d", this.delegate = null, this.map = null, this.suspended = !1, this.listeners = /* @__PURE__ */ new Map(), this.options = e, this.id = e.id, this.metadata = e.metadata ? { ...e.metadata } : void 0, this.backend = Xi(e), this.rasterSourceId = `${e.id}-wmts-source`, this.rasterLayerId = `${e.id}-wmts`, this.time = e.time ?? 0, this.depth = e.depth ?? 0, this.opacity = e.opacity ?? 1, this.backend === "vector-zarr") {
+    if (this.type = "custom", this.renderingMode = "3d", this.delegate = null, this.map = null, this.suspended = !1, this.listeners = /* @__PURE__ */ new Map(), this.options = e, this.id = e.id, this.metadata = e.metadata ? { ...e.metadata } : void 0, this.backend = Zi(e), this.rasterSourceId = `${e.id}-wmts-source`, this.rasterLayerId = `${e.id}-wmts`, this.time = e.time ?? 0, this.depth = e.depth ?? 0, this.opacity = e.opacity ?? 1, this.backend === "vector-zarr") {
       const t = e.sourceConfig;
       this.delegate = new D({
         ...e,
         source: t.endpoints.field,
         zarrSource: e.zarrSource,
-        variableU: Yi(t),
-        variableV: Zi(t),
-        vectorDerivation: ji(t),
+        variableU: Qi(t),
+        variableV: Ki(t),
+        vectorDerivation: Ji(t),
         unit: e.unit ?? ""
       });
     } else if (this.backend === "vector-geovideo") {
@@ -3498,7 +3548,7 @@ class Qi {
         id: e.id,
         source: t.endpoints.field,
         zarrSource: e.zarrSource,
-        variable: Hi(t),
+        variable: ji(t),
         time: e.time,
         depth: e.depth,
         colorRamp: e.colorRamp,
@@ -3708,14 +3758,14 @@ class Qi {
       return;
     this.removeWmts();
     const e = this.options.sourceConfig, t = e.tileUrlTemplate ? [
-      qi({
+      Hi({
         template: e.tileUrlTemplate,
         tileMatrixSet: e.tileMatrixSet,
         style: e.style,
         time: this.time,
         depth: this.depth,
         verticalLabel: this.options.verticalLabel
-      }) ?? Ke({
+      }) ?? Je({
         baseUrl: e.baseUrl ?? new URL(e.capabilitiesUrl).origin,
         layer: e.layer,
         tileMatrixSet: e.tileMatrixSet ?? "EPSG:3857",
@@ -3726,7 +3776,7 @@ class Qi {
         verticalLabel: this.options.verticalLabel
       })
     ] : [
-      Ke({
+      Je({
         baseUrl: e.baseUrl ?? new URL(e.capabilitiesUrl).origin,
         layer: e.layer,
         tileMatrixSet: e.tileMatrixSet ?? "EPSG:3857",
@@ -3760,7 +3810,7 @@ class Qi {
       min: 0,
       max: 0,
       unit: this.options.unit ?? "",
-      time: Be(this.time),
+      time: $e(this.time),
       depth: this.depth
     }), this.emit("status", { phase: "ready", time: e });
   }
@@ -3779,19 +3829,19 @@ class Qi {
     return i && this.map?.getLayer(i) ? i : void 0;
   }
 }
-function Re(s, e) {
+function Pe(s, e) {
   return s.match(new RegExp(`\\b${e}=["']([^"']+)["']`, "i"))?.[1].replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&apos;/g, "'");
 }
-function Ki(s, e, t) {
+function ta(s, e, t) {
   const i = s.replace(/\{TileMatrix\}/gi, "{z}").replace(/\{TileRow\}/gi, "{y}").replace(/\{TileCol\}/gi, "{x}").replace(/\{TileMatrixSet\}/gi, e), a = t == null ? i : i.replace(/\{Style\}/gi, t);
   return [...a.matchAll(/\{([^{}]+)\}/g)].some(
     (n) => !/^(?:z|y|x|Time|Elevation)$/i.test(n[1])
   ) ? void 0 : a;
 }
-function Et(s) {
+function Dt(s) {
   return s.replace(/<[^>]+>/g, "").trim();
 }
-function xe(s, e) {
+function be(s, e) {
   const t = new RegExp(
     `<(?:(?:\\w+):)?${e}\\b[^>]*>([\\s\\S]*?)<\\/(?:(?:\\w+):)?${e}>`,
     "gi"
@@ -3799,30 +3849,30 @@ function xe(s, e) {
   return [...s.matchAll(t)].map((i) => i[1]);
 }
 function se(s, e) {
-  return xe(s, e).map(Et).find(Boolean);
+  return be(s, e).map(Dt).find(Boolean);
 }
-function Je(s, e) {
+function et(s, e) {
   const t = e.match(
     /^P(?:(\d+)Y)?(?:(\d+)M)?(?:(\d+)D)?(?:T(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?)?$/
   );
   if (!t || !t.slice(1).some((m) => Number(m) > 0))
     return;
-  const i = new Date(s), a = i.getUTCFullYear() + Number(t[1] ?? 0), r = i.getUTCMonth() + Number(t[2] ?? 0), n = i.getUTCDate(), o = i.getUTCHours(), c = i.getUTCMinutes(), u = i.getUTCSeconds(), l = i.getUTCMilliseconds(), d = new Date(
-    Date.UTC(a, r, 1, o, c, u, l)
+  const i = new Date(s), a = i.getUTCFullYear() + Number(t[1] ?? 0), r = i.getUTCMonth() + Number(t[2] ?? 0), n = i.getUTCDate(), o = i.getUTCHours(), c = i.getUTCMinutes(), d = i.getUTCSeconds(), l = i.getUTCMilliseconds(), u = new Date(
+    Date.UTC(a, r, 1, o, c, d, l)
   ), f = new Date(
-    Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + 1, 0)
+    Date.UTC(u.getUTCFullYear(), u.getUTCMonth() + 1, 0)
   ).getUTCDate();
-  return d.setUTCDate(Math.min(n, f)), d.setUTCDate(d.getUTCDate() + Number(t[3] ?? 0)), d.setUTCHours(d.getUTCHours() + Number(t[4] ?? 0)), d.setUTCMinutes(d.getUTCMinutes() + Number(t[5] ?? 0)), d.setUTCSeconds(d.getUTCSeconds() + Number(t[6] ?? 0)), d.getTime();
+  return u.setUTCDate(Math.min(n, f)), u.setUTCDate(u.getUTCDate() + Number(t[3] ?? 0)), u.setUTCHours(u.getUTCHours() + Number(t[4] ?? 0)), u.setUTCMinutes(u.getUTCMinutes() + Number(t[5] ?? 0)), u.setUTCSeconds(u.getUTCSeconds() + Number(t[6] ?? 0)), u.getTime();
 }
-function Ji(s) {
+function ia(s) {
   const e = [];
   for (const t of s.flatMap((i) => i.split(","))) {
     const i = t.trim().split("/");
     if (i.length === 3) {
-      const r = Date.parse(i[0]), n = Date.parse(i[1]), o = Je(r, i[2]);
+      const r = Date.parse(i[0]), n = Date.parse(i[1]), o = et(r, i[2]);
       if (Number.isFinite(r) && Number.isFinite(n) && o && o > r)
-        for (let c = r, u = 0; c <= n && u < 1e5; u += 1)
-          e.push(c), c = Je(c, i[2]);
+        for (let c = r, d = 0; c <= n && d < 1e5; d += 1)
+          e.push(c), c = et(c, i[2]);
       continue;
     }
     const a = Date.parse(t.trim());
@@ -3830,14 +3880,14 @@ function Ji(s) {
   }
   return [...new Set(e)].sort((t, i) => t - i);
 }
-function et(s, e) {
-  for (const t of xe(s, "Dimension"))
+function tt(s, e) {
+  for (const t of be(s, "Dimension"))
     if (se(t, "Identifier")?.toLowerCase() === e.toLowerCase())
-      return xe(t, "Value").map(Et);
+      return be(t, "Value").map(Dt);
   return [];
 }
-function ea(s, e) {
-  const t = xe(s, "Layer").find(
+function aa(s, e) {
+  const t = be(s, "Layer").find(
     (h) => se(h, "Identifier") === e.layer
   );
   if (!t)
@@ -3845,7 +3895,7 @@ function ea(s, e) {
   const i = e.tileMatrixSet ?? se(t, "TileMatrixSet") ?? "";
   if (!/3857|GoogleMapsCompatible/i.test(i))
     throw new Error(`Unsupported WMTS tile matrix set: ${i || "missing"}`);
-  const a = Ji(et(t, "time")), r = a.length ? {
+  const a = ia(tt(t, "time")), r = a.length ? {
     min: a[0],
     max: a[a.length - 1],
     size: a.length,
@@ -3854,22 +3904,22 @@ function ea(s, e) {
     step: a.length > 1 && a.every(
       (h, g) => g === 0 || h - a[g - 1] === a[1] - a[0]
     ) ? a[1] - a[0] : void 0
-  } : { min: 0, max: 0, size: 1, values: [0], units: "static" }, n = et(t, "elevation").flatMap((h) => h.split(",")).map(Number).filter(Number.isFinite), o = n.length ? { name: "elevation", label: "elevation", values: n } : null, c = s.match(
+  } : { min: 0, max: 0, size: 1, values: [0], units: "static" }, n = tt(t, "elevation").flatMap((h) => h.split(",")).map(Number).filter(Number.isFinite), o = n.length ? { name: "elevation", label: "elevation", values: n } : null, c = s.match(
     /GetTile[\s\S]*?(?:xlink:href|href)=["']([^"']+)/i
   )?.[1], l = [
     ...t.matchAll(/<(?:(?:\w+):)?ResourceURL\b([^>]*)\/?\s*>/gi)
   ].find(
-    (h) => Re(h[1], "resourceType")?.toLowerCase() === "tile"
-  ), d = l ? Re(l[1], "template") : void 0, f = [
+    (h) => Pe(h[1], "resourceType")?.toLowerCase() === "tile"
+  ), u = l ? Pe(l[1], "template") : void 0, f = [
     ...t.matchAll(
       /<(?:(?:\w+):)?Style\b([^>]*)>([\s\S]*?)<\/(?:(?:\w+):)?Style>/gi
     )
   ], m = f.find(
-    (h) => Re(h[1], "isDefault")?.toLowerCase() === "true"
+    (h) => Pe(h[1], "isDefault")?.toLowerCase() === "true"
   ), p = e.style ?? se(m?.[2] ?? f[0]?.[2] ?? "", "Identifier");
   return {
     baseUrl: e.baseUrl ?? c ?? new URL(e.capabilitiesUrl).origin,
-    tileUrlTemplate: e.tileUrlTemplate ?? (d ? Ki(d, i, p) : void 0),
+    tileUrlTemplate: e.tileUrlTemplate ?? (u ? ta(u, i, p) : void 0),
     tileMatrixSet: i,
     format: e.format ?? se(t, "Format") ?? "image/png",
     style: p,
@@ -3877,15 +3927,15 @@ function ea(s, e) {
     vertical: o
   };
 }
-async function ta(s, e) {
+async function sa(s, e) {
   const t = await fetch(s.capabilitiesUrl, { signal: e });
   if (!t.ok)
     throw new Error(
       `WMTS capabilities request failed (${t.status}): ${s.capabilitiesUrl}`
     );
-  return ea(await t.text(), s);
+  return aa(await t.text(), s);
 }
-const ia = [
+const ra = [
   0.25,
   0.5,
   1,
@@ -3894,8 +3944,8 @@ const ia = [
   8,
   16,
   32
-], tt = [0.25, 0.5, 1, 2];
-function it(s, e) {
+], it = [0.25, 0.5, 1, 2];
+function at(s, e) {
   if (s.length === 0)
     return e;
   let t = s[0], i;
@@ -3903,7 +3953,7 @@ function it(s, e) {
     a < t && (t = a), a <= e && (i === void 0 || a > i) && (i = a);
   return i ?? t;
 }
-function aa(s) {
+function na(s) {
   const e = s.map((n) => new Date(n)), t = (n) => n.every((o) => e.every((c) => o(c) === o(e[0]))), i = [
     (n) => n.getUTCHours(),
     (n) => n.getUTCMinutes(),
@@ -3924,7 +3974,7 @@ function aa(s) {
   const r = a.getUTCHours() === 0 && a.getUTCMinutes() === 0 && a.getUTCSeconds() === 0 && a.getUTCMilliseconds() === 0;
   return r && a.getUTCMonth() === 0 && a.getUTCDate() === 1 ? "year" : r && a.getUTCDate() === 1 ? "month" : r ? "day" : a.getUTCMinutes() === 0 && a.getUTCSeconds() === 0 && a.getUTCMilliseconds() === 0 ? "hour" : a.getUTCSeconds() === 0 && a.getUTCMilliseconds() === 0 ? "minute" : "second";
 }
-function Lt(s) {
+function At(s) {
   if (s.length < 2)
     return;
   const e = s[1] - s[0];
@@ -3933,7 +3983,7 @@ function Lt(s) {
   ) ? e : void 0;
 }
 function re(s, e) {
-  return e ? yt(e, [
+  return e ? xt(e, [
     s.values[0],
     s.values[s.values.length - 1]
   ]) : null;
@@ -3952,11 +4002,11 @@ function ne(s, e) {
     min: r[0],
     max: r[r.length - 1],
     size: r.length,
-    step: Lt(r),
+    step: At(r),
     values: r
   };
 }
-function at(s, e) {
+function st(s, e) {
   const { start: t, end: i } = s.temporal ?? {};
   return t || i ? ne(e, { start: t, end: i }) : e;
 }
@@ -3966,18 +4016,18 @@ function fe(s) {
     s.variables.derivation.magnitude_variable
   ] : [s.variables.u ?? "uo", s.variables.v ?? "vo"];
 }
-function Pe(s, e) {
-  const t = s.sources.filter(ke);
+function Ee(s, e) {
+  const t = s.sources.filter(Fe);
   return t.find((i) => i.id === e) ?? (e === "geovideo" || e === "auto" ? t[0] : void 0);
 }
-function Dt(s) {
+function Ct(s) {
   return [...s].sort((e, t) => {
     const i = Math.abs(e), a = Math.abs(t);
     return i !== a ? i - a : t - e;
   });
 }
-function Ee(s, e) {
-  return s?.values.length ? e == null ? Dt(s.values)[0] : V(s.values, e) : e ?? 0;
+function Le(s, e) {
+  return s?.values.length ? e == null ? Ct(s.values)[0] : V(s.values, e) : e ?? 0;
 }
 function V(s, e) {
   if (s.length === 0)
@@ -3989,7 +4039,7 @@ function V(s, e) {
   }
   return t;
 }
-function st(s) {
+function rt(s) {
   for (const [e, t] of [
     [s?.playbackRate, "Playback rate"],
     [s?.stepsPerSecond, "Steps per second"]
@@ -3997,14 +4047,14 @@ function st(s) {
     if (e != null && (!Number.isFinite(e) || e <= 0))
       throw new Error(`${t} must be positive`);
 }
-function rt(s, e) {
+function nt(s, e) {
   const t = s.surface?.value ?? 0, i = V(
     [t, ...s.depths.map((a) => a.value)],
     e
   );
   return i === t ? null : i;
 }
-function sa(s) {
+function oa(s) {
   const e = s.surface ?? s.depths[0];
   return {
     name: e.name,
@@ -4016,24 +4066,24 @@ function sa(s) {
     ]
   };
 }
-function nt(s, e) {
+function ot(s, e) {
   return JSON.stringify([
     s?.values ?? null,
     e ? [e.name, e.units, e.values] : null
   ]);
 }
-function ra(s) {
+function la(s) {
   const e = [...new Set(s)].sort((t, i) => t - i);
   return {
     min: e[0],
     max: e[e.length - 1],
-    step: Lt(e),
+    step: At(e),
     size: e.length,
     units: "milliseconds since 1970-01-01T00:00:00Z",
     values: e
   };
 }
-const na = 5 * 6e4, oa = 6e4, ot = 6;
+const ca = 5 * 6e4, ha = 6e4, lt = 6;
 function pe(s) {
   const { particles: e = {}, raster: t = {} } = s, i = {
     palette: s.palette,
@@ -4043,7 +4093,7 @@ function pe(s) {
     speed: e.speed,
     fade: e.fade,
     glow: e.glow,
-    colorGrade: e.grade === void 0 ? void 0 : ui(e.grade),
+    colorGrade: e.grade === void 0 ? void 0 : fi(e.grade),
     opacity: t.opacity,
     logScale: t.logScale,
     vibrance: t.vibrance,
@@ -4057,29 +4107,29 @@ function pe(s) {
     Object.entries(i).filter(([, a]) => a !== void 0)
   );
 }
-function Ue(s) {
+function Ve(s) {
   const e = s.alphaFadeLow ?? 0, t = s.alphaFadeHigh ?? 0;
   return e > 0 || t > 0 ? { low: e, high: t, curve: s.alphaFadeCurve ?? "linear" } : void 0;
 }
-const lt = "rdylbu", la = new Set(
-  vt({ includeDeprecated: !0 }).map((s) => s.id)
-), ct = /* @__PURE__ */ new Set();
-function Ve(s) {
-  return typeof s != "string" || la.has(s) ? s : (ct.has(s) || (ct.add(s), console.warn(
-    `[zartigl] palette "${s}" is not in this version: drawn with "${lt}"`
-  )), lt);
+const ct = "rdylbu", ua = new Set(
+  _t({ includeDeprecated: !0 }).map((s) => s.id)
+), ht = /* @__PURE__ */ new Set();
+function Ne(s) {
+  return typeof s != "string" || ua.has(s) ? s : (ht.has(s) || (ht.add(s), console.warn(
+    `[zartigl] palette "${s}" is not in this version: drawn with "${ct}"`
+  )), ct);
 }
-function Le(s) {
-  const { reversePalette: e } = s, t = Ve(s.palette), i = Ue(s);
-  return t != null && (e || i) ? Ce(t, { reverse: e, alphaFade: i }) : t;
+function De(s) {
+  const { reversePalette: e } = s, t = Ne(s.palette), i = Ve(s);
+  return t != null && (e || i) ? ke(t, { reverse: e, alphaFade: i }) : t;
 }
-const ca = [
+const da = [
   "palette",
   "reversePalette",
   "alphaFadeLow",
   "alphaFadeHigh",
   "alphaFadeCurve"
-], At = Object.freeze({
+], kt = Object.freeze({
   palette: "style.palette",
   renderMode: "style.renderMode",
   particleDensity: "style.particles.density",
@@ -4092,7 +4142,7 @@ const ca = [
   colorDomain: "style.raster.colorDomain",
   backdrop: "style.particles.backdrop"
 });
-function De(s) {
+function Ae(s) {
   const {
     palette: e,
     renderMode: t,
@@ -4102,12 +4152,12 @@ function De(s) {
     colorGrade: n,
     opacity: o,
     logScale: c,
-    vibrance: u,
+    vibrance: d,
     colorDomain: l,
-    backdrop: d,
+    backdrop: u,
     ...f
   } = s ?? {}, m = Object.keys(s ?? {}).filter(
-    (h) => h in At && s[h] !== void 0
+    (h) => h in kt && s[h] !== void 0
   );
   return {
     style: ae({
@@ -4117,47 +4167,47 @@ function De(s) {
         density: i,
         speed: a,
         fade: r,
-        grade: n && hi(n),
-        backdrop: d
+        grade: n && mi(n),
+        backdrop: u
       },
-      raster: { opacity: o, logScale: c, vibrance: u, colorDomain: l }
+      raster: { opacity: o, logScale: c, vibrance: d, colorDomain: l }
     }),
     settings: e === void 0 || typeof e == "string" ? f : { ...f, palette: e },
     legacyKeys: m
   };
 }
-const ht = /* @__PURE__ */ new Set();
-function ut(s) {
+const ut = /* @__PURE__ */ new Set();
+function dt(s) {
   for (const e of s)
-    ht.has(e) || (ht.add(e), console.warn(
-      `[zartigl] settings.${e} is deprecated: use ${At[e]}`
+    ut.has(e) || (ut.add(e), console.warn(
+      `[zartigl] settings.${e} is deprecated: use ${kt[e]}`
     ));
 }
-function Ct(s, e) {
-  const t = Ne(s, e);
+function Ft(s, e) {
+  const t = ze(s, e);
   return {
     ...pe(t),
     palette: t.palette ?? "rdylbu",
     colorDomain: Q(t.raster.colorDomain)
   };
 }
-function ha(s) {
+function ma(s) {
   return {
-    ...Ct(s),
+    ...Ft(s),
     particleState: "auto",
     rgba8MaxParticleZoom: 4
   };
 }
-function ua(s) {
+function fa(s) {
   const { palette: e, ...t } = s;
   return t;
 }
-function dt(s, e, t) {
-  s !== void 0 && mt(s, "style", {
+function mt(s, e, t) {
+  s !== void 0 && ft(s, "style", {
     kind: e.layers.find((i) => i.id === t)?.kind
   });
 }
-class Pa {
+class Da {
   constructor(e) {
     if (this.fullTimeMeta = null, this.autoplayPending = !0, this.playing = !1, this.catalogLayer = null, this.catalogSource = null, this.layer = null, this.time = 0, this.pendingTime = null, this.requestedTime = null, this.playbackIntent = 0, this.requestSeq = 0, this.playSeq = 0, this.depth = 0, this.depthRequest = null, this.failedGeoVideo = /* @__PURE__ */ new Set(), this.lastMeta = null, this.timeMeta = null, this.resolvedTimeRange = null, this.verticalMeta = null, this.variableUnit = "", this.geoVideoManifest = null, this.wmtsMetadata = null, this.fieldSources = /* @__PURE__ */ new Map(), this.archiveChunks = /* @__PURE__ */ new Map(), this.chunkTimes = /* @__PURE__ */ new Map(), this.archiveRoots = /* @__PURE__ */ new Map(), this.archiveLevel = null, this.depthLocked = !1, this.chunkLevels = /* @__PURE__ */ new Map(), this.nextChunkManifest = null, this.activeFieldSource = null, this.switchGeneration = 0, this.destroyed = !1, this.initialized = !1, this.initStarted = !1, this.updateQueue = Promise.resolve(), this.suspended = !1, this.attachQueued = !1, this.anchor = null, this.querySources = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Map(), this.onMapReady = () => {
       this.attachQueued && this.attachWhenReady();
@@ -4165,9 +4215,9 @@ class Pa {
       throw new Error("Zartigl requires a layer UUID");
     if (e.time != null && z(e.time, "time"), e.depth != null && !Number.isFinite(e.depth))
       throw new Error("Depth must be finite");
-    st(e.geoVideo), this.id = e.id ?? "zartigl", this.map = e.map, this.catalog = e.catalog, this.initialLayer = e.layer, this.initialTime = e.time, this.initialDepth = e.depth, this.depthRequest = e.depth ?? null, this.sourcePreference = e.source ?? "auto", this.timeRange = e.timeRange ? { ...e.timeRange } : void 0, this.autoplay = e.geoVideo?.autoplay ?? !0, this.loop = e.geoVideo?.loop ?? !0, this.playbackRate = e.geoVideo?.playbackRate ?? 1, this.stepsPerSecond = e.geoVideo?.stepsPerSecond ?? null, this.metadata = e.metadata ? { ...e.metadata } : void 0, this.before = e.before, this.visible = e.visible ?? !0;
-    const t = De(e.settings);
-    ut(t.legacyKeys), this.style = ae(t.style, e.style), dt(this.style, e.catalog, e.layer), this.settings = { ...t.settings, ...pe(this.style) }, this.settings.colorDomain !== void 0 && (this.settings.colorDomain = Q(
+    rt(e.geoVideo), this.id = e.id ?? "zartigl", this.map = e.map, this.catalog = e.catalog, this.initialLayer = e.layer, this.initialTime = e.time, this.initialDepth = e.depth, this.depthRequest = e.depth ?? null, this.sourcePreference = e.source ?? "auto", this.timeRange = e.timeRange ? { ...e.timeRange } : void 0, this.autoplay = e.geoVideo?.autoplay ?? !0, this.loop = e.geoVideo?.loop ?? !0, this.playbackRate = e.geoVideo?.playbackRate ?? 1, this.stepsPerSecond = e.geoVideo?.stepsPerSecond ?? null, this.metadata = e.metadata ? { ...e.metadata } : void 0, this.before = e.before, this.visible = e.visible ?? !0;
+    const t = Ae(e.settings);
+    dt(t.legacyKeys), this.style = ae(t.style, e.style), mt(this.style, e.catalog, e.layer), this.settings = { ...t.settings, ...pe(this.style) }, this.settings.colorDomain !== void 0 && (this.settings.colorDomain = Q(
       this.settings.colorDomain
     )), this.colorDomainOverridden = this.settings.colorDomain !== void 0, this.paletteOverridden = this.settings.palette !== void 0, this.map.on("load", this.onMapReady), this.map.on("styledata", this.onMapReady), this.map.on("idle", this.onMapReady);
   }
@@ -4184,16 +4234,16 @@ class Pa {
   }
   async update(e) {
     this.assertAlive();
-    const t = De(e.settings);
-    ut(t.legacyKeys);
+    const t = Ae(e.settings);
+    dt(t.legacyKeys);
     const i = t.legacyKeys.length ? { ...e, settings: t.settings, stylePatch: t.style } : e;
     if (!this.initialized)
       throw new Error("Call init() before update()");
     if (i.depth != null && !Number.isFinite(i.depth))
       throw new Error("Depth must be finite");
-    i.time != null && z(i.time, "time"), st(i.geoVideo), i.settings?.colorDomain !== void 0 && Q(i.settings.colorDomain);
+    i.time != null && z(i.time, "time"), rt(i.geoVideo), i.settings?.colorDomain !== void 0 && Q(i.settings.colorDomain);
     for (const a of [i.style, i.stylePatch])
-      a !== void 0 && mt(a, "style");
+      a !== void 0 && ft(a, "style");
     return i.time != null && this.pause(), this.enqueue(i, ++this.requestSeq);
   }
   /**
@@ -4215,9 +4265,9 @@ class Pa {
   }
   async applyUpdate(e, t, i) {
     this.assertAlive(), i != null && e.time != null && this.playSeq !== 0 && this.playSeq < i && this.pause();
-    const a = e.layer != null && e.layer !== this.catalogLayer?.id, r = e.source != null && (a || e.source !== this.sourcePreference), n = !a && e.source === "auto" && this.sourcePreference === "auto", o = { time: e.time, depth: e.depth }, c = a ? e.layer : this.catalogLayer?.id, u = e.stylePatch === void 0 ? e.style : e.style === void 0 ? ae(this.style, e.stylePatch) : ae(e.stylePatch, e.style), l = e.settings?.palette, d = u !== void 0 && l !== void 0 && typeof l != "string" && e.style?.palette === void 0 ? ua(u) : u;
-    dt(d, this.catalog, c);
-    const f = d ?? (a ? ft(
+    const a = e.layer != null && e.layer !== this.catalogLayer?.id, r = e.source != null && (a || e.source !== this.sourcePreference), n = !a && e.source === "auto" && this.sourcePreference === "auto", o = { time: e.time, depth: e.depth }, c = a ? e.layer : this.catalogLayer?.id, d = e.stylePatch === void 0 ? e.style : e.style === void 0 ? ae(this.style, e.stylePatch) : ae(e.stylePatch, e.style), l = e.settings?.palette, u = d !== void 0 && l !== void 0 && typeof l != "string" && e.style?.palette === void 0 ? fa(d) : d;
+    mt(u, this.catalog, c);
+    const f = u ?? (a ? pt(
       this.style,
       this.catalog.layers.find((m) => m.id === c)?.kind
     ) : void 0);
@@ -4266,10 +4316,10 @@ class Pa {
     e.geoVideo && (e.geoVideo.autoplay != null && (this.autoplay = e.geoVideo.autoplay, this.catalogSource?.type === "geovideo" && (this.autoplay ? await this.startPlayback(i ?? ++this.requestSeq) : this.pause())), e.geoVideo.loop != null && this.applyLoop(e.geoVideo.loop), e.geoVideo.stepsPerSecond != null ? (this.stepsPerSecond = e.geoVideo.stepsPerSecond, this.applyPlaybackSpeed()) : e.geoVideo.playbackRate != null && this.applyPlaybackRate(e.geoVideo.playbackRate)), e.time != null && e.depth != null ? this.applyTimeAndDepth(e.time, e.depth) : (e.time != null && this.applyTime(e.time), e.depth != null && this.applyDepth(e.depth)), e.time != null && this.requestedTime === z(e.time, "time") && (this.requestedTime = null), e.visible != null && this.applyVisible(e.visible);
   }
   async loadLayer(e, t = this.sourcePreference, i, a) {
-    const r = this.getSource(), n = nt(this.timeMeta, this.verticalMeta);
+    const r = this.getSource(), n = ot(this.timeMeta, this.verticalMeta);
     await this.loadSource(e, t, i, a);
     const o = this.getSource();
-    o && (o.id !== r?.id || o.type !== r?.type) ? this.emit("sourceChange", o) : nt(this.timeMeta, this.verticalMeta) !== n && this.emit("axesChange");
+    o && (o.id !== r?.id || o.type !== r?.type) ? this.emit("sourceChange", o) : ot(this.timeMeta, this.verticalMeta) !== n && this.emit("axesChange");
   }
   async loadSource(e, t, i, a) {
     this.assertAlive();
@@ -4278,15 +4328,15 @@ class Pa {
     );
     if (!r)
       throw new Error(`Unknown zartigl catalog entry: ${e}`);
-    const n = ha(r), o = i ? i.timeRange : this.timeRange, c = a ?? ++this.switchGeneration, u = {
+    const n = ma(r), o = i ? i.timeRange : this.timeRange, c = a ?? ++this.switchGeneration, d = {
       ...i?.target,
       depth: i?.target?.depth ?? this.depthRequest ?? void 0
     }, l = await this.selectSource(
       r,
       t,
       o,
-      u
-    ), d = i?.settings ?? this.settings, f = i?.colorDomainOverridden ?? this.colorDomainOverridden, m = i?.paletteOverridden ?? this.paletteOverridden;
+      d
+    ), u = i?.settings ?? this.settings, f = i?.colorDomainOverridden ?? this.colorDomainOverridden, m = i?.paletteOverridden ?? this.paletteOverridden;
     if (l.type === "geovideo") {
       this.emit("status", { phase: "metadata" });
       try {
@@ -4303,18 +4353,18 @@ class Pa {
           throw new Error(
             `GeoVideo manifest identity does not match catalog entry/source: ${l.id}`
           );
-        const S = Pe(r, l.id), R = S ? this.chunkLevels.get(l.manifestUrl) ?? null : null, E = v.vertical;
-        if (S && (R ? !Xe(E, R) : E !== void 0))
+        const S = Ee(r, l.id), R = S ? this.chunkLevels.get(l.manifestUrl) ?? null : null, E = v.vertical;
+        if (S && (R ? !He(E, R) : E !== void 0))
           throw new Error(
             `GeoVideo manifest level does not match its index: ${l.manifestUrl}`
           );
-        const k = R?.value ?? null, F = S ? await this.archiveTimes(r, l.id, k) : null, P = S ? await this.archiveLevels(r, S) : null, L = !!P?.depths.length, b = !L && !!P?.surface, A = L || b ? sa(P) : null;
+        const k = R?.value ?? null, F = S ? await this.archiveTimes(r, l.id, k) : null, P = S ? await this.archiveLevels(r, S) : null, L = !!P?.depths.length, b = !L && !!P?.surface, A = L || b ? oa(P) : null;
         if (c !== this.switchGeneration)
           throw new DOMException(
             "Layer selection was superseded",
             "AbortError"
           );
-        const N = Se(v), C = ra(F ?? N), I = re(
+        const N = we(v), C = la(F ?? N), I = re(
           C,
           o
         ), w = ne(
@@ -4323,9 +4373,9 @@ class Pa {
         ), U = N.filter(
           (ce) => ce >= w.min && ce <= w.max
         ), X = U.length ? U : N, oe = this.catalogLayer?.id === r.id && this.catalogSource?.type === "geovideo", le = this.settings.palette;
-        this.catalogLayer = r, this.catalogSource = l, this.sourcePreference = t, this.timeRange = o, this.activeFieldSource = null, this.geoVideoManifest = v, this.wmtsMetadata = null, this.fullTimeMeta = C, this.resolvedTimeRange = I, this.timeMeta = w, this.verticalMeta = A, this.variableUnit = v.style.unit ?? "", this.variableStandardName = v.provenance.variables[0], this.time = this.pendingTime == null ? X[0] : V(X, this.pendingTime), this.pendingTime = null, this.depthLocked = b, this.archiveLevel = k, this.depth = L ? k ?? P.surface?.value ?? 0 : Ee(A, u.depth), L && (this.depthRequest = this.depth);
-        const Vt = d.colorDomain;
-        if (this.settings = { ...n, ...d }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.settings.colorDomain = f ? Vt ?? null : v.style.colorDomain, this.settings.palette = m ? this.settings.palette : $e(r.defaults).palette ?? v.style.palette, this.lastMeta = null, oe && this.replaceGeoVideoInPlace(le))
+        this.catalogLayer = r, this.catalogSource = l, this.sourcePreference = t, this.timeRange = o, this.activeFieldSource = null, this.geoVideoManifest = v, this.wmtsMetadata = null, this.fullTimeMeta = C, this.resolvedTimeRange = I, this.timeMeta = w, this.verticalMeta = A, this.variableUnit = v.style.unit ?? "", this.variableStandardName = v.provenance.variables[0], this.time = this.pendingTime == null ? X[0] : V(X, this.pendingTime), this.pendingTime = null, this.depthLocked = b, this.archiveLevel = k, this.depth = L ? k ?? P.surface?.value ?? 0 : Le(A, d.depth), L && (this.depthRequest = this.depth);
+        const zt = u.colorDomain;
+        if (this.settings = { ...n, ...u }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.settings.colorDomain = f ? zt ?? null : v.style.colorDomain, this.settings.palette = m ? this.settings.palette : qe(r.defaults).palette ?? v.style.palette, this.lastMeta = null, oe && this.replaceGeoVideoInPlace(le))
           return;
         this.detach(), this.attachWhenReady();
         return;
@@ -4339,7 +4389,7 @@ class Pa {
     if (l.type === "wmts") {
       this.emit("status", { phase: "metadata" });
       try {
-        const v = await ta(l);
+        const v = await sa(l);
         if (c !== this.switchGeneration)
           throw new DOMException(
             "Layer selection was superseded",
@@ -4356,7 +4406,7 @@ class Pa {
         }, this.sourcePreference = t, this.timeRange = o, this.activeFieldSource = null, this.geoVideoManifest = null, this.wmtsMetadata = v, this.fullTimeMeta = _, this.resolvedTimeRange = re(
           _,
           o
-        ), this.timeMeta = S, this.verticalMeta = v.vertical, this.archiveLevel = null, this.depthLocked = !1, this.variableUnit = "", this.variableStandardName = l.layer, this.time = this.pendingTime == null ? it(S.values, Date.now()) : V(S.values, this.pendingTime), this.pendingTime = null, this.depth = Ee(v.vertical, u.depth), this.settings = { ...n, ...d }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.lastMeta = null, this.attachWhenReady();
+        ), this.timeMeta = S, this.verticalMeta = v.vertical, this.archiveLevel = null, this.depthLocked = !1, this.variableUnit = "", this.variableStandardName = l.layer, this.time = this.pendingTime == null ? at(S.values, Date.now()) : V(S.values, this.pendingTime), this.pendingTime = null, this.depth = Le(v.vertical, d.depth), this.settings = { ...n, ...u }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.lastMeta = null, this.attachWhenReady();
         return;
       } catch (v) {
         const _ = v instanceof Error ? v : new Error(String(v));
@@ -4374,7 +4424,7 @@ class Pa {
           throw new Error(
             `Configured variable not found in Zarr store: ${_}`
           );
-      if (g = at(
+      if (g = st(
         l,
         p.getTimeDimension()
       ), g.values.length === 0)
@@ -4388,9 +4438,9 @@ class Pa {
     }
     if (c !== this.switchGeneration)
       throw new DOMException("Layer selection was superseded", "AbortError");
-    this.detach(), this.catalogLayer = r, this.catalogSource = l, this.sourcePreference = t, this.timeRange = o, this.activeFieldSource = p, this.geoVideoManifest = null, this.wmtsMetadata = null, this.fullTimeMeta = g, this.resolvedTimeRange = x, this.timeMeta = h, this.verticalMeta = T, this.archiveLevel = null, this.depthLocked = !1, this.variableUnit = typeof M.units == "string" ? M.units : "", this.variableStandardName = typeof M.standard_name == "string" ? M.standard_name : void 0, this.time = this.pendingTime == null ? it(this.timeMeta.values, Date.now()) : V(this.timeMeta.values, this.pendingTime), this.pendingTime = null, this.depth = Ee(T, u.depth);
-    const y = d.colorDomain;
-    this.settings = { ...n, ...d }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.settings.colorDomain = f ? y ?? null : n.colorDomain ?? null, this.lastMeta = null, this.attachWhenReady();
+    this.detach(), this.catalogLayer = r, this.catalogSource = l, this.sourcePreference = t, this.timeRange = o, this.activeFieldSource = p, this.geoVideoManifest = null, this.wmtsMetadata = null, this.fullTimeMeta = g, this.resolvedTimeRange = x, this.timeMeta = h, this.verticalMeta = T, this.archiveLevel = null, this.depthLocked = !1, this.variableUnit = typeof M.units == "string" ? M.units : "", this.variableStandardName = typeof M.standard_name == "string" ? M.standard_name : void 0, this.time = this.pendingTime == null ? at(this.timeMeta.values, Date.now()) : V(this.timeMeta.values, this.pendingTime), this.pendingTime = null, this.depth = Le(T, d.depth);
+    const y = u.colorDomain;
+    this.settings = { ...n, ...u }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.settings.colorDomain = f ? y ?? null : n.colorDomain ?? null, this.lastMeta = null, this.attachWhenReady();
   }
   async changeSource(e, t = this.timeRange, i = {}) {
     if (this.assertAlive(), !this.catalogLayer) {
@@ -4414,16 +4464,16 @@ class Pa {
     const a = this.catalogLayer, r = this.catalogSource;
     if (!a || !r || !this.isArchiveChunk(r))
       return !1;
-    const n = Pe(a, this.sourcePreference), o = n ? await this.archiveLevels(a, n) : null, u = !!o?.depths.length && t.depth != null && rt(o, t.depth) !== this.archiveLevel;
-    if ((t.time == null && !i || Nt(r, this.sourceTimeRequest(e, t.time))) && !u)
+    const n = Ee(a, this.sourcePreference), o = n ? await this.archiveLevels(a, n) : null, d = !!o?.depths.length && t.depth != null && nt(o, t.depth) !== this.archiveLevel;
+    if ((t.time == null && !i || Gt(r, this.sourceTimeRequest(e, t.time))) && !d)
       return !1;
-    const d = await this.selectSource(
+    const u = await this.selectSource(
       a,
       this.sourcePreference,
       e,
       t
     );
-    return !Qt(d, r);
+    return !ei(u, r);
   }
   applyVisible(e) {
     this.assertAlive(), this.visible !== e && (this.visible = e, e ? this.attachWhenReady() : this.detach());
@@ -4496,10 +4546,10 @@ class Pa {
   }
   /** Media rate for the loaded artifact: steps per second when set, else the raw multiplier. */
   effectivePlaybackRate() {
-    return this.stepsPerSecond != null && this.geoVideoManifest ? Kt(this.geoVideoManifest, this.stepsPerSecond) : this.playbackRate;
+    return this.stepsPerSecond != null && this.geoVideoManifest ? ti(this.geoVideoManifest, this.stepsPerSecond) : this.playbackRate;
   }
   playbackSpeeds() {
-    return this.catalogLayer?.kind === "vector" ? tt : ia;
+    return this.catalogLayer?.kind === "vector" ? it : ra;
   }
   /**
    * Steps per second the active source shows. Vector GeoVideo stays inside
@@ -4507,13 +4557,13 @@ class Pa {
    */
   appliedStepsPerSecond() {
     if (this.catalogLayer?.kind === "vector") {
-      const e = tt;
+      const e = it;
       return Math.min(
         e[e.length - 1],
         Math.max(e[0], this.stepsPerSecond ?? 1)
       );
     }
-    return this.stepsPerSecond != null ? this.stepsPerSecond : this.geoVideoManifest ? this.playbackRate * Jt(this.geoVideoManifest) : this.playbackRate;
+    return this.stepsPerSecond != null ? this.stepsPerSecond : this.geoVideoManifest ? this.playbackRate * ii(this.geoVideoManifest) : this.playbackRate;
   }
   /** Apply or clear a time window without rebuilding source metadata or the map layer. */
   applyTimeRange(e) {
@@ -4547,7 +4597,7 @@ class Pa {
       values: t.values,
       units: t.units,
       current: this.time,
-      granularity: aa(t.values),
+      granularity: na(t.values),
       timelineKind: this.geoVideoManifest?.timeline.kind
     } : {
       min: NaN,
@@ -4563,7 +4613,7 @@ class Pa {
       return { values: [], label: "depth", current: void 0 };
     const e = this.verticalMeta;
     return {
-      values: Dt(e.values),
+      values: Ct(e.values),
       name: e.name,
       label: e.label,
       units: e.units,
@@ -4584,7 +4634,7 @@ class Pa {
       const i = this.catalogSource;
       return {
         type: "image",
-        url: Wi({
+        url: Yi({
           baseUrl: i.baseUrl ?? this.wmtsMetadata?.baseUrl ?? new URL(i.capabilitiesUrl).origin,
           layer: i.layer,
           style: i.style
@@ -4593,30 +4643,30 @@ class Pa {
       };
     }
     if (this.catalogSource.type === "geovideo" && this.geoVideoManifest) {
-      const i = typeof this.settings.palette == "string" ? Ve(this.settings.palette) : "custom", a = this.settings.colorDomain ?? this.geoVideoManifest.style.colorDomain;
+      const i = typeof this.settings.palette == "string" ? Ne(this.settings.palette) : "custom", a = this.settings.colorDomain ?? this.geoVideoManifest.style.colorDomain;
       return {
         type: "gradient",
         palette: i,
         reverse: this.settings.reversePalette ?? !1,
-        alphaFade: Ue(this.settings),
+        alphaFade: Ve(this.settings),
         min: a[0],
         max: a[1],
-        unit: He(this.geoVideoManifest.style.unit)
+        unit: Ye(this.geoVideoManifest.style.unit)
       };
     }
-    const e = typeof this.settings.palette == "string" ? Ve(this.settings.palette) : "custom", t = this.catalogLayer.kind === "scalar" ? this.settings.colorDomain : null;
+    const e = typeof this.settings.palette == "string" ? Ne(this.settings.palette) : "custom", t = this.catalogLayer.kind === "scalar" ? this.settings.colorDomain : null;
     return {
       type: "gradient",
       palette: e,
       reverse: this.settings.reversePalette ?? !1,
-      alphaFade: this.catalogLayer.kind === "scalar" ? Ue(this.settings) : void 0,
+      alphaFade: this.catalogLayer.kind === "scalar" ? Ve(this.settings) : void 0,
       min: t?.[0] ?? this.lastMeta?.min,
       max: t?.[1] ?? this.lastMeta?.max,
-      unit: He(this.lastMeta?.unit ?? this.variableUnit)
+      unit: Ye(this.lastMeta?.unit ?? this.variableUnit)
     };
   }
   getPalettes() {
-    return vt();
+    return _t();
   }
   getSource() {
     return this.catalogSource ? { id: this.catalogSource.id, type: this.catalogSource.type } : void 0;
@@ -4649,7 +4699,7 @@ class Pa {
     if (e.timeline.kind === "snapshot-loop")
       return this.catalogLayer?.kind !== "vector";
     const t = this.timeMeta;
-    return Se(e).filter(
+    return we(e).filter(
       (a) => !t || a >= t.min && a <= t.max
     ).length > 1;
   }
@@ -4662,9 +4712,9 @@ class Pa {
    * source chose, such as a GeoVideo archive's palette.
    */
   getStyle() {
-    return Ne(
+    return ze(
       this.catalogLayer ?? void 0,
-      De(this.settings).style
+      Ae(this.settings).style
     );
   }
   /** The style override over the layer's own. */
@@ -4688,7 +4738,7 @@ class Pa {
       devicePixelRatio: typeof window < "u" ? window.devicePixelRatio : void 0,
       catalogEntry: this.catalogLayer ? {
         id: this.catalogLayer.id,
-        title: zt(
+        title: Ot(
           this.catalogLayer.title,
           this.catalog.defaultLocale,
           this.catalog.defaultLocale
@@ -4713,23 +4763,23 @@ class Pa {
    * color domain of a GeoVideo archive included, as a load sets them.
    */
   styledSettings() {
-    const e = Ct(
+    const e = Ft(
       this.catalogLayer ?? void 0,
       this.style
     ), t = this.catalogSource?.type === "geovideo" ? this.geoVideoManifest : null;
-    return t && this.style.raster?.colorDomain === void 0 && (e.colorDomain = t.style.colorDomain), t && this.style.palette === void 0 && (e.palette = $e(this.catalogLayer?.defaults)?.palette ?? t.style.palette), e;
+    return t && this.style.raster?.colorDomain === void 0 && (e.colorDomain = t.style.colorDomain), t && this.style.palette === void 0 && (e.palette = qe(this.catalogLayer?.defaults)?.palette ?? t.style.palette), e;
   }
   applySettings(e) {
     this.assertAlive();
     const t = e.colorDomain === void 0 ? e : {
       ...e,
       colorDomain: Q(e.colorDomain)
-    }, i = ca.some(
+    }, i = da.some(
       (r) => t[r] != null && t[r] !== this.settings[r]
     ), a = t.particleState != null && t.particleState !== this.settings.particleState;
     if (t.colorDomain !== void 0 && (this.colorDomainOverridden = !0), t.palette !== void 0 && (this.paletteOverridden = !0), this.settings = { ...this.settings, ...t }, !!this.layer) {
       if (i && this.catalogSource?.type === "geovideo") {
-        this.layer.setColorRamp(Le(this.settings)), this.applyMutableSettings(this.layer, t);
+        this.layer.setColorRamp(De(this.settings)), this.applyMutableSettings(this.layer, t);
         return;
       }
       if (i || a) {
@@ -4748,7 +4798,7 @@ class Pa {
       );
     const a = Math.max(1, Math.floor(e.maxPoints ?? 512)), r = this.getQuerySource(i.endpoints.pointSeries);
     await r.init();
-    const n = r.getTimeDimension().values, o = at(
+    const n = r.getTimeDimension().values, o = st(
       i,
       r.getTimeDimension()
     );
@@ -4766,18 +4816,18 @@ class Pa {
     const c = this.timeRange ? Math.max(
       o.min,
       this.resolvedTimeRange?.[0] ?? this.timeMeta?.min ?? o.min
-    ) : o.min, u = this.timeRange ? Math.min(
+    ) : o.min, d = this.timeRange ? Math.min(
       o.max,
       this.resolvedTimeRange?.[1] ?? this.timeMeta?.max ?? o.max
     ) : o.max, l = n.findIndex((m) => m >= c);
-    let d = n.length - 1;
-    for (; d >= 0 && n[d] > u; )
-      d--;
-    if (l < 0 || d < l)
+    let u = n.length - 1;
+    for (; u >= 0 && n[u] > d; )
+      u--;
+    if (l < 0 || u < l)
       throw new Error("Time range does not overlap the point-series store");
     const f = Math.max(
       1,
-      Math.ceil((d - l + 1) / a)
+      Math.ceil((u - l + 1) / a)
     );
     return r.sampleTimeSeries({
       variables: fe(i),
@@ -4785,7 +4835,7 @@ class Pa {
       latitude: e.latitude,
       depth: e.depth ?? this.depth,
       timeStartIndex: l,
-      timeEndIndex: d,
+      timeEndIndex: u,
       stride: f,
       stopAfterMissingSamples: 12
     });
@@ -4822,7 +4872,7 @@ class Pa {
       );
       return;
     }
-    const e = new Qi({
+    const e = new ea({
       id: this.id,
       entry: this.catalogLayer,
       sourceConfig: this.catalogSource,
@@ -4848,7 +4898,7 @@ class Pa {
       zarrSource: this.activeFieldSource ?? void 0,
       unit: this.variableUnit,
       verticalLabel: this.verticalMeta?.label,
-      colorRamp: Le(this.settings),
+      colorRamp: De(this.settings),
       metadata: this.metadata ? { ...this.metadata } : void 0,
       before: this.before
     });
@@ -4887,7 +4937,7 @@ class Pa {
       loop: i.geoVideoLoop,
       playbackRate: i.geoVideoPlaybackRate,
       stepsPerSecond: this.catalogLayer?.kind === "vector" ? this.appliedStepsPerSecond() : void 0
-    }) ? (t.setColorDomain(this.settings.colorDomain ?? null), this.settings.palette && this.settings.palette !== e && t.setColorRamp(Le(this.settings)), !0) : !1;
+    }) ? (t.setColorDomain(this.settings.colorDomain ?? null), this.settings.palette && this.settings.palette !== e && t.setColorRamp(De(this.settings)), !0) : !1;
   }
   detach() {
     const e = this.layer;
@@ -4902,11 +4952,11 @@ class Pa {
   }
   getQuerySource(e) {
     let t = this.querySources.get(e);
-    return t || (t = new ye(e, 80), this.querySources.set(e, t)), t;
+    return t || (t = new _e(e, 80), this.querySources.set(e, t)), t;
   }
   getFieldSource(e) {
     let t = this.fieldSources.get(e);
-    return t || (t = new ye(e), this.fieldSources.set(e, t)), t;
+    return t || (t = new _e(e), this.fieldSources.set(e, t)), t;
   }
   /**
    * Time the caller asked for, so selection skips fixed-period sources (such
@@ -4924,19 +4974,19 @@ class Pa {
    * "auto", a level deeper than the surface GeoVideo renders shows Zarr.
    */
   async selectSource(e, t, i, a = {}) {
-    const r = this.sourceTimeRequest(i, a.time), n = Pe(e, t);
+    const r = this.sourceTimeRequest(i, a.time), n = Ee(e, t);
     if (n) {
-      const o = await this.archiveLevels(e, n), u = o.depths.length > 0 && a.depth != null ? rt(o, a.depth) : this.catalogLayer?.id === e.id && this.catalogSource?.id === n.id ? this.archiveLevel : null, l = await this.resolveArchives(e, u), d = l.sources.filter(
+      const o = await this.archiveLevels(e, n), d = o.depths.length > 0 && a.depth != null ? nt(o, a.depth) : this.catalogLayer?.id === e.id && this.catalogSource?.id === n.id ? this.archiveLevel : null, l = await this.resolveArchives(e, d), u = l.sources.filter(
         (m) => m.id === n.id
       );
-      if (d.length) {
+      if (u.length) {
         const m = await this.archiveSample(
           e,
           n.id,
           i,
           a.time,
-          u
-        ), p = ei(d, { time: m });
+          d
+        ), p = ai(u, { time: m });
         if (p && !this.isFailedGeoVideo(p))
           return p;
         if (t !== "auto" || this.catalogSource?.id === n.id)
@@ -4944,8 +4994,8 @@ class Pa {
             `GeoVideo chunk unavailable: ${p?.type === "geovideo" ? p.manifestUrl : n.id}`
           );
       } else {
-        if (u != null)
-          throw new Error(`GeoVideo archive level unavailable: ${u}`);
+        if (d != null)
+          throw new Error(`GeoVideo archive level unavailable: ${d}`);
         if (t !== "auto")
           throw new Error(`GeoVideo archive unavailable: ${n.id}`);
       }
@@ -4977,7 +5027,7 @@ class Pa {
   }
   isArchiveChunk(e) {
     return e.type === "geovideo" && !!this.catalogLayer?.sources.some(
-      (t) => t.id === e.id && ke(t)
+      (t) => t.id === e.id && Fe(t)
     );
   }
   /**
@@ -4989,7 +5039,7 @@ class Pa {
     if (!e || !t || !this.isArchiveChunk(t))
       return null;
     const i = this.archiveLevel;
-    return ti(
+    return si(
       (await this.resolveArchives(e, i)).sources,
       t,
       {
@@ -5000,7 +5050,7 @@ class Pa {
   }
   /** A chunk manifest, reusing the one requested ahead for the next chunk. */
   loadChunkManifest(e) {
-    return this.nextChunkManifest?.url === e ? this.nextChunkManifest.manifest : Ae(e);
+    return this.nextChunkManifest?.url === e ? this.nextChunkManifest.manifest : Ce(e);
   }
   /**
    * While a scalar archive chunk plays, load the next chunk into the layer so
@@ -5013,7 +5063,7 @@ class Pa {
         const i = await this.nextArchiveChunk(), a = i?.source.type === "geovideo" && i.source.manifestUrl;
         if (!i || !a)
           return;
-        this.nextChunkManifest?.url !== a && (this.nextChunkManifest = { url: a, manifest: Ae(a) });
+        this.nextChunkManifest?.url !== a && (this.nextChunkManifest = { url: a, manifest: Ce(a) });
         const r = this.nextChunkManifest, n = await r.manifest.catch((o) => {
           throw this.nextChunkManifest === r && (this.nextChunkManifest = null), o;
         });
@@ -5066,14 +5116,14 @@ class Pa {
     const a = (await this.resolveArchives(e, i)).sources.flatMap(
       (n) => n.id === t && n.type === "geovideo" && n.manifestUrl ? [n.manifestUrl] : []
     ), r = a.filter((n) => !this.chunkTimes.has(n));
-    for (let n = 0; n < r.length; n += ot) {
-      const o = r.slice(n, n + ot);
+    for (let n = 0; n < r.length; n += lt) {
+      const o = r.slice(n, n + lt);
       (await Promise.allSettled(
-        o.map((u) => this.loadChunkManifest(u))
-      )).forEach((u, l) => {
-        u.status === "fulfilled" ? this.chunkTimes.set(o[l], Se(u.value)) : console.warn(
+        o.map((d) => this.loadChunkManifest(d))
+      )).forEach((d, l) => {
+        d.status === "fulfilled" ? this.chunkTimes.set(o[l], we(d.value)) : console.warn(
           "[zartigl] GeoVideo chunk samples unavailable:",
-          u.reason
+          d.reason
         );
       });
     }
@@ -5088,13 +5138,13 @@ class Pa {
    * and the time shown in agreement.
    */
   async archiveSample(e, t, i, a, r = null) {
-    const n = await this.archiveTimes(e, t, r), [o, c] = i && n.length ? yt(i, [n[0], n[n.length - 1]]) : [-1 / 0, 1 / 0], u = n.filter((d) => d >= o && d <= c);
-    if (u.length === 0)
+    const n = await this.archiveTimes(e, t, r), [o, c] = i && n.length ? xt(i, [n[0], n[n.length - 1]]) : [-1 / 0, 1 / 0], d = n.filter((u) => u >= o && u <= c);
+    if (d.length === 0)
       throw new RangeError(
         "Time range does not contain any available timestamps"
       );
     const l = this.sourceTimeRequest(void 0, a).time;
-    return l == null ? u[u.length - 1] : V(u, l);
+    return l == null ? d[d.length - 1] : V(d, l);
   }
   /**
    * Entry whose archive sources are replaced by one fixed-period source per
@@ -5105,7 +5155,7 @@ class Pa {
   async resolveArchives(e, t = null) {
     const i = await Promise.all(
       e.sources.map(async (a) => {
-        if (!ke(a))
+        if (!Fe(a))
           return [a];
         const r = await this.archiveChunksAt(
           e,
@@ -5119,7 +5169,7 @@ class Pa {
         return n ? this.archiveChunksAt(
           e,
           a,
-          ii(n, a.indexUrl),
+          ri(n, a.indexUrl),
           n
         ) : [];
       })
@@ -5140,28 +5190,28 @@ class Pa {
     if (r && r.expires > Date.now())
       return r.chunks;
     const n = {
-      expires: Date.now() + na,
-      chunks: ai(i).then((o) => {
-        if (a ? !Xe(o.vertical, a) : o.vertical !== void 0)
+      expires: Date.now() + ca,
+      chunks: ni(i).then((o) => {
+        if (a ? !He(o.vertical, a) : o.vertical !== void 0)
           throw new Error(`GeoVideo index level does not match: ${i}`);
         !a && !this.archiveRoots.has(t.indexUrl) && this.archiveRoots.set(t.indexUrl, {
           surface: o.surface,
           depths: o.depths ?? []
         });
-        const c = si(
+        const c = oi(
           { ...t, indexUrl: i },
           o,
           e
         );
-        for (const u of ri(o, i))
-          this.chunkLevels.set(u.manifestUrl, a), u.times && this.chunkTimes.set(u.manifestUrl, u.times);
+        for (const d of li(o, i))
+          this.chunkLevels.set(d.manifestUrl, a), d.times && this.chunkTimes.set(d.manifestUrl, d.times);
         return c;
-      }).catch((o) => (console.warn("[zartigl] GeoVideo archive unavailable:", o), n.expires = Date.now() + oa, []))
+      }).catch((o) => (console.warn("[zartigl] GeoVideo archive unavailable:", o), n.expires = Date.now() + ha, []))
     };
     return this.archiveChunks.set(i, n), n.chunks;
   }
   resolveSource(e, t, i) {
-    const a = t === "auto" ? Gt(e, i) : e.sources.find((r) => r.id === t) ?? he(
+    const a = t === "auto" ? Bt(e, i) : e.sources.find((r) => r.id === t) ?? he(
       e,
       [t],
       i
@@ -5222,33 +5272,33 @@ class Pa {
         a(...t);
   }
 }
-function da(s, e) {
+function pa(s, e) {
   const t = new Date(s).toISOString();
   return e === "year" ? t.slice(0, 4) : e === "month" ? t.slice(0, 7) : e === "day" ? t.slice(0, 10) : "";
 }
-function ma(s, e) {
+function ga(s, e) {
   return e === "year" ? Date.UTC(Number(s), 0, 1) : e === "month" ? (/* @__PURE__ */ new Date(`${s}-01T00:00:00Z`)).getTime() : e === "day" ? (/* @__PURE__ */ new Date(`${s}T00:00:00Z`)).getTime() : (/* @__PURE__ */ new Date(`${s}Z`)).getTime();
 }
-function Ea(s, e, t) {
+function Aa(s, e, t) {
   if (!e || s.length === 0)
     return;
   if (["year", "month", "day"].includes(t)) {
     const a = s.find(
-      (r) => da(r, t) === e
+      (r) => pa(r, t) === e
     );
     if (a !== void 0)
       return a;
   }
-  const i = ma(e, t);
+  const i = ga(e, t);
   if (Number.isFinite(i))
     return s.reduce(
       (a, r) => Math.abs(r - i) < Math.abs(a - i) ? r : a
     );
 }
-const kt = pt.devDependencies["maplibre-gl"].replace(
+const It = gt.devDependencies["maplibre-gl"].replace(
   /^[^\d]*/,
   ""
-), fa = `https://cdn.jsdelivr.net/npm/maplibre-gl@${kt}/+esm`, pa = `https://cdn.jsdelivr.net/npm/maplibre-gl@${kt}/dist/maplibre-gl.css`, ga = `{
+), va = `https://cdn.jsdelivr.net/npm/maplibre-gl@${It}/+esm`, ya = `https://cdn.jsdelivr.net/npm/maplibre-gl@${It}/dist/maplibre-gl.css`, _a = `{
   version: 8,
   sources: {
     "eox-cloudless": {
@@ -5272,10 +5322,10 @@ const kt = pt.devDependencies["maplibre-gl"].replace(
 function q(s) {
   return JSON.stringify(s);
 }
-function va(s) {
+function xa(s) {
   return JSON.stringify(s, null, 2);
 }
-function Ft(s) {
+function Ut(s) {
   return s instanceof Date ? `new Date(${q(s.toISOString())})` : typeof s == "string" ? `new Date(${q(s)})` : String(s);
 }
 function ie(s, e = 6) {
@@ -5283,25 +5333,25 @@ function ie(s, e = 6) {
 }
 function $(s, e) {
   const t = " ".repeat(e);
-  return va(s).split(`
+  return xa(s).split(`
 `).map((i) => `${t}${i}`).join(`
 `).trimStart();
 }
-function ya(s, e) {
+function ba(s, e) {
   const t = " ".repeat(e);
   return s.split(`
 `).map((i) => i.length > 0 ? `${t}${i}` : i).join(`
 `);
 }
-const _a = (s) => {
+const Sa = (s) => {
   const e = s.source ?? "auto";
   return s.sourceType ?? (e === "wmts" || e === "geovideo" ? e : "zarr");
 };
-function It(s) {
-  const { layerKind: e, layerDefaults: t } = s, i = ft(s.style ?? {}, e), a = t === void 0 ? i : Ot(i, Ne({ kind: e, defaults: t })), r = a.raster?.opacity, n = _a(s) !== "wmts" ? a : r === void 0 ? {} : { raster: { opacity: r } };
+function Vt(s) {
+  const { layerKind: e, layerDefaults: t } = s, i = pt(s.style ?? {}, e), a = t === void 0 ? i : $t(i, ze({ kind: e, defaults: t })), r = a.raster?.opacity, n = Sa(s) !== "wmts" ? a : r === void 0 ? {} : { raster: { opacity: r } };
   return Object.keys(n).length ? n : void 0;
 }
-function Ut(s) {
+function Nt(s) {
   const { particleState: e, rgba8MaxParticleZoom: t } = s.settings ?? {}, i = Object.fromEntries(
     Object.entries({ particleState: e, rgba8MaxParticleZoom: t }).filter(
       ([, a]) => a !== void 0
@@ -5309,8 +5359,8 @@ function Ut(s) {
   );
   return s.layerKind === "vector" && Object.keys(i).length ? i : void 0;
 }
-function La(s) {
-  const e = s.source ?? "auto", t = It(s), i = Ut(s), a = [
+function Ca(s) {
+  const e = s.source ?? "auto", t = Vt(s), i = Nt(s), a = [
     "        idView: widget.opt.view.id,",
     "        map: widget.opt.map,",
     `        layer: ${q(s.layerId)},`,
@@ -5318,7 +5368,7 @@ function La(s) {
   ];
   for (const r of ["title", "subtitle", "description"])
     s[r] != null && a.push(`        ${r}: ${$(s[r], 10)},`);
-  return s.entry && a.push(`        entry: ${$(s.entry, 10)},`), t && a.push(`        style: ${$(t, 10)},`), i && a.push(`        settings: ${$(i, 10)},`), s.time != null && a.push(`        time: ${Ft(s.time)},`), s.timeRange != null && a.push(
+  return s.entry && a.push(`        entry: ${$(s.entry, 10)},`), t && a.push(`        style: ${$(t, 10)},`), i && a.push(`        settings: ${$(i, 10)},`), s.time != null && a.push(`        time: ${Ut(s.time)},`), s.timeRange != null && a.push(
     `        timeRange: ${$(s.timeRange, 10)},`
   ), s.geoVideo != null && a.push(
     `        geoVideo: ${$(s.geoVideo, 10)},`
@@ -5357,16 +5407,16 @@ ${a.join(`
   };
 }`;
 }
-function xa(s) {
-  const e = s.moduleBaseUrl ?? `https://cdn.jsdelivr.net/npm/@fxi/zartigl@${pt.version}/dist`, t = s.source ?? "auto", i = It(s), a = Ut(s), r = s.timeRange == null ? "" : `  timeRange: ${$(s.timeRange, 2)},
+function wa(s) {
+  const e = s.moduleBaseUrl ?? `https://cdn.jsdelivr.net/npm/@fxi/zartigl@${gt.version}/dist`, t = s.source ?? "auto", i = Vt(s), a = Nt(s), r = s.timeRange == null ? "" : `  timeRange: ${$(s.timeRange, 2)},
 `, n = s.geoVideo == null ? "" : `  geoVideo: ${$(s.geoVideo, 2)},
 `, o = i == null ? "" : `  style: ${$(i, 2)},
 `, c = a == null ? "" : `  settings: ${$(a, 2)},
-`, u = s.time == null ? "" : `  time: ${Ft(s.time)},
+`, d = s.time == null ? "" : `  time: ${Ut(s.time)},
 `, l = s.depth == null ? "" : `  depth: ${s.depth},
-`, d = s.center ?? [0, 20], f = s.projection ?? "mercator", m = s.mapStyle == null ? ga : q(s.mapStyle), p = `map.setProjection({ type: ${q(f)} });
+`, u = s.center ?? [0, 20], f = s.projection ?? "mercator", m = s.mapStyle == null ? _a : q(s.mapStyle), p = `map.setProjection({ type: ${q(f)} });
 map.jumpTo({
-  center: [${ie(d[0])}, ${ie(d[1])}],
+  center: [${ie(u[0])}, ${ie(u[1])}],
   zoom: ${ie(s.zoom ?? 2, 3)},
   bearing: ${ie(s.bearing ?? 0, 3)},
   pitch: ${ie(s.pitch ?? 0, 3)},
@@ -5393,10 +5443,10 @@ const z = new Zartigl({
   catalog,
   layer: ${q(s.layerId)},
   source: ${q(t)},
-${r}${n}${o}${c}${u}${l}});
+${r}${n}${o}${c}${d}${l}});
 
 await z.init();`;
-  return `import maplibregl from ${q(fa)};
+  return `import maplibregl from ${q(va)};
 import { Zartigl } from "${e}/zartigl.js";
 import { catalog } from "${e}/catalog.js";
 
@@ -5408,18 +5458,18 @@ const map = new maplibregl.Map({
 });
 
 map.once("style.load", async () => {
-${ya(p, 2)}
+${ba(p, 2)}
 });`;
 }
-function Da(s) {
-  const e = xa(s);
+function ka(s) {
+  const e = wa(s);
   return `<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Zartigl demo</title>
-    <link rel="stylesheet" href=${q(pa)} />
+    <link rel="stylesheet" href=${q(ya)} />
     <style>
       html, body, #map {
         width: 100%;
@@ -5441,41 +5491,41 @@ ${e}
 </html>`;
 }
 export {
-  ni as BACKDROP_OFF,
-  oi as COLOR_GRADE_OFF,
-  Ua as COLOR_GRADE_VIBRANT,
-  ia as GEOVIDEO_SPEEDS,
+  ci as BACKDROP_OFF,
+  hi as COLOR_GRADE_OFF,
+  za as COLOR_GRADE_VIBRANT,
+  ra as GEOVIDEO_SPEEDS,
   G as GeoVideoLayer,
-  At as LEGACY_STYLE_SETTINGS,
-  wt as ParticleSimulation,
+  kt as LEGACY_STYLE_SETTINGS,
+  Mt as ParticleSimulation,
   me as ScalarLayer,
-  tt as VECTOR_GEOVIDEO_SPEEDS,
+  it as VECTOR_GEOVIDEO_SPEEDS,
   D as VectorLayer,
-  Tt as VelocityField,
-  ye as ZarrSource,
-  Pa as Zartigl,
-  _e as ZartiglFrameUnavailableError,
-  La as buildMapxWidgetSnippet,
-  Da as buildStandaloneDemoHtml,
-  xa as buildStandaloneDemoSnippet,
-  Wi as buildWmtsLegendUrl,
-  Ke as buildWmtsTileUrl,
-  hi as colorGradeToGrade,
-  Oi as deriveDirectionMagnitudeComponents,
-  He as formatUnit,
-  jt as geoVideoSecondsForTime,
-  ka as geoVideoTimeForSeconds,
-  Se as geoVideoTimelineValues,
-  vt as getPalettes,
-  Ra as getVectorDerivationVariables,
-  ui as gradeToColorGrade,
-  Va as isHexColor,
-  Ae as loadGeoVideoManifest,
-  xt as resolveBackdrop,
-  _t as resolveColorGrade,
-  Ce as resolveColorRamp,
-  Ea as resolveTimeInputSelection,
-  De as splitLegacySettings,
-  Mt as stitchVelocityChunks,
-  Fa as validateGeoVideoManifest
+  Rt as VelocityField,
+  _e as ZarrSource,
+  Da as Zartigl,
+  xe as ZartiglFrameUnavailableError,
+  Ca as buildMapxWidgetSnippet,
+  ka as buildStandaloneDemoHtml,
+  wa as buildStandaloneDemoSnippet,
+  Yi as buildWmtsLegendUrl,
+  Je as buildWmtsTileUrl,
+  mi as colorGradeToGrade,
+  qi as deriveDirectionMagnitudeComponents,
+  Ye as formatUnit,
+  Jt as geoVideoSecondsForTime,
+  Ua as geoVideoTimeForSeconds,
+  we as geoVideoTimelineValues,
+  _t as getPalettes,
+  La as getVectorDerivationVariables,
+  fi as gradeToColorGrade,
+  Ga as isHexColor,
+  Ce as loadGeoVideoManifest,
+  St as resolveBackdrop,
+  bt as resolveColorGrade,
+  ke as resolveColorRamp,
+  Aa as resolveTimeInputSelection,
+  Ae as splitLegacySettings,
+  Pt as stitchVelocityChunks,
+  Va as validateGeoVideoManifest
 };