@undp/data-viz 2.0.0 → 2.0.1

package/dist/GeoHubCompareMaps.js

@@ -1,6 +1,6 @@
-import { c as se, j as r } from "./index-CHPV5EwG-Curnpaqc.js";
-import ie, { useState as Q, useRef as k, useEffect as ne } from "react";
-import * as T from "maplibre-gl";
+import { c as se, j as t } from "./index-CHPV5EwG-Curnpaqc.js";
+import ie, { useState as Q, useRef as z, useEffect as ne } from "react";
+import * as I from "maplibre-gl";
 import * as ae from "pmtiles";
 /* empty css                     */
 import { useSensors as ce, useSensor as me, PointerSensor as fe, DndContext as de, useDraggable as ue } from "@dnd-kit/core";
@@ -11,180 +11,180 @@ import { s as le } from "./select-DKy99ogv.js";
 import { GraphHeader as ve } from "./GraphHeader.js";
 import { GraphFooter as ye } from "./GraphFooter.js";
 import { a as xe, G as we } from "./GraphContainer-CRqzdKu2.js";
-function je(S, e) {
-  let a = !1;
-  function o(t, s) {
-    if (!a) {
-      a = !0;
-      const m = t.getCenter(), n = t.getZoom(), l = t.getBearing(), f = t.getPitch();
-      s.jumpTo({
-        center: m,
-        zoom: n,
-        bearing: l,
+function je(j, e) {
+  let i = !1;
+  function l(o, m) {
+    if (!i) {
+      i = !0;
+      const c = o.getCenter(), s = o.getZoom(), r = o.getBearing(), f = o.getPitch();
+      m.jumpTo({
+        center: c,
+        zoom: s,
+        bearing: r,
         pitch: f
-      }), a = !1;
+      }), i = !1;
     }
   }
-  S.on("move", () => {
-    o(S, e);
+  j.on("move", () => {
+    l(j, e);
   }), e.on("move", () => {
-    o(e, S);
+    l(e, j);
   });
 }
-function Ce(S) {
+function Ce(j) {
   const e = se.c(47), {
-    height: a,
-    width: o,
-    mapStyles: t,
-    center: s,
-    zoomLevel: m,
-    mapLegend: n
-  } = S, [l, f] = Q(50), [h, b] = Q(!1), x = k(null), [P, F] = Q(!0), O = k(50), X = k(0);
-  let $;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? ($ = {
+    height: i,
+    width: l,
+    mapStyles: o,
+    center: m,
+    zoomLevel: c,
+    mapLegend: s
+  } = j, [r, f] = Q(50), [h, g] = Q(!1), v = z(null), [k, Z] = Q(!0), F = z(50), T = z(0);
+  let G;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (G = {
     activationConstraint: {
       distance: 0
     }
-  }, e[0] = $) : $ = e[0];
-  const A = ce(me(fe, $));
-  let i;
-  e[1] !== l ? (i = () => {
-    b(!0), O.current = l, x.current && (X.current = x.current.getBoundingClientRect().width);
-  }, e[1] = l, e[2] = i) : i = e[2];
-  const c = i;
-  let R;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (R = (Y) => {
-    if (!x.current || X.current === 0)
+  }, e[0] = G) : G = e[0];
+  const $ = ce(me(fe, G));
+  let n;
+  e[1] !== r ? (n = () => {
+    g(!0), F.current = r, v.current && (T.current = v.current.getBoundingClientRect().width);
+  }, e[1] = r, e[2] = n) : n = e[2];
+  const a = n;
+  let P;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (P = (Y) => {
+    if (!v.current || T.current === 0)
       return;
-    const K = Y.delta.x / X.current * 100, ee = Math.max(0, Math.min(100, O.current + K));
+    const K = Y.delta.x / T.current * 100, ee = Math.max(0, Math.min(100, F.current + K));
     f(ee);
-  }, e[3] = R) : R = e[3];
-  const V = R;
-  let _;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
-    b(!1);
-  }, e[4] = _) : _ = e[4];
-  const q = _;
-  let H;
-  e[5] !== h ? (H = (Y) => {
-    if (h || !x.current)
+  }, e[3] = P) : P = e[3];
+  const O = P;
+  let C;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (C = () => {
+    g(!1);
+  }, e[4] = C) : C = e[4];
+  const V = C;
+  let R;
+  e[5] !== h ? (R = (Y) => {
+    if (h || !v.current)
       return;
-    const K = x.current.getBoundingClientRect(), te = (Y.clientX - K.left) / K.width * 100;
+    const K = v.current.getBoundingClientRect(), te = (Y.clientX - K.left) / K.width * 100;
     f(Math.max(0, Math.min(100, te)));
-  }, e[5] = h, e[6] = H) : H = e[6];
-  const E = H, v = k(null), L = k(null), g = k(null), J = k(null);
-  let M, W;
-  e[7] !== s || e[8] !== t || e[9] !== o || e[10] !== m ? (M = () => {
-    if (J.current && L.current && g.current && o) {
-      le(J.current).selectAll(".maplibregl-compare").remove(), le(L.current).selectAll("div").remove(), le(g.current).selectAll("div").remove();
+  }, e[5] = h, e[6] = R) : R = e[6];
+  const A = R, q = z(null), H = z(null), S = z(null), J = z(null);
+  let _, X;
+  e[7] !== m || e[8] !== o || e[9] !== l || e[10] !== c ? (_ = () => {
+    if (J.current && H.current && S.current && l) {
+      le(J.current).selectAll(".maplibregl-compare").remove(), le(H.current).selectAll("div").remove(), le(S.current).selectAll("div").remove();
       const te = new ae.Protocol();
-      T.addProtocol("pmtiles", te.tile);
-      const oe = new T.Map({
-        container: L.current,
-        style: t[0],
-        center: s || [0, 0],
-        zoom: m || 4
-      }), re = new T.Map({
-        container: g.current,
-        style: t[1],
-        center: s || [0, 0],
-        zoom: m || 4
+      I.addProtocol("pmtiles", te.tile);
+      const oe = new I.Map({
+        container: H.current,
+        style: o[0],
+        center: m || [0, 0],
+        zoom: c || 4
+      }), re = new I.Map({
+        container: S.current,
+        style: o[1],
+        center: m || [0, 0],
+        zoom: c || 4
       });
-      re.addControl(new T.NavigationControl({
+      re.addControl(new I.NavigationControl({
         visualizePitch: !0,
         showZoom: !0,
         showCompass: !0
-      }), "bottom-right"), oe.addControl(new T.ScaleControl(), "bottom-left"), oe.addControl(new T.NavigationControl({
+      }), "bottom-right"), oe.addControl(new I.ScaleControl(), "bottom-left"), oe.addControl(new I.NavigationControl({
         visualizePitch: !0,
         showZoom: !0,
         showCompass: !0
-      }), "bottom-right"), re.addControl(new T.ScaleControl(), "bottom-left"), je(oe, re);
+      }), "bottom-right"), re.addControl(new I.ScaleControl(), "bottom-left"), je(oe, re);
     }
-  }, W = [o, t, s, m], e[7] = s, e[8] = t, e[9] = o, e[10] = m, e[11] = M, e[12] = W) : (M = e[11], W = e[12]), ne(M, W);
-  let w;
-  e[13] !== a || e[14] !== o ? (w = {
-    width: o,
-    height: a
-  }, e[13] = a, e[14] = o, e[15] = w) : w = e[15];
-  let B;
-  e[16] === Symbol.for("react.memo_cache_sentinel") ? (B = {
+  }, X = [l, o, m, c], e[7] = m, e[8] = o, e[9] = l, e[10] = c, e[11] = _, e[12] = X) : (_ = e[11], X = e[12]), ne(_, X);
+  let y;
+  e[13] !== i || e[14] !== l ? (y = {
+    width: l,
+    height: i
+  }, e[13] = i, e[14] = l, e[15] = y) : y = e[15];
+  let W;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (W = {
     inset: 0
-  }, e[16] = B) : B = e[16];
+  }, e[16] = W) : W = e[16];
   let D;
   e[17] === Symbol.for("react.memo_cache_sentinel") ? (D = [pe], e[17] = D) : D = e[17];
-  const G = h ? "grabbing" : "col-resize";
-  let j;
-  e[18] !== a || e[19] !== G || e[20] !== o ? (j = {
+  const L = h ? "grabbing" : "col-resize";
+  let x;
+  e[18] !== i || e[19] !== L || e[20] !== l ? (x = {
     position: "relative",
-    width: o,
-    height: a,
+    width: l,
+    height: i,
     overflow: "hidden",
-    cursor: G,
+    cursor: L,
     userSelect: "none"
-  }, e[18] = a, e[19] = G, e[20] = o, e[21] = j) : j = e[21];
-  const I = `polygon(${l}% 0%, ${l}% 100%, 100% 100%, 100% 0%)`;
+  }, e[18] = i, e[19] = L, e[20] = l, e[21] = x) : x = e[21];
+  const E = `polygon(${r}% 0%, ${r}% 100%, 100% 100%, 100% 0%)`;
   let d;
-  e[22] !== I ? (d = /* @__PURE__ */ r.jsx("div", { ref: g, className: "absolute h-full rightMap w-full", style: {
+  e[22] !== E ? (d = /* @__PURE__ */ t.jsx("div", { ref: S, className: "absolute h-full rightMap w-full", style: {
     position: "absolute",
     top: 0,
     left: 0,
-    clipPath: I
-  } }), e[22] = I, e[23] = d) : d = e[23];
-  const C = `polygon(0% 0%, ${l}% 0%, ${l}% 100%, 0% 100%)`;
+    clipPath: E
+  } }), e[22] = E, e[23] = d) : d = e[23];
+  const w = `polygon(0% 0%, ${r}% 0%, ${r}% 100%, 0% 100%)`;
   let u;
-  e[24] !== C ? (u = /* @__PURE__ */ r.jsx("div", { ref: L, className: "absolute h-full leftMap w-full", style: {
+  e[24] !== w ? (u = /* @__PURE__ */ t.jsx("div", { ref: H, className: "absolute h-full leftMap w-full", style: {
     position: "absolute",
     top: 0,
     left: 0,
     inset: 0,
-    clipPath: C
-  } }), e[24] = C, e[25] = u) : u = e[25];
+    clipPath: w
+  } }), e[24] = w, e[25] = u) : u = e[25];
   let p;
-  e[26] !== l ? (p = /* @__PURE__ */ r.jsx(Se, { position: l }), e[26] = l, e[27] = p) : p = e[27];
-  let y;
-  e[28] !== E || e[29] !== j || e[30] !== d || e[31] !== u || e[32] !== p ? (y = /* @__PURE__ */ r.jsxs("div", { ref: x, style: j, onClick: E, children: [
+  e[26] !== r ? (p = /* @__PURE__ */ t.jsx(Se, { position: r }), e[26] = r, e[27] = p) : p = e[27];
+  let b;
+  e[28] !== A || e[29] !== x || e[30] !== d || e[31] !== u || e[32] !== p ? (b = /* @__PURE__ */ t.jsxs("div", { ref: v, style: x, onClick: A, children: [
     d,
     u,
     p
-  ] }), e[28] = E, e[29] = j, e[30] = d, e[31] = u, e[32] = p, e[33] = y) : y = e[33];
+  ] }), e[28] = A, e[29] = x, e[30] = d, e[31] = u, e[32] = p, e[33] = b) : b = e[33];
+  let M;
+  e[34] !== a || e[35] !== $ || e[36] !== b ? (M = /* @__PURE__ */ t.jsx("div", { ref: J, className: "map maplibre-show-control relative w-full h-full", style: W, children: /* @__PURE__ */ t.jsx(de, { sensors: $, modifiers: D, onDragStart: a, onDragMove: O, onDragEnd: V, children: b }) }), e[34] = a, e[35] = $, e[36] = b, e[37] = M) : M = e[37];
   let N;
-  e[34] !== c || e[35] !== A || e[36] !== y ? (N = /* @__PURE__ */ r.jsx("div", { ref: J, className: "map maplibre-show-control relative w-full h-full", style: B, children: /* @__PURE__ */ r.jsx(de, { sensors: A, modifiers: D, onDragStart: c, onDragMove: V, onDragEnd: q, children: y }) }), e[34] = c, e[35] = A, e[36] = y, e[37] = N) : N = e[37];
-  let z;
-  e[38] !== N || e[39] !== w ? (z = /* @__PURE__ */ r.jsx("div", { style: w, children: N }), e[38] = N, e[39] = w, e[40] = z) : z = e[40];
-  let Z;
-  e[41] !== n || e[42] !== P ? (Z = n ? /* @__PURE__ */ r.jsx("div", { className: "absolute left-[22px] bottom-13", children: P ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
-      F(!1);
-    }, children: /* @__PURE__ */ r.jsx(he, {}) }),
-    /* @__PURE__ */ r.jsx("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", dangerouslySetInnerHTML: typeof n == "string" ? {
-      __html: be(n)
-    } : void 0, children: ie.isValidElement(n) ? n : null })
-  ] }) : /* @__PURE__ */ r.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
-    F(!0);
-  }, children: /* @__PURE__ */ r.jsx("div", { className: "show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" }) }) }) : null, e[41] = n, e[42] = P, e[43] = Z) : Z = e[43];
+  e[38] !== M || e[39] !== y ? (N = /* @__PURE__ */ t.jsx("div", { style: y, children: M }), e[38] = M, e[39] = y, e[40] = N) : N = e[40];
+  let B;
+  e[41] !== s || e[42] !== k ? (B = s ? /* @__PURE__ */ t.jsx("div", { className: "absolute left-[22px] bottom-13", children: k ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
+      Z(!1);
+    }, children: /* @__PURE__ */ t.jsx(he, {}) }),
+    /* @__PURE__ */ t.jsx("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", dangerouslySetInnerHTML: typeof s == "string" ? {
+      __html: be(s)
+    } : void 0, children: ie.isValidElement(s) ? s : null })
+  ] }) : /* @__PURE__ */ t.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
+    Z(!0);
+  }, children: /* @__PURE__ */ t.jsx("div", { className: "show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" }) }) }) : null, e[41] = s, e[42] = k, e[43] = B) : B = e[43];
   let U;
