col-browser 2.5.0 → 2.6.0

package/es/chunks/{Distributions-Dwjo7KhA.js → Distributions-Czffme5Y.js}

@@ -1,86 +1,86 @@
 var it = Object.defineProperty;
-var at = (e, r, s) => r in e ? it(e, r, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[r] = s;
-var X = (e, r, s) => at(e, typeof r != "symbol" ? r + "" : r, s);
-import { j as n } from "./jsx-runtime-BzflLqGi.js";
-import * as Pe from "react";
-import ct, { useState as k, useRef as C, useMemo as ie, useEffect as A } from "react";
-import { Spin as lt, Popover as dt, Radio as fe } from "antd";
-import { isArray as Re, get as H, keyBy as ut, startCase as pt } from "lodash-es";
-import { c as re, p as ft } from "./router-CssZk5qZ.js";
-import { c as P } from "./config-D4b3a4Yi.js";
-import { E as ht } from "./ErrorMsg-K8k5PPTp.js";
+var ct = (e, n, r) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var X = (e, n, r) => ct(e, typeof n != "symbol" ? n + "" : n, r);
+import { j as s } from "./jsx-runtime-BzflLqGi.js";
+import * as Oe from "react";
+import lt, { useState as k, useRef as C, useMemo as ae, useEffect as P } from "react";
+import { Spin as dt, Popover as ut, Radio as fe } from "antd";
+import { isArray as Ee, get as H, keyBy as pt, startCase as ft } from "lodash-es";
+import { c as re, p as ht } from "./router-CssZk5qZ.js";
+import { c as R } from "./config--bs_09I6.js";
+import { E as mt } from "./ErrorMsg-K8k5PPTp.js";
 import { I as gt } from "./AntdIcon-B1nMlqyh.js";
-import { M as mt } from "./MergedDataBadge-FvHUdT7B.js";
-import { P as yt } from "./PresentationItem-C4yZ555-.js";
+import { M as yt } from "./MergedDataBadge-DK53L3R8.js";
+import { P as bt } from "./PresentationItem-C4yZ555-.js";
 import V from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
-import { r as bt, w as xt } from "./storage-BgdCo9fV.js";
-var vt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-260 72h96v209.9L621.5 312 572 347.4V136zm220 752H232V136h280v296.9c0 3.3 1 6.6 3 9.3a15.9 15.9 0 0022.3 3.7l83.8-59.9 81.4 59.4c2.7 2 6 3.1 9.4 3.1 8.8 0 16-7.2 16-16V136h64v752z" } }] }, name: "book", theme: "outlined" };
+import { r as xt, w as vt } from "./storage-BgdCo9fV.js";
+var St = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32zm-260 72h96v209.9L621.5 312 572 347.4V136zm220 752H232V136h280v296.9c0 3.3 1 6.6 3 9.3a15.9 15.9 0 0022.3 3.7l83.8-59.9 81.4 59.4c2.7 2 6 3.1 9.4 3.1 8.8 0 16-7.2 16-16V136h64v752z" } }] }, name: "book", theme: "outlined" };
 function ye() {
   return ye = Object.assign ? Object.assign.bind() : function(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var s = arguments[r];
-      for (var i in s)
-        Object.prototype.hasOwnProperty.call(s, i) && (e[i] = s[i]);
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
     }
     return e;
   }, ye.apply(this, arguments);
 }
-const St = (e, r) => /* @__PURE__ */ Pe.createElement(gt, ye({}, e, {
-  ref: r,
-  icon: vt
-})), De = /* @__PURE__ */ Pe.forwardRef(St);
+const jt = (e, n) => /* @__PURE__ */ Oe.createElement(gt, ye({}, e, {
+  ref: n,
+  icon: St
+})), De = /* @__PURE__ */ Oe.forwardRef(jt);
 process.env.NODE_ENV !== "production" && (De.displayName = "BookOutlined");
