@geoql/v-maplibre 1.4.0 → 1.5.0

package/dist/index.js

@@ -1,19 +1,23 @@
-import { inject as w, ref as M, shallowRef as H, watch as v, provide as O, onUnmounted as J, defineComponent as b, useSlots as X, onMounted as L, renderSlot as C, onBeforeUnmount as P, createBlock as K, openBlock as $, computed as z, toRaw as E, markRaw as R, createElementBlock as A, createCommentVNode as Q, withCtx as ee } from "vue";
-import te, { AttributionControl as oe, FullscreenControl as ae, GeolocateControl as ie, NavigationControl as re, ScaleControl as le, Map as ne, Popup as se, Marker as de } from "maplibre-gl";
-import { PMTiles as ce, Protocol as ue } from "pmtiles";
-import { ScatterplotLayer as ge, ArcLayer as ye, GeoJsonLayer as pe, PathLayer as fe, LineLayer as he, PolygonLayer as me, SolidPolygonLayer as ve, IconLayer as be, TextLayer as Le, ColumnLayer as Se, BitmapLayer as Ce, GridCellLayer as ke, PointCloudLayer as Pe } from "@deck.gl/layers";
-import { HeatmapLayer as xe, HexagonLayer as Ie, GridLayer as _e, ContourLayer as Me, ScreenGridLayer as Ee } from "@deck.gl/aggregation-layers";
-import { TripsLayer as Be, H3HexagonLayer as We, H3ClusterLayer as we, MVTLayer as Te, TileLayer as ze, Tile3DLayer as He, TerrainLayer as $e, GreatCircleLayer as Re, S2Layer as Oe, GeohashLayer as Ve, QuadkeyLayer as De, _WMSLayer as Ae } from "@deck.gl/geo-layers";
-import { SimpleMeshLayer as Ue, ScenegraphLayer as Fe } from "@deck.gl/mesh-layers";
-function k(g, a) {
-  const e = w(g, a);
+var ue = Object.defineProperty;
+var ge = (n, a, e) => a in n ? ue(n, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[a] = e;
+var N = (n, a, e) => ge(n, typeof a != "symbol" ? a + "" : a, e);
+import { inject as W, ref as M, shallowRef as O, watch as v, provide as U, onUnmounted as ie, defineComponent as b, useSlots as re, onMounted as L, renderSlot as x, onBeforeUnmount as k, createBlock as le, openBlock as D, computed as R, toRaw as B, markRaw as V, createElementBlock as Z, createCommentVNode as ne, withCtx as pe } from "vue";
+import fe, { AttributionControl as ye, FullscreenControl as he, GeolocateControl as me, NavigationControl as ve, ScaleControl as be, Map as Le, Popup as Se, Marker as xe } from "maplibre-gl";
+import { PMTiles as Pe, Protocol as Ce } from "pmtiles";
+import { ScatterplotLayer as ke, ArcLayer as Ie, GeoJsonLayer as _e, PathLayer as Me, LineLayer as q, PolygonLayer as we, SolidPolygonLayer as Ee, IconLayer as Be, TextLayer as Te, ColumnLayer as We, BitmapLayer as ze, GridCellLayer as Re, PointCloudLayer as He } from "@deck.gl/layers";
+import { HeatmapLayer as Oe, HexagonLayer as De, GridLayer as Ae, ContourLayer as Ve, ScreenGridLayer as $e } from "@deck.gl/aggregation-layers";
+import { TripsLayer as Fe, H3HexagonLayer as Ue, H3ClusterLayer as Ne, MVTLayer as je, TileLayer as Ge, Tile3DLayer as Ze, TerrainLayer as qe, GreatCircleLayer as Je, S2Layer as Xe, GeohashLayer as Ke, QuadkeyLayer as Qe, _WMSLayer as Ye } from "@deck.gl/geo-layers";
+import { SimpleMeshLayer as et, ScenegraphLayer as tt } from "@deck.gl/mesh-layers";
+import { BufferTransform as ot } from "@luma.gl/engine";
+function P(n, a) {
+  const e = W(n, a);
   if (!e)
-    throw new Error(`Could not resolve ${g.description}`);
+    throw new Error(`Could not resolve ${n.description}`);
   return e;
 }
-const V = /* @__PURE__ */ Symbol("DeckOverlay"), D = /* @__PURE__ */ Symbol("DeckLayers");
-function I(g, a = {}) {
-  const { interleaved: e = !1 } = a, r = w(V, null), i = w(D, null);
+const j = /* @__PURE__ */ Symbol("DeckOverlay"), G = /* @__PURE__ */ Symbol("DeckLayers");
+function I(n, a = {}) {
+  const { interleaved: e = !1 } = a, r = W(j, null), i = W(G, null);
   if (r && i)
     return {
       overlay: r,
@@ -23,92 +27,92 @@ function I(g, a = {}) {
       getLayers: () => [],
       ...i
     };
-  const u = H(null), l = M([]), n = M(!1);
-  let s = null;
-  const t = () => {
-    const d = g.value;
-    return !d || u.value ? Promise.resolve() : s || (s = import("@deck.gl/mapbox").then(({ MapboxOverlay: h }) => {
-      u.value || (u.value = new h({
+  const u = O(null), l = M([]), s = M(!1);
+  let c = null;
+  const o = () => {
+    const d = n.value;
+    return !d || u.value ? Promise.resolve() : c || (c = import("@deck.gl/mapbox").then(({ MapboxOverlay: y }) => {
+      u.value || (u.value = new y({
         interleaved: e,
         layers: []
-      }), d.addControl(u.value), n.value = !0);
-    }).catch((h) => {
-      console.error("[deck.gl] Error initializing overlay:", h), s = null;
-    }), s);
-  }, o = (d) => d.id, y = () => {
+      }), d.addControl(u.value), s.value = !0);
+    }).catch((y) => {
+      console.error("[deck.gl] Error initializing overlay:", y), c = null;
+    }), c);
+  }, t = (d) => d.id, p = () => {
     u.value && u.value.setProps({ layers: l.value });
-  }, f = (d) => {
-    const h = o(d), B = l.value.findIndex(
-      (x) => o(x) === h
+  }, h = (d) => {
+    const y = t(d), w = l.value.findIndex(
+      (C) => t(C) === y
     );
-    B >= 0 ? l.value = [
-      ...l.value.slice(0, B),
+    w >= 0 ? l.value = [
+      ...l.value.slice(0, w),
       d,
-      ...l.value.slice(B + 1)
-    ] : l.value = [...l.value, d], u.value ? y() : t().then(y);
-  }, c = (d) => {
-    l.value = l.value.filter((h) => o(h) !== d), y();
-  }, m = (d, h) => {
-    const B = l.value.findIndex((x) => o(x) === d);
-    B >= 0 ? (l.value = [
-      ...l.value.slice(0, B),
-      h,
-      ...l.value.slice(B + 1)
-    ], y()) : f(h);
-  }, p = () => [...l.value];
+      ...l.value.slice(w + 1)
+    ] : l.value = [...l.value, d], u.value ? p() : o().then(p);
+  }, g = (d) => {
+    l.value = l.value.filter((y) => t(y) !== d), p();
+  }, m = (d, y) => {
+    const w = l.value.findIndex((C) => t(C) === d);
+    w >= 0 ? (l.value = [
+      ...l.value.slice(0, w),
+      y,
+      ...l.value.slice(w + 1)
+    ], p()) : h(y);
+  }, f = () => [...l.value];
   return v(
-    g,
+    n,
     (d) => {
-      d && !u.value && (d.isStyleLoaded() ? t() : d.once("style.load", () => {
-        t();
+      d && !u.value && (d.isStyleLoaded() ? o() : d.once("style.load", () => {
+        o();
       }));
     },
     { immediate: !0 }
-  ), O(V, u), O(D, {
-    addLayer: f,
-    removeLayer: c,
+  ), U(j, u), U(G, {
+    addLayer: h,
+    removeLayer: g,
     updateLayer: m
-  }), J(() => {
-    if (u.value && g.value)
+  }), ie(() => {
+    if (u.value && n.value)
       try {
-        g.value.removeControl(u.value), u.value.finalize();
+        n.value.removeControl(u.value), u.value.finalize();
       } catch (d) {
         console.error("[deck.gl] Error cleaning up overlay:", d);
       }
-    u.value = null, l.value = [], n.value = !1, s = null;
+    u.value = null, l.value = [], s.value = !1, c = null;
   }), {
     overlay: u,
     layers: l,
-    isInitialized: n,
-    initOverlay: t,
-    addLayer: f,
-    removeLayer: c,
+    isInitialized: s,
+    initOverlay: o,
+    addLayer: h,
+    removeLayer: g,
     updateLayer: m,
-    getLayers: p
+    getLayers: f
   };
 }
-function it() {
-  const g = w(D, null), a = w(V, null);
-  if (!g)
+function zt() {
+  const n = W(G, null), a = W(j, null);
+  if (!n)
     throw new Error(
       "[deck.gl] useDeckLayers must be used within a component that has initialized useDeckOverlay"
     );
   return {
-    ...g,
+    ...n,
     overlay: a
   };
 }
-const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"), rt = /* @__PURE__ */ b({
+const S = /* @__PURE__ */ Symbol("Map"), se = /* @__PURE__ */ Symbol("Protocol"), Rt = /* @__PURE__ */ b({
   __name: "VControlAttribution",
   props: {
     options: { default: void 0 },
     position: { default: "bottom-right" }
   },
-  setup(g) {
+  setup(n) {
     const a = {
       compact: !1,
       customAttribution: void 0
-    }, e = g, r = X(), i = k(S);
+    }, e = n, r = re(), i = P(S);
     L(() => {
       u();
     });
@@ -117,45 +121,45 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       e.options && (l = {
         ...e.options
       }), r && r.default?.() && (l.customAttribution = r.default()[0].children);
-      const n = new oe(l);
-      i.value.addControl(n, e.position);
+      const s = new ye(l);
+      i.value.addControl(s, e.position);
     };
-    return (l, n) => C(l.$slots, "default");
+    return (l, s) => x(l.$slots, "default");
   }
-}), lt = /* @__PURE__ */ b({
+}), Ht = /* @__PURE__ */ b({
   __name: "VControlFullscreen",
   props: {
     options: { default: void 0 },
     position: { default: "top-left" }
   },
-  setup(g) {
+  setup(n) {
     const a = {
       container: void 0
-    }, e = g, r = k(S);
+    }, e = n, r = P(S);
     L(() => {
       i();
     });
     const i = () => {
-      const u = new ae(e.options || a);
+      const u = new he(e.options || a);
       r.value.addControl(u, e.position);
     };
     return () => {
     };
   }
-}), U = [
+}), J = [
   "geolocate",
   "error",
   "outofmaxbounds",
   "trackuserlocationstart",
   "trackuserlocationend"
-], nt = /* @__PURE__ */ b({
+], Ot = /* @__PURE__ */ b({
   __name: "VControlGeolocate",
   props: {
     options: { default: void 0 },
     position: { default: "top-left" }
   },
-  emits: U,
-  setup(g, { emit: a }) {
+  emits: J,
+  setup(n, { emit: a }) {
     const e = {
       fitBoundsOptions: {
         linear: !1,
@@ -170,64 +174,64 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       trackUserLocation: !0,
       showAccuracyCircle: !0,
       showUserLocation: !0
-    }, r = g, i = a, u = k(S);
+    }, r = n, i = a, u = P(S);
     L(() => {
       l();
     });
     const l = () => {
-      const n = new ie(r.options || e);
-      u.value.addControl(n, r.position), U.forEach((s) => {
-        n.on(s, () => {
-          i(s);
+      const s = new me(r.options || e);
+      u.value.addControl(s, r.position), J.forEach((c) => {
+        s.on(c, () => {
+          i(c);
         });
       });
     };
     return () => {
     };
   }
-}), st = /* @__PURE__ */ b({
+}), Dt = /* @__PURE__ */ b({
   __name: "VControlNavigation",
   props: {
     options: { default: void 0 },
     position: { default: "top-left" }
   },
-  setup(g) {
+  setup(n) {
     const a = {
       showCompass: !0,
       showZoom: !0,
       visualizePitch: !0
-    }, e = g, r = w(S);
+    }, e = n, r = W(S);
     L(() => {
       i();
     });
     const i = () => {
-      const u = new re(e.options || a);
+      const u = new ve(e.options || a);
       r.value.addControl(u, e.position);
     };
     return () => {
     };
   }
-}), dt = /* @__PURE__ */ b({
+}), At = /* @__PURE__ */ b({
   __name: "VControlScale",
   props: {
     options: { default: void 0 },
     position: { default: "bottom-left" }
   },
-  setup(g) {
+  setup(n) {
     const a = {
       maxWidth: 100,
       unit: "metric"
-    }, e = g, r = w(S);
+    }, e = n, r = W(S);
     L(() => {
       i();
     });
     const i = () => {
-      const u = new le(e.options || a);
+      const u = new be(e.options || a);
       r?.value.addControl(u, e.position);
     };
-    return (u, l) => C(u.$slots, "default");
+    return (u, l) => x(u.$slots, "default");
   }
-}), F = [
+}), X = [
   "load",
   "loadstart",
   "loaderror",
@@ -240,65 +244,65 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
   "streamingstop",
   "streamingprogress",
   "budgetreached"
-], ct = /* @__PURE__ */ b({
+], Vt = /* @__PURE__ */ b({
   __name: "VControlLidar",
   props: {
     options: { default: void 0 },
     position: { default: "top-right" },
     defaultUrl: { default: void 0 }
   },
-  emits: F,
-  setup(g, { expose: a, emit: e }) {
+  emits: X,
+  setup(n, { expose: a, emit: e }) {
     const r = {
       collapsed: !0,
       pointSize: 2,
       colorScheme: "elevation",
       pickable: !1,
       autoZoom: !0
-    }, i = g, u = e, l = k(S), n = M(null);
+    }, i = n, u = e, l = P(S), s = M(null);
     L(async () => {
-      await s();
-    }), J(() => {
-      n.value && l.value && (l.value.removeControl(n.value), n.value = null);
+      await c();
+    }), ie(() => {
+      s.value && l.value && (l.value.removeControl(s.value), s.value = null);
     });
-    const s = async () => {
-      const { LidarControl: t } = await import("maplibre-gl-lidar");
-      n.value = new t(
+    const c = async () => {
+      const { LidarControl: o } = await import("maplibre-gl-lidar");
+      s.value = new o(
         i.options || r
       ), l.value.addControl(
-        n.value,
+        s.value,
         i.position
-      ), F.forEach((o) => {
-        n.value.on(o, (y) => {
-          u(o, y);
+      ), X.forEach((t) => {
+        s.value.on(t, (p) => {
+          u(t, p);
         });
-      }), i.defaultUrl && n.value.loadPointCloud(i.defaultUrl);
+      }), i.defaultUrl && s.value.loadPointCloud(i.defaultUrl);
     };
     return a({
-      loadPointCloud: (t) => n.value?.loadPointCloud(t),
-      unloadPointCloud: (t) => n.value?.unloadPointCloud(t),
-      flyToPointCloud: (t) => n.value?.flyToPointCloud(t),
-      setPointSize: (t) => n.value?.setPointSize(t),
-      setColorScheme: (t) => n.value?.setColorScheme(t),
-      setOpacity: (t) => n.value?.setOpacity(t),
-      setPickable: (t) => n.value?.setPickable(t),
-      setUsePercentile: (t) => n.value?.setUsePercentile(t),
-      setElevationRange: (t, o) => n.value?.setElevationRange(t, o),
-      clearElevationRange: () => n.value?.clearElevationRange(),
-      setZOffset: (t) => n.value?.setZOffset(t),
-      setZOffsetEnabled: (t) => n.value?.setZOffsetEnabled(t),
-      toggle: () => n.value?.toggle(),
-      expand: () => n.value?.expand(),
-      collapse: () => n.value?.collapse(),
-      getState: () => n.value?.getState(),
-      getPointClouds: () => n.value?.getPointClouds(),
-      stopStreaming: (t) => n.value?.stopStreaming(t),
-      isStreaming: (t) => n.value?.isStreaming(t),
-      getControl: () => n.value
+      loadPointCloud: (o) => s.value?.loadPointCloud(o),
+      unloadPointCloud: (o) => s.value?.unloadPointCloud(o),
+      flyToPointCloud: (o) => s.value?.flyToPointCloud(o),
+      setPointSize: (o) => s.value?.setPointSize(o),
+      setColorScheme: (o) => s.value?.setColorScheme(o),
+      setOpacity: (o) => s.value?.setOpacity(o),
+      setPickable: (o) => s.value?.setPickable(o),
+      setUsePercentile: (o) => s.value?.setUsePercentile(o),
+      setElevationRange: (o, t) => s.value?.setElevationRange(o, t),
+      clearElevationRange: () => s.value?.clearElevationRange(),
+      setZOffset: (o) => s.value?.setZOffset(o),
+      setZOffsetEnabled: (o) => s.value?.setZOffsetEnabled(o),
+      toggle: () => s.value?.toggle(),
+      expand: () => s.value?.expand(),
+      collapse: () => s.value?.collapse(),
+      getState: () => s.value?.getState(),
+      getPointClouds: () => s.value?.getPointClouds(),
+      stopStreaming: (o) => s.value?.stopStreaming(o),
+      isStreaming: (o) => s.value?.isStreaming(o),
+      getControl: () => s.value
     }), () => {
     };
   }
-}), ut = /* @__PURE__ */ b({
+}), $t = /* @__PURE__ */ b({
   __name: "VLayerMaplibreCanvas",
   props: {
     source: {},
@@ -307,77 +311,77 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     layerId: { default: "maplibre.gl-canvas-layer" },
     before: { default: "" }
   },
-  setup(g) {
-    const a = g, e = k(S), r = M(!1), i = () => e.value || null, u = (t) => {
-      t && t.on("style.load", () => {
-        const o = () => {
-          t.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(o, 200));
+  setup(n) {
+    const a = n, e = P(S), r = M(!1), i = () => e.value || null, u = (o) => {
+      o && o.on("style.load", () => {
+        const t = () => {
+          o.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(t, 200));
         };
-        o();
+        t();
       });
     }, l = () => {
-      const t = i();
-      if (t)
+      const o = i();
+      if (o)
         try {
-          if (t.getSource(a.sourceId) || t.addSource(a.sourceId, a.source), !t.getLayer(a.layerId)) {
-            const o = {
+          if (o.getSource(a.sourceId) || o.addSource(a.sourceId, a.source), !o.getLayer(a.layerId)) {
+            const t = {
               ...a.layer,
               id: a.layerId,
               source: a.sourceId
             };
-            t.addLayer(o, a.before);
+            o.addLayer(t, a.before);
           }
-        } catch (o) {
-          console.error("Error adding Canvas layer:", o);
+        } catch (t) {
+          console.error("Error adding Canvas layer:", t);
         }
-    }, n = () => {
-      const t = i();
-      if (t)
+    }, s = () => {
+      const o = i();
+      if (o)
         try {
-          t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.getSource(a.sourceId) && t.removeSource(a.sourceId), t.addSource(a.sourceId, a.source);
-          const o = {
+          o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.getSource(a.sourceId) && o.removeSource(a.sourceId), o.addSource(a.sourceId, a.source);
+          const t = {
             ...a.layer,
             id: a.layerId,
             source: a.sourceId
           };
-          t.addLayer(o, a.before);
-        } catch (o) {
-          console.error("Error updating Canvas source:", o);
+          o.addLayer(t, a.before);
+        } catch (t) {
+          console.error("Error updating Canvas source:", t);
         }
-    }, s = () => {
-      const t = i();
-      if (t)
+    }, c = () => {
+      const o = i();
+      if (o)
         try {
-          t.getLayer(a.layerId) && (Object.entries(a.layer.paint || {}).forEach(([o, y]) => {
-            t.setPaintProperty(a.layerId, o, y);
-          }), Object.entries(a.layer.layout || {}).forEach(([o, y]) => {
-            t.setLayoutProperty(a.layerId, o, y);
+          o.getLayer(a.layerId) && (Object.entries(a.layer.paint || {}).forEach(([t, p]) => {
+            o.setPaintProperty(a.layerId, t, p);
+          }), Object.entries(a.layer.layout || {}).forEach(([t, p]) => {
+            o.setLayoutProperty(a.layerId, t, p);
           }));
-        } catch (o) {
-          console.error("Error updating Canvas layer:", o);
+        } catch (t) {
+          console.error("Error updating Canvas layer:", t);
         }
     };
-    return v(() => a.source, n, { deep: !0 }), v(() => a.layer, s, { deep: !0 }), v(
+    return v(() => a.source, s, { deep: !0 }), v(() => a.layer, c, { deep: !0 }), v(
       e,
-      (t) => {
-        t && u(t);
+      (o) => {
+        o && u(o);
       },
       { immediate: !0 }
-    ), v(r, (t) => {
-      t && l();
+    ), v(r, (o) => {
+      o && l();
     }), L(() => {
       i()?.isStyleLoaded() && l();
-    }), P(() => {
-      const t = i();
-      if (t)
+    }), k(() => {
+      const o = i();
+      if (o)
         try {
-          t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.getSource(a.sourceId) && t.removeSource(a.sourceId);
-        } catch (o) {
-          console.error("Error cleaning up Canvas layer:", o);
+          o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.getSource(a.sourceId) && o.removeSource(a.sourceId);
+        } catch (t) {
+          console.error("Error cleaning up Canvas layer:", t);
         }
-    }), (t, o) => C(t.$slots, "default");
+    }), (o, t) => x(o.$slots, "default");
   }
-}), gt = /* @__PURE__ */ b({
+}), Ft = /* @__PURE__ */ b({
   __name: "VLayerMaplibreGeojson",
   props: {
     sourceId: { default: "maplibre-gl-geojson-source" },
@@ -387,17 +391,17 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     before: { default: "" }
   },
   emits: ["on-click"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), u = M(!1), l = (c) => !c || typeof c == "string" ? !1 : c && typeof c == "object" && "type" in c ? c.type === "FeatureCollection" && "features" in c ? c.features.length > 0 : c.type === "Feature" || c.type === "Point" || c.type === "LineString" || c.type === "Polygon" || c.type === "MultiPoint" || c.type === "MultiLineString" || c.type === "MultiPolygon" : !1, n = () => i.value || null, s = (c) => {
-      c && c.on("style.load", () => {
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), u = M(!1), l = (g) => !g || typeof g == "string" ? !1 : g && typeof g == "object" && "type" in g ? g.type === "FeatureCollection" && "features" in g ? g.features.length > 0 : g.type === "Feature" || g.type === "Point" || g.type === "LineString" || g.type === "Polygon" || g.type === "MultiPoint" || g.type === "MultiLineString" || g.type === "MultiPolygon" : !1, s = () => i.value || null, c = (g) => {
+      g && g.on("style.load", () => {
         const m = () => {
-          c.isStyleLoaded() ? u.value = !0 : (u.value = !1, setTimeout(m, 200));
+          g.isStyleLoaded() ? u.value = !0 : (u.value = !1, setTimeout(m, 200));
         };
         m();
       });
-    }, t = () => {
-      const c = n();
-      if (!(!c || !c.isStyleLoaded())) {
+    }, o = () => {
+      const g = s();
+      if (!(!g || !g.isStyleLoaded())) {
         if (!l(e.source.data)) {
           console.log(
             `[${e.layerId}] Waiting for valid data before adding layer`
@@ -405,56 +409,56 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
           return;
         }
         try {
-          if (c.getSource(e.sourceId) || c.addSource(e.sourceId, e.source), !c.getLayer(e.layerId)) {
+          if (g.getSource(e.sourceId) || g.addSource(e.sourceId, e.source), !g.getLayer(e.layerId)) {
             const m = {
               ...e.layer,
               id: e.layerId,
               source: e.sourceId
             };
-            c.addLayer(m, e.before);
+            g.addLayer(m, e.before);
           }
         } catch (m) {
           console.error("Error adding GeoJSON layer:", m);
         }
       }
-    }, o = () => {
-      const c = n();
-      if (c)
+    }, t = () => {
+      const g = s();
+      if (g)
         try {
-          const m = c.getSource(e.sourceId);
+          const m = g.getSource(e.sourceId);
           if (m && "setData" in m) {
-            const p = c.getStyle().layers.filter(
+            const f = g.getStyle().layers.filter(
               (d) => d.type !== "background" && "source" in d && d.source === e.sourceId
             );
-            (p.length === 0 || p[0]?.id === e.layerId) && m.setData(e.source.data);
-          } else m || t();
+            (f.length === 0 || f[0]?.id === e.layerId) && m.setData(e.source.data);
+          } else m || o();
         } catch (m) {
           console.error("Error updating GeoJSON source:", m);
         }
-    }, y = () => {
-      const c = n();
-      if (c)
+    }, p = () => {
+      const g = s();
+      if (g)
         try {
-          c.getLayer(e.layerId) ? (Object.entries(e.layer.paint || {}).forEach(([m, p]) => {
-            c.setPaintProperty(e.layerId, m, p);
-          }), Object.entries(e.layer.layout || {}).forEach(([m, p]) => {
-            c.setLayoutProperty(e.layerId, m, p);
-          })) : t();
+          g.getLayer(e.layerId) ? (Object.entries(e.layer.paint || {}).forEach(([m, f]) => {
+            g.setPaintProperty(e.layerId, m, f);
+          }), Object.entries(e.layer.layout || {}).forEach(([m, f]) => {
+            g.setLayoutProperty(e.layerId, m, f);
+          })) : o();
         } catch (m) {
           console.error("Error updating GeoJSON layer:", m);
         }
-    }, f = (c) => {
-      if (c)
+    }, h = (g) => {
+      if (g)
         try {
-          c.on("click", e.layerId, (m) => {
+          g.on("click", e.layerId, (m) => {
             m.features && m.features.length > 0 && r("on-click", {
               features: m.features,
               coordinates: m.lngLat
             });
-          }), c.on("mouseenter", e.layerId, () => {
-            c.getCanvas().style.cursor = "pointer";
-          }), c.on("mouseleave", e.layerId, () => {
-            c.getCanvas().style.cursor = "";
+          }), g.on("mouseenter", e.layerId, () => {
+            g.getCanvas().style.cursor = "pointer";
+          }), g.on("mouseleave", e.layerId, () => {
+            g.getCanvas().style.cursor = "";
           });
         } catch (m) {
           console.error("Error in setupLayerEvents:", m);
@@ -462,38 +466,38 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     };
     return v(
       () => e.source,
-      (c, m) => {
-        if (l(c?.data) && JSON.stringify(c.data) !== JSON.stringify(m?.data)) {
-          const p = n();
-          p?.isStyleLoaded() && (p.getSource(e.sourceId) ? o() : t());
+      (g, m) => {
+        if (l(g?.data) && JSON.stringify(g.data) !== JSON.stringify(m?.data)) {
+          const f = s();
+          f?.isStyleLoaded() && (f.getSource(e.sourceId) ? t() : o());
         }
       },
       { deep: !0 }
-    ), v(() => e.layer, y, { deep: !0 }), v(
+    ), v(() => e.layer, p, { deep: !0 }), v(
       i,
-      (c) => {
-        c && (s(c), c.isStyleLoaded() && (u.value = !0));
+      (g) => {
+        g && (c(g), g.isStyleLoaded() && (u.value = !0));
       },
       { immediate: !0 }
-    ), v(u, (c) => {
-      if (c && l(e.source.data)) {
-        const m = n();
-        m && (t(), f(m));
+    ), v(u, (g) => {
+      if (g && l(e.source.data)) {
+        const m = s();
+        m && (o(), h(m));
       }
     }), v(
       () => e.layer.layout?.visibility,
-      (c) => {
-        const m = n();
+      (g) => {
+        const m = s();
         if (!m || !m.isStyleLoaded()) return;
-        const p = m.getLayer(e.layerId);
-        if (!p && c === "visible")
-          l(e.source.data) && t();
-        else if (p)
+        const f = m.getLayer(e.layerId);
+        if (!f && g === "visible")
+          l(e.source.data) && o();
+        else if (f)
           try {
             m.setLayoutProperty(
               e.layerId,
               "visibility",
-              c
+              g
             );
           } catch (d) {
             console.error(
@@ -505,23 +509,23 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       { immediate: !0 }
     ), L(() => {
       try {
-        n()?.isStyleLoaded() && l(e.source.data) && t();
-      } catch (c) {
-        console.error("Error adding layer:", c);
+        s()?.isStyleLoaded() && l(e.source.data) && o();
+      } catch (g) {
+        console.error("Error adding layer:", g);
       }
-    }), P(() => {
-      const c = n();
-      if (c)
+    }), k(() => {
+      const g = s();
+      if (g)
         try {
-          c.getLayer(e.layerId) && c.removeLayer(e.layerId), c.getStyle().layers.filter(
-            (p) => p.type !== "background" && "source" in p && p.source === e.sourceId
-          ).length === 0 && c.getSource(e.sourceId) && c.removeSource(e.sourceId);
+          g.getLayer(e.layerId) && g.removeLayer(e.layerId), g.getStyle().layers.filter(
+            (f) => f.type !== "background" && "source" in f && f.source === e.sourceId
+          ).length === 0 && g.getSource(e.sourceId) && g.removeSource(e.sourceId);
         } catch (m) {
           console.error("Error cleaning up GeoJSON layer:", m);
         }
-    }), (c, m) => C(c.$slots, "default");
+    }), (g, m) => x(g.$slots, "default");
   }
-}), yt = /* @__PURE__ */ b({
+}), Ut = /* @__PURE__ */ b({
   __name: "VLayerMaplibreImage",
   props: {
     sourceId: {
@@ -549,86 +553,86 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       required: !1
     }
   },
-  setup(g) {
-    const a = g, e = k(S), r = M(!1), i = () => e.value || null, u = (t) => {
-      t && t.on("style.load", () => {
-        const o = () => {
-          t.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(o, 200));
+  setup(n) {
+    const a = n, e = P(S), r = M(!1), i = () => e.value || null, u = (o) => {
+      o && o.on("style.load", () => {
+        const t = () => {
+          o.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(t, 200));
         };
-        o();
+        t();
       });
     }, l = () => {
-      const t = i();
-      if (t)
+      const o = i();
+      if (o)
         try {
-          if (t.getSource(a.sourceId) || t.addSource(a.sourceId, a.source), !t.getLayer(a.layerId)) {
-            const o = {
+          if (o.getSource(a.sourceId) || o.addSource(a.sourceId, a.source), !o.getLayer(a.layerId)) {
+            const t = {
               ...a.layer,
               id: a.layerId,
               source: a.sourceId
             };
-            t.addLayer(o, a.before);
+            o.addLayer(t, a.before);
           }
-        } catch (o) {
-          console.error("Error adding Image layer:", o);
+        } catch (t) {
+          console.error("Error adding Image layer:", t);
         }
-    }, n = () => {
-      const t = i();
-      if (t)
+    }, s = () => {
+      const o = i();
+      if (o)
         try {
-          const o = t.getSource(a.sourceId);
-          if (o)
-            if (o.updateImage)
-              o.updateImage({
+          const t = o.getSource(a.sourceId);
+          if (t)
+            if (t.updateImage)
+              t.updateImage({
                 url: a.source.url,
                 coordinates: a.source.coordinates
               });
             else {
-              t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.getSource(a.sourceId) && t.removeSource(a.sourceId), t.addSource(a.sourceId, a.source);
-              const y = {
+              o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.getSource(a.sourceId) && o.removeSource(a.sourceId), o.addSource(a.sourceId, a.source);
+              const p = {
                 ...a.layer,
                 id: a.layerId,
                 source: a.sourceId
               };
-              t.addLayer(y, a.before);
+              o.addLayer(p, a.before);
             }
-        } catch (o) {
-          console.error("Error updating Image source:", o);
+        } catch (t) {
+          console.error("Error updating Image source:", t);
         }
-    }, s = () => {
-      const t = i();
-      if (t)
+    }, c = () => {
+      const o = i();
+      if (o)
         try {
-          t.getLayer(a.layerId) && (Object.entries(a.layer.paint || {}).forEach(([o, y]) => {
-            t.setPaintProperty(a.layerId, o, y);
-          }), Object.entries(a.layer.layout || {}).forEach(([o, y]) => {
-            t.setLayoutProperty(a.layerId, o, y);
+          o.getLayer(a.layerId) && (Object.entries(a.layer.paint || {}).forEach(([t, p]) => {
+            o.setPaintProperty(a.layerId, t, p);
+          }), Object.entries(a.layer.layout || {}).forEach(([t, p]) => {
+            o.setLayoutProperty(a.layerId, t, p);
           }));
-        } catch (o) {
-          console.error("Error updating Image layer:", o);
+        } catch (t) {
+          console.error("Error updating Image layer:", t);
         }
     };
-    return v(() => a.source, n, { deep: !0 }), v(() => a.layer, s, { deep: !0 }), v(
+    return v(() => a.source, s, { deep: !0 }), v(() => a.layer, c, { deep: !0 }), v(
       e,
-      (t) => {
-        t && u(t);
+      (o) => {
+        o && u(o);
       },
       { immediate: !0 }
-    ), v(r, (t) => {
-      t && l();
+    ), v(r, (o) => {
+      o && l();
     }), L(() => {
       i()?.isStyleLoaded() && l();
-    }), P(() => {
-      const t = i();
-      if (t)
+    }), k(() => {
+      const o = i();
+      if (o)
         try {
-          t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.getSource(a.sourceId) && t.removeSource(a.sourceId);
-        } catch (o) {
-          console.error("Error cleaning up Image layer:", o);
+          o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.getSource(a.sourceId) && o.removeSource(a.sourceId);
+        } catch (t) {
+          console.error("Error cleaning up Image layer:", t);
         }
-    }), (t, o) => C(t.$slots, "default");
+    }), (o, t) => x(o.$slots, "default");
   }
-}), je = /* @__PURE__ */ b({
+}), at = /* @__PURE__ */ b({
   __name: "VLayerMaplibreRaster",
   props: {
     sourceId: {},
@@ -637,118 +641,118 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     layer: {},
     before: {}
   },
-  setup(g) {
-    const a = g, e = k(S), r = M(!1), i = () => e.value || null, u = (t) => {
-      t && t.on("style.load", () => {
-        const o = () => {
-          t.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(o, 200));
+  setup(n) {
+    const a = n, e = P(S), r = M(!1), i = () => e.value || null, u = (o) => {
+      o && o.on("style.load", () => {
+        const t = () => {
+          o.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(t, 200));
         };
-        o();
+        t();
       });
     }, l = () => {
-      const t = i();
-      if (t)
+      const o = i();
+      if (o)
         try {
-          t.getSource(a.sourceId) || t.addSource(a.sourceId, a.source), t.getLayer(a.layerId) || (t.addLayer(a.layer, a.before), a.layer.layout?.visibility && t.setLayoutProperty(
+          o.getSource(a.sourceId) || o.addSource(a.sourceId, a.source), o.getLayer(a.layerId) || (o.addLayer(a.layer, a.before), a.layer.layout?.visibility && o.setLayoutProperty(
             a.layerId,
             "visibility",
             a.layer.layout.visibility
           ));
-        } catch (o) {
-          console.error(`[${a.layerId}] Error setting up layer:`, o);
+        } catch (t) {
+          console.error(`[${a.layerId}] Error setting up layer:`, t);
         }
-    }, n = () => {
-      const t = i();
-      if (t)
+    }, s = () => {
+      const o = i();
+      if (o)
         try {
-          const o = a.before;
-          t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.removeSource(a.sourceId), t.addSource(a.sourceId, a.source);
-          const y = {
+          const t = a.before;
+          o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.removeSource(a.sourceId), o.addSource(a.sourceId, a.source);
+          const p = {
             ...a.layer,
             id: a.layerId,
             type: "raster",
             source: a.sourceId
           };
-          o && t.getLayer(o) ? t.addLayer(y, o) : t.addLayer(y);
-        } catch (o) {
-          console.error("Error updating Raster source:", o);
+          t && o.getLayer(t) ? o.addLayer(p, t) : o.addLayer(p);
+        } catch (t) {
+          console.error("Error updating Raster source:", t);
         }
-    }, s = () => {
-      const t = i();
-      if (t)
+    }, c = () => {
+      const o = i();
+      if (o)
         try {
-          if (t.getLayer(a.layerId)) {
-            const o = a.layer.paint || {};
-            Object.entries(o).forEach(([f, c]) => {
-              t.setPaintProperty(a.layerId, f, c);
+          if (o.getLayer(a.layerId)) {
+            const t = a.layer.paint || {};
+            Object.entries(t).forEach(([h, g]) => {
+              o.setPaintProperty(a.layerId, h, g);
             });
-            const y = a.layer.layout || {};
-            Object.entries(y).forEach(([f, c]) => {
-              t.setLayoutProperty(a.layerId, f, c);
+            const p = a.layer.layout || {};
+            Object.entries(p).forEach(([h, g]) => {
+              o.setLayoutProperty(a.layerId, h, g);
             });
           }
-        } catch (o) {
-          console.error("Error updating Raster layer:", o);
+        } catch (t) {
+          console.error("Error updating Raster layer:", t);
         }
     };
     return v(
       () => a.source.tiles?.[0],
       // Usually raster sources have a single tile URL
-      (t, o) => {
-        t !== o && n();
+      (o, t) => {
+        o !== t && s();
       }
-    ), v(() => a.layer, s, { deep: !0 }), v(
+    ), v(() => a.layer, c, { deep: !0 }), v(
       e,
-      (t) => {
-        t && u(t);
+      (o) => {
+        o && u(o);
       },
       { immediate: !0 }
-    ), v(r, (t) => {
-      t && l();
+    ), v(r, (o) => {
+      o && l();
     }), v(
       () => a.layer.layout?.visibility,
-      (t) => {
-        const o = i();
-        if (!o) return;
-        if (o.getLayer(a.layerId))
+      (o) => {
+        const t = i();
+        if (!t) return;
+        if (t.getLayer(a.layerId))
           try {
-            o.setLayoutProperty(
+            t.setLayoutProperty(
               a.layerId,
               "visibility",
-              t
-            ), t === "visible" && a.before && o.moveLayer(a.layerId, a.before);
-          } catch (f) {
-            console.error(`[${a.layerId}] Error updating visibility:`, f);
+              o
+            ), o === "visible" && a.before && t.moveLayer(a.layerId, a.before);
+          } catch (h) {
+            console.error(`[${a.layerId}] Error updating visibility:`, h);
           }
         else
           try {
-            o.addLayer(a.layer, a.before);
-          } catch (f) {
-            console.error(`[${a.layerId}] Error adding layer:`, f);
+            t.addLayer(a.layer, a.before);
+          } catch (h) {
+            console.error(`[${a.layerId}] Error adding layer:`, h);
           }
       },
       { immediate: !0 }
     ), v(
       () => a.before,
-      (t) => {
-        const o = i();
-        if (!(!o || !o.getLayer(a.layerId)) && a.layer.layout?.visibility === "visible")
+      (o) => {
+        const t = i();
+        if (!(!t || !t.getLayer(a.layerId)) && a.layer.layout?.visibility === "visible")
           try {
-            console.log(`[${a.layerId}] Moving layer before:`, t), o.moveLayer(a.layerId, t);
-          } catch (y) {
-            console.error(`[${a.layerId}] Error moving layer:`, y);
+            console.log(`[${a.layerId}] Moving layer before:`, o), t.moveLayer(a.layerId, o);
+          } catch (p) {
+            console.error(`[${a.layerId}] Error moving layer:`, p);
           }
       }
     ), L(() => {
       if (i())
         try {
           l();
-        } catch (o) {
-          console.error(`[${a.layerId}] Error setting up layer:`, o);
+        } catch (t) {
+          console.error(`[${a.layerId}] Error setting up layer:`, t);
         }
-    }), (t, o) => C(t.$slots, "default");
+    }), (o, t) => x(o.$slots, "default");
   }
-}), j = [
+}), K = [
   "click",
   "dblclick",
   "mousedown",
@@ -762,7 +766,7 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
   "touchstart",
   "touchend",
   "touchcancel"
-], N = [
+], Q = [
   "error",
   "load",
   "idle",
@@ -809,7 +813,7 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
   "pitch",
   "pitchend",
   "wheel"
-], G = ["dragstart", "drag", "dragend"], Z = ["click", "mouseenter", "mouseleave"], q = ["open", "close"], pt = /* @__PURE__ */ b({
+], Y = ["dragstart", "drag", "dragend"], ee = ["click", "mouseenter", "mouseleave"], te = ["open", "close"], Nt = /* @__PURE__ */ b({
   __name: "VLayerMaplibreVector",
   props: {
     sourceId: {},
@@ -818,83 +822,83 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     layer: {},
     before: {}
   },
-  emits: [...j],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), u = M(!1), l = () => i.value || null, n = (f) => {
-      f && f.on("style.load", () => {
-        const c = () => {
-          f.isStyleLoaded() ? u.value = !0 : (u.value = !1, setTimeout(c, 200));
+  emits: [...K],
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), u = M(!1), l = () => i.value || null, s = (h) => {
+      h && h.on("style.load", () => {
+        const g = () => {
+          h.isStyleLoaded() ? u.value = !0 : (u.value = !1, setTimeout(g, 200));
         };
-        c();
+        g();
       });
-    }, s = () => {
-      const f = l();
-      if (f)
+    }, c = () => {
+      const h = l();
+      if (h)
         try {
-          f.getSource(e.sourceId) || f.addSource(e.sourceId, e.source), f.getLayer(e.layerId) || (e.layer.layout?.visibility === "visible" ? f.addLayer(e.layer, e.before) : f.addLayer(e.layer));
-        } catch (c) {
-          console.error(`[${e.layerId}] Error setting up layer:`, c);
+          h.getSource(e.sourceId) || h.addSource(e.sourceId, e.source), h.getLayer(e.layerId) || (e.layer.layout?.visibility === "visible" ? h.addLayer(e.layer, e.before) : h.addLayer(e.layer));
+        } catch (g) {
+          console.error(`[${e.layerId}] Error setting up layer:`, g);
         }
-    }, t = () => {
-      const f = l();
-      if (f)
+    }, o = () => {
+      const h = l();
+      if (h)
         try {
-          const c = f.getSource(e.sourceId);
-          if (c && JSON.stringify(c.serialize()) !== JSON.stringify(e.source)) {
-            f.getLayer(e.layerId) && f.removeLayer(e.layerId), f.removeSource(e.sourceId), f.addSource(e.sourceId, e.source);
+          const g = h.getSource(e.sourceId);
+          if (g && JSON.stringify(g.serialize()) !== JSON.stringify(e.source)) {
+            h.getLayer(e.layerId) && h.removeLayer(e.layerId), h.removeSource(e.sourceId), h.addSource(e.sourceId, e.source);
             const m = {
               ...e.layer,
               id: e.layerId,
               source: e.sourceId
             };
-            f.addLayer(m, e.before);
+            h.addLayer(m, e.before);
           }
-        } catch (c) {
-          console.error("Error updating vector source:", c);
+        } catch (g) {
+          console.error("Error updating vector source:", g);
         }
-    }, o = () => {
-      const f = l();
-      if (f)
+    }, t = () => {
+      const h = l();
+      if (h)
         try {
-          if (f.getLayer(e.layerId)) {
-            const c = f.getLayer(e.layerId), m = c?.paint || {}, p = c?.layout || {};
-            Object.entries(e.layer.paint || {}).forEach(([d, h]) => {
-              JSON.stringify(m[d]) !== JSON.stringify(h) && f.setPaintProperty(e.layerId, d, h);
-            }), Object.entries(e.layer.layout || {}).forEach(([d, h]) => {
-              JSON.stringify(p[d]) !== JSON.stringify(h) && f.setLayoutProperty(e.layerId, d, h);
+          if (h.getLayer(e.layerId)) {
+            const g = h.getLayer(e.layerId), m = g?.paint || {}, f = g?.layout || {};
+            Object.entries(e.layer.paint || {}).forEach(([d, y]) => {
+              JSON.stringify(m[d]) !== JSON.stringify(y) && h.setPaintProperty(e.layerId, d, y);
+            }), Object.entries(e.layer.layout || {}).forEach(([d, y]) => {
+              JSON.stringify(f[d]) !== JSON.stringify(y) && h.setLayoutProperty(e.layerId, d, y);
             });
           }
-        } catch (c) {
-          console.error("Error updating vector layer:", c);
+        } catch (g) {
+          console.error("Error updating vector layer:", g);
         }
-    }, y = (f) => {
-      if (f)
+    }, p = (h) => {
+      if (h)
         try {
-          j.forEach((c) => {
-            f.on(c, e.layerId, (m) => {
-              c === "mousemove" && (f.getCanvas().style.cursor = "pointer"), c === "mouseleave" && (f.getCanvas().style.cursor = ""), r(c, m);
+          K.forEach((g) => {
+            h.on(g, e.layerId, (m) => {
+              g === "mousemove" && (h.getCanvas().style.cursor = "pointer"), g === "mouseleave" && (h.getCanvas().style.cursor = ""), r(g, m);
             });
           });
-        } catch (c) {
-          console.error("Error setting up layer events:", c);
+        } catch (g) {
+          console.error("Error setting up layer events:", g);
         }
     };
     return v(
       i,
-      (f, c) => {
-        f && f !== c && n(f);
+      (h, g) => {
+        h && h !== g && s(h);
       },
       { immediate: !0 }
-    ), v(u, (f) => {
-      if (f) {
-        const c = l();
-        if (!c) return;
-        s(), y(c);
+    ), v(u, (h) => {
+      if (h) {
+        const g = l();
+        if (!g) return;
+        c(), p(g);
       }
     }), v(
       () => JSON.stringify(e.source.tiles),
-      (f, c) => {
-        f !== c && t();
+      (h, g) => {
+        h !== g && o();
       }
     ), v(
       () => ({
@@ -902,42 +906,42 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         // Watch layout changes but exclude visibility since it's handled separately
         layout: e.layer.layout ? { ...e.layer.layout, visibility: void 0 } : void 0
       }),
-      (f, c) => {
-        JSON.stringify(f) !== JSON.stringify(c) && o();
+      (h, g) => {
+        JSON.stringify(h) !== JSON.stringify(g) && t();
       },
       { deep: !0 }
     ), v(
       () => e.layer.layout?.visibility,
-      (f) => {
-        const c = l();
-        if (!c) return;
-        if (c.getLayer(e.layerId))
+      (h) => {
+        const g = l();
+        if (!g) return;
+        if (g.getLayer(e.layerId))
           try {
-            c.setLayoutProperty(
+            g.setLayoutProperty(
               e.layerId,
               "visibility",
-              f
-            ), f === "visible" && e.before && setTimeout(() => {
-              c.moveLayer(e.layerId, e.before);
+              h
+            ), h === "visible" && e.before && setTimeout(() => {
+              g.moveLayer(e.layerId, e.before);
             }, 0);
-          } catch (p) {
-            console.error(`[${e.layerId}] Error updating visibility:`, p);
+          } catch (f) {
+            console.error(`[${e.layerId}] Error updating visibility:`, f);
           }
         else
           try {
-            c.getSource(e.sourceId) || c.addSource(e.sourceId, e.source), c.addLayer(e.layer, e.before);
-          } catch (p) {
-            console.error(`[${e.layerId}] Error adding layer:`, p);
+            g.getSource(e.sourceId) || g.addSource(e.sourceId, e.source), g.addLayer(e.layer, e.before);
+          } catch (f) {
+            console.error(`[${e.layerId}] Error adding layer:`, f);
           }
       },
       { immediate: !0 }
     ), v(
       () => e.before,
-      (f) => {
-        const c = l();
-        if (!(!c || !c.getLayer(e.layerId)) && e.layer.layout?.visibility === "visible")
+      (h) => {
+        const g = l();
+        if (!(!g || !g.getLayer(e.layerId)) && e.layer.layout?.visibility === "visible")
           try {
-            c.moveLayer(e.layerId, f);
+            g.moveLayer(e.layerId, h);
           } catch (m) {
             console.error(
               `Error reordering vector layer ${e.layerId}:`,
@@ -947,37 +951,37 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       }
     ), v(
       () => e.layer.layout?.visibility,
-      (f) => {
-        const c = l();
-        if (!c) return;
-        if (c.getLayer(e.layerId))
+      (h) => {
+        const g = l();
+        if (!g) return;
+        if (g.getLayer(e.layerId))
           try {
-            c.setLayoutProperty(
+            g.setLayoutProperty(
               e.layerId,
               "visibility",
-              f
+              h
             );
-          } catch (p) {
-            console.error(`[${e.layerId}] Error updating visibility:`, p);
+          } catch (f) {
+            console.error(`[${e.layerId}] Error updating visibility:`, f);
           }
         else
           try {
-            c.getSource(e.sourceId) || c.addSource(e.sourceId, e.source), c.addLayer(e.layer, e.before);
-          } catch (p) {
-            console.error(`[${e.layerId}] Error adding layer:`, p);
+            g.getSource(e.sourceId) || g.addSource(e.sourceId, e.source), g.addLayer(e.layer, e.before);
+          } catch (f) {
+            console.error(`[${e.layerId}] Error adding layer:`, f);
           }
       },
       { immediate: !0 }
     ), L(() => {
       if (l())
         try {
-          s();
-        } catch (c) {
-          console.error(`[${e.layerId}] Error setting up layer:`, c);
+          c();
+        } catch (g) {
+          console.error(`[${e.layerId}] Error setting up layer:`, g);
         }
-    }), (f, c) => C(f.$slots, "default");
+    }), (h, g) => x(h.$slots, "default");
   }
-}), ft = /* @__PURE__ */ b({
+}), jt = /* @__PURE__ */ b({
   __name: "VLayerMaplibreVideo",
   props: {
     sourceId: {
@@ -1005,90 +1009,90 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       required: !1
     }
   },
-  setup(g) {
-    const a = g, e = k(S), r = M(!1), i = () => e.value || null, u = (t) => {
-      t && t.on("style.load", () => {
-        const o = () => {
-          t.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(o, 200));
+  setup(n) {
+    const a = n, e = P(S), r = M(!1), i = () => e.value || null, u = (o) => {
+      o && o.on("style.load", () => {
+        const t = () => {
+          o.isStyleLoaded() ? r.value = !0 : (r.value = !1, setTimeout(t, 200));
         };
-        o();
+        t();
       });
     }, l = () => {
-      const t = i();
-      if (t)
+      const o = i();
+      if (o)
         try {
-          if (t.getSource(a.sourceId) || t.addSource(a.sourceId, a.source), !t.getLayer(a.layerId)) {
-            const o = {
+          if (o.getSource(a.sourceId) || o.addSource(a.sourceId, a.source), !o.getLayer(a.layerId)) {
+            const t = {
               ...a.layer,
               id: a.layerId,
               source: a.sourceId
             };
-            t.addLayer(o, a.before);
+            o.addLayer(t, a.before);
           }
-        } catch (o) {
-          console.error("Error adding Video layer:", o);
+        } catch (t) {
+          console.error("Error adding Video layer:", t);
         }
-    }, n = () => {
-      const t = i();
-      if (t)
+    }, s = () => {
+      const o = i();
+      if (o)
         try {
-          const o = t.getSource(a.sourceId);
-          if (o) {
-            t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.getSource(a.sourceId) && t.removeSource(a.sourceId), t.addSource(a.sourceId, a.source);
-            const y = {
+          const t = o.getSource(a.sourceId);
+          if (t) {
+            o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.getSource(a.sourceId) && o.removeSource(a.sourceId), o.addSource(a.sourceId, a.source);
+            const p = {
               ...a.layer,
               id: a.layerId,
               source: a.sourceId
             };
-            if (t.addLayer(y, a.before), o.getVideo) {
-              const f = o.getVideo();
-              f && f.play().catch((c) => {
-                console.error("Error playing video:", c);
+            if (o.addLayer(p, a.before), t.getVideo) {
+              const h = t.getVideo();
+              h && h.play().catch((g) => {
+                console.error("Error playing video:", g);
               });
             }
           }
-        } catch (o) {
-          console.error("Error updating Video source:", o);
+        } catch (t) {
+          console.error("Error updating Video source:", t);
         }
-    }, s = () => {
-      const t = i();
-      if (t)
+    }, c = () => {
+      const o = i();
+      if (o)
         try {
-          t.getLayer(a.layerId) && (Object.entries(a.layer.paint || {}).forEach(([o, y]) => {
-            t.setPaintProperty(a.layerId, o, y);
-          }), Object.entries(a.layer.layout || {}).forEach(([o, y]) => {
-            t.setLayoutProperty(a.layerId, o, y);
+          o.getLayer(a.layerId) && (Object.entries(a.layer.paint || {}).forEach(([t, p]) => {
+            o.setPaintProperty(a.layerId, t, p);
+          }), Object.entries(a.layer.layout || {}).forEach(([t, p]) => {
+            o.setLayoutProperty(a.layerId, t, p);
           }));
-        } catch (o) {
-          console.error("Error updating Video layer:", o);
+        } catch (t) {
+          console.error("Error updating Video layer:", t);
         }
     };
-    return v(() => a.source, n, { deep: !0 }), v(() => a.layer, s, { deep: !0 }), v(
+    return v(() => a.source, s, { deep: !0 }), v(() => a.layer, c, { deep: !0 }), v(
       e,
-      (t) => {
-        t && u(t);
+      (o) => {
+        o && u(o);
       },
       { immediate: !0 }
-    ), v(r, (t) => {
-      t && l();
+    ), v(r, (o) => {
+      o && l();
     }), L(() => {
       i()?.isStyleLoaded() && l();
-    }), P(() => {
-      const t = i();
-      if (t)
+    }), k(() => {
+      const o = i();
+      if (o)
         try {
-          const o = t.getSource(a.sourceId);
-          if (o?.getVideo) {
-            const y = o.getVideo();
-            y && (y.pause(), y.remove());
+          const t = o.getSource(a.sourceId);
+          if (t?.getVideo) {
+            const p = t.getVideo();
+            p && (p.pause(), p.remove());
           }
-          t.getLayer(a.layerId) && t.removeLayer(a.layerId), t.getSource(a.sourceId) && t.removeSource(a.sourceId);
-        } catch (o) {
-          console.error("Error cleaning up Video layer:", o);
+          o.getLayer(a.layerId) && o.removeLayer(a.layerId), o.getSource(a.sourceId) && o.removeSource(a.sourceId);
+        } catch (t) {
+          console.error("Error cleaning up Video layer:", t);
         }
-    }), (t, o) => C(t.$slots, "default");
+    }), (o, t) => x(o.$slots, "default");
   }
-}), ht = /* @__PURE__ */ b({
+}), Gt = /* @__PURE__ */ b({
   __name: "VLayerMaplibrePmtile",
   props: {
     sourceId: {
@@ -1116,8 +1120,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       required: !1
     }
   },
-  setup(g) {
-    const a = g, e = w(Y);
+  setup(n) {
+    const a = n, e = W(se);
     if (!e)
       throw new Error("Protocol not provided");
     const r = M({
@@ -1127,20 +1131,20 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       volatile: !0
     });
     return L(async () => {
-      const i = new ce(a.url);
+      const i = new Pe(a.url);
       e.add(i);
-    }), (i, u) => ($(), K(je, {
-      "source-id": g.sourceId,
-      "layer-id": g.layerId,
+    }), (i, u) => (D(), le(at, {
+      "source-id": n.sourceId,
+      "layer-id": n.layerId,
       source: r.value,
       layer: {
-        ...g.layer,
+        ...n.layer,
         type: "raster"
       },
-      before: g.before
+      before: n.before
     }, null, 8, ["source-id", "layer-id", "source", "layer", "before"]));
   }
-}), mt = /* @__PURE__ */ b({
+}), Zt = /* @__PURE__ */ b({
   __name: "VLayerMaplibreCluster",
   props: {
     sourceId: { default: "cluster-source" },
@@ -1162,13 +1166,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     }) }
   },
   emits: ["cluster-click", "point-click"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), u = M(!1), l = z(() => `${e.baseLayerId}-clusters`), n = z(
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), u = M(!1), l = R(() => `${e.baseLayerId}-clusters`), s = R(
       () => `${e.baseLayerId}-cluster-count`
-    ), s = z(
+    ), c = R(
       () => `${e.baseLayerId}-unclustered-point`
-    ), t = () => i.value || null, o = (d) => typeof d == "string" ? !1 : d && typeof d == "object" && "type" in d && d.type === "FeatureCollection" && "features" in d ? d.features.length > 0 : !1, y = () => {
-      const d = t();
+    ), o = () => i.value || null, t = (d) => typeof d == "string" ? !1 : d && typeof d == "object" && "type" in d && d.type === "FeatureCollection" && "features" in d ? d.features.length > 0 : !1, p = () => {
+      const d = o();
       if (!(!d || !d.isStyleLoaded()))
         try {
           if (!d.getSource(e.sourceId))
@@ -1179,8 +1183,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
               clusterRadius: 50
             });
           else {
-            const h = d.getSource(e.sourceId);
-            h && "setData" in h && h.setData(e.source.data);
+            const y = d.getSource(e.sourceId);
+            y && "setData" in y && y.setData(e.source.data);
           }
           d.getLayer(l.value) || (console.log(`Adding clusters layer: ${l.value}`), d.addLayer({
             id: l.value,
@@ -1213,8 +1217,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
             layout: {
               visibility: e.visibility ? "visible" : "none"
             }
-          })), d.getLayer(n.value) || (console.log(`Adding cluster count layer: ${n.value}`), d.addLayer({
-            id: n.value,
+          })), d.getLayer(s.value) || (console.log(`Adding cluster count layer: ${s.value}`), d.addLayer({
+            id: s.value,
             type: "symbol",
             source: e.sourceId,
             filter: ["has", "point_count"],
@@ -1227,10 +1231,10 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
             paint: {
               "text-color": e.textPaint.color
             }
-          })), d.getLayer(s.value) || (console.log(
-            `Adding unclustered points layer: ${s.value}`
+          })), d.getLayer(c.value) || (console.log(
+            `Adding unclustered points layer: ${c.value}`
           ), d.addLayer({
-            id: s.value,
+            id: c.value,
             type: "circle",
             source: e.sourceId,
             filter: ["!", ["has", "point_count"]],
@@ -1245,30 +1249,30 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
               visibility: e.visibility ? "visible" : "none"
             }
           })), console.log(`All cluster layers added for ${e.baseLayerId}`), m(d);
-        } catch (h) {
-          console.error("Error adding cluster layers:", h);
+        } catch (y) {
+          console.error("Error adding cluster layers:", y);
         }
-    }, f = () => {
-      const d = t();
+    }, h = () => {
+      const d = o();
       if (d)
         try {
-          const h = d.getSource(e.sourceId);
-          h && "setData" in h ? (console.log(`Updating source ${e.sourceId} with data`), h.setData(e.source.data), setTimeout(() => {
-            y();
-          }, 100)) : h || y();
-        } catch (h) {
-          console.error("Error updating source:", h);
+          const y = d.getSource(e.sourceId);
+          y && "setData" in y ? (console.log(`Updating source ${e.sourceId} with data`), y.setData(e.source.data), setTimeout(() => {
+            p();
+          }, 100)) : y || p();
+        } catch (y) {
+          console.error("Error updating source:", y);
         }
-    }, c = (d) => {
-      const h = t();
-      if (!h) return;
-      const B = d ? "visible" : "none";
+    }, g = (d) => {
+      const y = o();
+      if (!y) return;
+      const w = d ? "visible" : "none";
       [
         l.value,
-        n.value,
-        s.value
-      ].forEach((x) => {
-        h.getLayer(x) && h.setLayoutProperty(x, "visibility", B);
+        s.value,
+        c.value
+      ].forEach((C) => {
+        y.getLayer(C) && y.setLayoutProperty(C, "visibility", w);
       });
     }, m = (d) => {
       if (d)
@@ -1276,78 +1280,78 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
           d.on(
             "click",
             l.value,
-            (h) => {
-              h.features && h.features.length > 0 && r("cluster-click", {
-                features: h.features,
-                coordinates: h.lngLat
+            (y) => {
+              y.features && y.features.length > 0 && r("cluster-click", {
+                features: y.features,
+                coordinates: y.lngLat
               });
             }
           ), d.on(
             "click",
-            s.value,
-            (h) => {
-              h.features && h.features.length > 0 && r("point-click", {
-                features: h.features,
-                coordinates: h.lngLat
+            c.value,
+            (y) => {
+              y.features && y.features.length > 0 && r("point-click", {
+                features: y.features,
+                coordinates: y.lngLat
               });
             }
-          ), [l.value, s.value].forEach((h) => {
-            d.on("mouseenter", h, () => {
+          ), [l.value, c.value].forEach((y) => {
+            d.on("mouseenter", y, () => {
               d.getCanvas().style.cursor = "pointer";
-            }), d.on("mouseleave", h, () => {
+            }), d.on("mouseleave", y, () => {
               d.getCanvas().style.cursor = "";
             });
           });
-        } catch (h) {
-          console.error("Error setting up layer events:", h);
+        } catch (y) {
+          console.error("Error setting up layer events:", y);
         }
-    }, p = (d) => {
+    }, f = (d) => {
       d && (d.on("style.load", () => {
-        const h = () => {
-          d.isStyleLoaded() ? (u.value = !0, o(e.source.data) && y()) : (u.value = !1, setTimeout(h, 200));
+        const y = () => {
+          d.isStyleLoaded() ? (u.value = !0, t(e.source.data) && p()) : (u.value = !1, setTimeout(y, 200));
         };
-        h();
-      }), d.isStyleLoaded() && (u.value = !0, o(e.source.data) && y()));
+        y();
+      }), d.isStyleLoaded() && (u.value = !0, t(e.source.data) && p()));
     };
     return v(
       () => e.source.data,
       (d) => {
-        if (o(d)) {
-          const h = t();
-          h?.isStyleLoaded() && (h.getSource(e.sourceId) ? f() : y());
+        if (t(d)) {
+          const y = o();
+          y?.isStyleLoaded() && (y.getSource(e.sourceId) ? h() : p());
         }
       },
       { deep: !0, immediate: !0 }
-    ), v(() => e.visibility, c), v(
+    ), v(() => e.visibility, g), v(
       i,
       (d) => {
-        d && p(d);
+        d && f(d);
       },
       { immediate: !0 }
     ), L(() => {
-      t()?.isStyleLoaded() && o(e.source.data) && y();
-    }), P(() => {
-      const d = t();
+      o()?.isStyleLoaded() && t(e.source.data) && p();
+    }), k(() => {
+      const d = o();
       if (d)
         try {
-          [l.value, s.value].forEach((h) => {
-            d.off("click", h, () => {
-            }), d.off("mouseenter", h, () => {
-            }), d.off("mouseleave", h, () => {
+          [l.value, c.value].forEach((y) => {
+            d.off("click", y, () => {
+            }), d.off("mouseenter", y, () => {
+            }), d.off("mouseleave", y, () => {
             });
           }), [
             l.value,
-            n.value,
-            s.value
-          ].forEach((h) => {
-            d.getLayer(h) && d.removeLayer(h);
+            s.value,
+            c.value
+          ].forEach((y) => {
+            d.getLayer(y) && d.removeLayer(y);
           }), d.getSource(e.sourceId) && d.removeSource(e.sourceId);
-        } catch (h) {
-          console.error("Error cleaning up cluster layers:", h);
+        } catch (y) {
+          console.error("Error cleaning up cluster layers:", y);
         }
-    }), (d, h) => C(d.$slots, "default");
+    }), (d, y) => x(d.$slots, "default");
   }
-}), vt = /* @__PURE__ */ b({
+}), qt = /* @__PURE__ */ b({
   __name: "VLayerMaplibreRoute",
   props: {
     id: { default: () => `route-${Math.random().toString(36).slice(2, 9)}` },
@@ -1364,8 +1368,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     blur: { default: 0 }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), u = M(!1), l = z(() => `${e.id}-source`), n = z(() => `${e.id}-layer`), s = z(
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), u = M(!1), l = R(() => `${e.id}-source`), s = R(() => `${e.id}-layer`), c = R(
       () => ({
         type: "FeatureCollection",
         features: e.coordinates.length >= 2 ? [
@@ -1379,23 +1383,23 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
           }
         ] : []
       })
-    ), t = () => i.value || null, o = (p) => {
-      p && p.on("style.load", () => {
+    ), o = () => i.value || null, t = (f) => {
+      f && f.on("style.load", () => {
         const d = () => {
-          p.isStyleLoaded() ? u.value = !0 : (u.value = !1, setTimeout(d, 200));
+          f.isStyleLoaded() ? u.value = !0 : (u.value = !1, setTimeout(d, 200));
         };
         d();
       });
-    }, y = () => {
-      const p = t();
-      if (!(!p || !p.isStyleLoaded()) && !(e.coordinates.length < 2))
+    }, p = () => {
+      const f = o();
+      if (!(!f || !f.isStyleLoaded()) && !(e.coordinates.length < 2))
         try {
-          if (p.getSource(l.value) || p.addSource(l.value, {
+          if (f.getSource(l.value) || f.addSource(l.value, {
             type: "geojson",
-            data: s.value
-          }), !p.getLayer(n.value)) {
+            data: c.value
+          }), !f.getLayer(s.value)) {
             const d = {
-              id: n.value,
+              id: s.value,
               type: "line",
               source: l.value,
               layout: {
@@ -1411,51 +1415,51 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
                 ...e.dashArray && { "line-dasharray": e.dashArray }
               }
             };
-            p.addLayer(d, e.before || void 0);
+            f.addLayer(d, e.before || void 0);
           }
         } catch (d) {
           console.error("Error adding route layer:", d);
         }
-    }, f = () => {
-      const p = t();
-      if (p)
+    }, h = () => {
+      const f = o();
+      if (f)
         try {
-          const d = p.getSource(l.value);
-          d && "setData" in d ? d.setData(s.value) : !d && e.coordinates.length >= 2 && y();
+          const d = f.getSource(l.value);
+          d && "setData" in d ? d.setData(c.value) : !d && e.coordinates.length >= 2 && p();
         } catch (d) {
           console.error("Error updating route source:", d);
         }
-    }, c = () => {
-      const p = t();
-      if (!(!p || !p.getLayer(n.value)))
+    }, g = () => {
+      const f = o();
+      if (!(!f || !f.getLayer(s.value)))
         try {
-          p.setPaintProperty(n.value, "line-color", e.color), p.setPaintProperty(n.value, "line-width", e.width), p.setPaintProperty(
-            n.value,
+          f.setPaintProperty(s.value, "line-color", e.color), f.setPaintProperty(s.value, "line-width", e.width), f.setPaintProperty(
+            s.value,
             "line-opacity",
             e.opacity
-          ), e.blur > 0 && p.setPaintProperty(n.value, "line-blur", e.blur), e.dashArray && p.setPaintProperty(
-            n.value,
+          ), e.blur > 0 && f.setPaintProperty(s.value, "line-blur", e.blur), e.dashArray && f.setPaintProperty(
+            s.value,
             "line-dasharray",
             e.dashArray
-          ), p.setLayoutProperty(n.value, "line-cap", e.lineCap), p.setLayoutProperty(n.value, "line-join", e.lineJoin), p.setLayoutProperty(
-            n.value,
+          ), f.setLayoutProperty(s.value, "line-cap", e.lineCap), f.setLayoutProperty(s.value, "line-join", e.lineJoin), f.setLayoutProperty(
+            s.value,
             "visibility",
             e.visible ? "visible" : "none"
           );
         } catch (d) {
           console.error("Error updating route layer style:", d);
         }
-    }, m = (p) => {
-      if (!(!p || !e.interactive))
+    }, m = (f) => {
+      if (!(!f || !e.interactive))
         try {
-          p.on("click", n.value, (d) => {
+          f.on("click", s.value, (d) => {
             r("click", {
               coordinates: d.lngLat
             });
-          }), p.on("mouseenter", n.value, () => {
-            p.getCanvas().style.cursor = "pointer", r("mouseenter");
-          }), p.on("mouseleave", n.value, () => {
-            p.getCanvas().style.cursor = "", r("mouseleave");
+          }), f.on("mouseenter", s.value, () => {
+            f.getCanvas().style.cursor = "pointer", r("mouseenter");
+          }), f.on("mouseleave", s.value, () => {
+            f.getCanvas().style.cursor = "", r("mouseleave");
           });
         } catch (d) {
           console.error("Error setting up route layer events:", d);
@@ -1464,8 +1468,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     return v(
       () => e.coordinates,
       () => {
-        const p = t();
-        p?.isStyleLoaded() && (p.getSource(l.value) ? f() : y());
+        const f = o();
+        f?.isStyleLoaded() && (f.getSource(l.value) ? h() : p());
       },
       { deep: !0 }
     ), v(
@@ -1479,37 +1483,37 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.blur,
         e.dashArray
       ],
-      () => c(),
+      () => g(),
       { deep: !0 }
     ), v(
       i,
-      (p) => {
-        p && (o(p), p.isStyleLoaded() && (u.value = !0));
+      (f) => {
+        f && (t(f), f.isStyleLoaded() && (u.value = !0));
       },
       { immediate: !0 }
-    ), v(u, (p) => {
-      if (p && e.coordinates.length >= 2) {
-        const d = t();
-        d && (y(), m(d));
+    ), v(u, (f) => {
+      if (f && e.coordinates.length >= 2) {
+        const d = o();
+        d && (p(), m(d));
       }
     }), L(() => {
       try {
-        const p = t();
-        p?.isStyleLoaded() && e.coordinates.length >= 2 && (y(), m(p));
-      } catch (p) {
-        console.error("Error mounting route layer:", p);
+        const f = o();
+        f?.isStyleLoaded() && e.coordinates.length >= 2 && (p(), m(f));
+      } catch (f) {
+        console.error("Error mounting route layer:", f);
       }
-    }), P(() => {
-      const p = t();
-      if (p)
+    }), k(() => {
+      const f = o();
+      if (f)
         try {
-          p.getLayer(n.value) && p.removeLayer(n.value), p.getSource(l.value) && p.removeSource(l.value);
+          f.getLayer(s.value) && f.removeLayer(s.value), f.getSource(l.value) && f.removeSource(l.value);
         } catch (d) {
           console.error("Error cleaning up route layer:", d);
         }
-    }), (p, d) => C(p.$slots, "default");
+    }), (f, d) => x(f.$slots, "default");
   }
-}), bt = /* @__PURE__ */ b({
+}), Jt = /* @__PURE__ */ b({
   __name: "VLayerDeckglScatterplot",
   props: {
     id: {},
@@ -1539,8 +1543,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new ge({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new ke({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -1566,13 +1570,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -1586,13 +1590,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.stroked,
         e.filled
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Lt = /* @__PURE__ */ b({
+}), Xt = /* @__PURE__ */ b({
   __name: "VLayerDeckglArc",
   props: {
     id: {},
@@ -1618,8 +1622,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new ye({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ie({
       id: e.id,
       data: e.data,
       getSourcePosition: e.getSourcePosition,
@@ -1641,13 +1645,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -1658,13 +1662,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), St = /* @__PURE__ */ b({
+}), Kt = /* @__PURE__ */ b({
   __name: "VLayerDeckglGeojson",
   props: {
     id: {},
@@ -1701,8 +1705,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new pe({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new _e({
       id: e.id,
       data: e.data,
       getFillColor: e.getFillColor ?? [200, 200, 200, 200],
@@ -1735,13 +1739,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -1751,13 +1755,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.visible,
         e.extruded
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Ct = /* @__PURE__ */ b({
+}), Qt = /* @__PURE__ */ b({
   __name: "VLayerDeckglPath",
   props: {
     id: {},
@@ -1781,8 +1785,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new fe({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Me({
       id: e.id,
       data: e.data,
       getPath: e.getPath,
@@ -1802,13 +1806,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -1817,13 +1821,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), kt = /* @__PURE__ */ b({
+}), Yt = /* @__PURE__ */ b({
   __name: "VLayerDeckglLine",
   props: {
     id: {},
@@ -1844,8 +1848,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new he({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new q({
       id: e.id,
       data: e.data,
       getSourcePosition: e.getSourcePosition,
@@ -1862,13 +1866,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -1878,13 +1882,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Pt = /* @__PURE__ */ b({
+}), eo = /* @__PURE__ */ b({
   __name: "VLayerDeckglPolygon",
   props: {
     id: {},
@@ -1914,8 +1918,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new me({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new we({
       id: e.id,
       data: e.data,
       getPolygon: e.getPolygon,
@@ -1941,13 +1945,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -1958,13 +1962,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.visible,
         e.extruded
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), xt = /* @__PURE__ */ b({
+}), to = /* @__PURE__ */ b({
   __name: "VLayerDeckglSolidPolygon",
   props: {
     id: {},
@@ -1986,8 +1990,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new ve({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ee({
       id: e.id,
       data: e.data,
       getPolygon: e.getPolygon,
@@ -2005,13 +2009,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2023,13 +2027,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), It = /* @__PURE__ */ b({
+}), oo = /* @__PURE__ */ b({
   __name: "VLayerDeckglIcon",
   props: {
     id: {},
@@ -2055,8 +2059,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new be({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Be({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2078,13 +2082,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2095,13 +2099,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), _t = /* @__PURE__ */ b({
+}), ao = /* @__PURE__ */ b({
   __name: "VLayerDeckglText",
   props: {
     id: {},
@@ -2124,10 +2128,11 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     sizeUnits: { default: "pixels" },
     sizeMinPixels: { default: 0 },
     sizeMaxPixels: { default: Number.MAX_SAFE_INTEGER },
+    characterSet: { default: "auto" },
     fontFamily: { default: "Monaco, monospace" },
     fontWeight: { default: "normal" },
     lineHeight: { default: 1 },
-    fontSettings: {},
+    fontSettings: { default: () => ({ sdf: !0 }) },
     wordBreak: { default: "break-word" },
     maxWidth: { default: -1 },
     outlineWidth: { default: 0 },
@@ -2140,8 +2145,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Le({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Te({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2162,6 +2167,7 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       sizeUnits: e.sizeUnits,
       sizeMinPixels: e.sizeMinPixels,
       sizeMaxPixels: e.sizeMaxPixels,
+      characterSet: e.characterSet,
       fontFamily: e.fontFamily,
       fontWeight: e.fontWeight,
       lineHeight: e.lineHeight,
@@ -2176,13 +2182,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2193,13 +2199,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Mt = /* @__PURE__ */ b({
+}), io = /* @__PURE__ */ b({
   __name: "VLayerDeckglColumn",
   props: {
     id: {},
@@ -2234,8 +2240,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Se({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new We({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2266,13 +2272,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2284,13 +2290,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Et = /* @__PURE__ */ b({
+}), ro = /* @__PURE__ */ b({
   __name: "VLayerDeckglBitmap",
   props: {
     id: {},
@@ -2309,8 +2315,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Ce({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new ze({
       id: e.id,
       image: e.image,
       bounds: e.bounds,
@@ -2325,13 +2331,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.image,
@@ -2341,13 +2347,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Bt = /* @__PURE__ */ b({
+}), lo = /* @__PURE__ */ b({
   __name: "VLayerDeckglGridCell",
   props: {
     id: {},
@@ -2368,8 +2374,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new ke({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Re({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2386,13 +2392,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2404,13 +2410,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Wt = /* @__PURE__ */ b({
+}), no = /* @__PURE__ */ b({
   __name: "VLayerDeckglPointCloud",
   props: {
     id: {},
@@ -2429,8 +2435,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Pe({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new He({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2445,13 +2451,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2461,13 +2467,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), wt = /* @__PURE__ */ b({
+}), so = /* @__PURE__ */ b({
   __name: "VLayerDeckglHeatmap",
   props: {
     id: {},
@@ -2488,8 +2494,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new xe({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Oe({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2506,13 +2512,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       visible: e.visible,
       pickable: e.pickable,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2523,13 +2529,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Tt = /* @__PURE__ */ b({
+}), co = /* @__PURE__ */ b({
   __name: "VLayerDeckglHexagon",
   props: {
     id: {},
@@ -2561,8 +2567,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Ie({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new De({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2590,13 +2596,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2607,13 +2613,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.visible,
         e.extruded
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), zt = /* @__PURE__ */ b({
+}), uo = /* @__PURE__ */ b({
   __name: "VLayerDeckglGrid",
   props: {
     id: {},
@@ -2645,8 +2651,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new _e({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ae({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2674,13 +2680,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2692,13 +2698,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Ht = /* @__PURE__ */ b({
+}), go = /* @__PURE__ */ b({
   __name: "VLayerDeckglContour",
   props: {
     id: {},
@@ -2718,8 +2724,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Me({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ve({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2735,13 +2741,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2751,13 +2757,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), $t = /* @__PURE__ */ b({
+}), po = /* @__PURE__ */ b({
   __name: "VLayerDeckglScreenGrid",
   props: {
     id: {},
@@ -2778,8 +2784,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Ee({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new $e({
       id: e.id,
       data: e.data,
       getPosition: e.getPosition,
@@ -2796,13 +2802,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2812,13 +2818,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Rt = /* @__PURE__ */ b({
+}), fo = /* @__PURE__ */ b({
   __name: "VLayerDeckglTrips",
   props: {
     id: {},
@@ -2845,8 +2851,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Be({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Fe({
       id: e.id,
       data: e.data,
       getPath: e.getPath,
@@ -2869,13 +2875,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2886,13 +2892,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Ot = /* @__PURE__ */ b({
+}), yo = /* @__PURE__ */ b({
   __name: "VLayerDeckglH3Hexagon",
   props: {
     id: {},
@@ -2921,8 +2927,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new We({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ue({
       id: e.id,
       data: e.data,
       getHexagon: e.getHexagon,
@@ -2947,13 +2953,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -2965,13 +2971,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Vt = /* @__PURE__ */ b({
+}), ho = /* @__PURE__ */ b({
   __name: "VLayerDeckglH3Cluster",
   props: {
     id: {},
@@ -2998,8 +3004,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new we({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ne({
       id: e.id,
       data: e.data,
       getHexagons: e.getHexagons,
@@ -3022,13 +3028,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3040,13 +3046,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Dt = /* @__PURE__ */ b({
+}), mo = /* @__PURE__ */ b({
   __name: "VLayerDeckglMVT",
   props: {
     id: {},
@@ -3084,8 +3090,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover", "tileLoad", "tileError"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Te({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new je({
       id: e.id,
       data: e.data,
       minZoom: e.minZoom,
@@ -3119,15 +3125,15 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o),
-      onTileLoad: (o) => r("tileLoad", o),
-      onTileError: (o, y) => r("tileError", o, y)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t),
+      onTileLoad: (t) => r("tileLoad", t),
+      onTileError: (t, p) => r("tileError", t, p)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3138,13 +3144,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), At = /* @__PURE__ */ b({
+}), vo = /* @__PURE__ */ b({
   __name: "VLayerDeckglTile",
   props: {
     id: {},
@@ -3170,8 +3176,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover", "viewportLoad", "tileLoad", "tileUnload", "tileError"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new ze({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ge({
       id: e.id,
       data: e.data,
       getTileData: e.getTileData,
@@ -3193,17 +3199,17 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o),
-      onViewportLoad: (o) => r("viewportLoad", o),
-      onTileLoad: (o) => r("tileLoad", o),
-      onTileUnload: (o) => r("tileUnload", o),
-      onTileError: (o, y) => r("tileError", o, y)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t),
+      onViewportLoad: (t) => r("viewportLoad", t),
+      onTileLoad: (t) => r("tileLoad", t),
+      onTileUnload: (t) => r("tileUnload", t),
+      onTileError: (t, p) => r("tileError", t, p)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3213,13 +3219,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Ut = /* @__PURE__ */ b({
+}), bo = /* @__PURE__ */ b({
   __name: "VLayerDeckglTile3D",
   props: {
     id: {},
@@ -3236,9 +3242,9 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover", "tilesetLoad", "tileLoad", "tileUnload", "tileError"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => {
-      const o = {
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => {
+      const t = {
         id: e.id,
         data: e.data,
         pointSize: e.pointSize,
@@ -3247,12 +3253,12 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         pickable: e.pickable,
         autoHighlight: e.autoHighlight,
         beforeId: e.beforeId,
-        onClick: (y) => r("click", y),
-        onHover: (y) => r("hover", y),
-        onTilesetLoad: (y) => r("tilesetLoad", y),
-        onTileLoad: (y) => r("tileLoad", y),
-        onTileUnload: (y) => r("tileUnload", y),
-        onTileError: (y, f, c) => r("tileError", y, f, c),
+        onClick: (p) => r("click", p),
+        onHover: (p) => r("hover", p),
+        onTilesetLoad: (p) => r("tilesetLoad", p),
+        onTileLoad: (p) => r("tileLoad", p),
+        onTileUnload: (p) => r("tileUnload", p),
+        onTileError: (p, h, g) => r("tileError", p, h, g),
         // Only include optional props when defined to avoid deck.gl bugs
         ...e.loader !== void 0 && { loader: e.loader },
         ...e.loadOptions !== void 0 && {
@@ -3265,23 +3271,23 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
           getPointColor: e.getPointColor
         }
       };
-      return new He(
-        o
+      return new Ze(
+        t
       );
-    }, t = () => {
-      u(s());
+    }, o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [e.data, e.pointSize, e.opacity, e.visible],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Ft = /* @__PURE__ */ b({
+}), Lo = /* @__PURE__ */ b({
   __name: "VLayerDeckglTerrain",
   props: {
     id: {},
@@ -3303,8 +3309,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new $e({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new qe({
       id: e.id,
       elevationData: e.elevationData,
       texture: e.texture,
@@ -3322,13 +3328,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.elevationData,
@@ -3337,13 +3343,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), jt = /* @__PURE__ */ b({
+}), So = /* @__PURE__ */ b({
   __name: "VLayerDeckglGreatCircle",
   props: {
     id: {},
@@ -3368,8 +3374,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Re({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Je({
       id: e.id,
       data: e.data,
       getSourcePosition: e.getSourcePosition,
@@ -3390,13 +3396,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3408,13 +3414,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Nt = /* @__PURE__ */ b({
+}), xo = /* @__PURE__ */ b({
   __name: "VLayerDeckglS2",
   props: {
     id: {},
@@ -3441,8 +3447,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Oe({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Xe({
       id: e.id,
       data: e.data,
       getS2Token: e.getS2Token,
@@ -3465,13 +3471,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3483,13 +3489,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Gt = /* @__PURE__ */ b({
+}), Po = /* @__PURE__ */ b({
   __name: "VLayerDeckglGeohash",
   props: {
     id: {},
@@ -3516,8 +3522,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Ve({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ke({
       id: e.id,
       data: e.data,
       getGeohash: e.getGeohash,
@@ -3540,13 +3546,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3558,13 +3564,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Zt = /* @__PURE__ */ b({
+}), Co = /* @__PURE__ */ b({
   __name: "VLayerDeckglQuadkey",
   props: {
     id: {},
@@ -3591,8 +3597,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new De({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Qe({
       id: e.id,
       data: e.data,
       getQuadkey: e.getQuadkey,
@@ -3615,13 +3621,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3633,13 +3639,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), qt = /* @__PURE__ */ b({
+}), ko = /* @__PURE__ */ b({
   __name: "VLayerDeckglWMS",
   props: {
     id: {},
@@ -3655,8 +3661,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => new Ae({
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => new Ye({
       id: e.id,
       data: e.data,
       serviceType: e.serviceType,
@@ -3668,22 +3674,22 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       autoHighlight: e.autoHighlight,
       highlightColor: e.highlightColor,
       beforeId: e.beforeId,
-      onClick: (o) => r("click", o),
-      onHover: (o) => r("hover", o)
-    }), t = () => {
-      u(s());
+      onClick: (t) => r("click", t),
+      onHover: (t) => r("hover", t)
+    }), o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [e.data, e.layers, e.srs, e.opacity, e.visible],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Jt = /* @__PURE__ */ b({
+}), Io = /* @__PURE__ */ b({
   __name: "VLayerDeckglSimpleMesh",
   props: {
     id: {},
@@ -3709,9 +3715,9 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     beforeId: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => {
-      const o = {
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => {
+      const t = {
         id: e.id,
         data: e.data,
         mesh: e.mesh,
@@ -3726,8 +3732,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         visible: e.visible,
         pickable: e.pickable,
         autoHighlight: e.autoHighlight,
-        onClick: (y) => r("click", y),
-        onHover: (y) => r("hover", y),
+        onClick: (p) => r("click", p),
+        onHover: (p) => r("hover", p),
         // Only include optional props if defined
         ...e.getTransformMatrix !== void 0 && {
           getTransformMatrix: e.getTransformMatrix
@@ -3743,12 +3749,12 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         },
         ...e.beforeId !== void 0 && { beforeId: e.beforeId }
       };
-      return new Ue(o);
-    }, t = () => {
-      u(s());
+      return new et(t);
+    }, o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3761,13 +3767,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Xt = /* @__PURE__ */ b({
+}), _o = /* @__PURE__ */ b({
   __name: "VLayerDeckglScenegraph",
   props: {
     id: {},
@@ -3795,9 +3801,9 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     _lighting: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = () => {
-      const o = {
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = () => {
+      const t = {
         id: e.id,
         data: e.data,
         scenegraph: e.scenegraph,
@@ -3813,8 +3819,8 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         visible: e.visible,
         pickable: e.pickable,
         autoHighlight: e.autoHighlight,
-        onClick: (y) => r("click", y),
-        onHover: (y) => r("hover", y),
+        onClick: (p) => r("click", p),
+        onHover: (p) => r("hover", p),
         // Only include optional props if defined
         ...e.getTransformMatrix !== void 0 && {
           getTransformMatrix: e.getTransformMatrix
@@ -3833,12 +3839,12 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         },
         ...e._lighting !== void 0 && { _lighting: e._lighting }
       };
-      return new Fe(o);
-    }, t = () => {
-      u(s());
+      return new tt(t);
+    }, o = () => {
+      u(c());
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? t() : i.value?.once("style.load", t);
+      i.value?.isStyleLoaded() ? o() : i.value?.once("style.load", o);
     }), v(
       () => [
         e.data,
@@ -3851,13 +3857,13 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.opacity,
         e.visible
       ],
-      () => n(e.id, s()),
+      () => s(e.id, c()),
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (o, y) => C(o.$slots, "default");
+    }), (t, p) => x(t.$slots, "default");
   }
-}), Kt = /* @__PURE__ */ b({
+}), Mo = /* @__PURE__ */ b({
   __name: "VLayerDeckglCOG",
   props: {
     id: {},
@@ -3878,43 +3884,43 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     debugOpacity: { default: 0.25 }
   },
   emits: ["click", "hover", "geotiffLoad"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), { addLayer: u, removeLayer: l, updateLayer: n } = I(i), s = H(null), t = H(null), o = H(null), y = () => {
-      if (!t.value || !o.value) return;
-      const m = t.value, p = o.value;
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = O(null), o = O(null), t = O(null), p = () => {
+      if (!o.value || !t.value) return;
+      const m = o.value, f = t.value;
       return async (d) => {
-        const h = p(d);
+        const y = f(d);
         return {
-          def: h.proj4,
-          parsed: m.parseCrs(h.proj4),
-          coordinatesUnits: h.coordinatesUnits
+          def: y.proj4,
+          parsed: m.parseCrs(y.proj4),
+          coordinatesUnits: y.coordinatesUnits
         };
       };
-    }, f = () => {
-      if (!s.value) return null;
-      const m = y(), p = {
-        id: E(e.id),
-        geotiff: E(e.geotiff),
-        opacity: E(e.opacity),
-        visible: E(e.visible),
-        pickable: E(e.pickable),
-        autoHighlight: E(e.autoHighlight),
-        debug: E(e.debug),
-        debugOpacity: E(e.debugOpacity)
+    }, h = () => {
+      if (!c.value) return null;
+      const m = p(), f = {
+        id: B(e.id),
+        geotiff: B(e.geotiff),
+        opacity: B(e.opacity),
+        visible: B(e.visible),
+        pickable: B(e.pickable),
+        autoHighlight: B(e.autoHighlight),
+        debug: B(e.debug),
+        debugOpacity: B(e.debugOpacity)
       };
-      m && (p.geoKeysParser = m), p.onGeoTIFFLoad = (h, B) => {
-        r("geotiffLoad", h, B);
-      }, e.tileSize !== 256 && (p.tileSize = E(e.tileSize)), e.maxZoom !== void 0 && (p.maxZoom = E(e.maxZoom)), e.minZoom !== 0 && (p.minZoom = E(e.minZoom)), e.maxCacheSize !== void 0 && (p.maxCacheSize = E(e.maxCacheSize)), e.refinementStrategy !== "best-available" && (p.refinementStrategy = E(e.refinementStrategy)), e.maxRequests !== 6 && (p.maxRequests = E(e.maxRequests)), e.highlightColor !== void 0 && (p.highlightColor = E(e.highlightColor)), e.beforeId !== void 0 && (p.beforeId = E(e.beforeId));
-      const d = new s.value(p);
-      return R(d);
-    }, c = async () => {
+      m && (f.geoKeysParser = m), f.onGeoTIFFLoad = (y, w) => {
+        r("geotiffLoad", y, w);
+      }, e.tileSize !== 256 && (f.tileSize = B(e.tileSize)), e.maxZoom !== void 0 && (f.maxZoom = B(e.maxZoom)), e.minZoom !== 0 && (f.minZoom = B(e.minZoom)), e.maxCacheSize !== void 0 && (f.maxCacheSize = B(e.maxCacheSize)), e.refinementStrategy !== "best-available" && (f.refinementStrategy = B(e.refinementStrategy)), e.maxRequests !== 6 && (f.maxRequests = B(e.maxRequests)), e.highlightColor !== void 0 && (f.highlightColor = B(e.highlightColor)), e.beforeId !== void 0 && (f.beforeId = B(e.beforeId));
+      const d = new c.value(f);
+      return V(d);
+    }, g = async () => {
       try {
-        const [m, p] = await Promise.all([
+        const [m, f] = await Promise.all([
           import("@developmentseed/deck.gl-geotiff"),
           import("geotiff-geokeys-to-proj4")
         ]);
-        s.value = R(m.COGLayer), t.value = R(m.proj), o.value = R(p.toProj4);
-        const d = f();
+        c.value = V(m.COGLayer), o.value = V(m.proj), t.value = V(f.toProj4);
+        const d = h();
         d && u(d);
       } catch (m) {
         console.error("[deck.gl-raster] Error loading COGLayer:", m), console.error(
@@ -3923,7 +3929,7 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       }
     };
     return L(() => {
-      i.value?.isStyleLoaded() ? c() : i.value?.once("style.load", c);
+      i.value?.isStyleLoaded() ? g() : i.value?.once("style.load", g);
     }), v(
       () => [
         e.geotiff,
@@ -3936,76 +3942,860 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
         e.debugOpacity
       ],
       () => {
-        const m = f();
-        m && n(e.id, m);
+        const m = h();
+        m && s(e.id, m);
       },
       { deep: !0 }
-    ), P(() => {
+    ), k(() => {
       l(e.id);
-    }), (m, p) => C(m.$slots, "default");
+    }), (m, f) => x(m.$slots, "default");
   }
-}), Qt = /* @__PURE__ */ b({
+}), it = `#version 300 es
+#define SHADER_NAME wind-particle-transform-vertex-shader
+
+precision highp float;
+
+in vec3 sourcePosition;
+out vec3 targetPosition;
+
+uniform sampler2D windTexture;
+
+const vec2 DROP_POSITION = vec2(0);
+
+bool isNaN(float value) {
+  return !(value <= 0.f || 0.f <= value);
+}
+
+float wrapLongitude(float lng) {
+  float wrappedLng = mod(lng + 180.f, 360.f) - 180.f;
+  return wrappedLng;
+}
+
+float wrapLongitude(float lng, float minLng) {
+  float wrappedLng = wrapLongitude(lng);
+  if(wrappedLng < minLng) {
+    wrappedLng += 360.f;
+  }
+  return wrappedLng;
+}
+
+float randFloat(vec2 seed) {
+  return fract(sin(dot(seed.xy, vec2(12.9898f, 78.233f))) * 43758.5453f);
+}
+
+vec2 randPoint(vec2 seed) {
+  return vec2(randFloat(seed + 1.3f), randFloat(seed + 2.1f));
+}
+
+vec2 pointToPosition(vec2 point) {
+  point.y = smoothstep(0.f, 1.f, point.y);
+  vec2 viewportBoundsMin = wind.viewportBounds.xy;
+  vec2 viewportBoundsMax = wind.viewportBounds.zw;
+  return mix(viewportBoundsMin, viewportBoundsMax, point);
+}
+
+bool isPositionInBounds(vec2 position, vec4 bounds) {
+  vec2 boundsMin = bounds.xy;
+  vec2 boundsMax = bounds.zw;
+  float lng = wrapLongitude(position.x, boundsMin.x);
+  float lat = position.y;
+  return (boundsMin.x <= lng && lng <= boundsMax.x &&
+    boundsMin.y <= lat && lat <= boundsMax.y);
+}
+
+bool isPositionInViewport(vec2 position) {
+  return isPositionInBounds(position, wind.viewportBounds);
+}
+
+vec2 getUV(vec2 pos) {
+  return vec2(
+    (pos.x - wind.bounds[0]) / (wind.bounds[2] - wind.bounds[0]),
+    (pos.y - wind.bounds[3]) / (wind.bounds[1] - wind.bounds[3])
+  );
+}
+
+bool rasterHasValues(vec4 values) {
+  if(wind.imageUnscale[0] < wind.imageUnscale[1]) {
+    return values.a >= 1.f;
+  } else {
+    return !isNaN(values.x);
+  }
+}
+
+vec2 rasterGetValues(vec4 colour) {
+  if(wind.imageUnscale[0] < wind.imageUnscale[1]) {
+    return mix(vec2(wind.imageUnscale[0]), vec2(wind.imageUnscale[1]), colour.xy);
+  } else {
+    return colour.xy;
+  }
+}
+
+vec2 updatedPosition(vec2 position, vec2 speed) {
+  float distortion = cos(radians(position.y));
+  vec2 offset;
+  offset = vec2(speed.x, speed.y * distortion);
+  return position + offset;
+}
+
+void main() {
+  float particleIndex = mod(float(gl_VertexID), wind.numParticles);
+  float particleAge = floor(float(gl_VertexID) / wind.numParticles);
+
+  if(particleAge > 0.f) {
+    return;
+  }
+
+  if(sourcePosition.xy == DROP_POSITION) {
+    vec2 particleSeed = vec2(particleIndex * wind.seed / wind.numParticles);
+    vec2 point = randPoint(particleSeed);
+    vec2 position = pointToPosition(point);
+    targetPosition.xy = position;
+    targetPosition.x = wrapLongitude(targetPosition.x);
+    return;
+  }
+
+  if(wind.viewportZoomChangeFactor > 1.f && mod(particleIndex, wind.viewportZoomChangeFactor) >= 1.f) {
+    targetPosition.xy = DROP_POSITION;
+    return;
+  }
+
+  if(abs(mod(particleIndex, wind.maxAge + 2.f) - mod(wind.time, wind.maxAge + 2.f)) < 1.f) {
+    targetPosition.xy = DROP_POSITION;
+    return;
+  }
+
+  if(!isPositionInBounds(sourcePosition.xy, wind.bounds)) {
+    targetPosition.xy = sourcePosition.xy;
+    return;
+  }
+
+  if(!isPositionInViewport(sourcePosition.xy)) {
+    targetPosition.xy = DROP_POSITION;
+    return;
+  }
+
+  vec2 uv = getUV(sourcePosition.xy);
+  vec4 windColour = texture(windTexture, uv);
+
+  if(!rasterHasValues(windColour)) {
+    targetPosition.xy = DROP_POSITION;
+    return;
+  }
+
+  vec2 speed = rasterGetValues(windColour) * wind.speedFactor;
+  targetPosition.xy = updatedPosition(sourcePosition.xy, speed);
+  targetPosition.x = wrapLongitude(targetPosition.x);
+}
+`;
+var rt = it;
+const lt = 60, nt = [
+  255,
+  255,
+  255,
+  255
+], F = 256, oe = `uniform windUniforms {
+  float numParticles;
+  float maxAge;
+  float speedFactor;
+  float time;
+  float seed;
+  vec4 viewportBounds;
+  float viewportZoomChangeFactor;
+  vec2 imageUnscale;
+  vec4 bounds;
+} wind;
+`, st = {
+  name: "wind",
+  vs: oe,
+  fs: oe,
+  uniformTypes: {
+    numParticles: "f32",
+    maxAge: "f32",
+    speedFactor: "f32",
+    time: "f32",
+    seed: "f32",
+    viewportBounds: "vec4<f32>",
+    viewportZoomChangeFactor: "f32",
+    imageUnscale: "vec2<f32>",
+    bounds: "vec4<f32>"
+  }
+}, de = [
+  [0, [
+    59,
+    130,
+    189,
+    255
+  ]],
+  [0.1, [
+    102,
+    194,
+    165,
+    255
+  ]],
+  [0.2, [
+    171,
+    221,
+    164,
+    255
+  ]],
+  [0.3, [
+    230,
+    245,
+    152,
+    255
+  ]],
+  [0.4, [
+    254,
+    224,
+    139,
+    255
+  ]],
+  [0.5, [
+    253,
+    174,
+    97,
+    255
+  ]],
+  [0.6, [
+    244,
+    109,
+    67,
+    255
+  ]],
+  [1, [
+    213,
+    62,
+    79,
+    255
+  ]]
+], dt = {
+  ...q.defaultProps,
+  image: {
+    type: "image",
+    value: null,
+    async: !0
+  },
+  imageUnscale: {
+    type: "array",
+    value: [0, 0]
+  },
+  numParticles: {
+    type: "number",
+    min: 1,
+    max: 1e6,
+    value: 8192
+  },
+  maxAge: {
+    type: "number",
+    min: 1,
+    max: 255,
+    value: 50
+  },
+  speedFactor: {
+    type: "number",
+    min: 0,
+    max: 1e3,
+    value: 50
+  },
+  color: {
+    type: "color",
+    value: nt
+  },
+  colorRamp: {
+    type: "array",
+    value: de,
+    compare: !0
+  },
+  speedRange: {
+    type: "array",
+    value: [0, 30],
+    compare: !0
+  },
+  width: {
+    type: "number",
+    value: 1.5
+  },
+  animate: {
+    type: "boolean",
+    value: !0
+  },
+  bounds: {
+    type: "array",
+    value: [
+      -180,
+      -90,
+      180,
+      90
+    ],
+    compare: !0
+  },
+  wrapLongitude: !0
+};
+function ct(n, a) {
+  return (n % a + a) % a;
+}
+function ae(n, a = void 0) {
+  let e = ct(n + 180, 360) - 180;
+  return typeof a == "number" && e < a && (e += 360), e;
+}
+function ut(n) {
+  const a = n[2] - n[0] < 360 ? ae(n[0]) : -180, e = n[2] - n[0] < 360 ? ae(n[2], a) : 180;
+  return [
+    a,
+    Math.max(n[1], -90),
+    e,
+    Math.min(n[3], 90)
+  ];
+}
+function gt(n) {
+  return ut(n.getBounds());
+}
+function pt(n) {
+  const a = new Uint8Array(F * 4), e = [...n].sort((r, i) => r[0] - i[0]);
+  for (let r = 0; r < F; r++) {
+    const i = r / (F - 1);
+    let u = e[0][1];
+    for (let l = 0; l < e.length - 1; l++) {
+      const [s, c] = e[l], [o, t] = e[l + 1];
+      if (i >= s && i <= o) {
+        const p = (i - s) / (o - s);
+        u = [
+          Math.round(c[0] + (t[0] - c[0]) * p),
+          Math.round(c[1] + (t[1] - c[1]) * p),
+          Math.round(c[2] + (t[2] - c[2]) * p),
+          Math.round((c[3] ?? 255) + ((t[3] ?? 255) - (c[3] ?? 255)) * p)
+        ];
+        break;
+      }
+    }
+    i > e[e.length - 1][0] && (u = e[e.length - 1][1]), a[r * 4] = u[0], a[r * 4 + 1] = u[1], a[r * 4 + 2] = u[2], a[r * 4 + 3] = u[3] ?? 255;
+  }
+  return a;
+}
+var $, ft = ($ = class extends q {
+  getNumInstances() {
+    return this.state?.numInstances || 0;
+  }
+  getShaders() {
+    const n = super.getShaders(), { speedRange: a, imageUnscale: e, bounds: r } = this.props, [i, u] = a || [0, 30];
+    return {
+      ...n,
+      inject: {
+        "vs:#decl": `
+          uniform sampler2D windTexture;
+          uniform sampler2D colorRampTexture;
+          out float vDrop;
+          out float vSpeed;
+          out vec4 vSpeedColor;
+          const vec2 DROP_POSITION = vec2(0);
+
+          vec2 getWindUV(vec2 pos) {
+            vec4 b = vec4(${r[0].toFixed(6)}, ${r[1].toFixed(6)}, ${r[2].toFixed(6)}, ${r[3].toFixed(6)});
+            return vec2(
+              (pos.x - b[0]) / (b[2] - b[0]),
+              (pos.y - b[3]) / (b[1] - b[3])
+            );
+          }
+
+          vec2 getWindVelocity(vec4 windColor) {
+            vec2 unscale = vec2(${e[0].toFixed(6)}, ${e[1].toFixed(6)});
+            if(unscale[0] < unscale[1]) {
+              return mix(vec2(unscale[0]), vec2(unscale[1]), windColor.xy);
+            } else {
+              return windColor.xy;
+            }
+          }
+        `,
+        "vs:#main-start": `
+          vDrop = float(instanceSourcePositions.xy == DROP_POSITION || instanceTargetPositions.xy == DROP_POSITION);
+
+          vec2 midPos = (instanceSourcePositions.xy + instanceTargetPositions.xy) * 0.5;
+          vec2 windUV = getWindUV(midPos);
+          vec4 windColor = texture(windTexture, windUV);
+          vec2 velocity = getWindVelocity(windColor);
+          float speed = length(velocity);
+
+          float minSpd = ${i.toFixed(6)};
+          float maxSpd = ${u.toFixed(6)};
+          float speedNorm = clamp((speed - minSpd) / (maxSpd - minSpd), 0.0, 1.0);
+          vSpeed = speedNorm;
+          vSpeedColor = texture(colorRampTexture, vec2(speedNorm, 0.5));
+        `,
+        "fs:#decl": `
+          in float vDrop;
+          in float vSpeed;
+          in vec4 vSpeedColor;
+        `,
+        "fs:#main-start": `
+          if (vDrop > 0.5) discard;
+        `,
+        "fs:DECKGL_FILTER_COLOR": `
+          color = vSpeedColor;
+          color.a *= geometry.uv.x;
+        `
+      }
+    };
+  }
+  initializeState() {
+    super.initializeState(), this._setupTransformFeedback();
+    const n = this.getAttributeManager();
+    n.remove([
+      "instanceSourcePositions",
+      "instanceTargetPositions",
+      "instanceColors",
+      "instanceWidths"
+    ]), n.addInstanced({
+      instanceSourcePositions: {
+        size: 3,
+        type: "float32",
+        noAlloc: !0
+      },
+      instanceTargetPositions: {
+        size: 3,
+        type: "float32",
+        noAlloc: !0
+      },
+      instanceColors: {
+        size: 4,
+        type: "float32",
+        noAlloc: !0
+      }
+    });
+  }
+  updateState(n) {
+    super.updateState(n);
+    const { props: a, oldProps: e } = n, { numParticles: r, maxAge: i, width: u, image: l, colorRamp: s } = a;
+    if (!r || !i || !u) {
+      this._deleteTransformFeedback();
+      return;
+    }
+    (l !== e.image || r !== e.numParticles || i !== e.maxAge || u !== e.width || s !== e.colorRamp) && this._setupTransformFeedback();
+  }
+  finalizeState(n) {
+    this._deleteTransformFeedback(), super.finalizeState(n);
+  }
+  draw({ uniforms: n }) {
+    const { initialized: a } = this.state;
+    if (!a) return;
+    const { animate: e } = this.props, { sourcePositions: r, targetPositions: i, sourcePositions64Low: u, targetPositions64Low: l, colors: s, widths: c, model: o, texture: t, colorRampTexture: p } = this.state;
+    o.setAttributes({
+      instanceSourcePositions: r,
+      instanceTargetPositions: i,
+      instanceColors: s
+    }), o.setConstantAttributes({
+      instanceSourcePositions64Low: u,
+      instanceTargetPositions64Low: l,
+      instanceWidths: c
+    }), o.setBindings({
+      windTexture: t,
+      colorRampTexture: p
+    }), super.draw({ uniforms: n }), e && this.requestStep();
+  }
+  _setupTransformFeedback() {
+    const { initialized: n } = this.state || {};
+    n && this._deleteTransformFeedback();
+    const { image: a, numParticles: e, maxAge: r, width: i, colorRamp: u } = this.props;
+    if (typeof a == "string" || a === null) return;
+    const l = e * r, s = e * (r - 1), c = this.context.device.createBuffer(new Float32Array(l * 3)), o = this.context.device.createBuffer(new Float32Array(l * 3)), t = this.context.device.createBuffer(new Float32Array(new Array(l).fill(void 0).map((y, w) => [
+      1,
+      1,
+      1,
+      1 * (1 - Math.floor(w / e) / r)
+    ]).flat())), p = pt(u || de), h = this.context.device.createTexture({
+      width: F,
+      height: 1,
+      format: "rgba8unorm",
+      sampler: {
+        minFilter: "linear",
+        magFilter: "linear",
+        addressModeU: "clamp-to-edge",
+        addressModeV: "clamp-to-edge"
+      },
+      data: p
+    }), g = new Float32Array([
+      0,
+      0,
+      0
+    ]), m = new Float32Array([
+      0,
+      0,
+      0
+    ]), f = new Float32Array([i]), d = new ot(this.context.device, {
+      attributes: { sourcePosition: c },
+      bufferLayout: [{
+        name: "sourcePosition",
+        format: "float32x3"
+      }],
+      feedbackBuffers: { targetPosition: o },
+      vs: rt,
+      varyings: ["targetPosition"],
+      modules: [st],
+      vertexCount: e
+    });
+    this.setState({
+      initialized: !0,
+      numInstances: l,
+      numAgedInstances: s,
+      sourcePositions: c,
+      targetPositions: o,
+      sourcePositions64Low: g,
+      targetPositions64Low: m,
+      colors: t,
+      widths: f,
+      transform: d,
+      texture: a,
+      colorRampTexture: h,
+      previousViewportZoom: 0,
+      previousTime: 0
+    });
+  }
+  _runTransformFeedback() {
+    const { initialized: n } = this.state || {};
+    if (!n) return;
+    const { viewport: a, timeline: e } = this.context, { imageUnscale: r, bounds: i, numParticles: u, speedFactor: l, maxAge: s } = this.props, { previousTime: c, previousViewportZoom: o, transform: t, sourcePositions: p, targetPositions: h, numAgedInstances: g, texture: m } = this.state, f = e.getTime();
+    if (f === c) return;
+    const d = gt(a), y = 2 ** ((o - a.zoom) * 4), w = l * 0.01 / Math.pow(2, a.zoom), C = {
+      windTexture: m,
+      viewportBounds: d || [
+        0,
+        0,
+        0,
+        0
+      ],
+      viewportZoomChangeFactor: y || 0,
+      imageUnscale: r || [0, 0],
+      bounds: i,
+      numParticles: u,
+      maxAge: s,
+      speedFactor: w,
+      time: f,
+      seed: Math.random()
+    };
+    t.model.shaderInputs.setProps({ wind: C }), t.run({
+      clearColor: !1,
+      clearDepth: !1,
+      clearStencil: !1,
+      depthReadOnly: !0,
+      stencilReadOnly: !0
+    });
+    const _ = this.context.device.createCommandEncoder();
+    _.copyBufferToBuffer({
+      sourceBuffer: p,
+      sourceOffset: 0,
+      destinationBuffer: h,
+      destinationOffset: u * 4 * 3,
+      size: g * 4 * 3
+    }), _.finish(), _.destroy(), this.state.sourcePositions = h, this.state.targetPositions = p, t.model.setAttributes({ sourcePosition: h }), t.transformFeedback.setBuffers({ targetPosition: p }), this.state.previousViewportZoom = a.zoom, this.state.previousTime = f;
+  }
+  _resetTransformFeedback() {
+    const { initialized: n } = this.state || {};
+    if (!n) return;
+    const { sourcePositions: a, targetPositions: e, numInstances: r } = this.state;
+    a.write(new Float32Array(r * 3)), e.write(new Float32Array(r * 3));
+  }
+  _deleteTransformFeedback() {
+    const { initialized: n } = this.state || {};
+    if (!n) return;
+    const { sourcePositions: a, targetPositions: e, colors: r, transform: i, colorRampTexture: u } = this.state;
+    a?.destroy(), e?.destroy(), r?.destroy(), i?.destroy(), u?.destroy(), this.setState({
+      initialized: !1,
+      sourcePositions: void 0,
+      targetPositions: void 0,
+      colors: void 0,
+      transform: void 0,
+      colorRampTexture: void 0
+    });
+  }
+  requestStep() {
+    const { stepRequested: n } = this.state || {};
+    n || (this.state.stepRequested = !0, setTimeout(() => {
+      this.step(), this.state.stepRequested = !1;
+    }, 1e3 / lt));
+  }
+  step() {
+    this._runTransformFeedback(), this.setNeedsRedraw();
+  }
+  clear() {
+    this._resetTransformFeedback(), this.setNeedsRedraw();
+  }
+}, N($, "layerName", "WindParticleLayer"), N($, "defaultProps", dt), $);
+function yt(n) {
+  return n * Math.PI / 180;
+}
+function ht(n, a) {
+  const e = yt(a);
+  return {
+    u: n * Math.sin(e),
+    v: n * Math.cos(e)
+  };
+}
+function mt(n, a, e, r) {
+  let i = 0, u = 0, l = 0;
+  for (const s of e) {
+    const c = n - s.x, o = a - s.y, t = c * c + o * o;
+    if (t < 1e-4) return {
+      u: s.u,
+      v: s.v
+    };
+    const p = 1 / Math.pow(Math.sqrt(t), r);
+    i += s.u * p, u += s.v * p, l += p;
+  }
+  return l === 0 ? {
+    u: 0,
+    v: 0
+  } : {
+    u: i / l,
+    v: u / l
+  };
+}
+function vt(n, a = {}) {
+  const { width: e = 360, height: r = 180, bounds: i = [
+    -180,
+    -90,
+    180,
+    90
+  ], power: u = 2 } = a, [l, s, c, o] = i, t = n.map((E) => {
+    const { u: T, v: z } = ht(E.speed, E.direction);
+    return {
+      x: (E.lon - l) / (c - l) * e,
+      y: (o - E.lat) / (o - s) * r,
+      u: T,
+      v: z
+    };
+  });
+  let p = 1 / 0, h = -1 / 0, g = 1 / 0, m = -1 / 0;
+  const f = [];
+  for (let E = 0; E < r; E++) for (let T = 0; T < e; T++) {
+    const { u: z, v: H } = mt(T + 0.5, E + 0.5, t, u);
+    f.push({
+      u: z,
+      v: H
+    }), p = Math.min(p, z), h = Math.max(h, z), g = Math.min(g, H), m = Math.max(m, H);
+  }
+  const d = h - p || 1, y = m - g || 1, w = document.createElement("canvas");
+  w.width = e, w.height = r;
+  const C = w.getContext("2d"), _ = C.createImageData(e, r);
+  for (let E = 0; E < f.length; E++) {
+    const { u: T, v: z } = f[E], H = (T - p) / d, ce = (z - g) / y, A = E * 4;
+    _.data[A] = Math.round(H * 255), _.data[A + 1] = Math.round(ce * 255), _.data[A + 2] = 0, _.data[A + 3] = 255;
+  }
+  return C.putImageData(_, 0, 0), {
+    canvas: w,
+    imageData: _,
+    uMin: p,
+    uMax: h,
+    vMin: g,
+    vMax: m,
+    bounds: i
+  };
+}
+function wo(n) {
+  return n.filter((a) => a.wind && typeof a.wind.speed == "number").map((a) => ({
+    lat: a.coord.lat,
+    lon: a.coord.lon,
+    speed: a.wind.speed ?? 0,
+    direction: a.wind.deg ?? 0
+  }));
+}
+const Eo = /* @__PURE__ */ b({
+  __name: "VLayerDeckglWindParticle",
+  props: {
+    id: {},
+    imageUrl: {},
+    windData: {},
+    bounds: { default: () => [-180, -90, 180, 90] },
+    uMin: { default: -50 },
+    uMax: { default: 50 },
+    vMin: { default: -50 },
+    vMax: { default: 50 },
+    numParticles: { default: 8192 },
+    maxAge: { default: 30 },
+    speedFactor: { default: 50 },
+    color: { default: () => [255, 255, 255, 200] },
+    colorRamp: { default: () => [
+      [0, [59, 130, 189, 255]],
+      [0.1, [102, 194, 165, 255]],
+      [0.2, [171, 221, 164, 255]],
+      [0.3, [230, 245, 152, 255]],
+      [0.4, [254, 224, 139, 255]],
+      [0.5, [253, 174, 97, 255]],
+      [0.6, [244, 109, 67, 255]],
+      [1, [213, 62, 79, 255]]
+    ] },
+    speedRange: { default: () => [0, 30] },
+    width: { default: 1.5 },
+    animate: { type: Boolean, default: !0 },
+    opacity: { default: 1 },
+    visible: { type: Boolean, default: !0 },
+    pickable: { type: Boolean, default: !1 },
+    beforeId: {}
+  },
+  emits: ["click", "hover", "loaded", "error"],
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), { addLayer: u, removeLayer: l, updateLayer: s } = I(i), c = M(!1), o = M(null), t = M({
+      uMin: e.uMin,
+      uMax: e.uMax,
+      vMin: e.vMin,
+      vMax: e.vMax
+    }), p = R(() => {
+      const d = t.value.uMax - t.value.uMin, y = t.value.vMax - t.value.vMin;
+      return [Math.min(d, y) * -1, Math.max(d, y)];
+    }), h = () => o.value ? new ft({
+      id: e.id,
+      image: o.value,
+      bounds: e.bounds,
+      imageUnscale: p.value,
+      numParticles: e.numParticles,
+      maxAge: e.maxAge,
+      speedFactor: e.speedFactor,
+      color: e.color,
+      colorRamp: e.colorRamp,
+      speedRange: e.speedRange,
+      width: e.width,
+      animate: e.animate,
+      wrapLongitude: !0,
+      opacity: e.opacity,
+      visible: e.visible,
+      pickable: e.pickable,
+      beforeId: e.beforeId,
+      onClick: (d) => r("click", d),
+      onHover: (d) => r("hover", d)
+    }) : null, g = (d) => {
+      try {
+        const y = vt(d, {
+          width: 360,
+          height: 180,
+          bounds: e.bounds
+        });
+        return t.value = {
+          uMin: y.uMin,
+          uMax: y.uMax,
+          vMin: y.vMin,
+          vMax: y.vMax
+        }, o.value = y.canvas.toDataURL("image/png"), !0;
+      } catch (y) {
+        return r("error", y instanceof Error ? y : new Error(String(y))), !1;
+      }
+    }, m = () => {
+      if (e.windData && e.windData.length > 0) {
+        if (!g(e.windData)) return;
+      } else if (e.imageUrl)
+        o.value = e.imageUrl, t.value = {
+          uMin: e.uMin,
+          uMax: e.uMax,
+          vMin: e.vMin,
+          vMax: e.vMax
+        };
+      else
+        return;
+      const d = h();
+      d && (u(d), c.value = !0, r("loaded"));
+    }, f = () => {
+      if (!c.value) return;
+      const d = h();
+      d && s(e.id, d);
+    };
+    return L(() => {
+      i.value?.isStyleLoaded() ? m() : i.value?.once("style.load", m);
+    }), v(
+      () => e.windData,
+      (d) => {
+        d && d.length > 0 && g(d) && f();
+      },
+      { deep: !0 }
+    ), v(
+      () => e.imageUrl,
+      (d) => {
+        d && !e.windData && (o.value = d, t.value = {
+          uMin: e.uMin,
+          uMax: e.uMax,
+          vMin: e.vMin,
+          vMax: e.vMax
+        }, f());
+      }
+    ), v(
+      () => [
+        e.numParticles,
+        e.maxAge,
+        e.speedFactor,
+        e.color,
+        e.colorRamp,
+        e.speedRange,
+        e.width,
+        e.animate,
+        e.opacity,
+        e.visible
+      ],
+      () => {
+        f();
+      },
+      { deep: !0 }
+    ), k(() => {
+      l(e.id);
+    }), (d, y) => x(d.$slots, "default");
+  }
+}), Bo = /* @__PURE__ */ b({
   __name: "VLayerDeckgl",
   props: {
     layer: {}
   },
   emits: ["click", "hover"],
-  setup(g, { emit: a }) {
-    const e = g, r = k(S), { addLayer: i, removeLayer: u, updateLayer: l } = I(r), n = (t) => t.id, s = () => {
+  setup(n, { emit: a }) {
+    const e = n, r = P(S), { addLayer: i, removeLayer: u, updateLayer: l } = I(r), s = (o) => o.id, c = () => {
       i(e.layer);
     };
     return L(() => {
-      r.value?.isStyleLoaded() ? s() : r.value?.once("style.load", s);
+      r.value?.isStyleLoaded() ? c() : r.value?.once("style.load", c);
     }), v(
       () => e.layer,
-      (t, o) => {
-        const y = o ? n(o) : null, f = n(t);
-        y && y !== f ? (u(y), i(t)) : l(f, t);
+      (o, t) => {
+        const p = t ? s(t) : null, h = s(o);
+        p && p !== h ? (u(p), i(o)) : l(h, o);
       },
       { deep: !0 }
-    ), P(() => {
-      u(n(e.layer));
-    }), (t, o) => C(t.$slots, "default");
+    ), k(() => {
+      u(s(e.layer));
+    }), (o, t) => x(o.$slots, "default");
   }
-}), Ne = ["id"], Ge = /* @__PURE__ */ b({
+}), bt = ["id"], Lt = /* @__PURE__ */ b({
   __name: "VMap",
   props: {
     options: { default: () => ({ container: "map" }) },
     supportPmtiles: { type: Boolean, default: !1 }
   },
-  emits: ["loaded", ...N],
-  setup(g, { emit: a }) {
-    const e = g, r = a;
+  emits: ["loaded", ...Q],
+  setup(n, { emit: a }) {
+    const e = n, r = a;
     if (e.supportPmtiles) {
-      const s = new ue({ metadata: !0 });
-      te.addProtocol("pmtiles", s.tile), O(Y, s);
+      const c = new Ce({ metadata: !0 });
+      fe.addProtocol("pmtiles", c.tile), U(se, c);
     }
-    const i = H(null), u = M(!1), l = M(N);
-    O(S, i), L(() => {
-      i.value = new ne(e.options), u.value = !0, n();
+    const i = O(null), u = M(!1), l = M(Q);
+    U(S, i), L(() => {
+      i.value = new Le(e.options), u.value = !0, s();
     });
-    const n = () => {
-      i.value && l.value.forEach((s) => {
-        i.value?.on(s, (t) => {
-          s === "load" ? r("loaded", i.value) : r(s, t);
+    const s = () => {
+      i.value && l.value.forEach((c) => {
+        i.value?.on(c, (o) => {
+          c === "load" ? r("loaded", i.value) : r(c, o);
         });
       });
     };
-    return (s, t) => ($(), A("div", {
-      id: `${g.options?.container}`,
+    return (c, o) => (D(), Z("div", {
+      id: `${n.options?.container}`,
       class: "v-map-container"
     }, [
-      u.value ? C(s.$slots, "default", { key: 0 }, () => [
-        C(s.$slots, "default", {}, void 0, !0)
-      ], !0) : Q("", !0)
-    ], 8, Ne));
+      u.value ? x(c.$slots, "default", { key: 0 }, () => [
+        x(c.$slots, "default", {}, void 0, !0)
+      ], !0) : ne("", !0)
+    ], 8, bt));
   }
-}), Ze = (g, a) => {
-  const e = g.__vccOpts || g;
+}), St = (n, a) => {
+  const e = n.__vccOpts || n;
   for (const [r, i] of a)
     e[r] = i;
   return e;
-}, Yt = /* @__PURE__ */ Ze(Ge, [["__scopeId", "data-v-e49c0b85"]]), qe = ["id"], Je = /* @__PURE__ */ b({
+}, To = /* @__PURE__ */ St(Lt, [["__scopeId", "data-v-e49c0b85"]]), xt = ["id"], Pt = /* @__PURE__ */ b({
   __name: "VPopup",
   props: {
     options: { default: () => ({}) },
@@ -4013,35 +4803,35 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     marker: { default: () => ({}) }
   },
   emits: ["added", "removed", "open", "close"],
-  setup(g, { emit: a }) {
-    const e = g, r = a, i = k(S), u = new se(e.options), l = M(!0), n = M(null), s = () => i.value || null, t = (d) => {
+  setup(n, { emit: a }) {
+    const e = n, r = a, i = P(S), u = new Se(e.options), l = M(!0), s = M(null), c = () => i.value || null, o = (d) => {
       d && d.on("style.load", () => {
-        const h = () => {
-          d.isStyleLoaded() ? l.value = !0 : (l.value = !1, setTimeout(h, 200));
+        const y = () => {
+          d.isStyleLoaded() ? l.value = !0 : (l.value = !1, setTimeout(y, 200));
         };
-        h();
+        y();
       });
-    }, o = () => {
+    }, t = () => {
       try {
-        n.value && u.setDOMContent(n.value);
+        s.value && u.setDOMContent(s.value);
       } catch (d) {
         console.error("Error setting popup content:", d);
       }
-    }, y = () => {
+    }, p = () => {
       try {
         u.setLngLat(e.coordinates);
       } catch (d) {
         console.error("Error setting popup coordinates:", d);
       }
-    }, f = () => {
-      const d = s();
+    }, h = () => {
+      const d = c();
       if (d)
         try {
           "setPopup" in e.marker ? e.marker.setPopup(u) : u.addTo(d), r("added", { popup: u });
-        } catch (h) {
-          console.error("Error adding popup to marker:", h);
+        } catch (y) {
+          console.error("Error adding popup to marker:", y);
         }
-    }, c = () => {
+    }, g = () => {
       try {
         u.remove(), r("removed");
       } catch (d) {
@@ -4049,7 +4839,7 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       }
     }, m = () => {
       try {
-        q.forEach((d) => {
+        te.forEach((d) => {
           u.on(d, () => {
             r(d);
           });
@@ -4057,9 +4847,9 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
       } catch (d) {
         console.error("Error setting up popup events:", d);
       }
-    }, p = () => {
+    }, f = () => {
       try {
-        q.forEach((d) => {
+        te.forEach((d) => {
           u.off(d, () => {
             r(d);
           });
@@ -4071,35 +4861,35 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     return v(
       i,
       (d) => {
-        d && t(d);
+        d && o(d);
       },
       { immediate: !0 }
     ), v(
       () => e.coordinates,
       () => {
-        y();
+        p();
       },
       { deep: !0 }
     ), L(() => {
       if (l.value)
         try {
-          o(), y(), f(), m();
+          t(), p(), h(), m();
         } catch (d) {
           console.error("Error initializing popup:", d);
         }
       else
-        c(), p();
-    }), P(() => {
-      c(), p();
-    }), (d, h) => ($(), A("section", {
+        g(), f();
+    }), k(() => {
+      g(), f();
+    }), (d, y) => (D(), Z("section", {
       id: `popup-${Date.now()}`,
       ref_key: "content",
-      ref: n
+      ref: s
     }, [
-      C(d.$slots, "default")
-    ], 8, qe));
+      x(d.$slots, "default")
+    ], 8, xt));
   }
-}), Xe = ["id"], eo = /* @__PURE__ */ b({
+}), Ct = ["id"], Wo = /* @__PURE__ */ b({
   __name: "VMarker",
   props: {
     coordinates: { default: null },
@@ -4111,168 +4901,172 @@ const S = /* @__PURE__ */ Symbol("Map"), Y = /* @__PURE__ */ Symbol("Protocol"),
     "added",
     "update:coordinates",
     "removed",
-    ...G,
-    ...Z
+    ...Y,
+    ...ee
   ],
-  setup(g, { emit: a }) {
-    const e = X(), r = g, i = a, u = k(S), l = M(null), n = M(!0), s = M(!1), t = M(null), o = () => u.value || null, y = (x) => {
-      x && x.on("style.load", () => {
+  setup(n, { emit: a }) {
+    const e = re(), r = n, i = a, u = P(S), l = M(null), s = M(!0), c = M(!1), o = M(null), t = () => u.value || null, p = (C) => {
+      C && C.on("style.load", () => {
         const _ = () => {
-          x.isStyleLoaded() ? n.value = !0 : (n.value = !1, setTimeout(_, 200));
+          C.isStyleLoaded() ? s.value = !0 : (s.value = !1, setTimeout(_, 200));
         };
         _();
       });
-    }, f = (x) => {
-      x instanceof HTMLElement && (t.value = x);
-    }, c = (x) => {
+    }, h = (C) => {
+      C instanceof HTMLElement && (o.value = C);
+    }, g = (C) => {
       if (r.coordinates !== null)
         try {
-          x.setLngLat(r.coordinates);
+          C.setLngLat(r.coordinates);
         } catch (_) {
           console.error("Error setting marker coordinates:", _);
         }
-    }, m = (x) => {
+    }, m = (C) => {
       try {
-        x.getElement().style.cursor = r.cursor || "default";
+        C.getElement().style.cursor = r.cursor || "default";
       } catch (_) {
         console.error("Error setting cursor:", _);
       }
-    }, p = (x) => {
-      const _ = o();
+    }, f = (C) => {
+      const _ = t();
       if (_)
         try {
-          x.addTo(_), i("added", { marker: x });
-        } catch (W) {
-          console.error("Error adding marker to map:", W);
+          C.addTo(_), i("added", { marker: C });
+        } catch (E) {
+          console.error("Error adding marker to map:", E);
         }
-    }, d = (x) => {
+    }, d = (C) => {
       try {
-        x.remove(), i("removed");
+        C.remove(), i("removed");
       } catch (_) {
         console.error("Error removing marker from map:", _);
       }
-    }, h = (x) => {
+    }, y = (C) => {
       try {
         let _;
-        G.forEach((W) => {
-          x.on(W, (T) => {
-            W === "dragend" && (Array.isArray(r.coordinates) ? _ = [
+        Y.forEach((E) => {
+          C.on(E, (T) => {
+            E === "dragend" && (Array.isArray(r.coordinates) ? _ = [
               T.target.getLngLat().lng,
               T.target.getLngLat().lat
-            ] : _ = T.target.getLngLat(), i("update:coordinates", _)), i(W, T);
+            ] : _ = T.target.getLngLat(), i("update:coordinates", _)), i(E, T);
           });
-        }), Z.forEach((W) => {
-          x.getElement().addEventListener(W, (T) => {
-            i(W, T);
+        }), ee.forEach((E) => {
+          C.getElement().addEventListener(E, (T) => {
+            i(E, T);
           });
         });
       } catch (_) {
         console.error("Error setting up marker events:", _);
       }
     };
-    v(l, (x) => {
-      s.value = x !== null && "_map" in x;
+    v(l, (C) => {
+      c.value = C !== null && "_map" in C;
     }), v(
       u,
-      (x) => {
-        x && y(x);
+      (C) => {
+        C && p(C);
       },
       { immediate: !0 }
     );
-    const B = (x) => {
-      if (!(!n.value || l.value))
+    const w = (C) => {
+      if (!(!s.value || l.value))
         try {
           const _ = {
             ...r.options,
-            element: x || void 0
+            element: C || void 0
           };
-          l.value = new de(_), c(l.value), p(l.value), m(l.value), h(l.value);
+          l.value = new xe(_), g(l.value), f(l.value), m(l.value), y(l.value);
         } catch (_) {
           console.error("Error initializing marker:", _);
         }
     };
-    return v(t, (x) => {
-      x && !l.value && B(x);
+    return v(o, (C) => {
+      C && !l.value && w(C);
     }), L(() => {
-      e.markers || B();
-    }), P(() => {
+      e.markers || w();
+    }), k(() => {
       l.value && d(l.value);
-    }), (x, _) => ($(), A("section", {
+    }), (C, _) => (D(), Z("section", {
       id: `marker-${Date.now()}`,
       class: "absolute"
     }, [
-      C(x.$slots, "markers", { setRef: f }),
-      s.value && x.$slots.default ? ($(), K(Je, {
+      x(C.$slots, "markers", { setRef: h }),
+      c.value && C.$slots.default ? (D(), le(Pt, {
         key: 0,
         marker: l.value,
-        options: g.popupOptions,
-        coordinates: g.coordinates
+        options: n.popupOptions,
+        coordinates: n.coordinates
       }, {
-        default: ee(() => [
-          C(x.$slots, "default")
+        default: pe(() => [
+          x(C.$slots, "default")
         ]),
         _: 3
-      }, 8, ["marker", "options", "coordinates"])) : Q("", !0)
-    ], 8, Xe));
+      }, 8, ["marker", "options", "coordinates"])) : ne("", !0)
+    ], 8, Ct));
   }
 });
 export {
-  D as DeckLayersKey,
-  V as DeckOverlayKey,
-  rt as VControlAttribution,
-  lt as VControlFullscreen,
-  nt as VControlGeolocate,
-  ct as VControlLidar,
-  st as VControlNavigation,
-  dt as VControlScale,
-  Qt as VLayerDeckgl,
-  Lt as VLayerDeckglArc,
-  Et as VLayerDeckglBitmap,
-  Kt as VLayerDeckglCOG,
-  Mt as VLayerDeckglColumn,
-  Ht as VLayerDeckglContour,
-  Gt as VLayerDeckglGeohash,
-  St as VLayerDeckglGeojson,
-  jt as VLayerDeckglGreatCircle,
-  zt as VLayerDeckglGrid,
-  Bt as VLayerDeckglGridCell,
-  Vt as VLayerDeckglH3Cluster,
-  Ot as VLayerDeckglH3Hexagon,
-  wt as VLayerDeckglHeatmap,
-  Tt as VLayerDeckglHexagon,
-  It as VLayerDeckglIcon,
-  kt as VLayerDeckglLine,
-  Dt as VLayerDeckglMVT,
-  Ct as VLayerDeckglPath,
-  Wt as VLayerDeckglPointCloud,
-  Pt as VLayerDeckglPolygon,
-  Zt as VLayerDeckglQuadkey,
-  Nt as VLayerDeckglS2,
-  bt as VLayerDeckglScatterplot,
-  Xt as VLayerDeckglScenegraph,
-  $t as VLayerDeckglScreenGrid,
-  Jt as VLayerDeckglSimpleMesh,
-  xt as VLayerDeckglSolidPolygon,
-  Ft as VLayerDeckglTerrain,
-  _t as VLayerDeckglText,
-  At as VLayerDeckglTile,
-  Ut as VLayerDeckglTile3D,
-  Rt as VLayerDeckglTrips,
-  qt as VLayerDeckglWMS,
-  ut as VLayerMaplibreCanvas,
-  mt as VLayerMaplibreCluster,
-  gt as VLayerMaplibreGeojson,
-  yt as VLayerMaplibreImage,
-  ht as VLayerMaplibrePmtile,
-  je as VLayerMaplibreRaster,
-  vt as VLayerMaplibreRoute,
-  pt as VLayerMaplibreVector,
-  ft as VLayerMaplibreVideo,
-  Yt as VMap,
-  eo as VMarker,
-  Je as VPopup,
-  Yt as default,
-  it as useDeckLayers,
+  G as DeckLayersKey,
+  j as DeckOverlayKey,
+  Rt as VControlAttribution,
+  Ht as VControlFullscreen,
+  Ot as VControlGeolocate,
+  Vt as VControlLidar,
+  Dt as VControlNavigation,
+  At as VControlScale,
+  Bo as VLayerDeckgl,
+  Xt as VLayerDeckglArc,
+  ro as VLayerDeckglBitmap,
+  Mo as VLayerDeckglCOG,
+  io as VLayerDeckglColumn,
+  go as VLayerDeckglContour,
+  Po as VLayerDeckglGeohash,
+  Kt as VLayerDeckglGeojson,
+  So as VLayerDeckglGreatCircle,
+  uo as VLayerDeckglGrid,
+  lo as VLayerDeckglGridCell,
+  ho as VLayerDeckglH3Cluster,
+  yo as VLayerDeckglH3Hexagon,
+  so as VLayerDeckglHeatmap,
+  co as VLayerDeckglHexagon,
+  oo as VLayerDeckglIcon,
+  Yt as VLayerDeckglLine,
+  mo as VLayerDeckglMVT,
+  Qt as VLayerDeckglPath,
+  no as VLayerDeckglPointCloud,
+  eo as VLayerDeckglPolygon,
+  Co as VLayerDeckglQuadkey,
+  xo as VLayerDeckglS2,
+  Jt as VLayerDeckglScatterplot,
+  _o as VLayerDeckglScenegraph,
+  po as VLayerDeckglScreenGrid,
+  Io as VLayerDeckglSimpleMesh,
+  to as VLayerDeckglSolidPolygon,
+  Lo as VLayerDeckglTerrain,
+  ao as VLayerDeckglText,
+  vo as VLayerDeckglTile,
+  bo as VLayerDeckglTile3D,
+  fo as VLayerDeckglTrips,
+  ko as VLayerDeckglWMS,
+  Eo as VLayerDeckglWindParticle,
+  $t as VLayerMaplibreCanvas,
+  Zt as VLayerMaplibreCluster,
+  Ft as VLayerMaplibreGeojson,
+  Ut as VLayerMaplibreImage,
+  Gt as VLayerMaplibrePmtile,
+  at as VLayerMaplibreRaster,
+  qt as VLayerMaplibreRoute,
+  Nt as VLayerMaplibreVector,
+  jt as VLayerMaplibreVideo,
+  To as VMap,
+  Wo as VMarker,
+  Pt as VPopup,
+  ft as WindParticleLayer,
+  wo as createWindDataFromOpenWeatherMap,
+  To as default,
+  vt as generateWindTexture,
+  zt as useDeckLayers,
   I as useDeckOverlay
 };
 //# sourceMappingURL=index.js.map