-  return e[44] !== z || e[45] !== Z ? (U = /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col grow justify-center leading-0", ref: v, "aria-label": "Map area", children: [
-    z,
-    Z
-  ] }), e[44] = z, e[45] = Z, e[46] = U) : U = e[46], U;
+  return e[44] !== N || e[45] !== B ? (U = /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col grow justify-center leading-0", ref: q, "aria-label": "Map area", children: [
+    N,
+    B
+  ] }), e[44] = N, e[45] = B, e[46] = U) : U = e[46], U;
 }
-function Se(S) {
+function Se(j) {
   const e = se.c(10), {
-    position: a
-  } = S;
-  let o;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+    position: i
+  } = j;
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = {
     id: "slider-handle"
-  }, e[0] = o) : o = e[0];
+  }, e[0] = l) : l = e[0];
   const {
-    attributes: t,
-    listeners: s,
-    setNodeRef: m
-  } = ue(o), n = `${a}%`;
-  let l;
-  e[1] !== n ? (l = {
+    attributes: o,
+    listeners: m,
+    setNodeRef: c
+  } = ue(l), s = `${i}%`;
+  let r;
+  e[1] !== s ? (r = {
     position: "absolute",
-    left: n,
+    left: s,
     top: 0,
     bottom: 0,
     width: "40px",
@@ -195,86 +195,86 @@ function Se(S) {
     alignItems: "center",
     zIndex: 10,
     touchAction: "none"
-  }, e[1] = n, e[2] = l) : l = e[2];
+  }, e[1] = s, e[2] = r) : r = e[2];
   let f;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ r.jsx("div", { className: "h-full bg-primary-blue-600 dark:bg-primary-blue-400", style: {
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx("div", { className: "h-full bg-primary-blue-600 dark:bg-primary-blue-400", style: {
     width: "2px"
   } }), e[3] = f) : f = e[3];
   let h;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ r.jsx("div", { className: "flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white", style: {
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t.jsx("div", { className: "flex bg-primary-blue-600 dark:bg-primary-blue-400 rounded-full absolute items-center justify-center text-primary-white font-primary-white", style: {
     boxShadow: "inset 0 0 0 1px #fff",
     width: "42px",
     height: "42px",
     top: "calc(50% - 21px)",
     left: "0",
     cursor: "col-resize"
-  }, children: /* @__PURE__ */ r.jsx(ge, {}) }), e[4] = h) : h = e[4];
-  let b;
-  return e[5] !== t || e[6] !== s || e[7] !== m || e[8] !== l ? (b = /* @__PURE__ */ r.jsxs("div", { ref: m, style: l, ...s, ...t, children: [
+  }, children: /* @__PURE__ */ t.jsx(ge, {}) }), e[4] = h) : h = e[4];
+  let g;
+  return e[5] !== o || e[6] !== m || e[7] !== c || e[8] !== r ? (g = /* @__PURE__ */ t.jsxs("div", { ref: c, style: r, ...m, ...o, children: [
     f,
     h
-  ] }), e[5] = t, e[6] = s, e[7] = m, e[8] = l, e[9] = b) : b = e[9], b;
+  ] }), e[5] = o, e[6] = m, e[7] = c, e[8] = r, e[9] = g) : g = e[9], g;
 }
