@fxi/zartigl 0.14.0 → 0.14.1

package/dist/zartigl.js

@@ -1,59 +1,68 @@
-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) {
+import { m as ae, p as ft, s as pt, a as qe, b as Ot, r as ze, c as Bt, d as he, e as $t, f as gt, g as qt } from "./index-BDIf6Jc0.js";
+import { T as Wt, g as Xt, r as Ht, d as Yt, c as W, a as Zt, b as ge, e as jt, f as J, h as Se, i as O, G as Qt, j as We, F as Kt, 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 Jt, t as ke, u as ei, w as _t, x as z, y as He, z as we, A as ti, B as ii, C as ai, D as Ye, E as si, H as Fe, I as ri, J as xt, K as ni, L as oi, M as li, N as ci } from "./engine-C8ZNzILO.js";
+import { O as Ua, P as Na } from "./engine-C8ZNzILO.js";
+import { B as hi, a as ui, b as di, c as mi, d as bt, r as St, e as fi, g as pi } from "./backdrop-Dceb4d8E.js";
+import { f as Ga, i as Oa } from "./backdrop-Dceb4d8E.js";
+import { inflate as gi } from "pako";
+import vi from "numcodecs/blosc";
+const Ie = 85, yi = 89.9;
+function Ve(s) {
   return Math.max(-Ie, Math.min(Ie, s));
 }
 function Ze(s) {
-  const e = Ue(s), t = Math.sin(e * Math.PI / 180);
+  const e = Ve(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 yi(s) {
+function _i(s) {
   return ((s + 180) % 360 + 360) % 360 - 180;
 }
+function wt(s, e, t, i) {
+  const a = (o, l, d) => d > l ? Math.abs(o[d] - o[l]) / (d - l) / 2 : o.length > 1 ? Math.abs(o[1] - o[0]) / 2 : 0, r = a(s, t[0], t[1]), n = a(e, i[0], i[1]);
+  return {
+    west: s[t[0]] - r,
+    east: s[t[1]] + r,
+    south: Math.min(e[i[0]], e[i[1]]) - n,
+    north: Math.max(e[i[0]], e[i[1]]) + n
+  };
+}
 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);
+function xi(s, e) {
+  const t = _i(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 xi(s) {
+function bi(s) {
   return {
     west: -180,
     east: 180,
-    south: Ue(s.getSouth()),
-    north: Ue(s.getNorth())
+    south: Ve(s.getSouth()),
+    north: Ve(s.getNorth())
   };
 }
-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);
+function Si(s, e = 1, t = !1) {
+  const i = t ? yi : Ie, a = (d) => Math.max(-i, Math.min(i, d)), r = a(s.getSouth()), n = a(s.getNorth()), l = Math.max(0, n - r) * Math.max(0, e);
   return {
     west: -180,
     east: 180,
-    south: a(r - c),
-    north: a(n + c)
+    south: a(r - l),
+    north: a(n + l)
   };
 }
-function Si(s, e, t = 1e-6) {
+function wi(s, e, t = 1e-6) {
   return s.south <= e.south + t && s.north >= e.north - t;
 }
-function wi(s, e = !1) {
+function Ti(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,
@@ -95,7 +104,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);
-}`, Ti = `#version 300 es
+}`, Mi = `#version 300 es
 precision highp float;
 
 uint pcg(uint v) {
@@ -365,7 +374,7 @@ void main() {
         fract(newPos.y * 255.0)
     );
 #endif
-}`, Mi = `precision highp float;
+}`, Ri = `precision highp float;
 
 attribute float a_index;
 attribute float a_is_curr;   
@@ -597,7 +606,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);
     }
-}`, Ri = `precision mediump float;
+}`, Pi = `precision mediump float;
 
 uniform sampler2D u_color_ramp;
 uniform float u_particle_contrast; 
@@ -636,7 +645,7 @@ void main() {
     }
     
     gl_FragColor = vec4(color.rgb, color.a * u_opacity);
-}`, Pi = `#version 300 es
+}`, Ei = `#version 300 es
 precision mediump float;
 
 uniform sampler2D u_screen;
@@ -653,7 +662,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);
-}`, Ei = `#version 300 es
+}`, Li = `#version 300 es
 precision mediump float;
 
 uniform sampler2D u_screen;
@@ -724,7 +733,7 @@ void main() {
     }
     vec3 rgb = u_grade_on > 0.5 ? gradeColor(color.rgb, u_grade) : color.rgb;
     o_color = vec4(rgb, color.a);
-}`, Li = `#version 300 es
+}`, Di = `#version 300 es
 precision mediump float;
 
 uniform sampler2D u_screen;
@@ -761,7 +770,7 @@ vec4 addGlow(vec4 trail, sampler2D glowTex, vec2 uv, float gain) {
 
 void main() {
     o_color = glowGather(u_screen, ivec2(gl_FragCoord.xy));
-}`, wt = `precision highp float;
+}`, Tt = `precision highp float;
 
 attribute vec2 a_grid_uv;
 
@@ -785,14 +794,17 @@ float latToMercY(float lat) {
 }
 
 void main() {
-    float lng = mix(u_geo_bounds.x, u_geo_bounds.z, a_grid_uv.x);
+    
+    float width = u_geo_bounds.z - u_geo_bounds.x;
+    float east = width >= 359.0 ? u_geo_bounds.x + 360.0 : u_geo_bounds.z;
+    float lng = mix(u_geo_bounds.x, east, a_grid_uv.x);
     float lat = mix(u_geo_bounds.y, u_geo_bounds.w, a_grid_uv.y);
     vec2 merc = vec2(lngToMercX(lng) + u_world_offset, latToMercY(lat));
     vec2 worldPos = merc * u_world_size;
 
-    v_geo_uv = a_grid_uv;
+    v_geo_uv = vec2((lng - u_geo_bounds.x) / width, a_grid_uv.y);
     gl_Position = u_matrix * vec4(worldPos, 0.0, 1.0);
-}`, Di = `precision mediump float;
+}`, Ai = `precision mediump float;
 
 uniform sampler2D u_field;        
 uniform sampler2D u_color_ramp;   
@@ -855,7 +867,8 @@ vec3 sampleVelocityPair(sampler2D field, vec2 uv, vec2 minimum, vec2 maximum) {
 }
 
 void main() {
-    if (v_geo_uv.x < 0.0 || v_geo_uv.x > 1.0 || v_geo_uv.y < 0.0 || v_geo_uv.y > 1.0) {
+    
+    if (v_geo_uv.y < 0.0 || v_geo_uv.y > 1.0) {
         discard;
     }
 
@@ -891,7 +904,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);
-}`, Tt = `precision highp float;
+}`, Mt = `precision highp float;
 
 attribute vec2 a_grid_uv;
 
@@ -907,8 +920,15 @@ 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);
+    
+    
+    
+    
+    float width = u_geo_bounds.z - u_geo_bounds.x;
+    float east = width >= 359.0 ? u_geo_bounds.x + 360.0 : u_geo_bounds.z;
+    float lng = mix(u_geo_bounds.x, east, a_grid_uv.x);
+    
+    float lat = clamp(mix(u_geo_bounds.y, u_geo_bounds.w, a_grid_uv.y), -90.0, 90.0);
     float lngRad = radians(lng);
     float latRad = radians(lat);
     float cosLat = cos(latRad);
@@ -918,7 +938,7 @@ void main() {
         cos(lngRad) * cosLat
     );
 
-    v_geo_uv = a_grid_uv;
+    v_geo_uv = vec2((lng - u_geo_bounds.x) / width, a_grid_uv.y);
     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) {
@@ -934,7 +954,7 @@ void main() {
         position.xyw = mix(flatPosition.xyw, position.xyw, u_projection_transition);
     }
     gl_Position = position;
-}`, Ai = `precision mediump float;
+}`, Ci = `precision mediump float;
 
 uniform sampler2D u_field;
 uniform sampler2D u_color_ramp;
