maplibre-gl-components 0.18.1 → 0.18.2

package/dist/{ControlGrid-DxeDI-Uo.js → ControlGrid-DF9cqAs-.js}

@@ -3054,7 +3054,7 @@ var mq = {
     if (t === "shapefile") {
       if (!this._shapefileConverter) {
         this._updateLoading("Loading Shapefile converter...");
-        const { getShapefileConverter: s } = await import("./ShapefileConverter-B4VbwMAU.js").then((a) => a.n);
+        const { getShapefileConverter: s } = await import("./ShapefileConverter-CrlSFMFB.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-BFlaIx_B.js").then((a) => a.n);
+        const { getDuckDBConverter: s } = await import("./DuckDBConverter-vGi-9-yB.js").then((a) => a.n);
         if (this._duckdbConverter = s(), this._options.duckdbBundleUrl) {
-          const { DuckDBConverter: a } = await import("./DuckDBConverter-BFlaIx_B.js").then((l) => l.n);
+          const { DuckDBConverter: a } = await import("./DuckDBConverter-vGi-9-yB.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-CIwO_lK2.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-DFHxtBMv.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");
@@ -8002,7 +8002,7 @@ var Ooe = [
       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-CIwO_lK2.js");
+        const { COGLayer: l } = await import("@developmentseed/deck.gl-geotiff"), { fromUrl: h } = await import("./geotiff-DFHxtBMv.js");
         this._patchCOGLayer(l);
         const d = `stac-${this._state.stacItem?.id || "layer"}-rgb-${this._layerCounter++}`, [p, g, v] = await Promise.all([
           h(r.href),
@@ -8170,7 +8170,7 @@ var Ooe = [
     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-CIwO_lK2.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-DFHxtBMv.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);
@@ -9853,7 +9853,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-BFlaIx_B.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
+    const { getDuckDBConverter: t } = await import("./DuckDBConverter-vGi-9-yB.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
     let r;
     try {
       r = await n.arrayBuffer();
@@ -9897,7 +9897,7 @@ var a9 = class {
   }
   async _setupViewportLoading(e, t, i) {
     if (!this._map) return;
-    const { getDuckDBConverter: n } = await import("./DuckDBConverter-BFlaIx_B.js").then((a) => a.n), r = n(), s = `${e}.parquet`;
+    const { getDuckDBConverter: n } = await import("./DuckDBConverter-vGi-9-yB.js").then((a) => a.n), r = n(), s = `${e}.parquet`;
     try {
       await r.registerRemoteParquet(t, s);
       const a = await r.getParquetSchema(s);
@@ -9926,7 +9926,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-BFlaIx_B.js").then((d) => d.n), r = n(), s = this._map.getBounds(), a = [
+      const { getDuckDBConverter: n } = await import("./DuckDBConverter-vGi-9-yB.js").then((d) => d.n), r = n(), s = this._map.getBounds(), a = [
         s.getWest(),
         s.getSouth(),
         s.getEast(),
@@ -9941,7 +9941,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-BFlaIx_B.js").then((i) => i.n), t = e();
+      const { getDuckDBConverter: e } = await import("./DuckDBConverter-vGi-9-yB.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);
@@ -9954,7 +9954,7 @@ var a9 = class {
     const t = this._vectorLayers.get(e);
     if (!(!t?.viewportLoading || !t.duckdbFileName)) {
       try {
-        const { getDuckDBConverter: i } = await import("./DuckDBConverter-BFlaIx_B.js").then((n) => n.n);
+        const { getDuckDBConverter: i } = await import("./DuckDBConverter-vGi-9-yB.js").then((n) => n.n);
         await i().unregisterFile(t.duckdbFileName);
       } catch {
       }
@@ -10828,7 +10828,7 @@ var ile = 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-BFlaIx_B.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
+    const { getDuckDBConverter: t } = await import("./DuckDBConverter-vGi-9-yB.js").then((a) => a.n), i = t(), n = await this._fetchWithCorsProxy(e);
     let r;
     try {
       r = await n.arrayBuffer();
@@ -11040,6 +11040,36 @@ var ile = class {
       colorbars: this._colorbarEntries.map((e) => ({ ...e }))
     };
   }
+  setState(e) {
+    this._map && this._colorbars.forEach((r) => {
+      this._map.removeControl(r);
+    });
+    const t = (e.colorbars ?? []).map((r) => ({ ...r }));
+    this._colorbars = [], this._colorbarEntries = t, this._map && t.forEach((r) => {
+      const s = this._createColorbar(r);
+      this._map.addControl(s, r.colorbarPosition), this._colorbars.push(s);
+    });
+    const i = typeof e.selectedColorbarIndex == "number" && e.selectedColorbarIndex >= 0 && e.selectedColorbarIndex < t.length ? e.selectedColorbarIndex : t.length > 0 ? t.length - 1 : -1, n = i >= 0 ? t[i] : {
+      mode: e.mode ?? this._state.mode,
+      colormap: e.colormap ?? this._state.colormap,
+      customColors: e.customColors ?? this._state.customColors,
+      vmin: e.vmin ?? this._state.vmin,
+      vmax: e.vmax ?? this._state.vmax,
+      label: e.label ?? this._state.label,
+      units: e.units ?? this._state.units,
+      orientation: e.orientation ?? this._state.orientation,
+      colorbarPosition: e.colorbarPosition ?? this._state.colorbarPosition
+    };
+    return this._state = {
+      ...this._state,
+      ...n,
+      visible: e.visible ?? this._state.visible,
+      collapsed: e.collapsed ?? this._state.collapsed,
+      hasColorbar: t.length > 0,
+      selectedColorbarIndex: i,
+      colorbars: t.map((r) => ({ ...r }))
+    }, this._colorbar = i >= 0 ? this._colorbars[i] : void 0, this._applyEntryToForm(n), this._state.collapsed ? this._hidePanel() : this._showPanel(), this._container && (this._container.style.display = this._state.visible && this._zoomVisible ? "" : "none"), this._updateButtonStates(), this._emit("colorbarupdate"), this;
+  }
   _createContainer() {
     const e = document.createElement("div");
     return e.className = `maplibregl-ctrl maplibre-gl-colorbar-gui-control ${this._options.className}`, this._state.visible || (e.style.display = "none"), this._button = document.createElement("button"), this._button.type = "button", this._button.className = "colorbar-gui-button", this._button.title = "Colorbar", this._button.innerHTML = rle, this._button.addEventListener("click", () => this._togglePanel()), e.appendChild(this._button), e;
@@ -11380,6 +11410,37 @@ or #440154, #21918c, #fde725`, this._customColorsTextarea.addEventListener("inpu
       }))
     };
   }
+  setState(e) {
+    this._map && this._legends.forEach((r) => {
+      this._map.removeControl(r);
+    });
+    const t = (e.legends ?? []).map((r) => ({
+      ...r,
+      items: r.items.map((s) => ({ ...s }))
+    }));
+    this._legends = [], this._legendEntries = t, this._map && t.forEach((r) => {
+      const s = this._createLegend(r);
+      this._map.addControl(s, r.legendPosition), this._legends.push(s);
+    });
+    const i = typeof e.selectedLegendIndex == "number" && e.selectedLegendIndex >= 0 && e.selectedLegendIndex < t.length ? e.selectedLegendIndex : t.length > 0 ? t.length - 1 : -1, n = i >= 0 ? t[i] : {
+      title: e.title ?? this._state.title,
+      items: (e.items ?? this._state.items).map((r) => ({ ...r })),
+      legendPosition: e.legendPosition ?? this._state.legendPosition
+    };
+    return this._state = {
+      ...this._state,
+      ...n,
+      items: n.items.map((r) => ({ ...r })),
+      visible: e.visible ?? this._state.visible,
+      collapsed: e.collapsed ?? this._state.collapsed,
+      hasLegend: t.length > 0,
+      selectedLegendIndex: i,
+      legends: t.map((r) => ({
+        ...r,
+        items: r.items.map((s) => ({ ...s }))
+      }))
+    }, this._legend = i >= 0 ? this._legends[i] : void 0, this._applyEntryToForm(n), this._state.collapsed ? this._hidePanel() : this._showPanel(), this._container && (this._container.style.display = this._state.visible && this._zoomVisible ? "" : "none"), this._updateButtonStates(), this._emit("legendupdate"), this;
+  }
   _createContainer() {
     const e = document.createElement("div");
     return e.className = `maplibregl-ctrl maplibre-gl-legend-gui-control ${this._options.className}`, this._state.visible || (e.style.display = "none"), this._button = document.createElement("button"), this._button.type = "button", this._button.className = "legend-gui-button", this._button.title = "Legend", this._button.innerHTML = lle, this._button.addEventListener("click", () => this._togglePanel()), e.appendChild(this._button), e;
@@ -11709,6 +11770,31 @@ or #440154, #21918c, #fde725`, this._customColorsTextarea.addEventListener("inpu
       htmls: this._htmlEntries.map((e) => ({ ...e }))
     };
   }
+  setState(e) {
+    this._map && this._htmlControls.forEach((r) => {
+      this._map.removeControl(r);
+    });
+    const t = (e.htmls ?? []).map((r) => ({ ...r }));
+    this._htmlControls = [], this._htmlEntries = t, this._map && t.forEach((r) => {
+      const s = this._createHtmlControl(r);
+      this._map.addControl(s, r.htmlPosition), this._htmlControls.push(s);
+    });
+    const i = typeof e.selectedHtmlIndex == "number" && e.selectedHtmlIndex >= 0 && e.selectedHtmlIndex < t.length ? e.selectedHtmlIndex : t.length > 0 ? t.length - 1 : -1, n = i >= 0 ? t[i] : {
+      title: e.title ?? this._state.title,
+      html: e.html ?? this._state.html,
+      htmlPosition: e.htmlPosition ?? this._state.htmlPosition,
+      collapsible: e.collapsible ?? this._state.collapsible
+    };
+    return this._state = {
+      ...this._state,
+      ...n,
+      visible: e.visible ?? this._state.visible,
+      collapsed: e.collapsed ?? this._state.collapsed,
+      hasHtmlControl: t.length > 0,
+      selectedHtmlIndex: i,
+      htmls: t.map((r) => ({ ...r }))
+    }, this._htmlControl = i >= 0 ? this._htmlControls[i] : void 0, this._applyEntryToForm(n), this._state.collapsed ? this._hidePanel() : this._showPanel(), this._container && (this._container.style.display = this._state.visible && this._zoomVisible ? "" : "none"), this._updateButtonStates(), this._emit("htmlupdate"), this;
+  }
   _createContainer() {
     const e = document.createElement("div");
     return e.className = `maplibregl-ctrl maplibre-gl-html-gui-control ${this._options.className}`, this._state.visible || (e.style.display = "none"), this._button = document.createElement("button"), this._button.type = "button", this._button.className = "html-gui-button", this._button.title = "HTML Control", this._button.innerHTML = ple, this._button.addEventListener("click", () => this._togglePanel()), e.appendChild(this._button), e;
@@ -149850,7 +149936,9 @@ var XVe = {
           DEV: !1,
           MODE: "production",
           PROD: !0,
-          SSR: !1
+          SSR: !1,
+          VITE_GOOGLE_MAPS_API_KEY: "AIzaSyD_ENb1J0V4SCgrDyqcfsUnAOsnnchTGSQ",
+          VITE_MAPILLARY_ACCESS_TOKEN: "MLY|26247951731495263|c9ef08c60e55c65ce764f479ee206de2"
         }, i = t?.VITE_GOOGLE_MAPS_API_KEY, n = t?.VITE_MAPILLARY_ACCESS_TOKEN;
         return new ZFe({
           collapsed: !0,