-function $e(S) {
-  const e = se.c(49), {
-    graphTitle: a,
-    height: o,
-    width: t,
-    relativeHeight: s,
-    sources: m,
-    graphDescription: n,
-    footNote: l,
+function $e(j) {
+  const e = se.c(45), {
+    graphTitle: i,
+    height: l,
+    width: o,
+    relativeHeight: m,
+    sources: c,
+    graphDescription: s,
+    footNote: r,
     padding: f,
     backgroundColor: h,
-    graphID: b,
-    mapStyles: x,
-    center: P,
-    zoomLevel: F,
-    language: O,
-    minHeight: X,
-    theme: $,
-    ariaLabel: A,
-    styles: i,
-    classNames: c,
-    mapLegend: R
-  } = S, V = h === void 0 ? !1 : h;
-  let _;
-  e[0] !== P ? (_ = P === void 0 ? [0, 0] : P, e[0] = P, e[1] = _) : _ = e[1];
-  const q = _, H = F === void 0 ? 3 : F, E = O === void 0 ? "en" : O, v = X === void 0 ? 0 : X, L = $ === void 0 ? "light" : $, [g, J] = Q(0), [M, W] = Q(0), w = k(null), B = k(null);
-  let D, G;
+    graphID: g,
+    mapStyles: v,
+    center: k,
+    zoomLevel: Z,
+    language: F,
+    minHeight: T,
+    theme: G,
+    ariaLabel: $,
+    styles: n,
+    classNames: a,
+    mapLegend: P
+  } = j, O = h === void 0 ? !1 : h;
+  let C;
+  e[0] !== k ? (C = k === void 0 ? [0, 0] : k, e[0] = k, e[1] = C) : C = e[1];
+  const V = C, R = Z === void 0 ? 3 : Z, A = F === void 0 ? "en" : F, q = T === void 0 ? 0 : T, H = G === void 0 ? "light" : G, [S, J] = Q(0), [_, X] = Q(0), y = z(null), W = z(null);
+  let D, L;
   e[2] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
-    const N = new ResizeObserver((z) => {
-      J(z[0].target.clientWidth || 620), W(z[0].target.clientHeight || 480);
+    const M = new ResizeObserver((N) => {
+      J(N[0].target.clientWidth || 620), X(N[0].target.clientHeight || 480);
     });
-    return w.current && N.observe(w.current), () => N.disconnect();
-  }, G = [], e[2] = D, e[3] = G) : (D = e[2], G = e[3]), ne(D, G);
-  const j = c?.graphContainer, I = i?.graphContainer;
+    return y.current && M.observe(y.current), () => M.disconnect();
+  }, L = [], e[2] = D, e[3] = L) : (D = e[2], L = e[3]), ne(D, L);
+  const x = a?.graphContainer, E = n?.graphContainer;
   let d;
