@gisfun/maplibre-gl-components 0.15.0-alpha.0

package/dist/react.mjs

@@ -0,0 +1,1306 @@
+import { useRef as R, useEffect as y, useState as k, useCallback as c } from "react";
+import { k as W, L as U, H as _, B as $, a3 as G, Y as S, a6 as N, I as Z, a7 as q, C as P, j as Q, N as Y } from "./ControlGrid-rVNG7B9O.js";
+function X({
+  map: o,
+  onStateChange: f,
+  position: e = "bottom-right",
+  ...a
+}) {
+  const l = R(null);
+  return y(() => {
+    if (!o) return;
+    const t = new W({ position: e, ...a });
+    return l.current = t, f && (t.on("update", (r) => {
+      f(r.state);
+    }), t.on("show", (r) => {
+      f(r.state);
+    }), t.on("hide", (r) => {
+      f(r.state);
+    })), o.addControl(t, e), () => {
+      o.hasControl(t) && o.removeControl(t), l.current = null;
+    };
+  }, [o, e, f]), y(() => {
+    if (l.current) {
+      const t = Object.fromEntries(
+        Object.entries(a).filter(([, r]) => r !== void 0)
+      );
+      Object.keys(t).length > 0 && l.current.update(t);
+    }
+  }, [
+    a.colormap,
+    a.colorStops,
+    a.vmin,
+    a.vmax,
+    a.label,
+    a.units,
+    a.visible,
+    a.orientation,
+    a.barThickness,
+    a.barLength,
+    a.backgroundColor,
+    a.opacity,
+    a.fontSize,
+    a.fontColor,
+    a.minzoom,
+    a.maxzoom
+  ]), null;
+}
+function p({
+  map: o,
+  onStateChange: f,
+  position: e = "bottom-left",
+  ...a
+}) {
+  const l = R(null);
+  return y(() => {
+    if (!o) return;
+    const t = new U({ position: e, ...a });
+    if (l.current = t, f) {
+      const r = (s) => {
+        f(s.state);
+      };
+      t.on("update", r), t.on("show", r), t.on("hide", r), t.on("collapse", r), t.on("expand", r);
+    }
+    return o.addControl(t, e), () => {
+      o.hasControl(t) && o.removeControl(t), l.current = null;
+    };
+  }, [o]), y(() => {
+    if (l.current) {
+      const t = Object.fromEntries(
+        Object.entries(a).filter(([, r]) => r !== void 0)
+      );
+      Object.keys(t).length > 0 && l.current.update(t);
+    }
+  }, [
+    a.items,
+    a.title,
+    a.visible,
+    a.collapsed,
+    a.collapsible,
+    a.width,
+    a.maxHeight,
+    a.backgroundColor,
+    a.opacity,
+    a.fontSize,
+    a.fontColor,
+    a.swatchSize,
+    a.minzoom,
+    a.maxzoom
+  ]), null;
+}
+function ee({
+  map: o,
+  onStateChange: f,
+  position: e = "top-left",
+  ...a
+}) {
+  const l = R(null);
+  return y(() => {
+    if (!o) return;
+    const t = new _({ position: e, ...a });
+    if (l.current = t, f) {
+      const r = (s) => {
+        f(s.state);
+      };
+      t.on("update", r), t.on("show", r), t.on("hide", r), t.on("expand", r), t.on("collapse", r);
+    }
+    return o.addControl(t, e), () => {
+      o.hasControl(t) && o.removeControl(t), l.current = null;
+    };
+  }, [o, e, f]), y(() => {
+    l.current && a.html !== void 0 && l.current.setHtml(a.html);
+  }, [a.html]), y(() => {
+    if (l.current) {
+      const t = {};
+      a.visible !== void 0 && (t.visible = a.visible), a.title !== void 0 && (t.title = a.title), a.collapsible !== void 0 && (t.collapsible = a.collapsible), a.collapsed !== void 0 && (t.collapsed = a.collapsed), a.backgroundColor !== void 0 && (t.backgroundColor = a.backgroundColor), a.padding !== void 0 && (t.padding = a.padding), a.borderRadius !== void 0 && (t.borderRadius = a.borderRadius), a.opacity !== void 0 && (t.opacity = a.opacity), a.maxWidth !== void 0 && (t.maxWidth = a.maxWidth), a.maxHeight !== void 0 && (t.maxHeight = a.maxHeight), a.fontSize !== void 0 && (t.fontSize = a.fontSize), a.fontColor !== void 0 && (t.fontColor = a.fontColor), a.minzoom !== void 0 && (t.minzoom = a.minzoom), a.maxzoom !== void 0 && (t.maxzoom = a.maxzoom), Object.keys(t).length > 0 && l.current.update(t);
+    }
+  }, [
+    a.visible,
+    a.title,
+    a.collapsible,
+    a.collapsed,
+    a.backgroundColor,
+    a.padding,
+    a.borderRadius,
+    a.opacity,
+    a.maxWidth,
+    a.maxHeight,
+    a.fontSize,
+    a.fontColor,
+    a.minzoom,
+    a.maxzoom
+  ]), null;
+}
+function le({
+  map: o,
+  onBasemapChange: f,
+  onStateChange: e,
+  position: a = "top-right",
+  ...l
+}) {
+  const t = R(null);
+  return y(() => {
+    if (!o) return;
+    const r = new $({ position: a, ...l });
+    if (t.current = r, e) {
+      const s = (n) => {
+        e(n.state);
+      };
+      r.on("update", s), r.on("show", s), r.on("hide", s), r.on("collapse", s), r.on("expand", s);
+    }
+    if (f) {
+      const s = (n) => {
+        n.basemap && f(n.basemap);
+      };
+      r.on("basemapchange", s);
+    }
+    return o.addControl(r, a), () => {
+      o.hasControl(r) && o.removeControl(r), t.current = null;
+    };
+  }, [o]), y(() => {
+    if (t.current) {
+      const r = Object.fromEntries(
+        Object.entries(l).filter(([, s]) => s !== void 0)
+      );
+      Object.keys(r).length > 0 && t.current.update(r);
+    }
+  }, [
+    l.basemaps,
+    l.defaultBasemap,
+    l.visible,
+    l.collapsed,
+    l.collapsible,
+    l.displayMode,
+    l.showSearch,
+    l.filterGroups,
+    l.excludeGroups,
+    l.excludeBroken,
+    l.backgroundColor,
+    l.padding,
+    l.borderRadius,
+    l.opacity,
+    l.maxWidth,
+    l.maxHeight,
+    l.fontSize,
+    l.fontColor,
+    l.minzoom,
+    l.maxzoom
+  ]), null;
+}
+function re({
+  map: o,
+  onTerrainChange: f,
+  onStateChange: e,
+  position: a = "top-right",
+  ...l
+}) {
+  const t = R(null);
+  return y(() => {
+    if (!o) return;
+    const r = new G({ position: a, ...l });
+    if (t.current = r, e) {
+      const s = (n) => {
+        e(n.state);
+      };
+      r.on("update", s), r.on("show", s), r.on("hide", s);
+    }
+    if (f) {
+      const s = (n) => {
+        f(n.state.enabled);
+      };
+      r.on("terrainchange", s);
+    }
+    return o.addControl(r, a), () => {
+      o.hasControl(r) && o.removeControl(r), t.current = null;
+    };
+  }, [o]), y(() => {
+    if (t.current) {
+      const r = Object.fromEntries(
+        Object.entries(l).filter(([, s]) => s !== void 0)
+      );
+      Object.keys(r).length > 0 && t.current.update(r);
+    }
+  }, [
+    l.enabled,
+    l.exaggeration,
+    l.hillshade,
+    l.hillshadeExaggeration,
+    l.visible,
+    l.backgroundColor,
+    l.borderRadius,
+    l.opacity,
+    l.minzoom,
+    l.maxzoom
+  ]), null;
+}
+function te({
+  map: o,
+  onResultSelect: f,
+  onStateChange: e,
+  position: a = "top-right",
+  ...l
+}) {
+  const t = R(null);
+  return y(() => {
+    if (!o) return;
+    const r = new S({ position: a, ...l });
+    if (t.current = r, e) {
+      const s = (n) => {
+        e(n.state);
+      };
+      r.on("update", s), r.on("show", s), r.on("hide", s), r.on("expand", s), r.on("collapse", s), r.on("search", s), r.on("clear", s);
+    }
+    return f && r.on("resultselect", (s) => {
+      s.result && f(s.result);
+    }), o.addControl(r, a), () => {
+      o.hasControl(r) && o.removeControl(r), t.current = null;
+    };
+  }, [o, a, e, f]), y(() => {
+    if (t.current) {
+      const r = {};
+      l.visible !== void 0 && (r.visible = l.visible), l.collapsed !== void 0 && (r.collapsed = l.collapsed), l.placeholder !== void 0 && (r.placeholder = l.placeholder), l.maxResults !== void 0 && (r.maxResults = l.maxResults), l.flyToZoom !== void 0 && (r.flyToZoom = l.flyToZoom), l.showMarker !== void 0 && (r.showMarker = l.showMarker), l.markerColor !== void 0 && (r.markerColor = l.markerColor), l.backgroundColor !== void 0 && (r.backgroundColor = l.backgroundColor), l.borderRadius !== void 0 && (r.borderRadius = l.borderRadius), l.opacity !== void 0 && (r.opacity = l.opacity), l.width !== void 0 && (r.width = l.width), l.fontSize !== void 0 && (r.fontSize = l.fontSize), l.fontColor !== void 0 && (r.fontColor = l.fontColor), l.minzoom !== void 0 && (r.minzoom = l.minzoom), l.maxzoom !== void 0 && (r.maxzoom = l.maxzoom), Object.keys(r).length > 0 && t.current.update(r);
+    }
+  }, [
+    l.visible,
+    l.collapsed,
+    l.placeholder,
+    l.maxResults,
+    l.flyToZoom,
+    l.showMarker,
+    l.markerColor,
+    l.backgroundColor,
+    l.borderRadius,
+    l.opacity,
+    l.width,
+    l.fontSize,
+    l.fontColor,
+    l.minzoom,
+    l.maxzoom
+  ]), null;
+}
+function ce({
+  map: o,
+  onDatasetLoad: f,
+  onError: e,
+  onStateChange: a,
+  position: l = "top-right",
+  ...t
+}) {
+  const r = R(null);
+  return y(() => {
+    if (!o) return;
+    const s = new N({ position: l, ...t });
+    if (r.current = s, a) {
+      const n = (b) => {
+        a(b.state);
+      };
+      s.on("update", n), s.on("show", n), s.on("hide", n);
+    }
+    if (f) {
+      const n = (b) => {
+        b.dataset && f(b.dataset);
+      };
+      s.on("load", n);
+    }
+    if (e) {
+      const n = (b) => {
+        b.error && e(b.error, b.filename);
+      };
+      s.on("error", n);
+    }
+    return o.addControl(s, l), () => {
+      o.hasControl(s) && o.removeControl(s), r.current = null;
+    };
+  }, [o]), y(() => {
+    if (r.current) {
+      const s = Object.fromEntries(
+        Object.entries(t).filter(([, n]) => n !== void 0)
+      );
+      Object.keys(s).length > 0 && r.current.update(s);
+    }
+  }, [
+    t.visible,
+    t.showDropZone,
+    t.fitBounds,
+    t.fitBoundsPadding,
+    t.backgroundColor,
+    t.borderRadius,
+    t.opacity,
+    t.minzoom,
+    t.maxzoom
+  ]), null;
+}
+function se({
+  map: o,
+  onFeatureSelect: f,
+  onInspect: e,
+  onToggle: a,
+  onStateChange: l,
+  position: t = "top-right",
+  ...r
+}) {
+  const s = R(null);
+  return y(() => {
+    if (!o) return;
+    const n = new Z({ position: t, ...r });
+    if (s.current = n, l) {
+      const b = (C) => {
+        l(C.state);
+      };
+      n.on("update", b), n.on("show", b), n.on("hide", b), n.on("enable", b), n.on("disable", b), n.on("clear", b);
+    }
+    return f && n.on("featureselect", (b) => {
+      f(b.feature || null);
+    }), e && n.on(
+      "featureselect",
+      (b) => {
+        b.features && e(b.features);
+      }
+    ), a && (n.on("enable", () => a(!0)), n.on("disable", () => a(!1))), o.addControl(n, t), () => {
+      o.hasControl(n) && o.removeControl(n), s.current = null;
+    };
+  }, [o, t, l, f, e, a]), y(() => {
+    if (s.current) {
+      const n = {};
+      r.visible !== void 0 && (n.visible = r.visible), r.enabled !== void 0 && (n.enabled = r.enabled), r.maxFeatures !== void 0 && (n.maxFeatures = r.maxFeatures), r.showGeometryType !== void 0 && (n.showGeometryType = r.showGeometryType), r.showLayerName !== void 0 && (n.showLayerName = r.showLayerName), r.maxWidth !== void 0 && (n.maxWidth = r.maxWidth), r.maxHeight !== void 0 && (n.maxHeight = r.maxHeight), r.backgroundColor !== void 0 && (n.backgroundColor = r.backgroundColor), r.borderRadius !== void 0 && (n.borderRadius = r.borderRadius), r.opacity !== void 0 && (n.opacity = r.opacity), r.fontSize !== void 0 && (n.fontSize = r.fontSize), r.fontColor !== void 0 && (n.fontColor = r.fontColor), r.minzoom !== void 0 && (n.minzoom = r.minzoom), r.maxzoom !== void 0 && (n.maxzoom = r.maxzoom), Object.keys(n).length > 0 && s.current.update(n);
+    }
+  }, [
+    r.visible,
+    r.enabled,
+    r.maxFeatures,
+    r.showGeometryType,
+    r.showLayerName,
+    r.maxWidth,
+    r.maxHeight,
+    r.backgroundColor,
+    r.borderRadius,
+    r.opacity,
+    r.fontSize,
+    r.fontColor,
+    r.minzoom,
+    r.maxzoom
+  ]), null;
+}
+function ae({
+  map: o,
+  onBBoxDraw: f,
+  onDrawingToggle: e,
+  onStateChange: a,
+  position: l = "bottom-left",
+  ...t
+}) {
+  const r = R(null);
+  return y(() => {
+    if (!o) return;
+    const s = new q({ position: l, ...t });
+    if (r.current = s, a) {
+      const n = (b) => {
+        a(b.state);
+      };
+      s.on("update", n), s.on("show", n), s.on("hide", n), s.on("expand", n), s.on("collapse", n), s.on("viewchange", n);
+    }
+    return f && s.on(
+      "bboxdraw",
+      (n) => {
+        n.bbox && f(n.bbox);
+      }
+    ), e && (s.on("drawstart", () => e(!0)), s.on("drawend", () => e(!1))), o.addControl(s, l), () => {
+      o.hasControl(s) && o.removeControl(s), r.current = null;
+    };
+  }, [o, l, a, f, e]), y(() => {
+    if (r.current) {
+      const s = {};
+      t.visible !== void 0 && (s.visible = t.visible), t.collapsed !== void 0 && (s.collapsed = t.collapsed), t.precision !== void 0 && (s.precision = t.precision), t.panelWidth !== void 0 && (s.panelWidth = t.panelWidth), t.backgroundColor !== void 0 && (s.backgroundColor = t.backgroundColor), t.borderRadius !== void 0 && (s.borderRadius = t.borderRadius), t.opacity !== void 0 && (s.opacity = t.opacity), t.fontSize !== void 0 && (s.fontSize = t.fontSize), t.fontColor !== void 0 && (s.fontColor = t.fontColor), t.minzoom !== void 0 && (s.minzoom = t.minzoom), t.maxzoom !== void 0 && (s.maxzoom = t.maxzoom), Object.keys(s).length > 0 && r.current.update(s);
+    }
+  }, [
+    t.visible,
+    t.collapsed,
+    t.precision,
+    t.panelWidth,
+    t.backgroundColor,
+    t.borderRadius,
+    t.opacity,
+    t.fontSize,
+    t.fontColor,
+    t.minzoom,
+    t.maxzoom
+  ]), null;
+}
+function oe({
+  map: o,
+  onStateChange: f,
+  position: e = "top-right",
+  controls: a = [],
+  ...l
+}) {
+  const t = R(null);
+  return y(() => {
+    if (!o) return;
+    const r = new P({
+      position: e,
+      ...l,
+      controls: []
+      // Sync via effect below to avoid duplicate mount
+    });
+    if (t.current = r, f) {
+      const s = (n) => {
+        f(n.state);
+      };
+      r.on("update", s), r.on("show", s), r.on("hide", s), r.on("expand", s), r.on("collapse", s);
+    }
+    return o.addControl(r, e), () => {
+      o.hasControl(r) && o.removeControl(r), t.current = null;
+    };
+  }, [o, e, f]), y(() => {
+    const r = t.current;
+    if (!r) return;
+    const s = r.getControls(), n = a;
+    for (const b of n)
+      s.includes(b) || r.addControl(b);
+    for (const b of s)
+      n.includes(b) || r.removeControl(b);
+  }, [a]), y(() => {
+    const r = t.current;
+    if (!r) return;
+    const s = {};
+    l.visible !== void 0 && (s.visible = l.visible), l.collapsed !== void 0 && (s.collapsed = l.collapsed), l.title !== void 0 && (s.title = l.title), l.rows !== void 0 && (s.rows = l.rows), l.columns !== void 0 && (s.columns = l.columns), l.showRowColumnControls !== void 0 && (s.showRowColumnControls = l.showRowColumnControls), l.collapsible !== void 0 && (s.collapsible = l.collapsible), l.backgroundColor !== void 0 && (s.backgroundColor = l.backgroundColor), l.padding !== void 0 && (s.padding = l.padding), l.borderRadius !== void 0 && (s.borderRadius = l.borderRadius), l.opacity !== void 0 && (s.opacity = l.opacity), l.gap !== void 0 && (s.gap = l.gap), l.minzoom !== void 0 && (s.minzoom = l.minzoom), l.maxzoom !== void 0 && (s.maxzoom = l.maxzoom), Object.keys(s).length > 0 && r.update(s);
+  }, [
+    l.visible,
+    l.collapsed,
+    l.title,
+    l.rows,
+    l.columns,
+    l.showRowColumnControls,
+    l.collapsible,
+    l.backgroundColor,
+    l.padding,
+    l.borderRadius,
+    l.opacity,
+    l.gap,
+    l.minzoom,
+    l.maxzoom
+  ]), null;
+}
+function de({
+  map: o,
+  onLayerAdd: f,
+  onLayerRemove: e,
+  onLayerUpdate: a,
+  onError: l,
+  onStateChange: t,
+  position: r = "top-right",
+  ...s
+}) {
+  const n = R(null);
+  return y(() => {
+    if (!o) return;
+    const b = new Q({ position: r, ...s });
+    if (n.current = b, t) {
+      const C = (v) => {
+        t(v.state);
+      };
+      b.on("update", C), b.on("show", C), b.on("hide", C), b.on("expand", C), b.on("collapse", C);
+    }
+    return f && b.on("layeradd", (C) => {
+      C.url && f(C.url);
+    }), e && b.on("layerremove", () => {
+      e();
+    }), a && b.on("layerupdate", (C) => {
+      C.url && a(C.url);
+    }), l && b.on("error", (C) => {
+      C.error && l(C.error);
+    }), o.addControl(b, r), () => {
+      o.hasControl(b) && o.removeControl(b), n.current = null;
+    };
+  }, [o]), y(() => {
+    if (n.current) {
+      const b = Object.fromEntries(
+        Object.entries(s).filter(([, C]) => C !== void 0)
+      );
+      Object.keys(b).length > 0 && n.current.update(b);
+    }
+  }, [
+    s.visible,
+    s.collapsed,
+    s.backgroundColor,
+    s.borderRadius,
+    s.opacity,
+    s.panelWidth,
+    s.fontSize,
+    s.fontColor,
+    s.minzoom,
+    s.maxzoom
+  ]), null;
+}
+function ne({
+  map: o,
+  onStateChange: f,
+  position: e = "bottom-left",
+  ...a
+}) {
+  const l = R(null);
+  return y(() => {
+    if (!o) return;
+    const t = new Y({ position: e, ...a });
+    if (l.current = t, f) {
+      const r = (s) => {
+        f(s.state);
+      };
+      t.on("show", r), t.on("hide", r), t.on("expand", r), t.on("collapse", r);
+    }
+    return o.addControl(t, e), () => {
+      o.hasControl(t) && o.removeControl(t), l.current = null;
+    };
+  }, [o]), null;
+}
+const T = {
+  visible: !0,
+  vmin: 0,
+  vmax: 1,
+  colormap: "viridis"
+};
+function ue(o) {
+  const [f, e] = k({
+    ...T,
+    ...o
+  }), a = c((g) => {
+    e((u) => ({ ...u, visible: g }));
+  }, []), l = c((g) => {
+    e((u) => ({ ...u, vmin: g }));
+  }, []), t = c((g) => {
+    e((u) => ({ ...u, vmax: g }));
+  }, []), r = c((g, u) => {
+    e((m) => ({ ...m, vmin: g, vmax: u }));
+  }, []), s = c((g) => {
+    e((u) => ({ ...u, colormap: g }));
+  }, []), n = c(() => {
+    e((g) => ({ ...g, visible: !0 }));
+  }, []), b = c(() => {
+    e((g) => ({ ...g, visible: !1 }));
+  }, []), C = c(() => {
+    e((g) => ({ ...g, visible: !g.visible }));
+  }, []), v = c(() => {
+    e({ ...T, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setVmin: l,
+    setVmax: t,
+    setRange: r,
+    setColormap: s,
+    show: n,
+    hide: b,
+    toggle: C,
+    reset: v
+  };
+}
+const E = {
+  visible: !0,
+  collapsed: !1,
+  items: []
+};
+function ie(o) {
+  const [f, e] = k({
+    ...E,
+    ...o
+  }), a = c((x) => {
+    e((h) => ({ ...h, visible: x }));
+  }, []), l = c((x) => {
+    e((h) => ({ ...h, collapsed: x }));
+  }, []), t = c((x) => {
+    e((h) => ({ ...h, items: [...x] }));
+  }, []), r = c((x) => {
+    e((h) => ({ ...h, items: [...h.items, x] }));
+  }, []), s = c((x) => {
+    e((h) => ({
+      ...h,
+      items: h.items.filter((i) => i.label !== x)
+    }));
+  }, []), n = c(
+    (x, h) => {
+      e((i) => ({
+        ...i,
+        items: i.items.map(
+          (d) => d.label === x ? { ...d, ...h } : d
+        )
+      }));
+    },
+    []
+  ), b = c(() => {
+    e((x) => ({ ...x, visible: !0 }));
+  }, []), C = c(() => {
+    e((x) => ({ ...x, visible: !1 }));
+  }, []), v = c(() => {
+    e((x) => ({ ...x, collapsed: !1 }));
+  }, []), g = c(() => {
+    e((x) => ({ ...x, collapsed: !0 }));
+  }, []), u = c(() => {
+    e((x) => ({ ...x, collapsed: !x.collapsed }));
+  }, []), m = c(() => {
+    e((x) => ({ ...x, visible: !x.visible }));
+  }, []), z = c(() => {
+    e({ ...E, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    setItems: t,
+    addItem: r,
+    removeItem: s,
+    updateItem: n,
+    show: b,
+    hide: C,
+    expand: v,
+    collapse: g,
+    toggle: u,
+    toggleVisibility: m,
+    reset: z
+  };
+}
+const F = {
+  visible: !0,
+  collapsed: !1,
+  html: ""
+};
+function fe(o) {
+  const [f, e] = k({
+    ...F,
+    ...o
+  }), a = c((u) => {
+    e((m) => ({ ...m, visible: u }));
+  }, []), l = c((u) => {
+    e((m) => ({ ...m, html: u }));
+  }, []), t = c(() => {
+    e((u) => ({ ...u, visible: !0 }));
+  }, []), r = c(() => {
+    e((u) => ({ ...u, visible: !1 }));
+  }, []), s = c(() => {
+    e((u) => ({ ...u, visible: !u.visible }));
+  }, []), n = c((u) => {
+    e((m) => ({ ...m, collapsed: u }));
+  }, []), b = c(() => {
+    e((u) => ({ ...u, collapsed: !1 }));
+  }, []), C = c(() => {
+    e((u) => ({ ...u, collapsed: !0 }));
+  }, []), v = c(() => {
+    e((u) => ({ ...u, collapsed: !u.collapsed }));
+  }, []), g = c(() => {
+    e({ ...F, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setHtml: l,
+    setCollapsed: n,
+    show: t,
+    hide: r,
+    expand: b,
+    collapse: C,
+    toggle: v,
+    toggleVisibility: s,
+    reset: g
+  };
+}
+const V = {
+  visible: !0,
+  collapsed: !0,
+  selectedBasemap: null,
+  searchText: "",
+  loading: !1,
+  error: null,
+  belowLabels: !1
+};
+function be(o) {
+  const [f, e] = k({
+    ...V,
+    ...o
+  }), a = c((i) => {
+    e((d) => ({ ...d, visible: i }));
+  }, []), l = c((i) => {
+    e((d) => ({ ...d, collapsed: i }));
+  }, []), t = c((i) => {
+    e((d) => ({ ...d, selectedBasemap: i }));
+  }, []), r = c((i) => {
+    e((d) => ({ ...d, searchText: i }));
+  }, []), s = c((i) => {
+    e((d) => ({ ...d, loading: i }));
+  }, []), n = c((i) => {
+    e((d) => ({ ...d, error: i }));
+  }, []), b = c((i) => {
+    e((d) => ({ ...d, belowLabels: i }));
+  }, []), C = c(() => {
+    e((i) => ({ ...i, visible: !0 }));
+  }, []), v = c(() => {
+    e((i) => ({ ...i, visible: !1 }));
+  }, []), g = c(() => {
+    e((i) => ({ ...i, collapsed: !1 }));
+  }, []), u = c(() => {
+    e((i) => ({ ...i, collapsed: !0 }));
+  }, []), m = c(() => {
+    e((i) => ({ ...i, collapsed: !i.collapsed }));
+  }, []), z = c(() => {
+    e((i) => ({ ...i, visible: !i.visible }));
+  }, []), x = c(() => {
+    e((i) => ({ ...i, searchText: "" }));
+  }, []), h = c(() => {
+    e({ ...V, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    setBasemap: t,
+    setSearch: r,
+    setLoading: s,
+    setError: n,
+    setBelowLabels: b,
+    show: C,
+    hide: v,
+    expand: g,
+    collapse: u,
+    toggle: m,
+    toggleVisibility: z,
+    clearSearch: x,
+    reset: h
+  };
+}
+const L = {
+  visible: !0,
+  enabled: !1,
+  exaggeration: 1,
+  hillshade: !0
+};
+function me(o) {
+  const [f, e] = k({
+    ...L,
+    ...o
+  }), a = c((h) => {
+    e((i) => ({ ...i, visible: h }));
+  }, []), l = c((h) => {
+    e((i) => ({ ...i, enabled: h }));
+  }, []), t = c((h) => {
+    const i = Math.max(0.1, Math.min(10, h));
+    e((d) => ({ ...d, exaggeration: i }));
+  }, []), r = c((h) => {
+    e((i) => ({ ...i, hillshade: h }));
+  }, []), s = c(() => {
+    e((h) => ({ ...h, enabled: !0 }));
+  }, []), n = c(() => {
+    e((h) => ({ ...h, enabled: !1 }));
+  }, []), b = c(() => {
+    e((h) => ({ ...h, enabled: !h.enabled }));
+  }, []), C = c(() => {
+    e((h) => ({ ...h, visible: !0 }));
+  }, []), v = c(() => {
+    e((h) => ({ ...h, visible: !1 }));
+  }, []), g = c(() => {
+    e((h) => ({ ...h, visible: !h.visible }));
+  }, []), u = c(() => {
+    e((h) => ({ ...h, hillshade: !0 }));
+  }, []), m = c(() => {
+    e((h) => ({ ...h, hillshade: !1 }));
+  }, []), z = c(() => {
+    e((h) => ({ ...h, hillshade: !h.hillshade }));
+  }, []), x = c(() => {
+    e({ ...L, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setEnabled: l,
+    setExaggeration: t,
+    setHillshade: r,
+    enable: s,
+    disable: n,
+    toggle: b,
+    show: C,
+    hide: v,
+    toggleVisibility: g,
+    enableHillshade: u,
+    disableHillshade: m,
+    toggleHillshade: z,
+    reset: x
+  };
+}
+const O = {
+  visible: !0,
+  collapsed: !0,
+  query: "",
+  results: [],
+  loading: !1,
+  selectedResult: null,
+  error: null
+};
+function he(o) {
+  const [f, e] = k({
+    ...O,
+    ...o
+  }), a = c((i) => {
+    e((d) => ({ ...d, visible: i }));
+  }, []), l = c((i) => {
+    e((d) => ({ ...d, collapsed: i }));
+  }, []), t = c((i) => {
+    e((d) => ({ ...d, query: i }));
+  }, []), r = c((i) => {
+    e((d) => ({ ...d, results: i }));
+  }, []), s = c((i) => {
+    e((d) => ({ ...d, loading: i }));
+  }, []), n = c((i) => {
+    e((d) => ({ ...d, selectedResult: i }));
+  }, []), b = c((i) => {
+    e((d) => ({ ...d, error: i }));
+  }, []), C = c(() => {
+    e((i) => ({ ...i, visible: !0 }));
+  }, []), v = c(() => {
+    e((i) => ({ ...i, visible: !1 }));
+  }, []), g = c(() => {
+    e((i) => ({ ...i, visible: !i.visible }));
+  }, []), u = c(() => {
+    e((i) => ({ ...i, collapsed: !1 }));
+  }, []), m = c(() => {
+    e((i) => ({ ...i, collapsed: !0, results: [] }));
+  }, []), z = c(() => {
+    e((i) => ({
+      ...i,
+      collapsed: !i.collapsed,
+      results: i.collapsed ? i.results : []
+    }));
+  }, []), x = c(() => {
+    e((i) => ({
+      ...i,
+      query: "",
+      results: [],
+      selectedResult: null,
+      error: null
+    }));
+  }, []), h = c(() => {
+    e({ ...O, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    setQuery: t,
+    setResults: r,
+    setLoading: s,
+    selectResult: n,
+    setError: b,
+    show: C,
+    hide: v,
+    expand: u,
+    collapse: m,
+    toggle: z,
+    toggleVisibility: g,
+    clear: x,
+    reset: h
+  };
+}
+const j = {
+  visible: !0,
+  isDragging: !1,
+  isLoading: !1,
+  loadedDatasets: [],
+  error: null
+};
+function Ce(o) {
+  const [f, e] = k({
+    ...j,
+    ...o
+  }), a = c((u) => {
+    e((m) => ({ ...m, visible: u }));
+  }, []), l = c(() => {
+    e((u) => ({ ...u, visible: !0 }));
+  }, []), t = c(() => {
+    e((u) => ({ ...u, visible: !1 }));
+  }, []), r = c(() => {
+    e((u) => ({ ...u, visible: !u.visible }));
+  }, []), s = c((u) => {
+    e((m) => ({
+      ...m,
+      loadedDatasets: [...m.loadedDatasets, u],
+      error: null
+    }));
+  }, []), n = c((u) => {
+    e((m) => ({
+      ...m,
+      loadedDatasets: m.loadedDatasets.filter((z) => z.id !== u)
+    }));
+  }, []), b = c(() => {
+    e((u) => ({
+      ...u,
+      loadedDatasets: []
+    }));
+  }, []), C = c((u) => {
+    e((m) => ({ ...m, error: u }));
+  }, []), v = c(() => {
+    e((u) => ({ ...u, error: null }));
+  }, []), g = c(() => {
+    e({ ...j, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    show: l,
+    hide: t,
+    toggleVisibility: r,
+    addDataset: s,
+    removeDataset: n,
+    clearAll: b,
+    setError: C,
+    clearError: v,
+    reset: g
+  };
+}
+const A = {
+  visible: !0,
+  enabled: !1,
+  inspectedFeatures: [],
+  selectedIndex: 0,
+  error: null
+};
+function ge(o) {
+  const [f, e] = k({
+    ...A,
+    ...o
+  }), a = c((d) => {
+    e((w) => ({ ...w, visible: d }));
+  }, []), l = c((d) => {
+    e((w) => ({ ...w, enabled: d }));
+  }, []), t = c(() => {
+    e((d) => ({ ...d, enabled: !0 }));
+  }, []), r = c(() => {
+    e((d) => ({
+      ...d,
+      enabled: !1,
+      inspectedFeatures: [],
+      selectedIndex: 0
+    }));
+  }, []), s = c(() => {
+    e((d) => ({
+      ...d,
+      enabled: !d.enabled,
+      inspectedFeatures: d.enabled ? [] : d.inspectedFeatures,
+      selectedIndex: d.enabled ? 0 : d.selectedIndex
+    }));
+  }, []), n = c((d) => {
+    e((w) => ({
+      ...w,
+      inspectedFeatures: d,
+      selectedIndex: 0
+    }));
+  }, []), b = c((d) => {
+    e((w) => ({
+      ...w,
+      selectedIndex: Math.max(
+        0,
+        Math.min(d, w.inspectedFeatures.length - 1)
+      )
+    }));
+  }, []), C = c(() => {
+    e((d) => d.inspectedFeatures.length <= 1 ? d : {
+      ...d,
+      selectedIndex: (d.selectedIndex + 1) % d.inspectedFeatures.length
+    });
+  }, []), v = c(() => {
+    e((d) => d.inspectedFeatures.length <= 1 ? d : {
+      ...d,
+      selectedIndex: d.selectedIndex === 0 ? d.inspectedFeatures.length - 1 : d.selectedIndex - 1
+    });
+  }, []), g = c(() => {
+    e((d) => ({
+      ...d,
+      inspectedFeatures: [],
+      selectedIndex: 0,
+      error: null
+    }));
+  }, []), u = c((d) => {
+    e((w) => ({ ...w, error: d }));
+  }, []), m = c(() => {
+    e((d) => ({ ...d, visible: !0 }));
+  }, []), z = c(() => {
+    e((d) => ({ ...d, visible: !1 }));
+  }, []), x = c(() => {
+    e({ ...A, ...o });
+  }, [o]), h = f.inspectedFeatures[f.selectedIndex] || null, i = f.inspectedFeatures.length;
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setEnabled: l,
+    enable: t,
+    disable: r,
+    toggle: s,
+    setInspectedFeatures: n,
+    selectFeature: b,
+    nextFeature: C,
+    previousFeature: v,
+    clear: g,
+    setError: u,
+    show: m,
+    hide: z,
+    reset: x,
+    // Computed values
+    currentFeature: h,
+    featureCount: i
+  };
+}
+const M = {
+  visible: !0,
+  collapsed: !0,
+  center: [0, 0],
+  bounds: [0, 0, 0, 0],
+  zoom: 0,
+  pitch: 0,
+  bearing: 0,
+  drawingBBox: !1,
+  drawnBBox: null
+};
+function ve(o) {
+  const [f, e] = k({
+    ...M,
+    ...o
+  }), a = c((m) => {
+    e((z) => ({ ...z, visible: m }));
+  }, []), l = c((m) => {
+    e((z) => ({ ...z, collapsed: m }));
+  }, []), t = c(() => {
+    e((m) => ({ ...m, collapsed: !1 }));
+  }, []), r = c(() => {
+    e((m) => ({ ...m, collapsed: !0 }));
+  }, []), s = c(() => {
+    e((m) => ({ ...m, collapsed: !m.collapsed }));
+  }, []), n = c((m) => {
+    e((z) => ({ ...z, drawingBBox: m }));
+  }, []), b = c(
+    (m) => {
+      e((z) => ({ ...z, drawnBBox: m }));
+    },
+    []
+  ), C = c(() => {
+    e((m) => ({ ...m, drawnBBox: null, drawingBBox: !1 }));
+  }, []), v = c(() => {
+    e((m) => ({ ...m, visible: !0 }));
+  }, []), g = c(() => {
+    e((m) => ({ ...m, visible: !1 }));
+  }, []), u = c(() => {
+    e({ ...M, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    expand: t,
+    collapse: r,
+    toggle: s,
+    setDrawingBBox: n,
+    setDrawnBBox: b,
+    clearBBox: C,
+    show: v,
+    hide: g,
+    reset: u
+  };
+}
+const B = {
+  visible: !0,
+  collapsed: !1,
+  rows: 2,
+  columns: 2
+};
+function xe(o) {
+  const [f, e] = k({
+    ...B,
+    ...o
+  }), a = c((u) => {
+    e((m) => ({ ...m, visible: u }));
+  }, []), l = c((u) => {
+    e((m) => ({ ...m, collapsed: u }));
+  }, []), t = c((u) => {
+    e((m) => ({
+      ...m,
+      rows: Math.max(1, Math.min(12, Math.round(u)))
+    }));
+  }, []), r = c((u) => {
+    e((m) => ({
+      ...m,
+      columns: Math.max(1, Math.min(12, Math.round(u)))
+    }));
+  }, []), s = c(() => {
+    e((u) => ({ ...u, collapsed: !1 }));
+  }, []), n = c(() => {
+    e((u) => ({ ...u, collapsed: !0 }));
+  }, []), b = c(() => {
+    e((u) => ({ ...u, collapsed: !u.collapsed }));
+  }, []), C = c(() => {
+    e((u) => ({ ...u, visible: !0 }));
+  }, []), v = c(() => {
+    e((u) => ({ ...u, visible: !1 }));
+  }, []), g = c(() => {
+    e({ ...B, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    setRows: t,
+    setColumns: r,
+    expand: s,
+    collapse: n,
+    toggle: b,
+    show: C,
+    hide: v,
+    reset: g
+  };
+}
+const D = {
+  visible: !0,
+  collapsed: !0,
+  url: "",
+  bands: "1",
+  colormap: "viridis",
+  rescaleMin: 0,
+  rescaleMax: 255,
+  nodata: 0,
+  layerOpacity: 1,
+  pickable: !0,
+  hasLayer: !1,
+  layerCount: 0,
+  layers: [],
+  loading: !1,
+  error: null,
+  status: null,
+  layerName: ""
+};
+function we(o) {
+  const [f, e] = k({
+    ...D,
+    ...o
+  }), a = c((d) => {
+    e((w) => ({ ...w, visible: d }));
+  }, []), l = c((d) => {
+    e((w) => ({ ...w, collapsed: d }));
+  }, []), t = c((d) => {
+    e((w) => ({ ...w, url: d }));
+  }, []), r = c((d) => {
+    e((w) => ({ ...w, bands: d }));
+  }, []), s = c((d) => {
+    e((w) => ({ ...w, colormap: d }));
+  }, []), n = c((d) => {
+    e((w) => ({ ...w, rescaleMin: d }));
+  }, []), b = c((d) => {
+    e((w) => ({ ...w, rescaleMax: d }));
+  }, []), C = c((d) => {
+    e((w) => ({ ...w, nodata: d }));
+  }, []), v = c((d) => {
+    const w = Math.max(0, Math.min(1, d));
+    e((I) => ({ ...I, layerOpacity: w }));
+  }, []), g = c(() => {
+    e((d) => ({ ...d, visible: !0 }));
+  }, []), u = c(() => {
+    e((d) => ({ ...d, visible: !1 }));
+  }, []), m = c(() => {
+    e((d) => ({ ...d, collapsed: !1 }));
+  }, []), z = c(() => {
+    e((d) => ({ ...d, collapsed: !0 }));
+  }, []), x = c(() => {
+    e((d) => ({ ...d, visible: !d.visible }));
+  }, []), h = c(() => {
+    e((d) => ({ ...d, collapsed: !d.collapsed }));
+  }, []), i = c(() => {
+    e({ ...D, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    setUrl: t,
+    setBands: r,
+    setColormap: s,
+    setRescaleMin: n,
+    setRescaleMax: b,
+    setNodata: C,
+    setOpacity: v,
+    show: g,
+    hide: u,
+    expand: m,
+    collapse: z,
+    toggleVisibility: x,
+    togglePanel: h,
+    reset: i
+  };
+}
+const H = {
+  visible: !0,
+  collapsed: !1
+};
+function ye(o) {
+  const [f, e] = k({
+    ...H,
+    ...o
+  }), a = c((v) => {
+    e((g) => ({ ...g, visible: v }));
+  }, []), l = c((v) => {
+    e((g) => ({ ...g, collapsed: v }));
+  }, []), t = c(() => {
+    e((v) => ({ ...v, visible: !0 }));
+  }, []), r = c(() => {
+    e((v) => ({ ...v, visible: !1 }));
+  }, []), s = c(() => {
+    e((v) => ({ ...v, collapsed: !1 }));
+  }, []), n = c(() => {
+    e((v) => ({ ...v, collapsed: !0 }));
+  }, []), b = c(() => {
+    e((v) => ({ ...v, collapsed: !v.collapsed }));
+  }, []), C = c(() => {
+    e({ ...H, ...o });
+  }, [o]);
+  return {
+    state: f,
+    setState: e,
+    setVisible: a,
+    setCollapsed: l,
+    show: t,
+    hide: r,
+    expand: s,
+    collapse: n,
+    toggle: b,
+    reset: C
+  };
+}
+export {
+  le as BasemapReact,
+  de as CogLayerReact,
+  X as ColorbarReact,
+  oe as ControlGridReact,
+  ee as HtmlControlReact,
+  se as InspectControlReact,
+  p as LegendReact,
+  ne as MinimapControlReact,
+  te as SearchControlReact,
+  re as TerrainReact,
+  ce as VectorDatasetReact,
+  ae as ViewStateControlReact,
+  be as useBasemap,
+  we as useCogLayer,
+  ue as useColorbar,
+  xe as useControlGrid,
+  fe as useHtmlControl,
+  ge as useInspectControl,
+  ie as useLegend,
+  ye as useMinimapControl,
+  he as useSearchControl,
+  me as useTerrain,
+  Ce as useVectorDataset,
+  ve as useViewState
+};