@@ -1024,8 +1044,8 @@ void main() {
     color.rgb = applyVibrance(color.rgb, u_vibrance);
     gl_FragColor = vec4(color.rgb, color.a * u_opacity);
 }`;
-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) {
+const Me = [0, 0, 0, 0], B = 512, H = B * B, Y = 128, ee = 64, ki = 1, Fi = 0.92, Ii = 0.1, je = 0.98;
+function Vi(s) {
   if (Number.isNaN(s))
     return 32256;
   if (s === 1 / 0)
@@ -1051,26 +1071,26 @@ const Ui = {
   opacity: 1,
   logScale: !1,
   vibrance: 0,
-  colorGrade: hi,
-  backdrop: ci,
+  colorGrade: ui,
+  backdrop: hi,
   glow: 0,
   scalarMode: !1,
   particleState: "auto",
   rgba8MaxParticleZoom: 4
 };
-class Mt {
+class Rt {
   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 = { ...Ui, ...e }, this.trailFade = new qt(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 Wt(this.params.fadeOpacity);
   }
   init(e) {
-    this.gl = e, this.webglInfo = Wt(e), this.stateFormat = this.params.particleState === "rgba8" ? Xt(e) : Ht(e);
+    this.gl = e, this.webglInfo = Xt(e), this.stateFormat = this.params.particleState === "rgba8" ? Ht(e) : Yt(e);
     const t = this.stateFormat.kind !== "rgba8-packed" ? `#define USE_FLOAT_STATE 1
 ` : "";
     this.updateProgram = W(
       e,
       de,
-      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, [
+      Mi.replace(/^(#version[^\n]*\n)/, `$1${t}`)
+    ), this.drawProgram = W(e, t + Ri, Pi), this.fadeProgram = W(e, de, Ei), this.compositeProgram = W(e, de, Li), this.glowProgram = W(e, de, Di), this.gridProgram = W(e, Tt, Ai), this.gridGlobeProgram = W(e, Mt, Ci), this.updateLocs = this.getUniforms(this.updateProgram, [
       "u_particles",
       ...ue,
       "u_velocity",
@@ -1154,7 +1174,7 @@ class Mt {
       "u_vibrance",
       "u_scalar_mode",
       "u_solid"
-    ]), this.quadBuffer = Yt(e), this.initRasterGrid(), this.colorRampTexture = ge(e, this.params.colorRamp), this.initParticleState();
+    ]), this.quadBuffer = Zt(e), this.initRasterGrid(), this.colorRampTexture = ge(e, this.params.colorRamp), this.initParticleState();
   }
   getUniforms(e, t) {
     const i = {};
@@ -1174,7 +1194,7 @@ class Mt {
     if (this.stateFormat?.kind === "float16") {
       const a = new Uint16Array(t);
       for (let r = 0; r < t; r++)
-        a[r] = Ii(Math.random());
+        a[r] = Vi(Math.random());
       return a;
     }
     const i = new Uint8Array(t);
@@ -1183,7 +1203,7 @@ class Mt {
     return i;
   }
   createStateTexture(e) {
-    return Zt(
+    return jt(
       this.gl,
       this.gl.NEAREST,
       e,
@@ -1196,10 +1216,10 @@ class Mt {
   initParticleState() {
     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);
+    const o = new Float32Array(H * 2), l = new Float32Array(H * 2);
     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);
+      o[d * 2] = d, o[d * 2 + 1] = d, l[d * 2] = 0, l[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, l, e.STATIC_DRAW);
   }
   initRasterGrid() {
     const e = this.gl, t = new Float32Array(
@@ -1207,17 +1227,17 @@ class Mt {
     );
     let i = 0;
     for (let o = 0; o <= ee; o++)
-      for (let c = 0; c <= Y; c++)
-        t[i++] = c / Y, t[i++] = o / ee;
+      for (let l = 0; l <= Y; l++)
+        t[i++] = l / Y, t[i++] = o / ee;
     const a = new Uint16Array(
       Y * ee * 6
     );
     let r = 0;
     const n = Y + 1;
     for (let o = 0; o < ee; o++)
-      for (let c = 0; c < Y; c++) {
-        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;
+      for (let l = 0; l < Y; l++) {
+        const d = o * n + l, c = d + 1, u = d + n, f = u + 1;
+        a[r++] = d, a[r++] = u, a[r++] = c, a[r++] = c, 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;
   }
@@ -1236,14 +1256,14 @@ class Mt {
       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 = 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];
+    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), l = J(i, n);
+    this.screenTextures = [r, n], this.screenFramebuffers = [o, l];
   }
   /**
    * 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, d = !1, l = [0, 0, 1], u, f) {
+  render(e, t, i, a, r, n, o, l, d = !1, c = [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;
@@ -1255,12 +1275,12 @@ class Mt {
     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), 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;
+      const R = 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);
+        const F = this.prevBounds.maxX - this.prevBounds.minX, L = this.prevBounds.maxY - this.prevBounds.minY, D = 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(R - F) / Math.max(F, D), w = Math.abs(b - N) / Math.max(F, D) + Math.abs(A - C) / Math.max(L, D), V = Math.min(1, I + w);
         this.redistributionBoost = Math.max(
-          this.redistributionBoost * ki,
-          U * Ci
+          this.redistributionBoost * Fi,
+          V * ki
         );
       }
       this.prevBounds = {
@@ -1271,7 +1291,7 @@ class Mt {
       };
       const k = Math.min(
         this.params.dropRate + this.redistributionBoost,
-        Fi
+        Ii
       );
       h.uniform1f(this.updateLocs.u_drop_rate, k), h.uniform1f(
         this.updateLocs.u_drop_rate_bump,
@@ -1282,12 +1302,12 @@ class Mt {
         r.minY,
         r.maxX,
         r.maxY
-      ), h.uniform1f(this.updateLocs.u_is_globe, d ? 1 : 0), c && h.uniform4f(
+      ), h.uniform1f(this.updateLocs.u_is_globe, d ? 1 : 0), l && h.uniform4f(
         this.updateLocs.u_geo_bounds,
-        c.west,
-        c.south,
-        c.east,
-        c.north
+        l.west,
+        l.south,
+        l.east,
+        l.north
       ), h.uniform1f(
         this.updateLocs.u_valid_threshold,
         je
@@ -1297,16 +1317,16 @@ class Mt {
       this.fadeLocs.u_opacity,
       this.updateTrailFadeOpacity(performance.now())
     ), this.drawQuad();
-    const v = (E) => {
-      c && (d && u ? this.renderGridGlobe(
+    const v = (R) => {
+      l && (d && u ? this.renderGridGlobe(
         e,
         t,
         i,
         a,
-        c,
+        l,
         u,
         1,
-        E,
+        R,
         p
       ) : d || this.renderGrid(
         e,
@@ -1315,9 +1335,9 @@ class Mt {
         a,
         n,
         o,
-        c,
+        l,
         1,
-        E,
+        R,
         p
       ));
     };
@@ -1327,12 +1347,12 @@ class Mt {
         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), 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(
+      ), 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), l && h.uniform4f(
         this.drawLocs.u_geo_bounds,
-        c.west,
-        c.south,
-        c.east,
-        c.north
+        l.west,
+        l.south,
+        l.east,
+        l.north
       ), h.uniform1f(this.drawLocs.u_particles_res, B), h.uniform1f(this.drawLocs.u_world_size, n), h.uniform1f(this.drawLocs.u_speed, this.params.speed), O(h, this.colorRampTexture, 2), h.uniform1i(this.drawLocs.u_color_ramp, 2), h.uniform1f(
         this.drawLocs.u_particle_contrast,
         this.renderMode === "raster+particles" ? 1 : 0
@@ -1344,30 +1364,30 @@ class Mt {
         je
       ), h.uniform1f(this.drawLocs.u_is_globe, d ? 1 : 0), h.uniform3f(
         this.drawLocs.u_globe_center,
-        l[0],
-        l[1],
-        l[2]
+        c[0],
+        c[1],
+        c[2]
       ), h.uniformMatrix4fv(
         this.drawLocs.u_matrix,
         !1,
         a instanceof Float32Array ? a : new Float32Array(Array.from(a))
       );
-      const E = h.getAttribLocation(this.drawProgram, "a_index");
-      h.bindBuffer(h.ARRAY_BUFFER, this.particleIndexBuffer), h.enableVertexAttribArray(E), h.vertexAttribPointer(E, 1, h.FLOAT, !1, 0, 0);
+      const R = h.getAttribLocation(this.drawProgram, "a_index");
+      h.bindBuffer(h.ARRAY_BUFFER, this.particleIndexBuffer), h.enableVertexAttribArray(R), h.vertexAttribPointer(R, 1, h.FLOAT, !1, 0, 0);
       const k = h.getAttribLocation(this.drawProgram, "a_is_curr");
       h.bindBuffer(h.ARRAY_BUFFER, this.particleIsCurrBuffer), h.enableVertexAttribArray(k), h.vertexAttribPointer(k, 1, h.FLOAT, !1, 0, 0);
       for (const F of o)
         h.uniform1f(this.drawLocs.u_world_offset, F), h.drawArrays(h.LINES, 0, this.numParticles * 2);
-      h.disableVertexAttribArray(E), h.disableVertexAttribArray(k), h.disable(h.BLEND);
+      h.disableVertexAttribArray(R), h.disableVertexAttribArray(k), h.disable(h.BLEND);
     }
     h.bindFramebuffer(h.FRAMEBUFFER, g), h.viewport(0, 0, this.screenWidth, this.screenHeight);
-    const _ = ui(this.params.backdrop);
+    const _ = di(this.params.backdrop);
     _[3] > 0 && v(_);
-    const S = this.params.glow > 0 ? this.renderGlow(g) : null, R = this.params.colorGrade;
+    const S = this.params.glow > 0 ? this.renderGlow(g) : null, E = 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 ? 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();
+      S ? Qt * this.params.glow : 0
+    ), h.uniform1f(this.compositeLocs.u_grade_on, E.enabled ? 1 : 0), h.uniform4f(this.compositeLocs.u_grade, ...mi(E)), 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
@@ -1380,16 +1400,16 @@ class Mt {
   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, d = Me, l) {
+  renderGrid(e, t, i, a, r, n, o, l = 1, d = Me, c) {
     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,
+      l,
       d,
-      l
+      c
     ), u.uniformMatrix4fv(
       this.gridLocs.u_matrix,
       !1,
@@ -1410,15 +1430,15 @@ class Mt {
       );
     this.unbindRasterGrid(this.gridProgram), u.disable(u.BLEND);
   }
-  renderGridGlobe(e, t, i, a, r, n, o = 1, c = Me, d, l = Qt) {
+  renderGridGlobe(e, t, i, a, r, n, o = 1, l = Me, d, c = Kt) {
     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(
+    u.useProgram(this.gridGlobeProgram), vt(u, this.gridGlobeLocs, c), u.disable(u.DEPTH_TEST), u.disable(u.STENCIL_TEST), u.disable(u.BLEND), this.setGridFieldUniforms(
       this.gridGlobeLocs,
       e,
       t,
       i,
       o,
-      c,
+      l,
       d
     ), u.uniformMatrix4fv(
       this.gridGlobeLocs.u_matrix,
@@ -1444,12 +1464,12 @@ class Mt {
     ), this.unbindRasterGrid(this.gridGlobeProgram), u.disable(u.BLEND);
   }
   setGridFieldUniforms(e, t, i, a, r, n, o) {
-    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 l = this.gl, d = { unit: t, min: i, max: a }, c = o ?? { a: d, b: d, mix: 0 };
+    Te(l, e, c), l.uniform1i(e.u_field, c.a.unit), l.uniform4f(e.u_solid, ...n), O(l, this.colorRampTexture, 2), l.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, 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);
+    l.uniform1f(e.u_field_min, 0), l.uniform1f(e.u_field_max, u > 0 ? u : 1), l.uniform1f(e.u_u_min, c.a.min[0]), l.uniform1f(e.u_u_max, c.a.max[0]), l.uniform1f(e.u_v_min, c.a.min[1]), l.uniform1f(e.u_v_max, c.a.max[1]), l.uniform1f(e.u_opacity, this.params.opacity * r), l.uniform1f(e.u_log_scale, this.params.logScale ? 1 : 0), l.uniform1f(e.u_vibrance, this.params.vibrance), l.uniform1f(e.u_scalar_mode, this.params.scalarMode ? 1 : 0);
   }
   bindRasterGrid(e) {
     const t = this.gl, i = t.getAttribLocation(e, "a_grid_uv");
@@ -1604,7 +1624,7 @@ class Mt {
     e.deleteBuffer(this.quadBuffer), e.deleteBuffer(this.particleIndexBuffer), e.deleteBuffer(this.particleIsCurrBuffer), e.deleteTexture(this.colorRampTexture);
   }
 }
-class Rt {
+class Pt {
   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;
   }
@@ -1618,17 +1638,17 @@ class Rt {
    * 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: 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);
+    const i = this.gl, { u: a, v: r, width: n, height: o, uMin: l, uMax: d, vMin: c, vMax: u } = e;
+    this.scalarMode = e.scalarMode ?? !1, this.width = n, this.height = o, this.uMin = l, this.uMax = d, this.vMin = c, this.vMax = u, this.geoBounds = e.bounds;
+    const f = this.scalarMode && t ? t[0] : l, p = (this.scalarMode && t ? t[1] : d) - f || 1, h = u - c || 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(
         Math.max(0, Math.min(1, (v - f) / p)) * 255
       ), g[y * 4 + 1] = 128, g[y * 4 + 2] = 0, g[y * 4 + 3] = 255) : isNaN(v) || isNaN(_) ? (g[y * 4] = 0, g[y * 4 + 1] = 0, g[y * 4 + 2] = 0, g[y * 4 + 3] = 0) : (g[y * 4] = Math.round(
-        Math.max(0, Math.min(1, (v - c) / p)) * 255
+        Math.max(0, Math.min(1, (v - l) / p)) * 255
       ), g[y * 4 + 1] = Math.round(
-        Math.max(0, Math.min(1, (_ - l) / h)) * 255
+        Math.max(0, Math.min(1, (_ - c) / h)) * 255
       ), g[y * 4 + 2] = 0, g[y * 4 + 3] = 255);
     }
     if (e.latDescending) {
@@ -1642,7 +1662,7 @@ class Rt {
     console.log(
       `[zartigl] Velocity texture: ${n}x${o}, valid=${x} (${(100 * x / (n * o)).toFixed(
         1
-      )}%), nodata=${T}, uRange=[${c.toFixed(4)}, ${d.toFixed(4)}], vRange=[${l.toFixed(4)}, ${u.toFixed(4)}]`
+      )}%), nodata=${T}, uRange=[${l.toFixed(4)}, ${d.toFixed(4)}], vRange=[${c.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(
@@ -1682,8 +1702,8 @@ class Rt {
     this.gl && this.texture && (this.gl.deleteTexture(this.texture), this.texture = null);
   }
 }
-function Pt(s, e, t, i, a, r, n) {
-  const o = new Float32Array(t * i).fill(NaN), c = new Float32Array(t * i).fill(NaN);
+function Et(s, e, t, i, a, r, n) {
+  const o = new Float32Array(t * i).fill(NaN), l = new Float32Array(t * i).fill(NaN);
   for (const m of s)
     for (let p = 0; p < m.latSize; p++)
       for (let h = 0; h < m.lonSize; h++) {
@@ -1694,18 +1714,18 @@ function Pt(s, e, t, i, a, r, n) {
     for (let p = 0; p < m.latSize; p++)
       for (let h = 0; h < m.lonSize; h++) {
         const g = p * m.lonChunkSize + h, x = (m.latStart + p) * i + (m.lonStart + h);
-        c[x] = m.data[g];
+        l[x] = m.data[g];
       }
-  let d = 1 / 0, l = -1 / 0, u = 1 / 0, f = -1 / 0;
+  let d = 1 / 0, c = -1 / 0, u = 1 / 0, f = -1 / 0;
   for (let m = 0; m < o.length; m++)
-    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), {
+    isNaN(o[m]) || (o[m] < d && (d = o[m]), o[m] > c && (c = o[m])), isNaN(l[m]) || (l[m] < u && (u = l[m]), l[m] > f && (f = l[m]));
+  return isFinite(d) || (d = -1), isFinite(c) || (c = 1), isFinite(u) || (u = -1), isFinite(f) || (f = 1), {
     u: o,
-    v: c,
+    v: l,
     width: i,
     height: t,
     uMin: d,
-    uMax: l,
+    uMax: c,
     vMin: u,
     vMax: f,
     bounds: a ?? { west: -180, south: -90, east: 180, north: 90 },
@@ -1777,7 +1797,7 @@ class _e {
     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 = Oi(i);
+    const n = Bi(i);
     return {
       min: a,
       max: r,
@@ -1849,7 +1869,7 @@ class _e {
       throw new Error(
         `Unsupported Zarr time units: ${this.timeUnits || "<missing>"}`
       );
-    const i = zi(t[2]);
+    const i = Gi(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;
@@ -1862,28 +1882,28 @@ class _e {
   }
   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 u = i[l];
+    for (let c = 0; c < i.length; c++) {
+      const u = i[c];
       let f = 0;
-      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];
+      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[c] - 1, f)), n[c] = Math.floor(f / a[c]), o[c] = f - n[c] * a[c];
     }
-    let c;
+    let l;
     try {
-      c = await this.fetchChunk(e, n);
-    } catch (l) {
-      if (l instanceof Qe && (l.status === 403 || l.status === 404))
+      l = await this.fetchChunk(e, n);
+    } catch (c) {
+      if (c instanceof Qe && (c.status === 403 || c.status === 404))
         return NaN;
-      throw l;
+      throw c;
     }
     const d = this.getFlatOffset(e, o);
-    return d < c.length ? c[d] : NaN;
+    return d < l.length ? l[d] : NaN;
   }
   getFlatOffset(e, t) {
     const i = this.getArrayMeta(e), a = i.chunks;
     if (i.order === "F") {
       let n = 0, o = 1;
-      for (let c = 0; c < t.length; c++)
-        n += t[c] * o, o *= a[c];
+      for (let l = 0; l < t.length; l++)
+        n += t[l] * o, o *= a[l];
       return n;
     }
     let r = 0;
@@ -1899,13 +1919,13 @@ class _e {
     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)), d = Math.max(
+    ), l = Math.max(1, Math.floor(e.stride ?? 1)), d = Math.max(
       0,
       Math.floor(e.stopAfterMissingSamples ?? 0)
     );
-    let l = 0;
+    let c = 0;
     const u = [];
-    for (let f = n; f <= o; f += c) {
+    for (let f = n; f <= o; f += l) {
       const m = {};
       for (const g of e.variables)
         m[g] = await this.sampleVariableAt(g, {
@@ -1920,9 +1940,9 @@ class _e {
         time: p,
         depth: t.vertical[r],
         values: m
-      }), l = e.variables.every(
+      }), c = e.variables.every(
         (g) => !Number.isFinite(m[g])
-      ) ? l + 1 : 0, d > 0 && l >= d)
+      ) ? c + 1 : 0, d > 0 && c >= d)
         break;
     }
     return {
@@ -1939,21 +1959,21 @@ class _e {
       Math.floor(e.stopAfterMissingSamples ?? 0)
     );
     let o = 0;
-    const c = [];
+    const l = [];
     let d = Array.from(
       { length: t.vertical.length },
       (f, m) => m
     ).sort(
       (f, m) => Math.abs(t.vertical[f]) - Math.abs(t.vertical[m])
     );
-    const l = Math.max(
+    const c = Math.max(
       1,
       Math.floor(e.maxDepths ?? d.length)
     ), u = Math.max(
       1,
-      Math.floor(e.stride ?? Math.ceil(d.length / l))
+      Math.floor(e.stride ?? Math.ceil(d.length / c))
     );
-    d = d.filter((f, m) => m % u === 0).slice(0, l);
+    d = d.filter((f, m) => m % u === 0).slice(0, c);
     for (const f of d) {
       const m = {};
       for (const g of e.variables)
@@ -1964,7 +1984,7 @@ class _e {
           lonIdx: i
         });
       const p = t.vertical[f];
-      if (c.push({
+      if (l.push({
         axisValue: p,
         time: this.zarrTimeToMs(t.time[r]),
         depth: p,
@@ -1978,7 +1998,7 @@ class _e {
       longitude: t.longitude[i],
       latitude: t.latitude[a],
       time: this.zarrTimeToMs(t.time[r]),
-      points: c
+      points: l
     };
   }
   /** Return the actual name of the vertical dimension ("depth" or "elevation"). */
@@ -1989,11 +2009,11 @@ class _e {
    * 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"), 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 = [];
+    const r = this.getCoords(), n = this.getChunkShape(e), o = this.getDimensions(e), l = o.indexOf("latitude"), d = o.indexOf("longitude"), c = n[l], 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 / c), S = Math.floor(M / c), E = Math.floor(y / u), R = Math.floor(v / u), k = this.getShape(e), F = k[l], L = k[d], D = [];
     for (let b = _; b <= S; b++)
-      for (let A = R; A <= E; A++) {
-        const N = b * l, C = A * u, I = Math.min(l, F - N), w = Math.min(u, P - C);
-        L.push({
+      for (let A = E; A <= R; A++) {
+        const N = b * c, C = A * u, I = Math.min(c, F - N), w = Math.min(u, L - C);
+        D.push({
           timeIdx: t,
           depthIdx: i,
           latIdx: b,
@@ -2004,7 +2024,7 @@ class _e {
           lonSize: w
         });
       }
-    return L;
+    return D;
   }
   async fetchChunk(e, t) {
     return (await this.fetchChunkResult(e, t)).data;
@@ -2020,7 +2040,7 @@ class _e {
       throw new Error(
         `Variable ${e} must have latitude and longitude dimensions`
       );
-    const o = new Array(i.length).fill(0), c = new Array(i.length).fill(0);
+    const o = new Array(i.length).fill(0), l = new Array(i.length).fill(0);
     for (let m = 0; m < i.length; m++) {
       const p = i[m];
       let h = 0;
@@ -2035,15 +2055,15 @@ class _e {
         o[m] = t.longitudeChunkIndex;
         continue;
       }
-      o[m] = Math.floor(h / a[m]), c[m] = h % a[m];
+      o[m] = Math.floor(h / a[m]), l[m] = h % a[m];
     }
-    const d = await this.fetchChunkResult(e, o), l = a[r], u = a[n], f = new Float32Array(l * u);
+    const d = await this.fetchChunkResult(e, o), c = a[r], u = a[n], f = new Float32Array(c * u);
     f.fill(NaN);
-    for (let m = 0; m < l; m++) {
-      c[r] = m;
+    for (let m = 0; m < c; m++) {
+      l[r] = m;
       for (let p = 0; p < u; p++) {
-        c[n] = p;
-        const h = this.getFlatOffset(e, c);
+        l[n] = p;
+        const h = this.getFlatOffset(e, l);
         h < d.data.length && (f[m * u + p] = d.data[h]);
       }
     }
@@ -2056,21 +2076,21 @@ class _e {
     this.abortControllers.get(r)?.abort();
     const o = new AbortController();
     this.abortControllers.set(r, o);
-    const c = this.getArrayMeta(e);
+    const l = this.getArrayMeta(e);
     try {
       const d = await fetch(n, { signal: o.signal });
       if (!d.ok) {
         if (d.status === 403 || d.status === 404)
           return {
-            data: Ni(c),
+            data: zi(l),
             missing: !0,
             status: d.status,
             url: n
           };
         throw new Qe(d.status, n);
       }
-      const l = new Uint8Array(await d.arrayBuffer()), u = Vi(
-        await this.decompress(l, c, e)
+      const c = new Uint8Array(await d.arrayBuffer()), u = Ni(
+        await this.decompress(c, l, e)
       );
       return this.cacheChunk(r, u), { data: u, missing: !1, url: n };
     } finally {
@@ -2092,7 +2112,7 @@ class _e {
   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 = gi.fromConfig({
+    return a || (a = vi.fromConfig({
       id: "blosc",
       cname: t.cname ?? "lz4",
       clevel: t.clevel ?? 5,
@@ -2106,7 +2126,7 @@ class _e {
       switch (t.compressor.id) {
         case "zlib":
         case "gzip":
-          a = pi(e);
+          a = gi(e);
           break;
         case "blosc": {
           a = await this.getBloscCodec(t).decode(e);
@@ -2132,38 +2152,38 @@ class _e {
         a.byteLength / 8
       );
     else if (n === "<i2" || n === "|i2") {
-      const c = new Int16Array(
+      const l = new Int16Array(
         a.buffer,
         a.byteOffset,
         a.byteLength / 2
       );
-      r = Float32Array.from(c);
+      r = Float32Array.from(l);
     } else if (n === "<i4" || n === "|i4") {
-      const c = new Int32Array(
+      const l = new Int32Array(
         a.buffer,
         a.byteOffset,
         a.byteLength / 4
       );
-      r = Float32Array.from(c);
+      r = Float32Array.from(l);
     } else if (n === "<i8" || n === "|i8") {
-      const c = new DataView(
+      const l = new DataView(
         a.buffer,
         a.byteOffset,
         a.byteLength
       ), d = a.byteLength / 8;
       r = new Float64Array(d);
-      for (let l = 0; l < d; l++)
-        r[l] = Number(c.getBigInt64(l * 8, !0));
+      for (let c = 0; c < d; c++)
+        r[c] = Number(l.getBigInt64(c * 8, !0));
     } else
       throw new Error(`Unsupported dtype: ${n}`);
     const o = t.fill_value;
     if (o != null && typeof o == "number" && !isNaN(o))
-      for (let c = 0; c < r.length; c++)
-        r[c] === o && (r[c] = NaN);
+      for (let l = 0; l < r.length; l++)
+        r[l] === o && (r[l] = NaN);
     if (i) {
-      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;
+      const l = this.getAttrs(i), d = l.scale_factor, c = l.add_offset;
+      if (d != null || c != null) {
+        const u = d ?? 1, f = c ?? 0;
         for (let m = 0; m < r.length; m++)
           isNaN(r[m]) || (r[m] = r[m] * u + f);
       }
@@ -2171,31 +2191,31 @@ class _e {
     return r;
   }
   async loadCoordinates() {
-    const e = async (c) => {
-      const d = this.getArrayMeta(c), l = d.shape[0], u = Math.ceil(l / d.chunks[0]), f = [];
+    const e = async (l) => {
+      const d = this.getArrayMeta(l), c = d.shape[0], u = Math.ceil(c / d.chunks[0]), f = [];
       for (let g = 0; g < u; g++) {
-        const x = `${this.root}/${c}/${g}`, T = await fetch(x);
+        const x = `${this.root}/${l}/${g}`, T = await fetch(x);
         if (!T.ok)
-          throw new Error(`Failed to fetch coord ${c}/${g}`);
+          throw new Error(`Failed to fetch coord ${l}/${g}`);
         const M = new Uint8Array(await T.arrayBuffer());
         f.push(await this.decompress(M, d));
       }
       if (f.length === 1)
-        return f[0].length > l ? f[0].subarray(0, l) : f[0];
-      const m = f.some((g) => g instanceof Float64Array) ? Float64Array : Float32Array, p = new m(l);
+        return f[0].length > c ? f[0].subarray(0, c) : f[0];
+      const m = f.some((g) => g instanceof Float64Array) ? Float64Array : Float32Array, p = new m(c);
       let h = 0;
       for (const g of f) {
-        const x = Math.min(g.length, l - h);
-        if (p.set(g.subarray(0, x), h), h += x, h >= l)
+        const x = Math.min(g.length, c - h);
+        if (p.set(g.subarray(0, x), h), h += x, h >= c)
           break;
       }
       return p;
     };
     let t = null;
-    for (const c of Re) {
-      const d = `${c}/.zarray`;
+    for (const l of Re) {
+      const d = `${l}/.zarray`;
       if (this.meta.metadata[d] && "dtype" in this.meta.metadata[d]) {
-        t = c;
+        t = l;
         break;
       }
     }
@@ -2216,30 +2236,30 @@ class _e {
     };
   }
 }
-function Vi(s) {
+function Ni(s) {
   return s instanceof Float32Array ? s : Float32Array.from(s);
 }
-function Ni(s) {
+function zi(s) {
   const e = s.chunks.reduce((i, a) => i * a, 1), t = new Float32Array(e);
   return t.fill(NaN), t;
 }
-function zi(s) {
+function Gi(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), 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)
+  const i = Number(t[1]), a = Number(t[2]), r = Number(t[3]), n = Number(t[4] ?? 0), o = Number(t[5] ?? 0), l = Number(t[6] ?? 0), d = Number((t[7] ?? "").padEnd(3, "0").slice(0, 3)), c = t[8] ?? "Z";
+  if (a < 1 || a > 12 || n > 23 || o > 59 || l > 59)
     return NaN;
   const u = /* @__PURE__ */ new Date(0);
-  u.setUTCFullYear(i, a - 1, r), u.setUTCHours(n, o, c, d);
+  u.setUTCFullYear(i, a - 1, r), u.setUTCHours(n, o, l, 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)
+  if (u.getUTCFullYear() !== i || u.getUTCMonth() !== a - 1 || u.getUTCDate() !== r || u.getUTCHours() !== n || u.getUTCMinutes() !== o || u.getUTCSeconds() !== l || u.getUTCMilliseconds() !== d)
     return NaN;
-  if (/^z$/i.test(l))
+  if (/^z$/i.test(c))
     return f;
-  const m = l.match(/^([+-])(\d{2}):?(\d{2})$/);
+  const m = c.match(/^([+-])(\d{2}):?(\d{2})$/);
   if (!m)
     return NaN;
   const p = Number(m[2]), h = Number(m[3]);
@@ -2248,7 +2268,7 @@ function zi(s) {
   const g = (p * 60 + h) * 6e4;
   return f - (m[1] === "+" ? g : -g);
 }
-function Gi(s) {
+function Oi(s) {
   if (typeof s != "number" || !Number.isFinite(s) || s <= 0)
     return s;
   const e = [
@@ -2270,7 +2290,7 @@ function Gi(s) {
       return t;
   return Math.round(s);
 }
-function Oi(s) {
+function Bi(s) {
   if (s.length < 2)
     return;
   const e = s[1] - s[0];
@@ -2280,7 +2300,7 @@ function Oi(s) {
   for (let i = 2; i < s.length; i++)
     if (Math.abs(s[i] - s[i - 1] - e) > t)
       return;
-  return Gi(e);
+  return Oi(e);
 }
 class xe extends Error {
   constructor(e, t, i) {
@@ -2289,19 +2309,19 @@ class xe extends Error {
     ), this.name = "ZartiglFrameUnavailableError", this.time = e, this.statuses = [...new Set(t)].sort((a, r) => a - r), this.urls = [...new Set(i)];
   }
 }
-function Bi(s) {
+function $i(s) {
   for (const e of s)
     if (Number.isFinite(e))
       return !0;
   return !1;
 }
-function $i(s, e) {
+function qi(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 Et(s) {
+function Lt(s) {
   return {
     phase: "blocked",
     time: s.time,
@@ -2311,7 +2331,7 @@ function Et(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 _e(e.source), this.activeField = new Rt(), this.simulation = new Mt({
+    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 Pt(), this.simulation = new Rt({
       colorRamp: e.colorRamp,
       opacity: e.opacity ?? 1,
       logScale: e.logScale ?? !1,
@@ -2347,8 +2367,8 @@ class me {
     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 = t.defaultProjectionData, c = ye(this.map, o), d = 512 * Math.pow(2, this.map.getZoom());
-      this.activeField.bind(this.textureUnit), c ? this.simulation.renderGridGlobe(
+      const n = this.map.getBounds(), o = t.defaultProjectionData, l = ye(this.map, o), d = 512 * Math.pow(2, this.map.getZoom());
+      this.activeField.bind(this.textureUnit), l ? this.simulation.renderGridGlobe(
         this.textureUnit,
         [this.activeData.uMin, this.activeData.vMin],
         [this.activeData.uMax, this.activeData.vMax],
@@ -2503,7 +2523,7 @@ class me {
         const n = r instanceof Error ? r : new Error(String(r));
         e === this.generation && t === this.requestId && (this.emit(
           "status",
-          n instanceof xe ? Et(n) : { phase: "error", time: a, error: n }
+          n instanceof xe ? Lt(n) : { phase: "error", time: a, error: n }
         ), this.emit("error", n));
       }
     } finally {
@@ -2521,7 +2541,7 @@ class me {
       r,
       n,
       a
-    ), c = this.zarrSource.getDimensions(this.variable), d = c.indexOf("latitude"), l = c.indexOf("longitude"), u = this.zarrSource.getChunkShape(this.variable);
+    ), l = this.zarrSource.getDimensions(this.variable), d = l.indexOf("latitude"), c = l.indexOf("longitude"), u = this.zarrSource.getChunkShape(this.variable);
     let f = 0;
     const m = o.length, p = [], h = [];
     t?.(f, m);
@@ -2539,45 +2559,45 @@ 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 * u[d],
-          lonStart: b.lonIdx * u[l],
+          lonStart: b.lonIdx * u[c],
           latSize: b.latSize,
           lonSize: b.lonSize,
-          lonChunkSize: u[l]
+          lonChunkSize: u[c]
         };
       })
     ), 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) => ({
       ...b,
       latStart: b.latStart - x,
       lonStart: b.lonStart - M
-    })), R = this.zarrSource.getCoords(), E = Math.min(T - 1, R.latitude.length - 1), k = Math.min(y - 1, R.longitude.length - 1), F = {
-      west: R.longitude[M],
-      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 = Pt(
+    })), E = this.zarrSource.getCoords(), R = Math.min(T - 1, E.latitude.length - 1), k = Math.min(y - 1, E.longitude.length - 1), F = wt(
+      E.longitude,
+      E.latitude,
+      [M, k],
+      [x, R]
+    ), L = E.latitude[x] > E.latitude[R], D = Et(
       S,
       [],
       v,
       _,
       F,
-      P,
+      L,
       !0
     );
-    if (!Bi(L.u))
+    if (!$i(D.u))
       throw new xe(
         this.timeToMs(e),
         p,
         h
       );
-    return L;
+    return D;
   }
   setActive(e, t) {
     const i = this.timeToMs(t);
     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, d = o - n;
-    if (e.width <= 0 || e.height <= 0 || c <= 0 || d <= 0)
+    const { west: a, east: r, south: n, north: o } = e.bounds, l = r - a, d = o - n;
+    if (e.width <= 0 || e.height <= 0 || l <= 0 || d <= 0)
       return {
         longitude: t,
         latitude: i,
@@ -2586,8 +2606,8 @@ class me {
         time: this.timeToMs(this.time),
         depth: this.depth
       };
-    const l = a >= 0 && r > 180 ? (t % 360 + 360) % 360 : ((t + 180) % 360 + 360) % 360 - 180;
-    if (l < a || l > r || i < n || i > o)
+    const c = a + ((t - a) % 360 + 360) % 360;
+    if (c > r && l < 359 || i < n || i > o)
       return {
         longitude: t,
         latitude: i,
@@ -2596,13 +2616,13 @@ class me {
         time: this.timeToMs(this.time),
         depth: this.depth
       };
-    const u = (l - a) / c, f = e.latDescending ? (o - i) / d : (i - n) / d, m = Math.max(
+    const u = (c - a) / l, f = e.latDescending ? (o - i) / d : (i - n) / d, m = Math.max(
       0,
-      Math.min(e.width - 1, Math.round(u * (e.width - 1)))
+      Math.min(e.width - 1, Math.floor(u * e.width))
     ), 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) * d : n + p / Math.max(1, e.height - 1) * d;
+      Math.min(e.height - 1, Math.floor(f * e.height))
+    ), h = e.u[p * e.width + m] ?? NaN, g = a + (m + 0.5) / e.width * l, x = e.latDescending ? o - (p + 0.5) / e.height * d : n + (p + 0.5) / e.height * d;
     return {
       longitude: g,
       latitude: x,
@@ -2632,7 +2652,7 @@ class me {
         a(...t);
   }
 }
-function qi(s, e, t) {
+function Wi(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;
@@ -2641,11 +2661,11 @@ function qi(s, e, t) {
     v: e * Math.cos(a)
   };
 }
-function La(s) {
+function Da(s) {
   return [s.direction_variable, s.magnitude_variable];
 }
-const Wi = 0.7;
-class D {
+const Xi = 0.7;
+class P {
   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.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");
@@ -2667,10 +2687,10 @@ 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 _e(e.source), this.velocityField = new Rt(), this.simulation = new Mt({
+    ) : 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 Pt(), this.simulation = new Rt({
       particleDensity: e.particleDensity ?? 0.05,
       speed: e.speed ?? 1,
-      fadeOpacity: Xe(e.fade ?? Wi),
+      fadeOpacity: Xe(e.fade ?? Xi),
       colorRamp: e.colorRamp,
       opacity: e.opacity ?? 1,
       logScale: e.logScale ?? !1,
@@ -2724,9 +2744,9 @@ class D {
     };
   }
   isViewportCovered() {
-    return !this.map || !this.velocityField.hasData() ? !1 : Si(
+    return !this.map || !this.velocityField.hasData() ? !1 : wi(
       this.velocityField.geoBounds,
-      xi(this.map.getBounds())
+      bi(this.map.getBounds())
     );
   }
   reloadIfViewportUncovered() {
@@ -2743,37 +2763,37 @@ 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.globeRendering ?? ye(this.map), r = bi(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 = Si(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, d = this.zarrSource.getChunksForBounds(
-      c,
+    const l = this.vectorDerivation?.direction_variable ?? this.variableU, d = this.zarrSource.getChunksForBounds(
+      l,
       n,
       o,
       r
-    ), l = this.zarrSource.getDimensions(c), u = l.indexOf("latitude"), f = l.indexOf("longitude");
+    ), c = this.zarrSource.getDimensions(l), u = c.indexOf("latitude"), f = c.indexOf("longitude");
     let m = 0;
     const p = d.length * 2, h = [], g = [];
     t?.(m, p);
-    const x = (w) => d.map(async (U) => {
+    const x = (w) => d.map(async (V) => {
       const X = await this.zarrSource.fetchSpatialChunkResult(w, {
-        timeIndex: U.timeIdx,
-        verticalIndex: U.depthIdx,
-        latitudeChunkIndex: U.latIdx,
-        longitudeChunkIndex: U.lonIdx
+        timeIndex: V.timeIdx,
+        verticalIndex: V.depthIdx,
+        latitudeChunkIndex: V.latIdx,
+        longitudeChunkIndex: V.lonIdx
       });
       X.missing && (X.status != null && h.push(X.status), g.push(X.url)), m++, t?.(m, p);
       const oe = this.zarrSource.getChunkShape(w), le = oe[f];
       return {
         data: X.data,
-        latStart: U.latIdx * oe[u],
-        lonStart: U.lonIdx * le,
-        latSize: U.latSize,
-        lonSize: U.lonSize,
+        latStart: V.latIdx * oe[u],
+        lonStart: V.lonIdx * le,
+        latSize: V.latSize,
+        lonSize: V.lonSize,
         lonChunkSize: le
       };
-    }), [T, M] = this.vectorDerivation ? Xi(
+    }), [T, M] = this.vectorDerivation ? Hi(
       await Promise.all(
         x(this.vectorDerivation.direction_variable)
       ),
@@ -2784,7 +2804,7 @@ class D {
     ) : await Promise.all([
       Promise.all(x(this.variableU)),
       Promise.all(x(this.variableV))
-    ]), y = Math.min(...T.map((w) => w.latStart)), v = Math.max(...T.map((w) => w.latStart + w.latSize)), _ = Math.min(...T.map((w) => w.lonStart)), S = Math.max(...T.map((w) => w.lonStart + w.lonSize)), R = v - y, E = S - _, k = T.map((w) => ({
+    ]), y = Math.min(...T.map((w) => w.latStart)), v = Math.max(...T.map((w) => w.latStart + w.latSize)), _ = Math.min(...T.map((w) => w.lonStart)), S = Math.max(...T.map((w) => w.lonStart + w.lonSize)), E = v - y, R = S - _, k = T.map((w) => ({
       ...w,
       latStart: w.latStart - y,
       lonStart: w.lonStart - _
@@ -2792,20 +2812,20 @@ class D {
       ...w,
       latStart: w.latStart - y,
       lonStart: w.lonStart - _
-    })), P = this.zarrSource.getCoords(), L = Math.min(v - 1, P.latitude.length - 1), b = Math.min(S - 1, P.longitude.length - 1), A = {
-      west: P.longitude[_],
-      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 = Pt(
+    })), L = this.zarrSource.getCoords(), D = Math.min(v - 1, L.latitude.length - 1), b = Math.min(S - 1, L.longitude.length - 1), A = wt(
+      L.longitude,
+      L.latitude,
+      [_, b],
+      [y, D]
+    ), N = L.latitude[y] > L.latitude[D], C = Et(
       k,
       F,
-      R,
       E,
+      R,
       A,
       N
     ), I = this.zarrSource.getValueDomain?.();
-    if (I != null && I > 0 && (C.uMin = -I, C.uMax = I, C.vMin = -I, C.vMax = I), !$i(C.u, C.v))
+    if (I != null && I > 0 && (C.uMin = -I, C.uMax = I, C.vMin = -I, C.vMax = I), !qi(C.u, C.v))
       throw new xe(
         this.timeToMs(e),
         h,
@@ -2832,11 +2852,11 @@ class D {
       else {
         const o = await this.fetchVelocityData(
           a,
-          (c, d) => {
+          (l, d) => {
             t === this.generation && i === this.requestId && this.emit("status", {
               phase: "fetching",
               time: r,
-              completed: c,
+              completed: l,
               total: d
             });
           }
@@ -2853,7 +2873,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 xe ? Et(o) : { phase: "error", time: r, error: o }
+          o instanceof xe ? Lt(o) : { phase: "error", time: r, error: o }
         ), this.emit("error", o));
       }
     } finally {
@@ -2871,7 +2891,7 @@ 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], d = n ? [o, o] : [this.velocityField.uMax, this.velocityField.vMax], l = n ? {
+    const o = n?.manifest.encoding.kind === "vector-luma" ? n.manifest.encoding.valueDomain : 0, l = n ? [-o, -o] : [this.velocityField.uMin, this.velocityField.vMin], d = n ? [o, o] : [this.velocityField.uMax, this.velocityField.vMax], c = n ? {
       west: n.bounds[0],
       south: n.bounds[1],
       east: n.bounds[2],
@@ -2879,14 +2899,14 @@ class D {
     } : this.velocityField.geoBounds, u = r ? {
       a: {
         unit: 1,
-        min: c,
+        min: l,
         max: d,
         physical: !0,
         northToSouth: !0
       },
       b: {
         unit: 4,
-        min: c,
+        min: l,
         max: d,
         physical: !0,
         northToSouth: !0
@@ -2905,20 +2925,20 @@ class D {
         this.simulation.resetParticles();
       }
       this.globeRendering = h;
-      const g = this.map.getBounds(), x = wi(g, h), T = Be(g, h);
+      const g = this.map.getBounds(), x = Ti(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,
+        l,
         d,
         a,
         x,
         M,
         T,
-        l,
+        c,
         h,
-        _i(y.lng, y.lat),
+        xi(y.lng, y.lat),
         t.defaultProjectionData.clippingPlane,
         ...u ? [u] : []
       );
@@ -3106,19 +3126,19 @@ class D {
         a(...t);
   }
 }
-function Xi(s, e, t) {
+function Hi(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), d = new Float32Array(n.data.length);
-    for (let l = 0; l < n.data.length; l++) {
-      const u = qi(
-        n.data[l],
-        o.data[l],
+    const n = s[r], o = e[r], l = new Float32Array(n.data.length), d = new Float32Array(n.data.length);
+    for (let c = 0; c < n.data.length; c++) {
+      const u = Wi(
+        n.data[c],
+        o.data[c],
         t
       );
-      c[l] = u.u, d[l] = u.v;
+      l[c] = u.u, d[c] = u.v;
     }
-    i.push({ ...n, data: c }), a.push({ ...n, data: d });
+    i.push({ ...n, data: l }), a.push({ ...n, data: d });
   }
   return [i, a];
 }
@@ -3135,7 +3155,6 @@ uniform float u_log_scale;
 uniform float u_vibrance;
 uniform float u_mask_threshold;
 uniform vec2 u_color_domain;
-uniform vec2 u_texel_size;
 
 varying vec2 v_geo_uv;
 
@@ -3161,9 +3180,8 @@ float geoVideoScalarValue(float r) {
 }
 
 void main() {
-    vec2 sourceUv = vec2(v_geo_uv.x, 1.0 - v_geo_uv.y);
-    vec2 halfTexel = 0.5 * u_texel_size;
-    vec2 uv = mix(halfTexel, vec2(1.0) - halfTexel, sourceUv);
+    
+    vec2 uv = vec2(v_geo_uv.x, 1.0 - v_geo_uv.y);
     vec3 media = texture2D(u_color, uv).rgb;
     float alpha = texture2D(u_mask, uv).r;
     if (alpha <= u_mask_threshold) discard;
@@ -3226,66 +3244,62 @@ class G {
     const n = r.manifest;
     if (!a || !r.maskTexture)
       return;
-    const o = Ge(i), c = [0, 1, 2, 3].map((d) => (i.activeTexture(i.TEXTURE0 + d), i.getParameter(i.TEXTURE_BINDING_2D)));
+    const o = Ge(i), l = [0, 1, 2, 3].map((d) => (i.activeTexture(i.TEXTURE0 + d), i.getParameter(i.TEXTURE_BINDING_2D)));
     try {
-      const d = !!this.map && ye(this.map, t.defaultProjectionData), l = d ? this.globeProgram : this.mercatorProgram;
-      if (!l || !this.map)
+      const d = !!this.map && ye(this.map, t.defaultProjectionData), c = d ? this.globeProgram : this.mercatorProgram;
+      if (!c || !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(
-        i.getUniformLocation(l, "u_log_scale"),
+      i.useProgram(c), 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(c, "u_color"), 0), i.activeTexture(i.TEXTURE3), i.bindTexture(i.TEXTURE_2D, a[1]), i.uniform1i(i.getUniformLocation(c, "u_color_next"), 3), i.uniform1f(i.getUniformLocation(c, "u_mix"), a[2]), i.activeTexture(i.TEXTURE1), i.bindTexture(i.TEXTURE_2D, r.maskTexture), i.uniform1i(i.getUniformLocation(c, "u_mask"), 1), i.activeTexture(i.TEXTURE2), i.bindTexture(i.TEXTURE_2D, this.colorRampTexture), i.uniform1i(i.getUniformLocation(c, "u_color_ramp"), 2), i.uniform1f(i.getUniformLocation(c, "u_opacity"), this.opacity), i.uniform1f(i.getUniformLocation(c, "u_scalar_luma"), 1), i.uniform1f(
+        i.getUniformLocation(c, "u_log_scale"),
         this.logScale ? 1 : 0
-      ), i.uniform1f(i.getUniformLocation(l, "u_vibrance"), this.vibrance), i.uniform1f(
-        i.getUniformLocation(l, "u_mask_threshold"),
+      ), i.uniform1f(i.getUniformLocation(c, "u_vibrance"), this.vibrance), i.uniform1f(
+        i.getUniformLocation(c, "u_mask_threshold"),
         n.mask.threshold
       );
-      const { codeRange: u, valueRange: f, transfer: m } = Kt(
+      const { codeRange: u, valueRange: f, transfer: m } = Jt(
         n.encoding
       );
       i.uniform1f(
-        i.getUniformLocation(l, "u_scalar_transfer"),
+        i.getUniformLocation(c, "u_scalar_transfer"),
         m
       );
       const p = this.colorDomain ?? f;
       i.uniform2f(
-        i.getUniformLocation(l, "u_code_range"),
+        i.getUniformLocation(c, "u_code_range"),
         ...u
       ), i.uniform2f(
-        i.getUniformLocation(l, "u_value_range"),
+        i.getUniformLocation(c, "u_value_range"),
         ...f
       ), i.uniform2f(
-        i.getUniformLocation(l, "u_color_domain"),
+        i.getUniformLocation(c, "u_color_domain"),
         p[0],
         p[1]
-      ), i.uniform2f(
-        i.getUniformLocation(l, "u_texel_size"),
-        1 / n.media.width,
-        1 / n.media.height
       ), i.uniformMatrix4fv(
-        i.getUniformLocation(l, "u_matrix"),
+        i.getUniformLocation(c, "u_matrix"),
         !1,
         t.modelViewProjectionMatrix instanceof Float32Array ? t.modelViewProjectionMatrix : new Float32Array(Array.from(t.modelViewProjectionMatrix))
       );
       const [h, g, x, T] = n.bounds, M = x < h ? x + 360 : x;
       if (i.uniform4f(
-        i.getUniformLocation(l, "u_geo_bounds"),
+        i.getUniformLocation(c, "u_geo_bounds"),
         h,
         g,
         M,
         T
-      ), this.bindGrid(i, l), d) {
+      ), this.bindGrid(i, c), d) {
         const y = t.defaultProjectionData.clippingPlane;
         i.uniform4f(
-          i.getUniformLocation(l, "u_clipping_plane"),
+          i.getUniformLocation(c, "u_clipping_plane"),
           ...y
         ), vt(
           i,
           {
             u_projection_transition: i.getUniformLocation(
-              l,
+              c,
               "u_projection_transition"
             ),
             u_fallback_matrix: i.getUniformLocation(
-              l,
+              c,
               "u_fallback_matrix"
             )
           },
@@ -3293,20 +3307,20 @@ class G {
         ), 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);
+        i.uniform1f(i.getUniformLocation(c, "u_world_size"), y);
         for (const v of Be(
           this.map.getBounds(),
           !1
         ))
           i.uniform1f(
-            i.getUniformLocation(l, "u_world_offset"),
+            i.getUniformLocation(c, "u_world_offset"),
             v
           ), i.drawElements(i.TRIANGLES, this.indexCount, i.UNSIGNED_SHORT, 0);
       }
-      this.unbindGrid(i, l);
+      this.unbindGrid(i, c);
     } finally {
-      c.forEach((d, l) => {
-        i.activeTexture(i.TEXTURE0 + l), i.bindTexture(i.TEXTURE_2D, d);
+      l.forEach((d, c) => {
+        i.activeTexture(i.TEXTURE0 + c), i.bindTexture(i.TEXTURE_2D, d);
       }), Oe(i, o);
     }
   }
@@ -3386,7 +3400,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 : ei(e.manifest, this.playback.time) : 0,
       manifestId: this.manifest?.id,
       mediaUrl: this.manifest?.media.url,
       preloadedMediaUrl: this.playback.preloadedMediaUrl,
@@ -3410,7 +3424,7 @@ class G {
     return this.listeners.get(e)?.delete(t), this;
   }
   initGl(e) {
-    this.mercatorProgram = W(e, wt, Ke), this.globeProgram = W(e, Tt, Ke), this.colorRampTexture = ge(
+    this.mercatorProgram = W(e, Tt, Ke), this.globeProgram = W(e, Mt, Ke), this.colorRampTexture = ge(
       e,
       ke(this.colorRamp)
     );
@@ -3419,15 +3433,15 @@ class G {
     );
     let i = 0;
     for (let o = 0; o <= te; o++)
-      for (let c = 0; c <= Z; c++)
-        t[i++] = c / Z, t[i++] = o / te;
+      for (let l = 0; l <= Z; l++)
+        t[i++] = l / Z, t[i++] = o / te;
     const a = new Uint16Array(Z * te * 6);
     let r = 0;
     const n = Z + 1;
     for (let o = 0; o < te; o++)
-      for (let c = 0; c < Z; c++) {
-        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;
+      for (let l = 0; l < Z; l++) {
+        const d = o * n + l, c = d + 1, u = d + n, f = u + 1;
+        a[r++] = d, a[r++] = u, a[r++] = c, a[r++] = c, 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");
@@ -3451,17 +3465,17 @@ function $e(s) {
 function j(s) {
   return encodeURIComponent(String(s));
 }
-function Lt(s, e) {
+function Dt(s, e) {
   return e === "depth" ? -Math.abs(s) : s;
 }
-function Hi(s) {
+function Yi(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($e(s.time)))), s.depth != null && (e = e.replace(
     /\{elevation\}/gi,
-    j(Lt(s.depth, s.verticalLabel))
+    j(Dt(s.depth, s.verticalLabel))
   )), [...e.matchAll(/\{([^{}]+)\}/g)].some(
     (t) => !/^(?:z|y|x)$/i.test(t[1])
   ) ? void 0 : e;
@@ -3480,14 +3494,14 @@ function Je(s) {
   ];
   s.style && e.push(["STYLE", s.style]), s.time != null && e.push(["time", $e(s.time)]), s.depth != null && e.push([
     "elevation",
-    String(Lt(s.depth, s.verticalLabel))
+    String(Dt(s.depth, s.verticalLabel))
   ]);
   const t = e.map(
     ([i, a]) => `${i}=${a.startsWith("{") ? a : j(a)}`
   ).join("&");
   return `${s.baseUrl}?${t}`;
 }
-function Yi(s) {
+function Zi(s) {
   const e = [
     ["SERVICE", "WMTS"],
     ["REQUEST", "GetLegend"],
@@ -3496,38 +3510,38 @@ function Yi(s) {
   ];
   return s.style && e.push(["STYLE", s.style]), `${s.baseUrl}?${e.map(([t, i]) => `${t}=${j(i)}`).join("&")}`;
 }
-function Zi(s) {
+function ji(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 ji(s) {
+function Qi(s) {
   return s.variables.kind === "scalar" ? s.variables.value : "scalar";
 }
-function Qi(s) {
+function Ki(s) {
   return s.variables.kind === "vector" ? s.variables.u ?? "uo" : "uo";
 }
-function Ki(s) {
+function Ji(s) {
   return s.variables.kind === "vector" ? s.variables.v ?? "vo" : "vo";
 }
-function Ji(s) {
+function ea(s) {
   return s.variables.kind === "vector" ? s.variables.derivation : void 0;
 }
-class ea {
+class ta {
   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 = 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") {
+    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 = ji(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({
+      this.delegate = new P({
         ...e,
         source: t.endpoints.field,
         zarrSource: e.zarrSource,
-        variableU: Qi(t),
-        variableV: Ki(t),
-        vectorDerivation: Ji(t),
+        variableU: Ki(t),
+        variableV: Ji(t),
+        vectorDerivation: ea(t),
         unit: e.unit ?? ""
       });
     } else if (this.backend === "vector-geovideo") {
       if (!e.geoVideoManifest)
         throw new Error("Vector GeoVideo requires a loaded manifest");
-      this.delegate = new D({
+      this.delegate = new P({
         ...e,
         source: e.geoVideoManifest.media.url,
         geoVideo: {
@@ -3548,7 +3562,7 @@ class ea {
         id: e.id,
         source: t.endpoints.field,
         zarrSource: e.zarrSource,
-        variable: ji(t),
+        variable: Qi(t),
         time: e.time,
         depth: e.depth,
         colorRamp: e.colorRamp,
@@ -3579,7 +3593,7 @@ class ea {
         vibrance: e.vibrance
       });
     }
-    this.delegate instanceof D && this.backend === "vector-geovideo" && this.delegate.on("timeChange", (t) => {
+    this.delegate instanceof P && this.backend === "vector-geovideo" && this.delegate.on("timeChange", (t) => {
       this.time = t;
     });
   }
@@ -3667,16 +3681,16 @@ class ea {
     }
   }
   setSpeed(e) {
-    this.delegate instanceof D && this.delegate.setSpeed(e);
+    this.delegate instanceof P && this.delegate.setSpeed(e);
   }
   setFade(e) {
-    this.delegate instanceof D && this.delegate.setFade(e);
+    this.delegate instanceof P && this.delegate.setFade(e);
   }
   setParticleDensity(e) {
-    this.delegate instanceof D && this.delegate.setParticleDensity(e);
+    this.delegate instanceof P && this.delegate.setParticleDensity(e);
   }
   setRenderMode(e) {
-    this.delegate instanceof D && this.delegate.setRenderMode(e);
+    this.delegate instanceof P && this.delegate.setRenderMode(e);
   }
   setRgba8MaxParticleZoom(e) {
     this.delegate?.setRgba8MaxParticleZoom(e);
@@ -3692,34 +3706,34 @@ class ea {
     this.map?.getLayer(this.rasterLayerId) && this.map.setPaintProperty(this.rasterLayerId, "raster-opacity", e);
   }
   setLogScale(e) {
-    this.delegate instanceof me && this.delegate.setLogScale(e), this.delegate instanceof D && this.delegate.setLogScale(e), this.delegate instanceof G && this.delegate.setLogScale(e);
+    this.delegate instanceof me && this.delegate.setLogScale(e), this.delegate instanceof P && this.delegate.setLogScale(e), this.delegate instanceof G && this.delegate.setLogScale(e);
   }
   setVibrance(e) {
     this.delegate?.setVibrance(e);
   }
   /** Particle trails only; rasters ignore it. */
   setColorGrade(e) {
-    this.delegate instanceof D && this.delegate.setColorGrade(e);
+    this.delegate instanceof P && this.delegate.setColorGrade(e);
   }
   /** Under particle trails only; rasters ignore it. */
   setBackdrop(e) {
-    this.delegate instanceof D && this.delegate.setBackdrop(e);
+    this.delegate instanceof P && this.delegate.setBackdrop(e);
   }
   /** Particle trails only; rasters ignore it. */
   setGlow(e) {
-    this.delegate instanceof D && this.delegate.setGlow(e);
+    this.delegate instanceof P && this.delegate.setGlow(e);
   }
   setColorDomain(e) {
     this.delegate instanceof me && this.delegate.setColorDomain(e), this.delegate instanceof G && this.delegate.setColorDomain(e);
   }
   async play() {
-    (this.delegate instanceof G || this.delegate instanceof D) && await this.delegate.play();
+    (this.delegate instanceof G || this.delegate instanceof P) && await this.delegate.play();
   }
   pause() {
-    (this.delegate instanceof G || this.delegate instanceof D) && this.delegate.pause();
+    (this.delegate instanceof G || this.delegate instanceof P) && this.delegate.pause();
   }
   setLoop(e) {
-    (this.delegate instanceof G || this.delegate instanceof D) && this.delegate.setLoop(e);
+    (this.delegate instanceof G || this.delegate instanceof P) && this.delegate.setLoop(e);
   }
   /** Media rate multiplier of a scalar GeoVideo. */
   setPlaybackRate(e) {
@@ -3727,21 +3741,21 @@ class ea {
   }
   /** Cadence of the continuous vector GeoVideo clock. */
   setStepsPerSecond(e) {
-    this.delegate instanceof D && this.delegate.setStepsPerSecond(e);
+    this.delegate instanceof P && this.delegate.setStepsPerSecond(e);
   }
   setTimeRange(e) {
-    (this.delegate instanceof G || this.delegate instanceof D) && this.delegate.setTimeRange(e);
+    (this.delegate instanceof G || this.delegate instanceof P) && this.delegate.setTimeRange(e);
   }
   /**
    * Move a GeoVideo to another artifact, such as the next archive
    * chunk, without rebuilding the map layer. False when a new layer is needed.
    */
   replaceGeoVideoManifest(e, t) {
-    return this.suspended || !(this.delegate instanceof G || this.delegate instanceof D) || !this.delegate.replaceManifest(e, t) ? !1 : (t.time != null && (this.time = t.time), !0);
+    return this.suspended || !(this.delegate instanceof G || this.delegate instanceof P) || !this.delegate.replaceManifest(e, t) ? !1 : (t.time != null && (this.time = t.time), !0);
   }
   /** Load the GeoVideo artifact expected next, such as the next archive chunk. */
   preloadGeoVideoManifest(e, t) {
-    return !this.suspended && (this.delegate instanceof G || this.delegate instanceof D) && this.delegate.preloadManifest(e, t);
+    return !this.suspended && (this.delegate instanceof G || this.delegate instanceof P) && this.delegate.preloadManifest(e, t);
   }
   async samplePoint(e) {
     if (this.delegate instanceof me)
@@ -3758,7 +3772,7 @@ class ea {
       return;
     this.removeWmts();
     const e = this.options.sourceConfig, t = e.tileUrlTemplate ? [
-      Hi({
+      Yi({
         template: e.tileUrlTemplate,
         tileMatrixSet: e.tileMatrixSet,
         style: e.style,
@@ -3832,13 +3846,13 @@ class ea {
 function Pe(s, e) {
   return s.match(new RegExp(`\\b${e}=["']([^"']+)["']`, "i"))?.[1].replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&apos;/g, "'");
 }
-function ta(s, e, t) {
+function ia(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 Dt(s) {
+function At(s) {
   return s.replace(/<[^>]+>/g, "").trim();
 }
 function be(s, e) {
@@ -3849,7 +3863,7 @@ function be(s, e) {
   return [...s.matchAll(t)].map((i) => i[1]);
 }
 function se(s, e) {
-  return be(s, e).map(Dt).find(Boolean);
+  return be(s, e).map(At).find(Boolean);
 }
 function et(s, e) {
   const t = e.match(
@@ -3857,22 +3871,22 @@ function et(s, e) {
   );
   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(), d = i.getUTCSeconds(), l = i.getUTCMilliseconds(), u = new Date(
-    Date.UTC(a, r, 1, o, c, d, 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(), l = i.getUTCMinutes(), d = i.getUTCSeconds(), c = i.getUTCMilliseconds(), u = new Date(
+    Date.UTC(a, r, 1, o, l, d, c)
   ), f = new Date(
     Date.UTC(u.getUTCFullYear(), u.getUTCMonth() + 1, 0)
   ).getUTCDate();
   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 ia(s) {
+function aa(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 = et(r, i[2]);
       if (Number.isFinite(r) && Number.isFinite(n) && o && o > r)
-        for (let c = r, d = 0; c <= n && d < 1e5; d += 1)
-          e.push(c), c = et(c, i[2]);
+        for (let l = r, d = 0; l <= n && d < 1e5; d += 1)
+          e.push(l), l = et(l, i[2]);
       continue;
     }
     const a = Date.parse(t.trim());
@@ -3883,10 +3897,10 @@ function ia(s) {
 function tt(s, e) {
   for (const t of be(s, "Dimension"))
     if (se(t, "Identifier")?.toLowerCase() === e.toLowerCase())
-      return be(t, "Value").map(Dt);
+      return be(t, "Value").map(At);
   return [];
 }
-function aa(s, e) {
+function sa(s, e) {
   const t = be(s, "Layer").find(
     (h) => se(h, "Identifier") === e.layer
   );
@@ -3895,7 +3909,7 @@ function aa(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 = ia(tt(t, "time")), r = a.length ? {
+  const a = aa(tt(t, "time")), r = a.length ? {
     min: a[0],
     max: a[a.length - 1],
     size: a.length,
@@ -3904,13 +3918,13 @@ function aa(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 = 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(
+  } : { 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, l = s.match(
     /GetTile[\s\S]*?(?:xlink:href|href)=["']([^"']+)/i
-  )?.[1], l = [
+  )?.[1], c = [
     ...t.matchAll(/<(?:(?:\w+):)?ResourceURL\b([^>]*)\/?\s*>/gi)
   ].find(
     (h) => Pe(h[1], "resourceType")?.toLowerCase() === "tile"
-  ), u = l ? Pe(l[1], "template") : void 0, f = [
+  ), u = c ? Pe(c[1], "template") : void 0, f = [
     ...t.matchAll(
       /<(?:(?:\w+):)?Style\b([^>]*)>([\s\S]*?)<\/(?:(?:\w+):)?Style>/gi
     )
@@ -3918,8 +3932,8 @@ function aa(s, e) {
     (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 ?? (u ? ta(u, i, p) : void 0),
+    baseUrl: e.baseUrl ?? l ?? new URL(e.capabilitiesUrl).origin,
+    tileUrlTemplate: e.tileUrlTemplate ?? (u ? ia(u, i, p) : void 0),
     tileMatrixSet: i,
     format: e.format ?? se(t, "Format") ?? "image/png",
     style: p,
@@ -3927,15 +3941,15 @@ function aa(s, e) {
     vertical: o
   };
 }
-async function sa(s, e) {
+async function ra(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 aa(await t.text(), s);
+  return sa(await t.text(), s);
 }
-const ra = [
+const na = [
   0.25,
   0.5,
   1,
@@ -3953,8 +3967,8 @@ function at(s, e) {
     a < t && (t = a), a <= e && (i === void 0 || a > i) && (i = a);
   return i ?? t;
 }
-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 = [
+function oa(s) {
+  const e = s.map((n) => new Date(n)), t = (n) => n.every((o) => e.every((l) => o(l) === o(e[0]))), i = [
     (n) => n.getUTCHours(),
     (n) => n.getUTCMinutes(),
     (n) => n.getUTCSeconds(),
@@ -3965,7 +3979,7 @@ function na(s) {
       return "year";
     if (t([(o) => o.getUTCDate(), ...i]))
       return "month";
-    const n = s.slice(1).map((o, c) => o - s[c]);
+    const n = s.slice(1).map((o, l) => o - s[l]);
     return t(i) && n.every((o) => o % 864e5 === 0) ? "day" : t(i.slice(1)) && n.every((o) => o % 36e5 === 0) ? "hour" : t(i.slice(2)) && n.every((o) => o % 6e4 === 0) ? "minute" : "second";
   }
   const a = e[0];
@@ -3974,7 +3988,7 @@ function na(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 At(s) {
+function Ct(s) {
   if (s.length < 2)
     return;
   const e = s[1] - s[0];
@@ -4002,7 +4016,7 @@ function ne(s, e) {
     min: r[0],
     max: r[r.length - 1],
     size: r.length,
-    step: At(r),
+    step: Ct(r),
     values: r
   };
 }
@@ -4020,16 +4034,16 @@ 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 Ct(s) {
+function kt(s) {
   return [...s].sort((e, t) => {
     const i = Math.abs(e), a = Math.abs(t);
     return i !== a ? i - a : t - e;
   });
 }
 function Le(s, e) {
-  return s?.values.length ? e == null ? Ct(s.values)[0] : V(s.values, e) : e ?? 0;
+  return s?.values.length ? e == null ? kt(s.values)[0] : U(s.values, e) : e ?? 0;
 }
-function V(s, e) {
+function U(s, e) {
   if (s.length === 0)
     return e;
   let t = s[0], i = Math.abs(t - e);
@@ -4048,13 +4062,13 @@ function rt(s) {
       throw new Error(`${t} must be positive`);
 }
 function nt(s, e) {
-  const t = s.surface?.value ?? 0, i = V(
+  const t = s.surface?.value ?? 0, i = U(
     [t, ...s.depths.map((a) => a.value)],
     e
   );
   return i === t ? null : i;
 }
-function oa(s) {
+function la(s) {
   const e = s.surface ?? s.depths[0];
   return {
     name: e.name,
@@ -4072,18 +4086,18 @@ function ot(s, e) {
     e ? [e.name, e.units, e.values] : null
   ]);
 }
-function la(s) {
+function ca(s) {
   const e = [...new Set(s)].sort((t, i) => t - i);
   return {
     min: e[0],
     max: e[e.length - 1],
-    step: At(e),
+    step: Ct(e),
     size: e.length,
     units: "milliseconds since 1970-01-01T00:00:00Z",
     values: e
   };
 }
-const ca = 5 * 6e4, ha = 6e4, lt = 6;
+const ha = 5 * 6e4, ua = 6e4, lt = 6;
 function pe(s) {
   const { particles: e = {}, raster: t = {} } = s, i = {
     palette: s.palette,
@@ -4093,7 +4107,7 @@ function pe(s) {
     speed: e.speed,
     fade: e.fade,
     glow: e.glow,
-    colorGrade: e.grade === void 0 ? void 0 : fi(e.grade),
+    colorGrade: e.grade === void 0 ? void 0 : pi(e.grade),
     opacity: t.opacity,
     logScale: t.logScale,
     vibrance: t.vibrance,
@@ -4107,29 +4121,29 @@ function pe(s) {
     Object.entries(i).filter(([, a]) => a !== void 0)
   );
 }
-function Ve(s) {
+function Ue(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 ct = "rdylbu", ua = new Set(
+const ct = "rdylbu", da = 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(
+  return typeof s != "string" || da.has(s) ? s : (ht.has(s) || (ht.add(s), console.warn(
     `[zartigl] palette "${s}" is not in this version: drawn with "${ct}"`
   )), ct);
 }
 function De(s) {
-  const { reversePalette: e } = s, t = Ne(s.palette), i = Ve(s);
+  const { reversePalette: e } = s, t = Ne(s.palette), i = Ue(s);
   return t != null && (e || i) ? ke(t, { reverse: e, alphaFade: i }) : t;
 }
-const da = [
+const ma = [
   "palette",
   "reversePalette",
   "alphaFadeLow",
   "alphaFadeHigh",
   "alphaFadeCurve"
-], kt = Object.freeze({
+], Ft = Object.freeze({
   palette: "style.palette",
   renderMode: "style.renderMode",
   particleDensity: "style.particles.density",
@@ -4151,13 +4165,13 @@ function Ae(s) {
     fade: r,
     colorGrade: n,
     opacity: o,
-    logScale: c,
+    logScale: l,
     vibrance: d,
-    colorDomain: l,
+    colorDomain: c,
     backdrop: u,
     ...f
   } = s ?? {}, m = Object.keys(s ?? {}).filter(
-    (h) => h in kt && s[h] !== void 0
+    (h) => h in Ft && s[h] !== void 0
   );
   return {
     style: ae({
@@ -4167,10 +4181,10 @@ function Ae(s) {
         density: i,
         speed: a,
         fade: r,
-        grade: n && mi(n),
+        grade: n && fi(n),
         backdrop: u
       },
-      raster: { opacity: o, logScale: c, vibrance: d, colorDomain: l }
+      raster: { opacity: o, logScale: l, vibrance: d, colorDomain: c }
     }),
     settings: e === void 0 || typeof e == "string" ? f : { ...f, palette: e },
     legacyKeys: m
@@ -4180,10 +4194,10 @@ const ut = /* @__PURE__ */ new Set();
 function dt(s) {
   for (const e of s)
     ut.has(e) || (ut.add(e), console.warn(
-      `[zartigl] settings.${e} is deprecated: use ${kt[e]}`
+      `[zartigl] settings.${e} is deprecated: use ${Ft[e]}`
     ));
 }
-function Ft(s, e) {
+function It(s, e) {
   const t = ze(s, e);
   return {
     ...pe(t),
@@ -4191,14 +4205,14 @@ function Ft(s, e) {
     colorDomain: Q(t.raster.colorDomain)
   };
 }
-function ma(s) {
+function fa(s) {
   return {
-    ...Ft(s),
+    ...It(s),
     particleState: "auto",
     rgba8MaxParticleZoom: 4
   };
 }
-function fa(s) {
+function pa(s) {
   const { palette: e, ...t } = s;
   return t;
 }
@@ -4207,7 +4221,7 @@ function mt(s, e, t) {
     kind: e.layers.find((i) => i.id === t)?.kind
   });
 }
-class Da {
+class Aa {
   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();
@@ -4265,11 +4279,11 @@ class Da {
   }
   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, 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 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 }, l = 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), c = e.settings?.palette, u = d !== void 0 && c !== void 0 && typeof c != "string" && e.style?.palette === void 0 ? pa(d) : d;
+    mt(u, this.catalog, l);
     const f = u ?? (a ? pt(
       this.style,
-      this.catalog.layers.find((m) => m.id === c)?.kind
+      this.catalog.layers.find((m) => m.id === l)?.kind
     ) : void 0);
     if (a) {
       const m = { ...e.settings, ...pe(f) };
@@ -4328,104 +4342,104 @@ class Da {
     );
     if (!r)
       throw new Error(`Unknown zartigl catalog entry: ${e}`);
-    const n = ma(r), o = i ? i.timeRange : this.timeRange, c = a ?? ++this.switchGeneration, d = {
+    const n = fa(r), o = i ? i.timeRange : this.timeRange, l = a ?? ++this.switchGeneration, d = {
       ...i?.target,
       depth: i?.target?.depth ?? this.depthRequest ?? void 0
-    }, l = await this.selectSource(
+    }, c = await this.selectSource(
       r,
       t,
       o,
       d
     ), u = i?.settings ?? this.settings, f = i?.colorDomainOverridden ?? this.colorDomainOverridden, m = i?.paletteOverridden ?? this.paletteOverridden;
-    if (l.type === "geovideo") {
+    if (c.type === "geovideo") {
       this.emit("status", { phase: "metadata" });
       try {
-        if (!l.manifestUrl)
+        if (!c.manifestUrl)
           throw new Error(
-            `GeoVideo archive source was not resolved to a chunk: ${l.id}`
+            `GeoVideo archive source was not resolved to a chunk: ${c.id}`
           );
         const v = await this.loadChunkManifest(
-          l.manifestUrl
+          c.manifestUrl
         ), _ = r.sources.find(
           (ce) => ce.id === v.provenance.inputSourceId
         );
-        if (v.id !== l.id || v.provenance.catalogEntryId !== r.id || _?.type !== "zarr")
+        if (v.id !== c.id || v.provenance.catalogEntryId !== r.id || _?.type !== "zarr")
           throw new Error(
-            `GeoVideo manifest identity does not match catalog entry/source: ${l.id}`
+            `GeoVideo manifest identity does not match catalog entry/source: ${c.id}`
           );
-        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))
+        const S = Ee(r, c.id), E = S ? this.chunkLevels.get(c.manifestUrl) ?? null : null, R = v.vertical;
+        if (S && (E ? !He(R, E) : R !== void 0))
           throw new Error(
-            `GeoVideo manifest level does not match its index: ${l.manifestUrl}`
+            `GeoVideo manifest level does not match its index: ${c.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 ? oa(P) : null;
-        if (c !== this.switchGeneration)
+        const k = E?.value ?? null, F = S ? await this.archiveTimes(r, c.id, k) : null, L = S ? await this.archiveLevels(r, S) : null, D = !!L?.depths.length, b = !D && !!L?.surface, A = D || b ? la(L) : null;
+        if (l !== this.switchGeneration)
           throw new DOMException(
             "Layer selection was superseded",
             "AbortError"
           );
-        const N = we(v), C = la(F ?? N), I = re(
+        const N = we(v), C = ca(F ?? N), I = re(
           C,
           o
         ), w = ne(
           C,
           o
-        ), U = N.filter(
+        ), V = 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 : 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))
+        ), X = V.length ? V : N, oe = this.catalogLayer?.id === r.id && this.catalogSource?.type === "geovideo", le = this.settings.palette;
+        this.catalogLayer = r, this.catalogSource = c, 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] : U(X, this.pendingTime), this.pendingTime = null, this.depthLocked = b, this.archiveLevel = k, this.depth = D ? k ?? L.surface?.value ?? 0 : Le(A, d.depth), D && (this.depthRequest = this.depth);
+        const Gt = u.colorDomain;
+        if (this.settings = { ...n, ...u }, this.colorDomainOverridden = f, this.paletteOverridden = m, this.settings.colorDomain = f ? Gt ?? 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;
       } catch (v) {
-        const _ = v instanceof Error ? v : new Error(String(v)), S = l.manifestUrl;
-        if (_.name !== "AbortError" && !(_ instanceof RangeError) && t === "auto" && S && !this.failedGeoVideo.has(S) && this.catalogSource?.id !== l.id)
-          return console.warn("[zartigl] GeoVideo unavailable, falling back:", _), this.failedGeoVideo.add(S), this.loadSource(e, t, i, c);
+        const _ = v instanceof Error ? v : new Error(String(v)), S = c.manifestUrl;
+        if (_.name !== "AbortError" && !(_ instanceof RangeError) && t === "auto" && S && !this.failedGeoVideo.has(S) && this.catalogSource?.id !== c.id)
+          return console.warn("[zartigl] GeoVideo unavailable, falling back:", _), this.failedGeoVideo.add(S), this.loadSource(e, t, i, l);
         throw _.name !== "AbortError" && (this.emit("status", { phase: "error", error: _ }), this.emit("error", _)), _;
       }
     }