-  e[4] !== c?.description || e[5] !== c?.title || e[6] !== n || e[7] !== a || e[8] !== i?.description || e[9] !== i?.title || e[10] !== t ? (d = a || n ? /* @__PURE__ */ r.jsx(ve, { styles: {
-    title: i?.title,
-    description: i?.description
+  e[4] !== a?.description || e[5] !== a?.title || e[6] !== s || e[7] !== i || e[8] !== n?.description || e[9] !== n?.title || e[10] !== o ? (d = i || s ? /* @__PURE__ */ t.jsx(ve, { styles: {
+    title: n?.title,
+    description: n?.description
   }, classNames: {
-    title: c?.title,
-    description: c?.description
-  }, graphTitle: a, graphDescription: n, width: t }) : null, e[4] = c?.description, e[5] = c?.title, e[6] = n, e[7] = a, e[8] = i?.description, e[9] = i?.title, e[10] = t, e[11] = d) : d = e[11];
-  let C;
-  e[12] !== q || e[13] !== o || e[14] !== R || e[15] !== x || e[16] !== v || e[17] !== s || e[18] !== M || e[19] !== g || e[20] !== t || e[21] !== H ? (C = g && M ? /* @__PURE__ */ r.jsx(Ce, { width: t || g, height: Math.max(v, o || (s ? v ? (t || g) * s > v ? (t || g) * s : v : (t || g) * s : M)), mapStyles: x, center: q, zoomLevel: H, mapLegend: R }) : null, e[12] = q, e[13] = o, e[14] = R, e[15] = x, e[16] = v, e[17] = s, e[18] = M, e[19] = g, e[20] = t, e[21] = H, e[22] = C) : C = e[22];
+    title: a?.title,
+    description: a?.description
+  }, graphTitle: i, graphDescription: s, width: o }) : null, e[4] = a?.description, e[5] = a?.title, e[6] = s, e[7] = i, e[8] = n?.description, e[9] = n?.title, e[10] = o, e[11] = d) : d = e[11];
+  let w;
+  e[12] !== V || e[13] !== P || e[14] !== v || e[15] !== _ || e[16] !== S || e[17] !== R ? (w = S && _ ? /* @__PURE__ */ t.jsx(Ce, { width: S, height: _, mapStyles: v, center: V, zoomLevel: R, mapLegend: P }) : null, e[12] = V, e[13] = P, e[14] = v, e[15] = _, e[16] = S, e[17] = R, e[18] = w) : w = e[18];
   let u;
