maplibre-gl-components 0.20.3 → 0.20.4

package/dist/{ControlGrid-BhXCg6_6.js → ControlGrid-DZuo4G2B.js}

@@ -3054,7 +3054,7 @@ var mq = {
     if (t === "shapefile") {
       if (!this._shapefileConverter) {
         this._updateLoading("Loading Shapefile converter...");
-        const { getShapefileConverter: s } = await import("./ShapefileConverter-Ch3A6x1f.js").then((a) => a.n);
+        const { getShapefileConverter: s } = await import("./ShapefileConverter-B27S0Yww.js").then((a) => a.n);
         this._shapefileConverter = s();
       }
       const r = await this._shapefileConverter.convert(n, e.name, i);
@@ -3062,9 +3062,9 @@ var mq = {
     } else if (Fae(t)) {
       if (!this._duckdbConverter) {
         this._updateLoading("Loading DuckDB converter...");
-        const { getDuckDBConverter: s } = await import("./DuckDBConverter-uWVU-eAR.js").then((a) => a.n);
+        const { getDuckDBConverter: s } = await import("./DuckDBConverter-B6C0hZof.js").then((a) => a.n);
         if (this._duckdbConverter = s(), this._options.duckdbBundleUrl) {
-          const { DuckDBConverter: a } = await import("./DuckDBConverter-uWVU-eAR.js").then((l) => l.n);
+          const { DuckDBConverter: a } = await import("./DuckDBConverter-B6C0hZof.js").then((l) => l.n);
           this._duckdbConverter = new a(this._options.duckdbBundleUrl);
         }
       }
@@ -4530,7 +4530,7 @@ var ioe = ["none", "bone", "bwr", "cividis", "cool", "coolwarm", "gray", "hot",
         if (!(i instanceof Error ? i.message : String(i)).includes("non-unsigned integers not yet supported")) throw i;
         const { parseCOGTileMatrixSet: n, texture: r } = await import("@developmentseed/deck.gl-geotiff");
         if (typeof n != "function" || typeof r?.inferTextureFormat != "function") throw i;
-        const { fromUrl: s } = await import("./geotiff--1panAaD.js"), { CreateTexture: a, FilterNoDataVal: l, MaskTexture: h } = await import("@developmentseed/deck.gl-raster/gpu-modules"), d = await import("./lib-CNQtqzfc.js"), p = d.default || d, g = this.props.geotiff, v = typeof g == "string" ? await s(g) : g, y = this.props.geoKeysParser, E = await n(v, y), S = await v.getImage(), R = await v.getImageCount(), I = [];
+        const { fromUrl: s } = await import("./geotiff-CgNQDPkf.js"), { CreateTexture: a, FilterNoDataVal: l, MaskTexture: h } = await import("@developmentseed/deck.gl-raster/gpu-modules"), d = await import("./lib-CNQtqzfc.js"), p = d.default || d, g = this.props.geotiff, v = typeof g == "string" ? await s(g) : g, y = this.props.geoKeysParser, E = await n(v, y), S = await v.getImage(), R = await v.getImageCount(), I = [];
         for (let ae = 0; ae < R; ae++) I.push(await v.getImage(ae));
         const k = await y(S.getGeoKeys());
         if (!k) throw new Error("Could not determine source projection from GeoTIFF geo keys");
@@ -6728,8 +6728,8 @@ var Loe = '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBo
   off(e, t) {
     this._eventHandlers.get(e)?.delete(t);
   }
-  async addLayer(e, t) {
-    e && (this._state.url = e), t && (this._state.variable = t), await this._addLayer();
+  async addLayer(e, t, i) {
+    e && (this._state.url = e), t && (this._state.variable = t), await this._addLayer(i);
   }
   removeLayer(e) {
     this._removeLayer(e), this._render();
@@ -6996,32 +6996,36 @@ var Loe = '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBo
     const e = document.getElementById("zarr-colormap-preview");
     e && (e.style.background = `linear-gradient(to right, ${this._state.colormap.join(", ")})`);
   }
-  async _addLayer() {
-    if (!this._map || !this._state.url || !this._state.variable) {
-      this._state.error = "Please enter a Zarr URL and variable name.", this._render();
+  async _addLayer(e) {
+    const t = !!e?.store;
+    if (!this._map || !t && !this._state.url || !this._state.variable) {
+      this._state.error = t ? "Please enter a variable name." : "Please enter a Zarr URL and variable name.", this._render();
       return;
     }
     this._state.loading = !0, this._state.error = null, this._state.status = null, this._render();
     try {
-      const { ZarrLayer: e } = await import("@carbonplan/zarr-layer"), t = `zarr-layer-${this._layerCounter++}`, i = {
-        id: t,
-        source: this._state.url,
+      const { ZarrLayer: i } = await import("@carbonplan/zarr-layer"), n = `zarr-layer-${this._layerCounter++}`, r = e?.selector ?? (this._state.selector && Object.keys(this._state.selector).length > 0 ? this._state.selector : void 0), s = {
+        id: n,
         variable: this._state.variable,
-        colormap: this._state.colormap,
-        clim: this._state.clim,
-        opacity: this._state.layerOpacity,
-        selector: this._state.selector && Object.keys(this._state.selector).length > 0 ? this._state.selector : void 0
-      }, n = { ...i }, r = this._state.layerName?.trim();
-      r && (n._layerName = r), this._zarrLayerPropsMap.set(t, n);
-      const s = new e(i);
-      this._zarrLayers.set(t, s);
-      let a;
-      this._options.beforeId && (this._map.getLayer(this._options.beforeId) ? a = this._options.beforeId : console.warn(`[ZarrLayerControl] beforeId "${this._options.beforeId}" not found in map layers, adding layer on top`)), a ? this._map.addLayer(s, a) : this._map.addLayer(s), this._state.pickable && this._setupLayerClickHandler(t), this._state.hasLayer = this._zarrLayers.size > 0, this._state.layerCount = this._zarrLayers.size, this._state.layers = this._buildLayerInfoList(), this._state.loading = !1, this._state.status = "Zarr layer added successfully.", this._state.layerName = "", this._render(), this._emit("layeradd", {
+        colormap: e?.colormap ?? this._state.colormap,
+        clim: e?.clim ?? this._state.clim,
+        opacity: e?.opacity ?? this._state.layerOpacity,
+        selector: r
+      };
+      this._state.url && (s.source = this._state.url), e?.store && (s.store = e.store), e?.zarrVersion && (s.zarrVersion = e.zarrVersion), e?.transformRequest && (s.transformRequest = e.transformRequest), e?.crs && (s.crs = e.crs), e?.proj4 && (s.proj4 = e.proj4), e?.bounds && (s.bounds = e.bounds), e?.spatialDimensions && (s.spatialDimensions = e.spatialDimensions);
+      const a = { ...s };
+      delete a.store, delete a.transformRequest;
+      const l = this._state.layerName?.trim();
+      l && (a._layerName = l), this._zarrLayerPropsMap.set(n, a);
+      const h = new i(s);
+      this._zarrLayers.set(n, h);
+      let d;
+      this._options.beforeId && (this._map.getLayer(this._options.beforeId) ? d = this._options.beforeId : console.warn(`[ZarrLayerControl] beforeId "${this._options.beforeId}" not found in map layers, adding layer on top`)), d ? this._map.addLayer(h, d) : this._map.addLayer(h), this._state.pickable && this._setupLayerClickHandler(n), this._state.hasLayer = this._zarrLayers.size > 0, this._state.layerCount = this._zarrLayers.size, this._state.layers = this._buildLayerInfoList(), this._state.loading = !1, this._state.status = "Zarr layer added successfully.", this._state.layerName = "", this._render(), this._emit("layeradd", {
         url: this._state.url,
-        layerId: t
+        layerId: n
       });
-    } catch (e) {
-      this._state.loading = !1, this._state.error = `Failed to load Zarr: ${e instanceof Error ? e.message : String(e)}`, this._render(), this._emit("error", { error: this._state.error });
+    } catch (i) {
+      this._state.loading = !1, this._state.error = `Failed to load Zarr: ${i instanceof Error ? i.message : String(i)}`, this._render(), this._emit("error", { error: this._state.error });
     }
   }
   _setupLayerClickHandler(e) {
@@ -8222,7 +8226,7 @@ var Goe = [
       this._state.loading = !0, this._state.error = null, this._state.status = null, this._render();
       try {
         await this._ensureOverlay();
-        const { COGLayer: l } = await import("@developmentseed/deck.gl-geotiff"), { fromUrl: h } = await import("./geotiff--1panAaD.js");
+        const { COGLayer: l } = await import("@developmentseed/deck.gl-geotiff"), { fromUrl: h } = await import("./geotiff-CgNQDPkf.js");
         this._patchCOGLayer(l);
         const d = `stac-${this._state.stacItem?.id || "layer"}-rgb-${this._layerCounter++}`, [p, g, v] = await Promise.all([
           h(r.href),
@@ -8390,7 +8394,7 @@ var Goe = [
     e.prototype._parseGeoTIFF = async function() {
       const { parseCOGTileMatrixSet: n, texture: r } = await import("@developmentseed/deck.gl-geotiff");
       if (typeof n != "function" || typeof r?.inferTextureFormat != "function") return i.call(this);
-      const { fromUrl: s } = await import("./geotiff--1panAaD.js"), { CreateTexture: a, FilterNoDataVal: l, Colormap: h } = await import("@developmentseed/deck.gl-raster/gpu-modules"), d = await import("./lib-CNQtqzfc.js"), p = d.default || d, g = this.props.geotiff, v = typeof g == "string" ? await s(g) : g, y = this.props.geoKeysParser;
+      const { fromUrl: s } = await import("./geotiff-CgNQDPkf.js"), { CreateTexture: a, FilterNoDataVal: l, Colormap: h } = await import("@developmentseed/deck.gl-raster/gpu-modules"), d = await import("./lib-CNQtqzfc.js"), p = d.default || d, g = this.props.geotiff, v = typeof g == "string" ? await s(g) : g, y = this.props.geoKeysParser;
       let E;
       try {
         E = await n(v, y);
@@ -10073,7 +10077,7 @@ var a9 = class {
     throw new Error("CORS error: Unable to fetch the file. The server doesn't allow cross-origin requests.");
   }
   async _loadGeoParquet(e) {
-    const { getDuckDBConverter: t } = await import("./DuckDBConverter-uWVU-eAR.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
+    const { getDuckDBConverter: t } = await import("./DuckDBConverter-B6C0hZof.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
     let r;
     try {
       r = await n.arrayBuffer();
@@ -10117,7 +10121,7 @@ var a9 = class {
   }
   async _setupViewportLoading(e, t, i) {
     if (!this._map) return;
-    const { getDuckDBConverter: n } = await import("./DuckDBConverter-uWVU-eAR.js").then((a) => a.n), r = n(), s = `${e}.parquet`;
+    const { getDuckDBConverter: n } = await import("./DuckDBConverter-B6C0hZof.js").then((a) => a.n), r = n(), s = `${e}.parquet`;
     try {
       await r.registerRemoteParquet(t, s);
       const a = await r.getParquetSchema(s);
@@ -10146,7 +10150,7 @@ var a9 = class {
     for (const n of t.layerIds) this._map.getLayer(n) && this._map.setLayoutProperty(n, "visibility", "visible");
     this._viewportLoadingState.set(e, !0);
     try {
-      const { getDuckDBConverter: n } = await import("./DuckDBConverter-uWVU-eAR.js").then((d) => d.n), r = n(), s = this._map.getBounds(), a = [
+      const { getDuckDBConverter: n } = await import("./DuckDBConverter-B6C0hZof.js").then((d) => d.n), r = n(), s = this._map.getBounds(), a = [
         s.getWest(),
         s.getSouth(),
         s.getEast(),
@@ -10161,7 +10165,7 @@ var a9 = class {
   }
   async _cleanupViewportLoading() {
     if (this._map && this._viewportHandler && (this._map.off("moveend", this._viewportHandler), this._viewportHandler = void 0), this._viewportLoadingLayers.size > 0) try {
-      const { getDuckDBConverter: e } = await import("./DuckDBConverter-uWVU-eAR.js").then((i) => i.n), t = e();
+      const { getDuckDBConverter: e } = await import("./DuckDBConverter-B6C0hZof.js").then((i) => i.n), t = e();
       for (const i of this._viewportLoadingLayers) {
         const n = this._vectorLayers.get(i);
         n?.duckdbFileName && await t.unregisterFile(n.duckdbFileName);
@@ -10174,7 +10178,7 @@ var a9 = class {
     const t = this._vectorLayers.get(e);
     if (!(!t?.viewportLoading || !t.duckdbFileName)) {
       try {
-        const { getDuckDBConverter: i } = await import("./DuckDBConverter-uWVU-eAR.js").then((n) => n.n);
+        const { getDuckDBConverter: i } = await import("./DuckDBConverter-B6C0hZof.js").then((n) => n.n);
         await i().unregisterFile(t.duckdbFileName);
       } catch {
       }
@@ -11048,7 +11052,7 @@ var rle = class {
     throw new Error("CORS error: Unable to fetch the file. The server doesn't allow cross-origin requests.");
   }
   async _loadGeoParquet(e) {
-    const { getDuckDBConverter: t } = await import("./DuckDBConverter-uWVU-eAR.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
+    const { getDuckDBConverter: t } = await import("./DuckDBConverter-B6C0hZof.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
     let r;
     try {
       r = await n.arrayBuffer();