-    if (l.type === "wmts") {
+    if (c.type === "wmts") {
       this.emit("status", { phase: "metadata" });
       try {
-        const v = await sa(l);
-        if (c !== this.switchGeneration)
+        const v = await ra(c);
+        if (l !== this.switchGeneration)
           throw new DOMException(
             "Layer selection was superseded",
             "AbortError"
           );
         const _ = v.time, S = ne(_, o);
         this.detach(), this.catalogLayer = r, this.catalogSource = {
-          ...l,
+          ...c,
           baseUrl: v.baseUrl,
-          tileUrlTemplate: l.tileUrlTemplate ?? v.tileUrlTemplate,
+          tileUrlTemplate: c.tileUrlTemplate ?? v.tileUrlTemplate,
           tileMatrixSet: v.tileMatrixSet,
           format: v.format,
-          style: l.style ?? v.style
+          style: c.style ?? v.style
         }, 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 ? 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();
+        ), this.timeMeta = S, this.verticalMeta = v.vertical, this.archiveLevel = null, this.depthLocked = !1, this.variableUnit = "", this.variableStandardName = c.layer, this.time = this.pendingTime == null ? at(S.values, Date.now()) : U(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));
         throw _.name !== "AbortError" && (this.emit("status", { phase: "error", error: _ }), this.emit("error", _)), _;
       }
     }