-  e[23] !== C ? (u = /* @__PURE__ */ r.jsx(xe, { ref: w, children: C }), e[23] = C, e[24] = u) : u = e[24];
+  e[19] !== w ? (u = /* @__PURE__ */ t.jsx(xe, { ref: y, children: w }), e[19] = w, e[20] = u) : u = e[20];
   let p;
-  e[25] !== c?.footnote || e[26] !== c?.source || e[27] !== l || e[28] !== m || e[29] !== i?.footnote || e[30] !== i?.source || e[31] !== t ? (p = m || l ? /* @__PURE__ */ r.jsx(ye, { styles: {
-    footnote: i?.footnote,
-    source: i?.source
+  e[21] !== a?.footnote || e[22] !== a?.source || e[23] !== r || e[24] !== c || e[25] !== n?.footnote || e[26] !== n?.source || e[27] !== o ? (p = c || r ? /* @__PURE__ */ t.jsx(ye, { styles: {
+    footnote: n?.footnote,
+    source: n?.source
   }, classNames: {
-    footnote: c?.footnote,
-    source: c?.source
-  }, sources: m, footNote: l, width: t }) : null, e[25] = c?.footnote, e[26] = c?.source, e[27] = l, e[28] = m, e[29] = i?.footnote, e[30] = i?.source, e[31] = t, e[32] = p) : p = e[32];
-  let y;
-  return e[33] !== A || e[34] !== V || e[35] !== b || e[36] !== o || e[37] !== E || e[38] !== v || e[39] !== f || e[40] !== s || e[41] !== I || e[42] !== d || e[43] !== u || e[44] !== p || e[45] !== j || e[46] !== L || e[47] !== t ? (y = /* @__PURE__ */ r.jsxs(we, { className: j, style: I, id: b, ref: B, "aria-label": A, backgroundColor: V, theme: L, language: E, minHeight: v, width: t, height: o, relativeHeight: s, padding: f, children: [
+    footnote: a?.footnote,
+    source: a?.source
+  }, sources: c, footNote: r, width: o }) : null, e[21] = a?.footnote, e[22] = a?.source, e[23] = r, e[24] = c, e[25] = n?.footnote, e[26] = n?.source, e[27] = o, e[28] = p) : p = e[28];
+  let b;
+  return e[29] !== $ || e[30] !== O || e[31] !== g || e[32] !== l || e[33] !== A || e[34] !== q || e[35] !== f || e[36] !== m || e[37] !== E || e[38] !== d || e[39] !== u || e[40] !== p || e[41] !== x || e[42] !== H || e[43] !== o ? (b = /* @__PURE__ */ t.jsxs(we, { className: x, style: E, id: g, ref: W, "aria-label": $, backgroundColor: O, theme: H, language: A, minHeight: q, width: o, height: l, relativeHeight: m, padding: f, children: [
     d,
     u,
     p
-  ] }), e[33] = A, e[34] = V, e[35] = b, e[36] = o, e[37] = E, e[38] = v, e[39] = f, e[40] = s, e[41] = I, e[42] = d, e[43] = u, e[44] = p, e[45] = j, e[46] = L, e[47] = t, e[48] = y) : y = e[48], y;
+  ] }), e[29] = $, e[30] = O, e[31] = g, e[32] = l, e[33] = A, e[34] = q, e[35] = f, e[36] = m, e[37] = E, e[38] = d, e[39] = u, e[40] = p, e[41] = x, e[42] = H, e[43] = o, e[44] = b) : b = e[44], b;
 }
 export {
   $e as GeoHubCompareMaps