-class jt extends ct.Component {
-  constructor(s) {
-    super(s);
+class It extends lt.Component {
+  constructor(r) {
+    super(r);
     X(this, "getData", () => {
-      const { referenceId: s, datasetKey: i, references: o } = this.props;
-      if (s) {
-        const c = Re(s) ? s : [s], u = [];
+      const { referenceId: r, datasetKey: a, references: o } = this.props;
+      if (r) {
+        const c = Ee(r) ? r : [r], u = [];
         this.setState({ loading: !0 }), Promise.allSettled(
           c.map(
             (f) => H(o, f) ? Promise.resolve(u.push(o[f])) : re(
-              `${P.dataApi}dataset/${i}/reference/${f}`
+              `${R.dataApi}dataset/${a}/reference/${f}`
             ).then((d) => u.push(d.data)).catch((d) => this.setState({ error: d }))
           )
         ).then(() => this.setState({ reference: u, loading: !1 }));
       }
     });
     X(this, "getContent", () => {
-      const { error: s, reference: i, loading: o } = this.state;
-      return o ? /* @__PURE__ */ n.jsx(lt, {}) : s ? /* @__PURE__ */ n.jsx(ht, { error: s }) : i.length === 1 ? i[0].citation : /* @__PURE__ */ n.jsx("ul", { children: i.map((c) => /* @__PURE__ */ n.jsx("li", { children: c.citation }, c.id)) });
+      const { error: r, reference: a, loading: o } = this.state;
+      return o ? /* @__PURE__ */ s.jsx(dt, {}) : r ? /* @__PURE__ */ s.jsx(mt, { error: r }) : a.length === 1 ? a[0].citation : /* @__PURE__ */ s.jsx("ul", { children: a.map((c) => /* @__PURE__ */ s.jsx("li", { children: c.citation }, c.id)) });
     });
-    X(this, "scrollToReference", (s, i) => {
-      const o = document.getElementById(`col-reference-${i}`);
-      o && (s.preventDefault(), o.scrollIntoView({ behavior: "smooth", block: "start" }));
+    X(this, "scrollToReference", (r, a) => {
+      const o = document.getElementById(`col-reference-${a}`);
+      o && (r.preventDefault(), o.scrollIntoView({ behavior: "smooth", block: "start" }));
     });
     X(this, "render", () => {
-      const { referenceId: s, referenceIndexMap: i, trigger: o } = this.props, c = this.props.maxInline || 4, u = Re(s) ? s : [s];
-      let f = i && H(i, u[0]) ? (() => {
+      const { referenceId: r, referenceIndexMap: a, trigger: o } = this.props, c = this.props.maxInline || 4, u = Ee(r) ? r : [r];
+      let f = a && H(a, u[0]) ? (() => {
         const d = u.slice(0, c), h = u.length - d.length;
         return [
-          ...d.map((p) => /* @__PURE__ */ n.jsx(
+          ...d.map((p) => /* @__PURE__ */ s.jsx(
             "a",
             {
               className: "col-reference-link",
               href: `#col-reference-${p}`,
               onClick: (y) => this.scrollToReference(y, p),
-              children: `[${i[p]}]`
+              children: `[${a[p]}]`
             },
             p
           )),
-          h > 0 ? /* @__PURE__ */ n.jsx("span", { className: "col-reference-link", children: ` +${h}` }, "overflow") : null
+          h > 0 ? /* @__PURE__ */ s.jsx("span", { className: "col-reference-link", children: ` +${h}` }, "overflow") : null
         ];
-      })() : /* @__PURE__ */ n.jsx(De, { style: { cursor: "pointer" } });
-      return s ? /* @__PURE__ */ n.jsx("div", { id: `reference_${s}`, style: this.props.style, children: /* @__PURE__ */ n.jsx(
-        dt,
+      })() : /* @__PURE__ */ s.jsx(De, { style: { cursor: "pointer" } });
+      return r ? /* @__PURE__ */ s.jsx("div", { id: `reference_${r}`, style: this.props.style, children: /* @__PURE__ */ s.jsx(
+        ut,
         {
-          getPopupContainer: () => document.getElementById(`reference_${s}`),
+          getPopupContainer: () => document.getElementById(`reference_${r}`),
           placement: this.props.placement || "left",
           title: "Reference",
           onOpenChange: (d) => d && this.getData(),
-          content: /* @__PURE__ */ n.jsx(
+          content: /* @__PURE__ */ s.jsx(
             "div",
             {
               style: {
@@ -94,7 +94,7 @@ class jt extends ct.Component {
           trigger: o || "hover",
           children: f
         }
-      ) }, `reference_${s}`) : "";
+      ) }, `reference_${r}`) : "";
     });
     this.state = {
       reference: [],
@@ -110,70 +110,70 @@ const ce = [
   "form",
   "subform",
   "infraspecific name"
-], Oe = (e, r) => {
-  const s = r.indexOf(e);
-  return s === -1 ? [] : ce.filter((i) => r.indexOf(i) > s);
-}, It = 16, wt = (e) => {
-  var r, s;
-  return ((r = e == null ? void 0 : e.area) == null ? void 0 : r.gazetteer) !== "text" && !!((s = e == null ? void 0 : e.area) != null && s.globalId);
-}, Lt = async (e, r, s) => {
-  const i = new Array(e.length);
+], ze = (e, n) => {
+  const r = n.indexOf(e);
+  return r === -1 ? [] : ce.filter((a) => n.indexOf(a) > r);
+}, wt = 16, Lt = (e) => {
+  var n, r;
+  return ((n = e == null ? void 0 : e.area) == null ? void 0 : n.gazetteer) !== "text" && !!((r = e == null ? void 0 : e.area) != null && r.globalId);
+}, kt = async (e, n, r) => {
+  const a = new Array(e.length);
   let o = 0;
-  const c = Array.from({ length: Math.min(s, e.length) }, async () => {
+  const c = Array.from({ length: Math.min(r, e.length) }, async () => {
     for (; ; ) {
       const u = o++;
       if (u >= e.length) return;
-      i[u] = await r(e[u], u);
+      a[u] = await n(e[u], u);
     }
   });
-  return await Promise.all(c), i;
-}, kt = async (e, r, s) => {
+  return await Promise.all(c), a;
+}, Ct = async (e, n, r) => {
   var f;
-  if (s.length === 0) return [];
-  const i = new URLSearchParams();
-  i.append("TAXON_ID", r), s.forEach((d) => i.append("rank", d)), ["accepted", "provisionally accepted"].forEach(
-    (d) => i.append("status", d)
-  ), i.append("limit", "1000");
-  const o = `${P.dataApi}dataset/${e}/nameusage/search?${i}`, c = await re(o);
+  if (r.length === 0) return [];
+  const a = new URLSearchParams();
+  a.append("TAXON_ID", n), r.forEach((d) => a.append("rank", d)), ["accepted", "provisionally accepted"].forEach(
+    (d) => a.append("status", d)
+  ), a.append("limit", "1000");
+  const o = `${R.dataApi}dataset/${e}/nameusage/search?${a}`, c = await re(o);
   return (((f = c == null ? void 0 : c.data) == null ? void 0 : f.result) || []).filter((d) => {
     var h;
     return (h = d == null ? void 0 : d.usage) == null ? void 0 : h.id;
   }).map((d) => {
-    var h, p, y, B, R, L;
+    var h, p, y, M, E, L;
     return {
       id: d.usage.id,
       scientificName: ((p = (h = d.usage) == null ? void 0 : h.name) == null ? void 0 : p.scientificName) || ((y = d.usage) == null ? void 0 : y.label) || d.usage.id,
-      rank: (R = (B = d.usage) == null ? void 0 : B.name) == null ? void 0 : R.rank,
+      rank: (E = (M = d.usage) == null ? void 0 : M.name) == null ? void 0 : E.rank,
       parentId: (L = d.usage) == null ? void 0 : L.parentId
     };
   });
-}, Ct = async (e, r) => {
-  const s = `${P.dataApi}dataset/${e}/taxon/${encodeURIComponent(r)}/distribution`;
+}, Rt = async (e, n) => {
+  const r = `${R.dataApi}dataset/${e}/taxon/${encodeURIComponent(n)}/distribution`;
   try {
-    const i = await re(s);
-    return Array.isArray(i == null ? void 0 : i.data) ? i.data : [];
+    const a = await re(r);
+    return Array.isArray(a == null ? void 0 : a.data) ? a.data : [];
   } catch {
     return [];
   }
-}, Rt = async ({ datasetKey: e, focalTaxon: r, rankOrder: s }) => {
+}, Et = async ({ datasetKey: e, focalTaxon: n, rankOrder: r }) => {
   var d;
-  const i = Oe((d = r == null ? void 0 : r.name) == null ? void 0 : d.rank, s);
+  const a = ze((d = n == null ? void 0 : n.name) == null ? void 0 : d.rank, r);
   let o = !1, c = [];
   try {
-    c = await kt(e, r.id, i);
+    c = await Ct(e, n.id, a);
   } catch {
     return o = !0, { taxa: [], descendantsFailed: o };
   }
-  const u = await Lt(
+  const u = await kt(
     c,
-    (h) => Ct(e, h.id),
-    It
+    (h) => Rt(e, h.id),
+    wt
   );
   return { taxa: c.map((h, p) => {
     const y = u[p] || [];
-    return { ...h, distributions: y, mappable: y.filter(wt) };
+    return { ...h, distributions: y, mappable: y.filter(Lt) };
   }), descendantsFailed: o };
-}, Ee = [
+}, Fe = [
   "#E58606",
   "#5D69B1",
   "#52BCA3",
@@ -186,18 +186,29 @@ const ce = [
   "#ED645A",
   "#CC3A8E",
   "#A5AA99"
-], Fe = (e, r) => {
-  const s = r.indexOf(e);
-  return s === -1 ? r.length : s;
-}, Et = (e, r) => {
-  const s = [...e].sort((o, c) => {
-    const u = Fe(o.rank, r), f = Fe(c.rank, r);
+], Be = (e, n) => {
+  const r = n.indexOf(e);
+  return r === -1 ? n.length : r;
+}, Ft = (e, n) => {
+  const r = [...e].sort((o, c) => {
+    const u = Be(o.rank, n), f = Be(c.rank, n);
     return u !== f ? u - f : o.scientificName.localeCompare(c.scientificName);
-  }), i = {};
-  return s.forEach((o, c) => {
-    i[o.id] = Ee[c % Ee.length];
-  }), i;
-}, Ft = (e) => e ?? P.basemapStyle, Bt = {
+  }), a = {};
+  return r.forEach((o, c) => {
+    a[o.id] = Fe[c % Fe.length];
+  }), a;
+}, Bt = (e) => e ?? R.basemapStyle, Mt = /(^|\.)cartocdn\.com$/i, Gt = (e = R.cartoKey) => {
+  if (e)
+    return (n) => {
+      let r;
+      try {
+        r = new URL(n);
+      } catch {
+        return { url: n };
+      }
+      return !Mt.test(r.hostname) || r.searchParams.has("key") ? { url: n } : (r.searchParams.set("key", e), { url: r.toString() });
+    };
+}, Nt = {
   position: "absolute",
   bottom: 8,
   left: 8,
@@ -209,21 +220,21 @@ const ce = [
   fontSize: 12,
   lineHeight: 1.5,
   maxWidth: 260
-}, Mt = {
+}, $t = {
   maxHeight: 240,
   overflowY: "auto"
-}, ze = {
+}, He = {
   fontWeight: 600,
   marginTop: 4
-}, Gt = {
-  ...ze,
+}, _t = {
+  ...He,
   marginTop: 0
-}, He = {
+}, Ve = {
   display: "flex",
   alignItems: "center",
   gap: 6,
   paddingLeft: 4
-}, Nt = (e) => ({
+}, At = (e) => ({
   display: "inline-block",
   width: 12,
   height: 12,
@@ -231,27 +242,27 @@ const ce = [
   border: "1px solid rgba(0,0,0,0.15)",
   borderRadius: 2,
   flex: "0 0 auto"
-}), _t = {
+}), Pt = {
   marginTop: 6,
   cursor: "pointer",
   color: "#1890ff",
   fontSize: 11
-}, $t = {
+}, Ot = {
   marginTop: 4,
   borderTop: "1px solid #eee",
   paddingTop: 4,
   color: "#666"
-}, Ve = {
+}, Ue = {
   fontWeight: 600,
   marginTop: 4
-}, At = {
-  ...Ve,
+}, Dt = {
+  ...Ue,
   marginTop: 0
-}, Pt = {
+}, zt = {
   fontStyle: "italic",
   paddingLeft: 4
-}, Be = (e) => e.reduce((r, s) => r + s.taxa.length, 0), Dt = () => /* @__PURE__ */ n.jsxs("div", { style: He, children: [
-  /* @__PURE__ */ n.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
+}, Me = (e) => e.reduce((n, r) => n + r.taxa.length, 0), Ht = () => /* @__PURE__ */ s.jsxs("div", { style: Ve, children: [
+  /* @__PURE__ */ s.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(
     "polygon",
     {
       points: "3,1 9,1 11,6 9,11 3,11 1,6",
@@ -260,54 +271,54 @@ const ce = [
       strokeWidth: "0.75"
     }
   ) }),
-  /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
-] }), Ot = ({ visibleGroups: e, unmappableGroups: r, showGbif: s }) => {
-  const [i, o] = k(!1), c = Be(e), u = Be(r);
-  return c === 0 && u === 0 && !s ? null : /* @__PURE__ */ n.jsxs("div", { style: Bt, children: [
-    /* @__PURE__ */ n.jsxs("div", { style: Mt, children: [
-      e.map((f, d) => /* @__PURE__ */ n.jsxs("div", { children: [
-        /* @__PURE__ */ n.jsx("div", { style: d === 0 ? Gt : ze, children: f.label }),
-        f.taxa.map((h) => /* @__PURE__ */ n.jsxs("div", { style: He, children: [
-          /* @__PURE__ */ n.jsx("span", { style: Nt(h.color) }),
-          /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: h.displayName || h.scientificName })
+  /* @__PURE__ */ s.jsx("span", { children: "GBIF occurrences" })
+] }), Vt = ({ visibleGroups: e, unmappableGroups: n, showGbif: r }) => {
+  const [a, o] = k(!1), c = Me(e), u = Me(n);
+  return c === 0 && u === 0 && !r ? null : /* @__PURE__ */ s.jsxs("div", { style: Nt, children: [
+    /* @__PURE__ */ s.jsxs("div", { style: $t, children: [
+      e.map((f, d) => /* @__PURE__ */ s.jsxs("div", { children: [
+        /* @__PURE__ */ s.jsx("div", { style: d === 0 ? _t : He, children: f.label }),
+        f.taxa.map((h) => /* @__PURE__ */ s.jsxs("div", { style: Ve, children: [
+          /* @__PURE__ */ s.jsx("span", { style: At(h.color) }),
+          /* @__PURE__ */ s.jsx("span", { style: { fontStyle: "italic" }, children: h.displayName || h.scientificName })
         ] }, h.id))
       ] }, f.rank)),
-      s && /* @__PURE__ */ n.jsx(Dt, {})
+      r && /* @__PURE__ */ s.jsx(Ht, {})
     ] }),
-    u > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsxs(
+    u > 0 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsxs(
         "div",
         {
-          style: _t,
+          style: Pt,
           onClick: () => o((f) => !f),
           children: [
-            i ? "− Hide" : "+",
+            a ? "− Hide" : "+",
             " ",
             u,
             " without map data"
           ]
         }
       ),
-      i && /* @__PURE__ */ n.jsx("div", { style: $t, children: r.map((f, d) => /* @__PURE__ */ n.jsxs("div", { children: [
-        /* @__PURE__ */ n.jsx(
+      a && /* @__PURE__ */ s.jsx("div", { style: Ot, children: n.map((f, d) => /* @__PURE__ */ s.jsxs("div", { children: [
+        /* @__PURE__ */ s.jsx(
           "div",
           {
-            style: d === 0 ? At : Ve,
+            style: d === 0 ? Dt : Ue,
             children: f.label
           }
         ),
-        f.taxa.map((h) => /* @__PURE__ */ n.jsx("div", { style: Pt, children: h.displayName || h.scientificName }, h.id))
+        f.taxa.map((h) => /* @__PURE__ */ s.jsx("div", { style: zt, children: h.displayName || h.scientificName }, h.id))
       ] }, f.rank)) })
     ] })
   ] });
-}, zt = [
+}, Ut = [
   "establishmentMeans",
   "degreeOfEstablishment",
   "pathway",
   "threatStatus",
   "year",
   "lifeStage"
-], Ue = [
+], Ke = [
   { key: "nativeendemic", label: "Native endemic", color: "#0F8554" },
   { key: "native", label: "Native", color: "#87C55F" },
   { key: "nativereintroduced", label: "Native reintroduced", color: "#C9DB74" },
@@ -320,48 +331,48 @@ const ce = [
   { key: "vagrant", label: "Vagrant", color: "#F6CF71" },
   { key: "uncertain", label: "Uncertain", color: "#8BE0A4" }
 ], We = Object.fromEntries(
-  Ue.map((e) => [e.key, e.color])
-), le = "#66C5CC", Ht = (e) => String(e || "").toLowerCase().replace(/[^a-z]/g, ""), Ke = (e) => {
-  const r = e == null ? void 0 : e.establishmentMeans;
-  if (r == null || r === "") return null;
-  const s = Ht(r);
-  return We[s] ? s : "uncertain";
-}, Vt = (e) => {
-  const r = Ke(e);
-  return r == null ? le : We[r];
-}, Ye = "gbif-visible", Ut = (e) => bt(Ye, e), Me = (e) => xt(Ye, e), Wt = "/v2/map/occurrence/density/{z}/{x}/{y}@1x.png?srs=EPSG%3A3857&style=iNaturalist.poly&bin=hex&hexPerTile=64&hasCoordinate=true&hasGeospatialIssue=false&occurrenceStatus=PRESENT&checklistKey={checklistKey}&taxonKey={taxonKey}", Q = "col-focal-distributions", Y = "col-focal-fill", he = "col-focal-line", ae = "col-gbif-occurrences", $ = "col-gbif-occurrences", ge = (e) => `col-descendant-${e}`, ee = (e) => `col-descendant-fill-${e}`, te = (e) => `col-descendant-line-${e}`, me = /* @__PURE__ */ new Map(), Ge = (e, r) => {
-  const s = `${e}:${r}`;
-  if (me.has(s)) return me.get(s);
-  const i = `${P.dataApi}vocab/area/${s}`, o = re(i, {
+  Ke.map((e) => [e.key, e.color])
+), le = "#66C5CC", Kt = (e) => String(e || "").toLowerCase().replace(/[^a-z]/g, ""), Te = (e) => {
+  const n = e == null ? void 0 : e.establishmentMeans;
+  if (n == null || n === "") return null;
+  const r = Kt(n);
+  return We[r] ? r : "uncertain";
+}, Wt = (e) => {
+  const n = Te(e);
+  return n == null ? le : We[n];
+}, qe = "gbif-visible", Tt = (e) => xt(qe, e), Ge = (e) => vt(qe, e), qt = "/v2/map/occurrence/density/{z}/{x}/{y}@1x.png?srs=EPSG%3A3857&style=iNaturalist.poly&bin=hex&hexPerTile=64&hasCoordinate=true&hasGeospatialIssue=false&occurrenceStatus=PRESENT&checklistKey={checklistKey}&taxonKey={taxonKey}", Q = "col-focal-distributions", T = "col-focal-fill", he = "col-focal-line", ie = "col-gbif-occurrences", A = "col-gbif-occurrences", me = (e) => `col-descendant-${e}`, ee = (e) => `col-descendant-fill-${e}`, te = (e) => `col-descendant-line-${e}`, ge = /* @__PURE__ */ new Map(), Ne = (e, n) => {
+  const r = `${e}:${n}`;
+  if (ge.has(r)) return ge.get(r);
+  const a = `${R.dataApi}vocab/area/${r}`, o = re(a, {
     headers: { Accept: "application/geo+json" }
   }).then(
     (c) => c.data,
     () => null
   );
-  return me.set(s, o), o;
-}, ne = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Te = (e) => {
-  var i, o;
-  const r = ((i = e == null ? void 0 : e.area) == null ? void 0 : i.name) || ((o = e == null ? void 0 : e.area) == null ? void 0 : o.globalId) || "", s = zt.map((c) => [c, e == null ? void 0 : e[c]]).filter(([, c]) => c != null && c !== "").map(
+  return ge.set(r, o), o;
+}, ne = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Ye = (e) => {
+  var a, o;
+  const n = ((a = e == null ? void 0 : e.area) == null ? void 0 : a.name) || ((o = e == null ? void 0 : e.area) == null ? void 0 : o.globalId) || "", r = Ut.map((c) => [c, e == null ? void 0 : e[c]]).filter(([, c]) => c != null && c !== "").map(
     ([c, u]) => `<div><strong>${ne(c)}:</strong> ${ne(u)}</div>`
   ).join("");
   return `<div style="min-width:180px"><div style="font-weight:600;margin-bottom:4px">${ne(
-    r
-  )}</div>${s}</div>`;
-}, Kt = (e, r) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${ne(
+    n
+  )}</div>${r}</div>`;
+}, Yt = (e, n) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${ne(
   e.scientificName
-)}</div><div style="color:#888;margin-bottom:4px">${ne(e.rank || "")}</div>` + Te(r), Yt = {
+)}</div><div style="color:#888;margin-bottom:4px">${ne(e.rank || "")}</div>` + Ye(n), Zt = {
   subspecies: "subspecies",
   variety: "varieties",
   subvariety: "subvarieties",
   form: "forms",
   subform: "subforms",
   "infraspecific name": "infraspecific names"
-}, Ne = (e) => Yt[e] || e, qe = (e) => {
+}, $e = (e) => Zt[e] || e, Ze = (e) => {
   if (!e) return "";
-  const r = e.trim().split(/\s+/);
-  return r[r.length - 1];
-}, Tt = () => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-  /* @__PURE__ */ n.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
+  const n = e.trim().split(/\s+/);
+  return n[n.length - 1];
+}, Jt = () => /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+  /* @__PURE__ */ s.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(
     "polygon",
     {
       points: "3,1 9,1 11,6 9,11 3,11 1,6",
@@ -370,14 +381,14 @@ const ce = [
       strokeWidth: "0.75"
     }
   ) }),
-  /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
-] }), qt = (e) => {
+  /* @__PURE__ */ s.jsx("span", { children: "GBIF occurrences" })
+] }), Xt = (e) => {
   var u;
-  let r = 1 / 0, s = 1 / 0, i = -1 / 0, o = -1 / 0;
+  let n = 1 / 0, r = 1 / 0, a = -1 / 0, o = -1 / 0;
   const c = (f) => {
     if (typeof f[0] == "number") {
       const [d, h] = f;
-      d < r && (r = d), d > i && (i = d), h < s && (s = h), h > o && (o = h);
+      d < n && (n = d), d > a && (a = d), h < r && (r = h), h > o && (o = h);
     } else
       for (let d = 0; d < f.length; d++) c(f[d]);
   };
@@ -385,18 +396,18 @@ const ce = [
     const d = (u = e[f]) == null ? void 0 : u.geometry;
     d != null && d.coordinates && c(d.coordinates);
   }
-  return r === 1 / 0 ? null : [
-    [r, s],
-    [i, o]
+  return n === 1 / 0 ? null : [
+    [n, r],
+    [a, o]
   ];
-}, _e = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], $e = () => {
+}, _e = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Ae = () => {
   var e;
   return typeof ((e = V) == null ? void 0 : e.supported) == "function" ? V.supported() : typeof WebGLRenderingContext < "u";
-}, Zt = ({
+}, Qt = ({
   records: e,
-  onUnmappable: r,
-  datasetKey: s,
-  focalTaxon: i,
+  onUnmappable: n,
+  datasetKey: r,
+  focalTaxon: a,
   rankOrder: o,
   gbifChecklistKey: c,
   // true | null → show GBIF layer; false → GBIF API returned 0 occurrences,
@@ -407,60 +418,61 @@ const ce = [
   // `configure({ basemapStyle })` value. Changing it rebuilds the map.
   basemapStyle: f
 }) => {
-  var Ce;
-  const d = C(null), h = C(null), p = C(null), y = C(null), B = C(/* @__PURE__ */ new Map()), R = C(/* @__PURE__ */ new Map()), L = C(/* @__PURE__ */ new Map()), D = C(!1), M = C(!1), G = C(/* @__PURE__ */ new Set()), [S, E] = k(null), [O, v] = k(!1), [x, N] = k({
+  var Re;
+  const d = C(null), h = C(null), p = C(null), y = C(null), M = C(/* @__PURE__ */ new Map()), E = C(/* @__PURE__ */ new Map()), L = C(/* @__PURE__ */ new Map()), O = C(!1), G = C(!1), N = C(/* @__PURE__ */ new Set()), [S, F] = k(null), [D, v] = k(!1), [x, $] = k({
     status: "idle",
     // idle | loading | ready | empty | error
     taxa: []
-  }), [U, T] = k(!0), se = !!c && (!e || e.length === 0), [I, z] = k(
-    () => Ut(!0)
-  ), [_, be] = k(/* @__PURE__ */ new Set()), [Ze, xe] = k(!1), de = C(!1), Je = () => {
+  }), [U, q] = k(!0), se = !!c && (!e || e.length === 0), [I, z] = k(
+    () => Tt(!0)
+  ), [_, be] = k(/* @__PURE__ */ new Set()), [Je, xe] = k(!1), de = C(!1), Xe = () => {
     z((t) => {
       const l = !t;
-      return Me(l), l;
+      return Ge(l), l;
     });
   }, ve = () => {
-    z(!0), Me(!0);
-  }, Se = ie(() => {
+    z(!0), Ge(!0);
+  }, Se = ae(() => {
     if (!(e != null && e.length)) return [];
     const t = /* @__PURE__ */ new Set();
     return e.forEach((l) => {
-      const a = Ke(l);
-      a != null && t.add(a);
-    }), Ue.filter((l) => t.has(l.key));
-  }, [e]), q = ie(() => x.status !== "ready" ? {} : Et(
+      const i = Te(l);
+      i != null && t.add(i);
+    }), Ke.filter((l) => t.has(l.key));
+  }, [e]), Y = ae(() => x.status !== "ready" ? {} : Ft(
     x.taxa.filter((t) => t.mappable.length > 0),
     o || []
-  ), [x, o]), ue = ie(() => {
+  ), [x, o]), ue = ae(() => {
     if (x.status !== "ready")
       return { visibleGroups: [], unmappableGroups: [] };
-    const t = (g) => ({
-      ...g,
-      color: q[g.id],
-      displayName: qe(g.scientificName)
-    }), l = (g) => {
+    const t = (m) => ({
+      ...m,
+      color: Y[m.id],
+      displayName: Ze(m.scientificName)
+    }), l = (m) => {
       const j = {};
-      return g.forEach((b) => {
+      return m.forEach((b) => {
         (j[b.rank] = j[b.rank] || []).push(t(b));
       }), ce.filter((b) => j[b]).map((b) => ({
         rank: b,
-        label: Ne(b),
+        label: $e(b),
         taxa: j[b]
       }));
-    }, a = l(
+    }, i = l(
       x.taxa.filter(
-        (g) => g.mappable.length > 0 && _.has(g.id)
+        (m) => m.mappable.length > 0 && _.has(m.id)
       )
-    ), m = l(
-      x.taxa.filter((g) => g.mappable.length === 0)
+    ), g = l(
+      x.taxa.filter((m) => m.mappable.length === 0)
     );
-    return { visibleGroups: a, unmappableGroups: m };
-  }, [x, q, _]), je = ue.visibleGroups.length > 0, oe = Ft(f), Xe = typeof oe == "string" ? oe : JSON.stringify(oe);
-  A(() => {
-    if (!d.current || p.current || !$e()) return;
+    return { visibleGroups: i, unmappableGroups: g };
+  }, [x, Y, _]), je = ue.visibleGroups.length > 0, oe = Bt(f), Ie = R.cartoKey, Qe = `${typeof oe == "string" ? oe : JSON.stringify(oe)}|${Ie || ""}`;
+  P(() => {
+    if (!d.current || p.current || !Ae()) return;
     const t = new V.Map({
       container: d.current,
       style: oe,
+      transformRequest: Gt(Ie),
       center: [0, 20],
       zoom: 1,
       minZoom: 0,
@@ -477,37 +489,37 @@ const ce = [
       new V.FullscreenControl({ container: h.current }),
       "top-right"
     ), p.current = t, t.on("load", () => {
-      E(t);
-      const a = t.getContainer().querySelector(".maplibregl-ctrl-attrib");
-      a && a.classList.remove("maplibregl-compact-show");
+      F(t);
+      const i = t.getContainer().querySelector(".maplibregl-ctrl-attrib");
+      i && i.classList.remove("maplibregl-compact-show");
     });
     const l = typeof ResizeObserver < "u" ? new ResizeObserver(() => t.resize()) : null;
     return l && l.observe(d.current), () => {
-      l && l.disconnect(), y.current && (y.current.remove(), y.current = null), t.remove(), p.current = null, D.current = !1, M.current = !1, G.current = /* @__PURE__ */ new Set(), E(null);
+      l && l.disconnect(), y.current && (y.current.remove(), y.current = null), t.remove(), p.current = null, O.current = !1, G.current = !1, N.current = /* @__PURE__ */ new Set(), F(null);
     };
-  }, [Xe]), A(() => {
+  }, [Qe]), P(() => {
     const t = S;
     if (!t || !(e != null && e.length)) return;
     let l = !1;
     return v(!1), Promise.allSettled(
       e.map(
-        (a) => Ge(a.area.gazetteer, a.area.id).then((m) => ({
-          record: a,
-          geojson: m
+        (i) => Ne(i.area.gazetteer, i.area.id).then((g) => ({
+          record: i,
+          geojson: g
         }))
       )
-    ).then((a) => {
+    ).then((i) => {
       if (l || p.current !== t) return;
-      const m = [], g = /* @__PURE__ */ new Map();
+      const g = [], m = /* @__PURE__ */ new Map();
       let j = 0;
-      a.forEach((w, F) => {
+      i.forEach((w, B) => {
         if (w.status !== "fulfilled" || !w.value.geojson) {
           j += 1;
           return;
         }
-        const { record: W, geojson: K } = w.value, pe = Vt(W), Z = `focal-${F}`;
-        g.set(Z, W), _e(K).forEach((J) => {
-          m.push({
+        const { record: K, geojson: W } = w.value, pe = Wt(K), Z = `focal-${B}`;
+        m.set(Z, K), _e(W).forEach((J) => {
+          g.push({
             ...J,
             properties: {
               ...J.properties || {},
@@ -516,15 +528,15 @@ const ce = [
             }
           });
         });
-      }), B.current = g;
-      const b = { type: "FeatureCollection", features: m };
+      }), M.current = m;
+      const b = { type: "FeatureCollection", features: g };
       if (t.getSource(Q))
         t.getSource(Q).setData(b);
       else {
-        const w = t.getLayer($) ? $ : void 0;
+        const w = t.getLayer(A) ? A : void 0;
         t.addSource(Q, { type: "geojson", data: b }), t.addLayer(
           {
-            id: Y,
+            id: T,
             type: "fill",
             source: Q,
             paint: {
@@ -544,82 +556,82 @@ const ce = [
             }
           },
           w
-        ), t.on("click", Y, Qe), t.on("mouseenter", Y, Ie), t.on("mouseleave", Y, we), D.current = !0;
+        ), t.on("click", T, et), t.on("mouseenter", T, we), t.on("mouseleave", T, Le), O.current = !0;
       }
-      if (m.length > 0) {
-        const w = qt(m);
+      if (g.length > 0) {
+        const w = Xt(g);
         w && t.fitBounds(w, { padding: 20, animate: !1 });
       }
-      typeof r == "function" && r(j), v(!0);
+      typeof n == "function" && n(j), v(!0);
     }), () => {
       l = !0;
     };
   }, [S, e]);
-  const Qe = (t) => {
+  const et = (t) => {
     var j, b;
     const l = p.current;
     if (!l) return;
-    const a = (j = t.features) == null ? void 0 : j[0], m = (b = a == null ? void 0 : a.properties) == null ? void 0 : b._recordKey, g = m ? B.current.get(m) : null;
-    g && (y.current && y.current.remove(), y.current = new V.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Te(g)).addTo(l));
-  }, Ie = () => {
+    const i = (j = t.features) == null ? void 0 : j[0], g = (b = i == null ? void 0 : i.properties) == null ? void 0 : b._recordKey, m = g ? M.current.get(g) : null;
+    m && (y.current && y.current.remove(), y.current = new V.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Ye(m)).addTo(l));
+  }, we = () => {
     const t = p.current;
     t && (t.getCanvas().style.cursor = "pointer");
-  }, we = () => {
+  }, Le = () => {
     const t = p.current;
     t && (t.getCanvas().style.cursor = "");
   };
-  A(() => {
+  P(() => {
     const t = p.current;
-    if (!t || !D.current) return;
+    if (!t || !O.current) return;
     const l = U ? "visible" : "none";
-    t.getLayer(Y) && t.setLayoutProperty(Y, "visibility", l), t.getLayer(he) && t.setLayoutProperty(he, "visibility", l);
-  }, [U, O]), A(() => {
+    t.getLayer(T) && t.setLayoutProperty(T, "visibility", l), t.getLayer(he) && t.setLayoutProperty(he, "visibility", l);
+  }, [U, D]), P(() => {
     const t = S;
     if (!t || ((() => {
-      t.getLayer($) && t.removeLayer($), t.getSource(ae) && t.removeSource(ae), M.current = !1;
-    })(), !c || !(i != null && i.id)) || u === !1) return;
-    const a = (P.gbifApi + Wt).replace("{checklistKey}", encodeURIComponent(c)).replace("{taxonKey}", encodeURIComponent(i.id)), m = P.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(c) + "&taxon_key=" + encodeURIComponent(i.id);
-    t.addSource(ae, {
+      t.getLayer(A) && t.removeLayer(A), t.getSource(ie) && t.removeSource(ie), G.current = !1;
+    })(), !c || !(a != null && a.id)) || u === !1) return;
+    const i = (R.gbifApi + qt).replace("{checklistKey}", encodeURIComponent(c)).replace("{taxonKey}", encodeURIComponent(a.id)), g = R.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(c) + "&taxon_key=" + encodeURIComponent(a.id);
+    t.addSource(ie, {
       type: "raster",
-      tiles: [a],
+      tiles: [i],
       tileSize: 256,
-      attribution: '<a href="' + m + '" target="_blank" rel="noopener">GBIF</a> occurrence data'
+      attribution: '<a href="' + g + '" target="_blank" rel="noopener">GBIF</a> occurrence data'
     }), t.addLayer({
-      id: $,
+      id: A,
       type: "raster",
-      source: ae,
+      source: ie,
       paint: { "raster-opacity": 0.9 },
       layout: { visibility: I ? "visible" : "none" }
-    }), M.current = !0;
-  }, [S, c, i == null ? void 0 : i.id, u]), A(() => {
+    }), G.current = !0;
+  }, [S, c, a == null ? void 0 : a.id, u]), P(() => {
     const t = p.current;
-    if (!t || !M.current) return;
+    if (!t || !G.current) return;
     const l = I ? "visible" : "none";
-    t.getLayer($) && t.setLayoutProperty($, "visibility", l);
+    t.getLayer(A) && t.setLayoutProperty(A, "visibility", l);
   }, [I]);
-  const Le = (t) => _.has(t) ? "visible" : "none";
-  A(() => {
+  const ke = (t) => _.has(t) ? "visible" : "none";
+  P(() => {
     const t = S;
-    if (!t || (G.current.forEach((a) => {
-      t.getLayer(ee(a)) && t.removeLayer(ee(a)), t.getLayer(te(a)) && t.removeLayer(te(a)), t.getSource(ge(a)) && t.removeSource(ge(a));
-    }), G.current = /* @__PURE__ */ new Set(), R.current = /* @__PURE__ */ new Map(), L.current = /* @__PURE__ */ new Map(), x.status !== "ready")) return;
-    const l = q;
-    x.taxa.forEach((a) => {
-      a.mappable.length !== 0 && (R.current.set(a.id, a), Promise.allSettled(
-        a.mappable.map(
-          (m) => Ge(m.area.gazetteer, m.area.id).then((g) => ({
-            record: m,
-            geojson: g
+    if (!t || (N.current.forEach((i) => {
+      t.getLayer(ee(i)) && t.removeLayer(ee(i)), t.getLayer(te(i)) && t.removeLayer(te(i)), t.getSource(me(i)) && t.removeSource(me(i));
+    }), N.current = /* @__PURE__ */ new Set(), E.current = /* @__PURE__ */ new Map(), L.current = /* @__PURE__ */ new Map(), x.status !== "ready")) return;
+    const l = Y;
+    x.taxa.forEach((i) => {
+      i.mappable.length !== 0 && (E.current.set(i.id, i), Promise.allSettled(
+        i.mappable.map(
+          (g) => Ne(g.area.gazetteer, g.area.id).then((m) => ({
+            record: g,
+            geojson: m
           }))
         )
-      ).then((m) => {
+      ).then((g) => {
         if (p.current !== t) return;
-        const g = [];
-        m.forEach((F, W) => {
-          if (F.status !== "fulfilled" || !F.value.geojson) return;
-          const { record: K, geojson: pe } = F.value, Z = `desc-${a.id}-${W}`;
-          L.current.set(Z, { taxon: a, record: K }), _e(pe).forEach((J) => {
-            g.push({
+        const m = [];
+        g.forEach((B, K) => {
+          if (B.status !== "fulfilled" || !B.value.geojson) return;
+          const { record: W, geojson: pe } = B.value, Z = `desc-${i.id}-${K}`;
+          L.current.set(Z, { taxon: i, record: W }), _e(pe).forEach((J) => {
+            m.push({
               ...J,
               properties: {
                 ...J.properties || {},
@@ -628,95 +640,95 @@ const ce = [
             });
           });
         });
-        const j = l[a.id] || le, b = { type: "FeatureCollection", features: g }, w = ge(a.id);
+        const j = l[i.id] || le, b = { type: "FeatureCollection", features: m }, w = me(i.id);
         if (p.current.getSource(w))
           p.current.getSource(w).setData(b);
         else {
           p.current.addSource(w, { type: "geojson", data: b });
-          const F = ee(a.id), W = te(a.id), K = p.current.getLayer($) ? $ : void 0;
+          const B = ee(i.id), K = te(i.id), W = p.current.getLayer(A) ? A : void 0;
           p.current.addLayer(
             {
-              id: F,
+              id: B,
               type: "fill",
               source: w,
               paint: { "fill-color": j, "fill-opacity": 0.55 },
-              layout: { visibility: Le(a.id) }
+              layout: { visibility: ke(i.id) }
             },
-            K
+            W
           ), p.current.addLayer(
             {
-              id: W,
+              id: K,
               type: "line",
               source: w,
               paint: { "line-color": j, "line-width": 2 },
-              layout: { visibility: Le(a.id) }
+              layout: { visibility: ke(i.id) }
             },
-            K
-          ), p.current.on("click", F, et), p.current.on("mouseenter", F, Ie), p.current.on("mouseleave", F, we), G.current.add(a.id);
+            W
+          ), p.current.on("click", B, tt), p.current.on("mouseenter", B, we), p.current.on("mouseleave", B, Le), N.current.add(i.id);
         }
       }));
     });
-  }, [S, x, q]);
-  const et = (t) => {
+  }, [S, x, Y]);
+  const tt = (t) => {
     var j, b;
     const l = p.current;
     if (!l) return;
-    const a = (j = t.features) == null ? void 0 : j[0], m = (b = a == null ? void 0 : a.properties) == null ? void 0 : b._recordKey, g = m ? L.current.get(m) : null;
-    g && (y.current && y.current.remove(), y.current = new V.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Kt(g.taxon, g.record)).addTo(l));
+    const i = (j = t.features) == null ? void 0 : j[0], g = (b = i == null ? void 0 : i.properties) == null ? void 0 : b._recordKey, m = g ? L.current.get(g) : null;
+    m && (y.current && y.current.remove(), y.current = new V.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Yt(m.taxon, m.record)).addTo(l));
   };
-  A(() => {
+  P(() => {
     const t = p.current;
-    t && G.current.forEach((l) => {
-      const a = _.has(l) ? "visible" : "none";
-      t.getLayer(ee(l)) && t.setLayoutProperty(ee(l), "visibility", a), t.getLayer(te(l)) && t.setLayoutProperty(te(l), "visibility", a);
+    t && N.current.forEach((l) => {
+      const i = _.has(l) ? "visible" : "none";
+      t.getLayer(ee(l)) && t.setLayoutProperty(ee(l), "visibility", i), t.getLayer(te(l)) && t.setLayoutProperty(te(l), "visibility", i);
     });
   }, [_, x]);
-  const ke = () => {
-    var a;
-    if (de.current || !s || !i || !o) return;
-    const t = (a = i == null ? void 0 : i.name) == null ? void 0 : a.rank;
-    !t || t !== "species" && !ce.includes(t) || Oe(t, o).length === 0 || (de.current = !0, N({ status: "loading", taxa: [] }), Rt({ datasetKey: s, focalTaxon: i, rankOrder: o }).then(
-      ({ taxa: m, descendantsFailed: g }) => {
-        if (g) {
-          N({ status: "error", taxa: [] });
+  const Ce = () => {
+    var i;
+    if (de.current || !r || !a || !o) return;
+    const t = (i = a == null ? void 0 : a.name) == null ? void 0 : i.rank;
+    !t || t !== "species" && !ce.includes(t) || ze(t, o).length === 0 || (de.current = !0, $({ status: "loading", taxa: [] }), Et({ datasetKey: r, focalTaxon: a, rankOrder: o }).then(
+      ({ taxa: g, descendantsFailed: m }) => {
+        if (m) {
+          $({ status: "error", taxa: [] });
           return;
         }
-        if (m.length === 0) {
-          N({ status: "empty", taxa: [] });
+        if (g.length === 0) {
+          $({ status: "empty", taxa: [] });
           return;
         }
-        N({ status: "ready", taxa: m });
+        $({ status: "ready", taxa: g });
       }
     ));
-  }, tt = () => {
-    xe(!0), ke();
-  }, nt = ie(() => {
+  }, nt = () => {
+    xe(!0), Ce();
+  }, rt = ae(() => {
     if (x.status !== "ready") return [];
     const t = {};
     return x.taxa.filter((l) => l.mappable.length > 0).forEach((l) => {
       (t[l.rank] = t[l.rank] || []).push(l);
     }), ce.filter((l) => t[l]).map((l) => ({
       rank: l,
-      label: Ne(l),
+      label: $e(l),
       taxa: t[l].slice().sort(
-        (a, m) => a.scientificName.localeCompare(m.scientificName)
+        (i, g) => i.scientificName.localeCompare(g.scientificName)
       )
     }));
-  }, [x]), rt = (t) => {
+  }, [x]), st = (t) => {
     be((l) => {
-      const a = new Set(l);
-      return a.has(t) ? a.delete(t) : a.add(t), a;
+      const i = new Set(l);
+      return i.has(t) ? i.delete(t) : i.add(t), i;
     });
-  }, st = (t) => {
+  }, ot = (t) => {
     be((l) => {
-      const a = new Set(l), m = t.every((g) => l.has(g.id));
-      return t.forEach((g) => {
-        m ? a.delete(g.id) : a.add(g.id);
-      }), a;
+      const i = new Set(l), g = t.every((m) => l.has(m.id));
+      return t.forEach((m) => {
+        g ? i.delete(m.id) : i.add(m.id);
+      }), i;
     });
   };
-  if (!$e())
-    return /* @__PURE__ */ n.jsx(
+  if (!Ae())
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         style: {
@@ -731,7 +743,7 @@ const ce = [
       }
     );
   if (se && !I)
-    return /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ s.jsxs(
       "div",
       {
         className: "col-distributions-map col-distributions-map--collapsed",
@@ -747,8 +759,8 @@ const ce = [
           fontSize: 12
         },
         children: [
-          /* @__PURE__ */ n.jsx("span", { children: "No curated distribution data." }),
-          /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ s.jsx("span", { children: "No curated distribution data." }),
+          /* @__PURE__ */ s.jsx(
             "a",
             {
               role: "button",
@@ -764,15 +776,15 @@ const ce = [
         ]
       }
     );
-  const ot = ((Ce = i == null ? void 0 : i.name) == null ? void 0 : Ce.scientificName) || "This taxon";
-  return /* @__PURE__ */ n.jsxs(
+  const at = ((Re = a == null ? void 0 : a.name) == null ? void 0 : Re.scientificName) || "This taxon";
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
       className: "col-distributions-map",
       ref: h,
       style: { position: "relative" },
       children: [
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
             ref: d,
@@ -780,32 +792,32 @@ const ce = [
             style: { height: 360, width: "100%", background: "#f5f5f5" }
           }
         ),
-        /* @__PURE__ */ n.jsx(
-          Jt,
+        /* @__PURE__ */ s.jsx(
+          en,
           {
-            open: Ze,
-            onOpen: tt,
+            open: Je,
+            onOpen: nt,
             onClose: () => xe(!1),
-            focalName: ot,
-            focalReady: O,
+            focalName: at,
+            focalReady: D,
             focalVisible: U,
-            onToggleFocal: () => T((t) => !t),
+            onToggleFocal: () => q((t) => !t),
             gbifEnabled: !!c,
             gbifVisible: I,
             gbifAvailable: u,
-            onToggleGbif: Je,
+            onToggleGbif: Xe,
             descendantStatus: x.status,
-            descendantsByRank: nt,
-            descendantColors: q,
+            descendantsByRank: rt,
+            descendantColors: Y,
             visibleTaxonIds: _,
-            onToggleTaxon: rt,
-            onToggleRankGroup: st,
+            onToggleTaxon: st,
+            onToggleRankGroup: ot,
             onRetry: () => {
-              de.current = !1, N({ status: "idle", taxa: [] }), ke();
+              de.current = !1, $({ status: "idle", taxa: [] }), Ce();
             }
           }
         ),
-        !je && (Se.length > 0 || c && u !== !1 && I) && /* @__PURE__ */ n.jsxs(
+        !je && (Se.length > 0 || c && u !== !1 && I) && /* @__PURE__ */ s.jsxs(
           "div",
           {
             style: {
@@ -821,12 +833,12 @@ const ce = [
               lineHeight: 1.5
             },
             children: [
-              Se.map((t) => /* @__PURE__ */ n.jsxs(
+              Se.map((t) => /* @__PURE__ */ s.jsxs(
                 "div",
                 {
                   style: { display: "flex", alignItems: "center", gap: 6 },
                   children: [
-                    /* @__PURE__ */ n.jsx(
+                    /* @__PURE__ */ s.jsx(
                       "span",
                       {
                         style: {
@@ -839,17 +851,17 @@ const ce = [
                         }
                       }
                     ),
-                    /* @__PURE__ */ n.jsx("span", { children: t.label })
+                    /* @__PURE__ */ s.jsx("span", { children: t.label })
                   ]
                 },
                 t.key
               )),
-              c && u !== !1 && I && /* @__PURE__ */ n.jsx(Tt, {})
+              c && u !== !1 && I && /* @__PURE__ */ s.jsx(Jt, {})
             ]
           }
         ),
-        je && /* @__PURE__ */ n.jsx(
-          Ot,
+        je && /* @__PURE__ */ s.jsx(
+          Vt,
           {
             visibleGroups: ue.visibleGroups,
             unmappableGroups: ue.unmappableGroups,
@@ -859,11 +871,11 @@ const ce = [
       ]
     }
   );
-}, Jt = ({
+}, en = ({
   open: e,
-  onOpen: r,
-  onClose: s,
-  focalName: i,
+  onOpen: n,
+  onClose: r,
+  focalName: a,
   focalReady: o,
   focalVisible: c,
   onToggleFocal: u,
@@ -872,13 +884,13 @@ const ce = [
   gbifAvailable: h,
   onToggleGbif: p,
   descendantStatus: y,
-  descendantsByRank: B,
-  descendantColors: R,
+  descendantsByRank: M,
+  descendantColors: E,
   visibleTaxonIds: L,
-  onToggleTaxon: D,
-  onToggleRankGroup: M,
-  onRetry: G
-}) => e ? /* @__PURE__ */ n.jsxs(
+  onToggleTaxon: O,
+  onToggleRankGroup: G,
+  onRetry: N
+}) => e ? /* @__PURE__ */ s.jsxs(
   "div",
   {
     style: {
@@ -897,10 +909,10 @@ const ce = [
       overflowY: "auto",
       minWidth: 160
     },
-    onMouseLeave: s,
+    onMouseLeave: r,
     children: [
-      /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-        /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "checkbox",
@@ -909,9 +921,9 @@ const ce = [
             onChange: u
           }
         ),
-        /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: i })
+        /* @__PURE__ */ s.jsx("span", { style: { fontStyle: "italic" }, children: a })
       ] }),
-      f && /* @__PURE__ */ n.jsxs(
+      f && /* @__PURE__ */ s.jsxs(
         "div",
         {
           style: {
@@ -922,7 +934,7 @@ const ce = [
           },
           title: h === !1 ? "GBIF has no occurrence records for this taxon." : void 0,
           children: [
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ s.jsx(
               "input",
               {
                 type: "checkbox",
@@ -931,20 +943,20 @@ const ce = [
                 onChange: p
               }
             ),
-            /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
+            /* @__PURE__ */ s.jsx("span", { children: "GBIF occurrences" })
           ]
         }
       ),
-      y === "loading" && /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
-      y === "error" && /* @__PURE__ */ n.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
+      y === "loading" && /* @__PURE__ */ s.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
+      y === "error" && /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
         "Couldn't load descendants.",
         " ",
-        /* @__PURE__ */ n.jsx("a", { onClick: G, style: { cursor: "pointer" }, children: "Retry" })
+        /* @__PURE__ */ s.jsx("a", { onClick: N, style: { cursor: "pointer" }, children: "Retry" })
       ] }),
-      y === "ready" && B.map((S) => {
-        const E = S.taxa.every((v) => L.has(v.id)), O = S.taxa.some((v) => L.has(v.id));
-        return /* @__PURE__ */ n.jsxs("div", { style: { marginTop: 6 }, children: [
-          /* @__PURE__ */ n.jsxs(
+      y === "ready" && M.map((S) => {
+        const F = S.taxa.every((v) => L.has(v.id)), D = S.taxa.some((v) => L.has(v.id));
+        return /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 6 }, children: [
+          /* @__PURE__ */ s.jsxs(
             "label",
             {
               style: {
@@ -954,22 +966,22 @@ const ce = [
                 fontWeight: 600
               },
               children: [
-                /* @__PURE__ */ n.jsx(
+                /* @__PURE__ */ s.jsx(
                   "input",
                   {
                     type: "checkbox",
-                    checked: E,
+                    checked: F,
                     ref: (v) => {
-                      v && (v.indeterminate = !E && O);
+                      v && (v.indeterminate = !F && D);
                     },
-                    onChange: () => M(S.taxa)
+                    onChange: () => G(S.taxa)
                   }
                 ),
                 S.label
               ]
             }
           ),
-          /* @__PURE__ */ n.jsx("div", { style: { paddingLeft: 18 }, children: S.taxa.map((v) => /* @__PURE__ */ n.jsxs(
+          /* @__PURE__ */ s.jsx("div", { style: { paddingLeft: 18 }, children: S.taxa.map((v) => /* @__PURE__ */ s.jsxs(
             "label",
             {
               style: {
@@ -978,28 +990,28 @@ const ce = [
                 gap: 6
               },
               children: [
-                /* @__PURE__ */ n.jsx(
+                /* @__PURE__ */ s.jsx(
                   "input",
                   {
                     type: "checkbox",
                     checked: L.has(v.id),
-                    onChange: () => D(v.id)
+                    onChange: () => O(v.id)
                   }
                 ),
-                /* @__PURE__ */ n.jsx(
+                /* @__PURE__ */ s.jsx(
                   "span",
                   {
                     style: {
                       display: "inline-block",
                       width: 10,
                       height: 10,
-                      background: R[v.id],
+                      background: E[v.id],
                       border: "1px solid rgba(0,0,0,0.15)",
                       borderRadius: 2
                     }
                   }
                 ),
-                /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: qe(v.scientificName) })
+                /* @__PURE__ */ s.jsx("span", { style: { fontStyle: "italic" }, children: Ze(v.scientificName) })
               ]
             },
             v.id
@@ -1008,12 +1020,12 @@ const ce = [
       })
     ]
   }
-) : /* @__PURE__ */ n.jsx(
+) : /* @__PURE__ */ s.jsx(
   "button",
   {
     type: "button",
-    onClick: r,
-    onMouseEnter: r,
+    onClick: n,
+    onMouseEnter: n,
     title: "Layers",
     style: {
       position: "absolute",
@@ -1034,24 +1046,24 @@ const ce = [
     },
     children: "+"
   }
-), Xt = (e) => {
-  var r, s;
-  return ((r = e == null ? void 0 : e.area) == null ? void 0 : r.gazetteer) !== "text" && !!((s = e == null ? void 0 : e.area) != null && s.globalId);
-}, Ae = ({ datasetKey: e, data: r }) => {
-  const [s, i] = k({});
-  return A(() => {
+), tn = (e) => {
+  var n, r;
+  return ((n = e == null ? void 0 : e.area) == null ? void 0 : n.gazetteer) !== "text" && !!((r = e == null ? void 0 : e.area) != null && r.globalId);
+}, Pe = ({ datasetKey: e, data: n }) => {
+  const [r, a] = k({});
+  return P(() => {
     let o = !1;
-    for (let c = 0; c < r.length; c++)
-      if (r[c].gazetteer === "iso") {
+    for (let c = 0; c < n.length; c++)
+      if (n[c].gazetteer === "iso") {
         o = !0;
         break;
       }
-    o && re(`${P.dataApi}vocab/country`).then((c) => {
-      i(ut(c.data, "alpha3"));
+    o && re(`${R.dataApi}vocab/country`).then((c) => {
+      a(pt(c.data, "alpha3"));
     });
-  }, []), /* @__PURE__ */ n.jsx("div", { children: r.map((o, c) => /* @__PURE__ */ n.jsxs("span", { children: [
-    (o == null ? void 0 : o.merged) && /* @__PURE__ */ n.jsx(
-      mt,
+  }, []), /* @__PURE__ */ s.jsx("div", { children: n.map((o, c) => /* @__PURE__ */ s.jsxs("span", { children: [
+    (o == null ? void 0 : o.merged) && /* @__PURE__ */ s.jsx(
+      yt,
       {
         createdBy: o == null ? void 0 : o.createdBy,
         datasetKey: o.datasetKey,
@@ -1060,23 +1072,23 @@ const ce = [
         style: { marginRight: "4px" }
       }
     ),
-    (H(s, `[${H(o, "area.name")}].name`) ? pt(H(s, `[${H(o, "area.name")}].name`)) : null) || H(o, "area.name") || H(o, "area.globalId"),
+    (H(r, `[${H(o, "area.name")}].name`) ? ft(H(r, `[${H(o, "area.name")}].name`)) : null) || H(o, "area.name") || H(o, "area.globalId"),
     " ",
-    o.referenceId && /* @__PURE__ */ n.jsx(
-      jt,
+    o.referenceId && /* @__PURE__ */ s.jsx(
+      It,
       {
         datasetKey: e,
         referenceId: o.referenceId,
         placement: "bottom"
       }
     ),
-    c < r.length - 1 && ", "
+    c < n.length - 1 && ", "
   ] }, c)) });
-}, hn = ({
+}, yn = ({
   datasetKey: e,
-  data: r,
-  style: s,
-  showDistributionMap: i,
+  data: n,
+  style: r,
+  showDistributionMap: a,
   focalTaxon: o,
   rankOrder: c,
   gbifChecklistKey: u,
@@ -1084,15 +1096,15 @@ const ce = [
   label: d,
   md: h
 }) => {
-  const p = r.filter(Xt), y = r.length - p.length, B = !!u, R = r.length > 0, [L, D] = k("map"), [M, G] = k(0), [S, E] = k(null);
-  A(() => {
+  const p = n.filter(tn), y = n.length - p.length, M = !!u, E = n.length > 0, [L, O] = k("map"), [G, N] = k(0), [S, F] = k(null);
+  P(() => {
     if (!u || !(o != null && o.id)) {
-      E(null);
+      F(null);
       return;
     }
-    E(null);
+    F(null);
     let I = !1;
-    return ft.get(`${P.gbifApi}/v1/occurrence/search`, {
+    return ht.get(`${R.gbifApi}/v1/occurrence/search`, {
       params: {
         checklistKey: u,
         taxonKey: o.id,
@@ -1104,70 +1116,70 @@ const ce = [
     }).then(
       (z) => {
         var _;
-        I || E(((_ = z == null ? void 0 : z.data) == null ? void 0 : _.count) ?? 0);
+        I || F(((_ = z == null ? void 0 : z.data) == null ? void 0 : _.count) ?? 0);
       },
       () => {
-        I || E(null);
+        I || F(null);
       }
     ), () => {
       I = !0;
     };
   }, [u, o == null ? void 0 : o.id]);
-  const O = B ? S === null || S > 0 : !1, v = p.length > 0 && M >= p.length, x = i && (p.length > 0 || O) && !(p.length > 0 && v && !O);
-  if (!x && !R) return null;
-  const N = y + M, U = R;
-  let T;
+  const D = M ? S === null || S > 0 : !1, v = p.length > 0 && G >= p.length, x = a && (p.length > 0 || D) && !(p.length > 0 && v && !D);
+  if (!x && !E) return null;
+  const $ = y + G, U = E;
+  let q;
   if (!x)
-    T = /* @__PURE__ */ n.jsx(Ae, { datasetKey: e, data: r });
+    q = /* @__PURE__ */ s.jsx(Pe, { datasetKey: e, data: n });
   else {
     const I = U ? L : "map";
-    T = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      U ? /* @__PURE__ */ n.jsxs(
+    q = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      U ? /* @__PURE__ */ s.jsxs(
         fe.Group,
         {
           size: "small",
           value: I,
-          onChange: (z) => D(z.target.value),
+          onChange: (z) => O(z.target.value),
           style: { marginBottom: 8 },
           children: [
-            /* @__PURE__ */ n.jsx(fe.Button, { value: "map", children: "Map" }),
-            /* @__PURE__ */ n.jsx(fe.Button, { value: "list", children: "List" })
+            /* @__PURE__ */ s.jsx(fe.Button, { value: "map", children: "Map" }),
+            /* @__PURE__ */ s.jsx(fe.Button, { value: "list", children: "List" })
           ]
         }
       ) : (
         // Reserve the vertical space the Map/List toggle would occupy so the
         // map's top edge lines up with the "Distributions" label.
-        /* @__PURE__ */ n.jsx("div", { style: { height: 24, marginBottom: 8 } })
+        /* @__PURE__ */ s.jsx("div", { style: { height: 24, marginBottom: 8 } })
       ),
-      I === "map" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
-          Zt,
+      I === "map" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        /* @__PURE__ */ s.jsx(
+          Qt,
           {
             records: p,
-            onUnmappable: G,
+            onUnmappable: N,
             datasetKey: e,
             focalTaxon: o,
             rankOrder: c,
             gbifChecklistKey: u,
-            gbifAvailable: O,
+            gbifAvailable: D,
             basemapStyle: f
           }
         ),
-        U && N > 0 && /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ n.jsxs("a", { onClick: () => D("list"), style: { cursor: "pointer" }, children: [
+        U && $ > 0 && /* @__PURE__ */ s.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ s.jsxs("a", { onClick: () => O("list"), style: { cursor: "pointer" }, children: [
           "+",
-          N,
+          $,
           " distribution",
-          N === 1 ? "" : "s",
+          $ === 1 ? "" : "s",
           " not on map"
         ] }) })
-      ] }) : /* @__PURE__ */ n.jsx(Ae, { datasetKey: e, data: r })
+      ] }) : /* @__PURE__ */ s.jsx(Pe, { datasetKey: e, data: n })
     ] });
   }
-  const se = /* @__PURE__ */ n.jsx("div", { style: s, children: T });
-  return d ? /* @__PURE__ */ n.jsx(yt, { md: h, label: d, children: se }) : se;
+  const se = /* @__PURE__ */ s.jsx("div", { style: r, children: q });
+  return d ? /* @__PURE__ */ s.jsx(bt, { md: h, label: d, children: se }) : se;
 };
 export {
-  hn as D,
-  jt as R
+  yn as D,
+  It as R
 };
-//# sourceMappingURL=Distributions-Dwjo7KhA.js.map
+//# sourceMappingURL=Distributions-Czffme5Y.js.map