-    const p = this.getFieldSource(l.endpoints.field);
+    const p = this.getFieldSource(c.endpoints.field);
     let h, g, x, T, M;
     this.emit("status", { phase: "metadata" });
     try {
       await p.init();
-      const v = fe(l);
+      const v = fe(c);
       for (const _ of v)
         if (!p.hasVariable(_))
           throw new Error(
             `Configured variable not found in Zarr store: ${_}`
           );
       if (g = st(
-        l,
+        c,
         p.getTimeDimension()
       ), g.values.length === 0)
         throw new Error("Zarr time coordinate is empty");
@@ -4436,9 +4450,9 @@ class Da {
       const _ = v instanceof Error ? v : new Error(String(v));
       throw this.emit("status", { phase: "error", error: _ }), this.emit("error", _), _;
     }
-    if (c !== this.switchGeneration)
+    if (l !== 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 ? at(this.timeMeta.values, Date.now()) : V(this.timeMeta.values, this.pendingTime), this.pendingTime = null, this.depth = Le(T, d.depth);
+    this.detach(), this.catalogLayer = r, this.catalogSource = c, 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()) : U(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();
   }
@@ -4465,7 +4479,7 @@ class Da {
     if (!a || !r || !this.isArchiveChunk(r))
       return !1;
     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)
+    if ((t.time == null && !i || Ot(r, this.sourceTimeRequest(e, t.time))) && !d)
       return !1;
     const u = await this.selectSource(
       a,
@@ -4473,7 +4487,7 @@ class Da {
       e,
       t
     );
-    return !ei(u, r);
+    return !ti(u, r);
   }
   applyVisible(e) {
     this.assertAlive(), this.visible !== e && (this.visible = e, e ? this.attachWhenReady() : this.detach());
@@ -4498,7 +4512,7 @@ class Da {
   applyTime(e) {
     this.assertAlive();
     const t = z(e, "time");
-    this.layer || (this.pendingTime = t), this.time = V(this.timeMeta?.values ?? [], t), this.layer?.setTime(this.time);
+    this.layer || (this.pendingTime = t), this.time = U(this.timeMeta?.values ?? [], t), this.layer?.setTime(this.time);
   }
   /** Start GeoVideo playback; does nothing where playback is unavailable. */
   async play() {
@@ -4525,7 +4539,7 @@ class Da {
     const t = this.timeMeta?.values ?? [];
     if (!t.length)
       return;
-    const i = V(t, this.requestedTime ?? this.time);
+    const i = U(t, this.requestedTime ?? this.time);
     return t[t.indexOf(i) + e];
   }
   pause() {
@@ -4546,10 +4560,10 @@ class Da {
   }
   /** Media rate for the loaded artifact: steps per second when set, else the raw multiplier. */
   effectivePlaybackRate() {
-    return this.stepsPerSecond != null && this.geoVideoManifest ? ti(this.geoVideoManifest, this.stepsPerSecond) : this.playbackRate;
+    return this.stepsPerSecond != null && this.geoVideoManifest ? ii(this.geoVideoManifest, this.stepsPerSecond) : this.playbackRate;
   }
   playbackSpeeds() {
-    return this.catalogLayer?.kind === "vector" ? it : ra;
+    return this.catalogLayer?.kind === "vector" ? it : na;
   }
   /**
    * Steps per second the active source shows. Vector GeoVideo stays inside
@@ -4563,23 +4577,23 @@ class Da {
         Math.max(e[0], this.stepsPerSecond ?? 1)
       );
     }
-    return this.stepsPerSecond != null ? this.stepsPerSecond : this.geoVideoManifest ? this.playbackRate * ii(this.geoVideoManifest) : this.playbackRate;
+    return this.stepsPerSecond != null ? this.stepsPerSecond : this.geoVideoManifest ? this.playbackRate * ai(this.geoVideoManifest) : this.playbackRate;
   }
   /** Apply or clear a time window without rebuilding source metadata or the map layer. */
   applyTimeRange(e) {
     if (this.assertAlive(), !this.fullTimeMeta)
       throw new Error("Set a layer before changing its time range");
-    const t = e == null ? void 0 : { ...e }, i = re(this.fullTimeMeta, t), a = ne(this.fullTimeMeta, t), r = V(a.values, this.time);
+    const t = e == null ? void 0 : { ...e }, i = re(this.fullTimeMeta, t), a = ne(this.fullTimeMeta, t), r = U(a.values, this.time);
     return this.timeRange = t, this.resolvedTimeRange = i, this.timeMeta = a, this.time = r, this.layer?.setTimeRange([a.min, a.max]), this.layer?.setTime(r), this.getTimeMeta();
   }
   applyDepth(e) {
-    this.assertAlive(), this.depth = V(this.verticalMeta?.values ?? [], e), this.layer?.setDepth(this.depth);
+    this.assertAlive(), this.depth = U(this.verticalMeta?.values ?? [], e), this.layer?.setDepth(this.depth);
   }
   applyTimeAndDepth(e, t) {
-    this.assertAlive(), this.time = V(
+    this.assertAlive(), this.time = U(
       this.timeMeta?.values ?? [],
       z(e, "time")
-    ), this.depth = V(this.verticalMeta?.values ?? [], t), this.layer?.setTimeAndDepth(this.time, this.depth);
+    ), this.depth = U(this.verticalMeta?.values ?? [], t), this.layer?.setTimeAndDepth(this.time, this.depth);
   }
   on(e, t) {
     return this.assertAlive(), this.listeners.has(e) || this.listeners.set(e, /* @__PURE__ */ new Set()), this.listeners.get(e).add(t), this;
@@ -4597,7 +4611,7 @@ class Da {
       values: t.values,
       units: t.units,
       current: this.time,
-      granularity: na(t.values),
+      granularity: oa(t.values),
       timelineKind: this.geoVideoManifest?.timeline.kind
     } : {
       min: NaN,
@@ -4613,7 +4627,7 @@ class Da {
       return { values: [], label: "depth", current: void 0 };
     const e = this.verticalMeta;
     return {
-      values: Ct(e.values),
+      values: kt(e.values),
       name: e.name,
       label: e.label,
       units: e.units,
@@ -4634,7 +4648,7 @@ class Da {
       const i = this.catalogSource;
       return {
         type: "image",
-        url: Yi({
+        url: Zi({
           baseUrl: i.baseUrl ?? this.wmtsMetadata?.baseUrl ?? new URL(i.capabilitiesUrl).origin,
           layer: i.layer,
           style: i.style
@@ -4648,7 +4662,7 @@ class Da {
         type: "gradient",
         palette: i,
         reverse: this.settings.reversePalette ?? !1,
-        alphaFade: Ve(this.settings),
+        alphaFade: Ue(this.settings),
         min: a[0],
         max: a[1],
         unit: Ye(this.geoVideoManifest.style.unit)
@@ -4659,7 +4673,7 @@ class Da {
       type: "gradient",
       palette: e,
       reverse: this.settings.reversePalette ?? !1,
-      alphaFade: this.catalogLayer.kind === "scalar" ? Ve(this.settings) : void 0,
+      alphaFade: this.catalogLayer.kind === "scalar" ? Ue(this.settings) : void 0,
       min: t?.[0] ?? this.lastMeta?.min,
       max: t?.[1] ?? this.lastMeta?.max,
       unit: Ye(this.lastMeta?.unit ?? this.variableUnit)
@@ -4738,7 +4752,7 @@ class Da {
       devicePixelRatio: typeof window < "u" ? window.devicePixelRatio : void 0,
       catalogEntry: this.catalogLayer ? {
         id: this.catalogLayer.id,
-        title: Ot(
+        title: Bt(
           this.catalogLayer.title,
           this.catalog.defaultLocale,
           this.catalog.defaultLocale
@@ -4763,7 +4777,7 @@ class Da {
    * color domain of a GeoVideo archive included, as a load sets them.
    */
   styledSettings() {
-    const e = Ft(
+    const e = It(
       this.catalogLayer ?? void 0,
       this.style
     ), t = this.catalogSource?.type === "geovideo" ? this.geoVideoManifest : null;
@@ -4774,7 +4788,7 @@ class Da {
     const t = e.colorDomain === void 0 ? e : {
       ...e,
       colorDomain: Q(e.colorDomain)
-    }, i = da.some(
+    }, i = ma.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) {
@@ -4813,28 +4827,28 @@ class Da {
         stopAfterMissingSamples: 12
       });
     }
-    const c = this.timeRange ? Math.max(
+    const l = this.timeRange ? Math.max(
       o.min,
       this.resolvedTimeRange?.[0] ?? this.timeMeta?.min ?? o.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);
+    ) : o.max, c = n.findIndex((m) => m >= l);
     let u = n.length - 1;
     for (; u >= 0 && n[u] > d; )
       u--;
-    if (l < 0 || u < l)
+    if (c < 0 || u < c)
       throw new Error("Time range does not overlap the point-series store");
     const f = Math.max(
       1,
-      Math.ceil((u - l + 1) / a)
+      Math.ceil((u - c + 1) / a)
     );
     return r.sampleTimeSeries({
       variables: fe(i),
       longitude: e.longitude,
       latitude: e.latitude,
       depth: e.depth ?? this.depth,
-      timeStartIndex: l,
+      timeStartIndex: c,
       timeEndIndex: u,
       stride: f,
       stopAfterMissingSamples: 12
@@ -4872,7 +4886,7 @@ class Da {
       );
       return;
     }
-    const e = new ea({
+    const e = new ta({
       id: this.id,
       entry: this.catalogLayer,
       sourceConfig: this.catalogSource,
@@ -4905,7 +4919,7 @@ class Da {
     this.pendingTime = null, this.autoplayPending = !1, e.on("loading", () => this.emit("loading")), e.on("loaded", (t) => {
       this.lastMeta = t, this.emit("loaded", t);
     }), e.on("error", (t) => this.emit("error", t)), e.on("status", (t) => this.emit("status", t)), e.on("frameBuffered", (t) => this.emit("frameBuffered", t)), e.on("cacheInvalidated", () => this.emit("cacheInvalidated")), e.on("timeChange", (t) => {
-      e === this.layer && (this.time = V(this.timeMeta?.values ?? [], t), this.playing && (this.requestedTime = null), this.emit("timeChange", this.time));
+      e === this.layer && (this.time = U(this.timeMeta?.values ?? [], t), this.playing && (this.requestedTime = null), this.emit("timeChange", this.time));
     }), e.on("playbackChange", (t) => {
       e === this.layer && (t && this.preloadNextArchiveChunk(e), t !== this.playing && (this.playing = t, this.emit("playbackChange", t)));
     }), e.on("playbackEnd", () => {
@@ -4976,7 +4990,7 @@ class Da {
   async selectSource(e, t, i, a = {}) {
     const r = this.sourceTimeRequest(i, a.time), n = Ee(e, t);
     if (n) {
-      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(
+      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, c = await this.resolveArchives(e, d), u = c.sources.filter(
         (m) => m.id === n.id
       );
       if (u.length) {
@@ -4986,7 +5000,7 @@ class Da {
           i,
           a.time,
           d
-        ), p = ai(u, { time: m });
+        ), p = si(u, { time: m });
         if (p && !this.isFailedGeoVideo(p))
           return p;
         if (t !== "auto" || this.catalogSource?.id === n.id)
@@ -4999,12 +5013,12 @@ class Da {
         if (t !== "auto")
           throw new Error(`GeoVideo archive unavailable: ${n.id}`);
       }
-      const f = he(l, ["zarr"], r);
+      const f = he(c, ["zarr"], r);
       if (f)
         return f;
       e = {
-        ...l,
-        sources: l.sources.filter(
+        ...c,
+        sources: c.sources.filter(
           (m) => m.type !== "geovideo"
         )
       };
@@ -5039,7 +5053,7 @@ class Da {
     if (!e || !t || !this.isArchiveChunk(t))
       return null;
     const i = this.archiveLevel;
-    return si(
+    return ri(
       (await this.resolveArchives(e, i)).sources,
       t,
       {
@@ -5120,8 +5134,8 @@ class Da {
       const o = r.slice(n, n + lt);
       (await Promise.allSettled(
         o.map((d) => this.loadChunkManifest(d))
-      )).forEach((d, l) => {
-        d.status === "fulfilled" ? this.chunkTimes.set(o[l], we(d.value)) : console.warn(
+      )).forEach((d, c) => {
+        d.status === "fulfilled" ? this.chunkTimes.set(o[c], we(d.value)) : console.warn(
           "[zartigl] GeoVideo chunk samples unavailable:",
           d.reason
         );
@@ -5138,13 +5152,13 @@ class Da {
    * 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 ? xt(i, [n[0], n[n.length - 1]]) : [-1 / 0, 1 / 0], d = n.filter((u) => u >= o && u <= c);
+    const n = await this.archiveTimes(e, t, r), [o, l] = i && n.length ? xt(i, [n[0], n[n.length - 1]]) : [-1 / 0, 1 / 0], d = n.filter((u) => u >= o && u <= l);
     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 ? d[d.length - 1] : V(d, l);
+    const c = this.sourceTimeRequest(void 0, a).time;
+    return c == null ? d[d.length - 1] : U(d, c);
   }
   /**
    * Entry whose archive sources are replaced by one fixed-period source per
@@ -5169,7 +5183,7 @@ class Da {
         return n ? this.archiveChunksAt(
           e,
           a,
-          ri(n, a.indexUrl),
+          ni(n, a.indexUrl),
           n
         ) : [];
       })
@@ -5190,28 +5204,28 @@ class Da {
     if (r && r.expires > Date.now())
       return r.chunks;
     const n = {
-      expires: Date.now() + ca,
-      chunks: ni(i).then((o) => {
+      expires: Date.now() + ha,
+      chunks: oi(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 = oi(
+        const l = li(
           { ...t, indexUrl: i },
           o,
           e
         );
-        for (const d of li(o, i))
+        for (const d of ci(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() + ha, []))
+        return l;
+      }).catch((o) => (console.warn("[zartigl] GeoVideo archive unavailable:", o), n.expires = Date.now() + ua, []))
     };
     return this.archiveChunks.set(i, n), n.chunks;
   }
   resolveSource(e, t, i) {
-    const a = t === "auto" ? Bt(e, i) : e.sources.find((r) => r.id === t) ?? he(
+    const a = t === "auto" ? $t(e, i) : e.sources.find((r) => r.id === t) ?? he(
       e,
       [t],
       i
@@ -5272,33 +5286,33 @@ class Da {
         a(...t);
   }
 }
-function pa(s, e) {
+function ga(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 ga(s, e) {
+function va(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 Aa(s, e, t) {
+function Ca(s, e, t) {
   if (!e || s.length === 0)
     return;
   if (["year", "month", "day"].includes(t)) {
     const a = s.find(
-      (r) => pa(r, t) === e
+      (r) => ga(r, t) === e
     );
     if (a !== void 0)
       return a;
   }
-  const i = ga(e, t);
+  const i = va(e, t);
   if (Number.isFinite(i))
     return s.reduce(
       (a, r) => Math.abs(r - i) < Math.abs(a - i) ? r : a
     );
 }
-const It = gt.devDependencies["maplibre-gl"].replace(
+const Vt = gt.devDependencies["maplibre-gl"].replace(
   /^[^\d]*/,
   ""
-), va = `https://cdn.jsdelivr.net/npm/maplibre-gl@${It}/+esm`, ya = `https://cdn.jsdelivr.net/npm/maplibre-gl@${It}/dist/maplibre-gl.css`, _a = `{
+), ya = `https://cdn.jsdelivr.net/npm/maplibre-gl@${Vt}/+esm`, _a = `https://cdn.jsdelivr.net/npm/maplibre-gl@${Vt}/dist/maplibre-gl.css`, xa = `{
   version: 8,
   sources: {
     "eox-cloudless": {
@@ -5322,7 +5336,7 @@ const It = gt.devDependencies["maplibre-gl"].replace(
 function q(s) {
   return JSON.stringify(s);
 }
-function xa(s) {
+function ba(s) {
   return JSON.stringify(s, null, 2);
 }
 function Ut(s) {
@@ -5333,25 +5347,25 @@ function ie(s, e = 6) {
 }
 function $(s, e) {
   const t = " ".repeat(e);
-  return xa(s).split(`
+  return ba(s).split(`
 `).map((i) => `${t}${i}`).join(`
 `).trimStart();
 }
-function ba(s, e) {
+function Sa(s, e) {
   const t = " ".repeat(e);
   return s.split(`
 `).map((i) => i.length > 0 ? `${t}${i}` : i).join(`
 `);
 }
-const Sa = (s) => {
+const wa = (s) => {
   const e = s.source ?? "auto";
   return s.sourceType ?? (e === "wmts" || e === "geovideo" ? e : "zarr");
 };
-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 } };
+function Nt(s) {
+  const { layerKind: e, layerDefaults: t } = s, i = pt(s.style ?? {}, e), a = t === void 0 ? i : qt(i, ze({ kind: e, defaults: t })), r = a.raster?.opacity, n = wa(s) !== "wmts" ? a : r === void 0 ? {} : { raster: { opacity: r } };
   return Object.keys(n).length ? n : void 0;
 }
-function Nt(s) {
+function zt(s) {
   const { particleState: e, rgba8MaxParticleZoom: t } = s.settings ?? {}, i = Object.fromEntries(
     Object.entries({ particleState: e, rgba8MaxParticleZoom: t }).filter(
       ([, a]) => a !== void 0
@@ -5359,8 +5373,8 @@ function Nt(s) {
   );
   return s.layerKind === "vector" && Object.keys(i).length ? i : void 0;
 }
-function Ca(s) {
-  const e = s.source ?? "auto", t = Vt(s), i = Nt(s), a = [
+function ka(s) {
+  const e = s.source ?? "auto", t = Nt(s), i = zt(s), a = [
     "        idView: widget.opt.view.id,",
     "        map: widget.opt.map,",
     `        layer: ${q(s.layerId)},`,
@@ -5407,14 +5421,14 @@ ${a.join(`
   };
 }`;
 }
-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)},
+function Ta(s) {
+  const e = s.moduleBaseUrl ?? `https://cdn.jsdelivr.net/npm/@fxi/zartigl@${gt.version}/dist`, t = s.source ?? "auto", i = Nt(s), a = zt(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)},
+`, l = a == null ? "" : `  settings: ${$(a, 2)},
 `, d = s.time == null ? "" : `  time: ${Ut(s.time)},
-`, l = s.depth == null ? "" : `  depth: ${s.depth},
-`, u = s.center ?? [0, 20], f = s.projection ?? "mercator", m = s.mapStyle == null ? _a : q(s.mapStyle), p = `map.setProjection({ type: ${q(f)} });
+`, c = s.depth == null ? "" : `  depth: ${s.depth},
+`, u = s.center ?? [0, 20], f = s.projection ?? "mercator", m = s.mapStyle == null ? xa : q(s.mapStyle), p = `map.setProjection({ type: ${q(f)} });
 map.jumpTo({
   center: [${ie(u[0])}, ${ie(u[1])}],
   zoom: ${ie(s.zoom ?? 2, 3)},
@@ -5443,10 +5457,10 @@ const z = new Zartigl({
   catalog,
   layer: ${q(s.layerId)},
   source: ${q(t)},
-${r}${n}${o}${c}${d}${l}});
+${r}${n}${o}${l}${d}${c}});
 
 await z.init();`;
-  return `import maplibregl from ${q(va)};
+  return `import maplibregl from ${q(ya)};
 import { Zartigl } from "${e}/zartigl.js";
 import { catalog } from "${e}/catalog.js";
 
@@ -5458,18 +5472,18 @@ const map = new maplibregl.Map({
 });
 
 map.once("style.load", async () => {
-${ba(p, 2)}
+${Sa(p, 2)}
 });`;
 }
-function ka(s) {
-  const e = wa(s);
+function Fa(s) {
+  const e = Ta(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(ya)} />
+    <link rel="stylesheet" href=${q(_a)} />
     <style>
       html, body, #map {
         width: 100%;
@@ -5491,41 +5505,41 @@ ${e}
 </html>`;
 }
 export {
-  ci as BACKDROP_OFF,
-  hi as COLOR_GRADE_OFF,
-  za as COLOR_GRADE_VIBRANT,
-  ra as GEOVIDEO_SPEEDS,
+  hi as BACKDROP_OFF,
+  ui as COLOR_GRADE_OFF,
+  Ga as COLOR_GRADE_VIBRANT,
+  na as GEOVIDEO_SPEEDS,
   G as GeoVideoLayer,
-  kt as LEGACY_STYLE_SETTINGS,
-  Mt as ParticleSimulation,
+  Ft as LEGACY_STYLE_SETTINGS,
+  Rt as ParticleSimulation,
   me as ScalarLayer,
   it as VECTOR_GEOVIDEO_SPEEDS,
-  D as VectorLayer,
-  Rt as VelocityField,
+  P as VectorLayer,
+  Pt as VelocityField,
   _e as ZarrSource,
-  Da as Zartigl,
+  Aa as Zartigl,
   xe as ZartiglFrameUnavailableError,
-  Ca as buildMapxWidgetSnippet,
-  ka as buildStandaloneDemoHtml,
-  wa as buildStandaloneDemoSnippet,
-  Yi as buildWmtsLegendUrl,
+  ka as buildMapxWidgetSnippet,
+  Fa as buildStandaloneDemoHtml,
+  Ta as buildStandaloneDemoSnippet,
+  Zi as buildWmtsLegendUrl,
   Je as buildWmtsTileUrl,
-  mi as colorGradeToGrade,
-  qi as deriveDirectionMagnitudeComponents,
+  fi as colorGradeToGrade,
+  Wi as deriveDirectionMagnitudeComponents,
   Ye as formatUnit,
-  Jt as geoVideoSecondsForTime,
+  ei as geoVideoSecondsForTime,
   Ua as geoVideoTimeForSeconds,
   we as geoVideoTimelineValues,
   _t as getPalettes,
-  La as getVectorDerivationVariables,
-  fi as gradeToColorGrade,
-  Ga as isHexColor,
+  Da as getVectorDerivationVariables,
+  pi as gradeToColorGrade,
+  Oa as isHexColor,
   Ce as loadGeoVideoManifest,
   St as resolveBackdrop,
   bt as resolveColorGrade,
   ke as resolveColorRamp,
-  Aa as resolveTimeInputSelection,
+  Ca as resolveTimeInputSelection,
   Ae as splitLegacySettings,
-  Pt as stitchVelocityChunks,
-  Va as validateGeoVideoManifest
+  Et as stitchVelocityChunks,
+  Na as validateGeoVideoManifest
 };