col-browser 2.2.1 → 2.2.2

package/es/chunks/{Distributions-CXIEJ6e6.js → Distributions-Cwl_75VG.js}

@@ -1,73 +1,74 @@
-var tt = Object.defineProperty;
-var nt = (e, n, r) => n in e ? tt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
-var Z = (e, n, r) => nt(e, typeof n != "symbol" ? n + "" : n, r);
+var et = Object.defineProperty;
+var tt = (e, n, r) => n in e ? et(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var X = (e, n, r) => tt(e, typeof n != "symbol" ? n + "" : n, r);
 import { j as s } from "./jsx-runtime-BzflLqGi.js";
 import * as Ne from "react";
-import rt, { useState as L, useRef as G, useMemo as ne, useEffect as N } from "react";
-import { Spin as st, Popover as ot, Radio as le } from "antd";
-import { isArray as we, get as $, keyBy as it, startCase as at } from "lodash-es";
-import { c as te, p as ct } from "./router-CssZk5qZ.js";
-import { c as A } from "./config-BPRXv9x8.js";
-import { E as lt } from "./ErrorMsg-K8k5PPTp.js";
-import { I as dt } from "./AntdIcon-B1nMlqyh.js";
-import { M as ut } from "./MergedDataBadge-DsTsn5Xu.js";
+import nt, { useState as w, useRef as M, useMemo as se, useEffect as $ } from "react";
+import { Spin as rt, Popover as st, Radio as ue } from "antd";
+import { isArray as Le, get as A, keyBy as ot, startCase as at } from "lodash-es";
+import { c as ne, p as it } from "./router-CssZk5qZ.js";
+import { c as P } from "./config-BPRXv9x8.js";
+import { E as ct } from "./ErrorMsg-K8k5PPTp.js";
+import { I as lt } from "./AntdIcon-B1nMlqyh.js";
+import { M as dt } from "./MergedDataBadge-DsTsn5Xu.js";
+import { P as ut } from "./PresentationItem-C4yZ555-.js";
 import D from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 import { r as pt, w as ft } from "./storage-BgdCo9fV.js";
 var ht = { 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 fe() {
-  return fe = Object.assign ? Object.assign.bind() : function(e) {
+function ge() {
+  return ge = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var r = arguments[n];
-      for (var i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (e[i] = r[i]);
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
     }
     return e;
-  }, fe.apply(this, arguments);
+  }, ge.apply(this, arguments);
 }
-const gt = (e, n) => /* @__PURE__ */ Ne.createElement(dt, fe({}, e, {
+const gt = (e, n) => /* @__PURE__ */ Ne.createElement(lt, ge({}, e, {
   ref: n,
   icon: ht
 })), _e = /* @__PURE__ */ Ne.forwardRef(gt);
 process.env.NODE_ENV !== "production" && (_e.displayName = "BookOutlined");
-class mt extends rt.Component {
+class mt extends nt.Component {
   constructor(r) {
     super(r);
-    Z(this, "getData", () => {
-      const { referenceId: r, datasetKey: i, references: o } = this.props;
+    X(this, "getData", () => {
+      const { referenceId: r, datasetKey: a, references: o } = this.props;
       if (r) {
-        const c = we(r) ? r : [r], f = [];
+        const c = Le(r) ? r : [r], f = [];
         this.setState({ loading: !0 }), Promise.allSettled(
           c.map(
-            (u) => $(o, u) ? Promise.resolve(f.push(o[u])) : te(
-              `${A.dataApi}dataset/${i}/reference/${u}`
-            ).then((a) => f.push(a.data)).catch((a) => this.setState({ error: a }))
+            (u) => A(o, u) ? Promise.resolve(f.push(o[u])) : ne(
+              `${P.dataApi}dataset/${a}/reference/${u}`
+            ).then((i) => f.push(i.data)).catch((i) => this.setState({ error: i }))
           )
         ).then(() => this.setState({ reference: f, loading: !1 }));
       }
     });
-    Z(this, "getContent", () => {
-      const { error: r, reference: i, loading: o } = this.state;
-      return o ? /* @__PURE__ */ s.jsx(st, {}) : r ? /* @__PURE__ */ s.jsx(lt, { error: r }) : i.length === 1 ? i[0].citation : /* @__PURE__ */ s.jsx("ul", { children: i.map((c) => /* @__PURE__ */ s.jsx("li", { children: c.citation }, c.id)) });
+    X(this, "getContent", () => {
+      const { error: r, reference: a, loading: o } = this.state;
+      return o ? /* @__PURE__ */ s.jsx(rt, {}) : r ? /* @__PURE__ */ s.jsx(ct, { 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)) });
     });
-    Z(this, "scrollToReference", (r, i) => {
-      const o = document.getElementById(`col-reference-${i}`);
+    X(this, "scrollToReference", (r, a) => {
+      const o = document.getElementById(`col-reference-${a}`);
       o && (r.preventDefault(), o.scrollIntoView({ behavior: "smooth", block: "start" }));
     });
-    Z(this, "render", () => {
-      const { referenceId: r, referenceIndexMap: i, trigger: o } = this.props, c = we(r) ? r : [r];
-      let f = i && $(i, c[0]) ? c.map((u) => /* @__PURE__ */ s.jsx(
+    X(this, "render", () => {
+      const { referenceId: r, referenceIndexMap: a, trigger: o } = this.props, c = Le(r) ? r : [r];
+      let f = a && A(a, c[0]) ? c.map((u) => /* @__PURE__ */ s.jsx(
         "a",
         {
           className: "col-reference-link",
           href: `#col-reference-${u}`,
-          onClick: (a) => this.scrollToReference(a, u),
-          children: `[${i[u]}]`
+          onClick: (i) => this.scrollToReference(i, u),
+          children: `[${a[u]}]`
         },
         u
       )) : /* @__PURE__ */ s.jsx(_e, { style: { cursor: "pointer" } });
       return r ? /* @__PURE__ */ s.jsx("div", { id: `reference_${r}`, style: this.props.style, children: /* @__PURE__ */ s.jsx(
-        ot,
+        st,
         {
           getPopupContainer: () => document.getElementById(`reference_${r}`),
           placement: this.props.placement || "left",
@@ -86,7 +87,7 @@ class mt extends rt.Component {
     };
   }
 }
-const se = [
+const ae = [
   "subspecies",
   "variety",
   "subvariety",
@@ -95,68 +96,68 @@ const se = [
   "infraspecific name"
 ], $e = (e, n) => {
   const r = n.indexOf(e);
-  return r === -1 ? [] : se.filter((i) => n.indexOf(i) > r);
+  return r === -1 ? [] : ae.filter((a) => n.indexOf(a) > r);
 }, yt = 16, bt = (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);
 }, xt = async (e, n, r) => {
-  const i = new Array(e.length);
+  const a = new Array(e.length);
   let o = 0;
   const c = Array.from({ length: Math.min(r, e.length) }, async () => {
     for (; ; ) {
       const f = o++;
       if (f >= e.length) return;
-      i[f] = await n(e[f], f);
+      a[f] = await n(e[f], f);
     }
   });
-  return await Promise.all(c), i;
+  return await Promise.all(c), a;
 }, vt = async (e, n, r) => {
   var u;
   if (r.length === 0) return [];
-  const i = new URLSearchParams();
-  i.append("TAXON_ID", n), r.forEach((a) => i.append("rank", a)), ["accepted", "provisionally accepted"].forEach(
-    (a) => i.append("status", a)
-  ), i.append("limit", "1000");
-  const o = `${A.dataApi}dataset/${e}/nameusage/search?${i}`, c = await te(o);
-  return (((u = c == null ? void 0 : c.data) == null ? void 0 : u.result) || []).filter((a) => {
+  const a = new URLSearchParams();
+  a.append("TAXON_ID", n), r.forEach((i) => a.append("rank", i)), ["accepted", "provisionally accepted"].forEach(
+    (i) => a.append("status", i)
+  ), a.append("limit", "1000");
+  const o = `${P.dataApi}dataset/${e}/nameusage/search?${a}`, c = await ne(o);
+  return (((u = c == null ? void 0 : c.data) == null ? void 0 : u.result) || []).filter((i) => {
     var p;
-    return (p = a == null ? void 0 : a.usage) == null ? void 0 : p.id;
-  }).map((a) => {
-    var p, w, j, k, C, S;
+    return (p = i == null ? void 0 : i.usage) == null ? void 0 : p.id;
+  }).map((i) => {
+    var p, L, S, k, C, j;
     return {
-      id: a.usage.id,
-      scientificName: ((w = (p = a.usage) == null ? void 0 : p.name) == null ? void 0 : w.scientificName) || ((j = a.usage) == null ? void 0 : j.label) || a.usage.id,
-      rank: (C = (k = a.usage) == null ? void 0 : k.name) == null ? void 0 : C.rank,
-      parentId: (S = a.usage) == null ? void 0 : S.parentId
+      id: i.usage.id,
+      scientificName: ((L = (p = i.usage) == null ? void 0 : p.name) == null ? void 0 : L.scientificName) || ((S = i.usage) == null ? void 0 : S.label) || i.usage.id,
+      rank: (C = (k = i.usage) == null ? void 0 : k.name) == null ? void 0 : C.rank,
+      parentId: (j = i.usage) == null ? void 0 : j.parentId
     };
   });
-}, jt = async (e, n) => {
-  const r = `${A.dataApi}dataset/${e}/taxon/${encodeURIComponent(n)}/distribution`;
+}, St = async (e, n) => {
+  const r = `${P.dataApi}dataset/${e}/taxon/${encodeURIComponent(n)}/distribution`;
   try {
-    const i = await te(r);
-    return Array.isArray(i == null ? void 0 : i.data) ? i.data : [];
+    const a = await ne(r);
+    return Array.isArray(a == null ? void 0 : a.data) ? a.data : [];
   } catch {
     return [];
   }
-}, St = async ({ datasetKey: e, focalTaxon: n, rankOrder: r }) => {
-  var a;
-  const i = $e((a = n == null ? void 0 : n.name) == null ? void 0 : a.rank, r);
+}, jt = async ({ datasetKey: e, focalTaxon: n, rankOrder: r }) => {
+  var i;
+  const a = $e((i = n == null ? void 0 : n.name) == null ? void 0 : i.rank, r);
   let o = !1, c = [];
   try {
-    c = await vt(e, n.id, i);
+    c = await vt(e, n.id, a);
   } catch {
     return o = !0, { taxa: [], descendantsFailed: o };
   }
   const f = await xt(
     c,
-    (p) => jt(e, p.id),
+    (p) => St(e, p.id),
     yt
   );
-  return { taxa: c.map((p, w) => {
-    const j = f[w] || [];
-    return { ...p, distributions: j, mappable: j.filter(bt) };
+  return { taxa: c.map((p, L) => {
+    const S = f[L] || [];
+    return { ...p, distributions: S, mappable: S.filter(bt) };
   }), descendantsFailed: o };
-}, Le = [
+}, ke = [
   "#E58606",
   "#5D69B1",
   "#52BCA3",
@@ -169,17 +170,17 @@ const se = [
   "#ED645A",
   "#CC3A8E",
   "#A5AA99"
-], ke = (e, n) => {
+], Ce = (e, n) => {
   const r = n.indexOf(e);
   return r === -1 ? n.length : r;
 }, It = (e, n) => {
   const r = [...e].sort((o, c) => {
-    const f = ke(o.rank, n), u = ke(c.rank, n);
+    const f = Ce(o.rank, n), u = Ce(c.rank, n);
     return f !== u ? f - u : o.scientificName.localeCompare(c.scientificName);
-  }), i = {};
+  }), a = {};
   return r.forEach((o, c) => {
-    i[o.id] = Le[c % Le.length];
-  }), i;
+    a[o.id] = ke[c % ke.length];
+  }), a;
 }, wt = {
   position: "absolute",
   bottom: 8,
@@ -233,7 +234,7 @@ const se = [
 }, Ft = {
   fontStyle: "italic",
   paddingLeft: 4
-}, Ce = (e) => e.reduce((n, r) => n + r.taxa.length, 0), Gt = () => /* @__PURE__ */ s.jsxs("div", { style: Pe, children: [
+}, Re = (e) => e.reduce((n, r) => n + r.taxa.length, 0), Gt = () => /* @__PURE__ */ s.jsxs("div", { style: Pe, children: [
   /* @__PURE__ */ s.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(
     "polygon",
     {
@@ -245,11 +246,11 @@ const se = [
   ) }),
   /* @__PURE__ */ s.jsx("span", { children: "GBIF occurrences" })
 ] }), Mt = ({ visibleGroups: e, unmappableGroups: n, showGbif: r }) => {
-  const [i, o] = L(!1), c = Ce(e), f = Ce(n);
+  const [a, o] = w(!1), c = Re(e), f = Re(n);
   return c === 0 && f === 0 && !r ? null : /* @__PURE__ */ s.jsxs("div", { style: wt, children: [
     /* @__PURE__ */ s.jsxs("div", { style: Lt, children: [
-      e.map((u, a) => /* @__PURE__ */ s.jsxs("div", { children: [
-        /* @__PURE__ */ s.jsx("div", { style: a === 0 ? kt : Ae, children: u.label }),
+      e.map((u, i) => /* @__PURE__ */ s.jsxs("div", { children: [
+        /* @__PURE__ */ s.jsx("div", { style: i === 0 ? kt : Ae, children: u.label }),
         u.taxa.map((p) => /* @__PURE__ */ s.jsxs("div", { style: Pe, children: [
           /* @__PURE__ */ s.jsx("span", { style: Ct(p.color) }),
           /* @__PURE__ */ s.jsx("span", { style: { fontStyle: "italic" }, children: p.displayName || p.scientificName })
@@ -264,18 +265,18 @@ const se = [
           style: Rt,
           onClick: () => o((u) => !u),
           children: [
-            i ? "− Hide" : "+",
+            a ? "− Hide" : "+",
             " ",
             f,
             " without map data"
           ]
         }
       ),
-      i && /* @__PURE__ */ s.jsx("div", { style: Et, children: n.map((u, a) => /* @__PURE__ */ s.jsxs("div", { children: [
+      a && /* @__PURE__ */ s.jsx("div", { style: Et, children: n.map((u, i) => /* @__PURE__ */ s.jsxs("div", { children: [
         /* @__PURE__ */ s.jsx(
           "div",
           {
-            style: a === 0 ? Bt : Oe,
+            style: i === 0 ? Bt : Oe,
             children: u.label
           }
         ),
@@ -304,42 +305,42 @@ const se = [
   { key: "uncertain", label: "Uncertain", color: "#8BE0A4" }
 ], ze = Object.fromEntries(
   De.map((e) => [e.key, e.color])
-), oe = "#66C5CC", _t = (e) => String(e || "").toLowerCase().replace(/[^a-z]/g, ""), He = (e) => {
+), ie = "#66C5CC", _t = (e) => String(e || "").toLowerCase().replace(/[^a-z]/g, ""), He = (e) => {
   const n = e == null ? void 0 : e.establishmentMeans;
   if (n == null || n === "") return null;
   const r = _t(n);
   return ze[r] ? r : "uncertain";
 }, $t = (e) => {
   const n = He(e);
-  return n == null ? oe : ze[n];
-}, At = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json", Ve = "gbif-visible", Pt = (e) => pt(Ve, e), Re = (e) => ft(Ve, e), Ot = "/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}", X = "col-focal-distributions", U = "col-focal-fill", de = "col-focal-line", re = "col-gbif-occurrences", M = "col-gbif-occurrences", ue = (e) => `col-descendant-${e}`, J = (e) => `col-descendant-fill-${e}`, Q = (e) => `col-descendant-line-${e}`, pe = /* @__PURE__ */ new Map(), Ee = (e, n) => {
+  return n == null ? ie : ze[n];
+}, At = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json", Ve = "gbif-visible", Pt = (e) => pt(Ve, e), Ee = (e) => ft(Ve, e), Ot = "/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}", J = "col-focal-distributions", W = "col-focal-fill", pe = "col-focal-line", oe = "col-gbif-occurrences", _ = "col-gbif-occurrences", fe = (e) => `col-descendant-${e}`, Q = (e) => `col-descendant-fill-${e}`, ee = (e) => `col-descendant-line-${e}`, he = /* @__PURE__ */ new Map(), Be = (e, n) => {
   const r = `${e}:${n}`;
-  if (pe.has(r)) return pe.get(r);
-  const i = `${A.dataApi}vocab/area/${r}`, o = te(i, {
+  if (he.has(r)) return he.get(r);
+  const a = `${P.dataApi}vocab/area/${r}`, o = ne(a, {
     headers: { Accept: "application/geo+json" }
   }).then(
     (c) => c.data,
     () => null
   );
-  return pe.set(r, o), o;
-}, ee = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Ue = (e) => {
-  var i, o;
-  const n = ((i = e == null ? void 0 : e.area) == null ? void 0 : i.name) || ((o = e == null ? void 0 : e.area) == null ? void 0 : o.globalId) || "", r = Nt.map((c) => [c, e == null ? void 0 : e[c]]).filter(([, c]) => c != null && c !== "").map(
-    ([c, f]) => `<div><strong>${ee(c)}:</strong> ${ee(f)}</div>`
+  return he.set(r, o), o;
+}, te = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Ue = (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 = Nt.map((c) => [c, e == null ? void 0 : e[c]]).filter(([, c]) => c != null && c !== "").map(
+    ([c, f]) => `<div><strong>${te(c)}:</strong> ${te(f)}</div>`
   ).join("");
-  return `<div style="min-width:180px"><div style="font-weight:600;margin-bottom:4px">${ee(
+  return `<div style="min-width:180px"><div style="font-weight:600;margin-bottom:4px">${te(
     n
   )}</div>${r}</div>`;
-}, Dt = (e, n) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${ee(
+}, Dt = (e, n) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${te(
   e.scientificName
-)}</div><div style="color:#888;margin-bottom:4px">${ee(e.rank || "")}</div>` + Ue(n), zt = {
+)}</div><div style="color:#888;margin-bottom:4px">${te(e.rank || "")}</div>` + Ue(n), zt = {
   subspecies: "subspecies",
   variety: "varieties",
   subvariety: "subvarieties",
   form: "forms",
   subform: "subforms",
   "infraspecific name": "infraspecific names"
-}, Be = (e) => zt[e] || e, We = (e) => {
+}, Fe = (e) => zt[e] || e, We = (e) => {
   if (!e) return "";
   const n = e.trim().split(/\s+/);
   return n[n.length - 1];
@@ -356,30 +357,30 @@ const se = [
   /* @__PURE__ */ s.jsx("span", { children: "GBIF occurrences" })
 ] }), Vt = (e) => {
   var f;
-  let n = 1 / 0, r = 1 / 0, i = -1 / 0, o = -1 / 0;
+  let n = 1 / 0, r = 1 / 0, a = -1 / 0, o = -1 / 0;
   const c = (u) => {
     if (typeof u[0] == "number") {
-      const [a, p] = u;
-      a < n && (n = a), a > i && (i = a), p < r && (r = p), p > o && (o = p);
+      const [i, p] = u;
+      i < n && (n = i), i > a && (a = i), p < r && (r = p), p > o && (o = p);
     } else
-      for (let a = 0; a < u.length; a++) c(u[a]);
+      for (let i = 0; i < u.length; i++) c(u[i]);
   };
   for (let u = 0; u < e.length; u++) {
-    const a = (f = e[u]) == null ? void 0 : f.geometry;
-    a != null && a.coordinates && c(a.coordinates);
+    const i = (f = e[u]) == null ? void 0 : f.geometry;
+    i != null && i.coordinates && c(i.coordinates);
   }
   return n === 1 / 0 ? null : [
     [n, r],
-    [i, o]
+    [a, o]
   ];
-}, Fe = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Ge = () => {
+}, Ge = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Me = () => {
   var e;
   return typeof ((e = D) == null ? void 0 : e.supported) == "function" ? D.supported() : typeof WebGLRenderingContext < "u";
 }, Ut = ({
   records: e,
   onUnmappable: n,
   datasetKey: r,
-  focalTaxon: i,
+  focalTaxon: a,
   rankOrder: o,
   gbifChecklistKey: c,
   // true | null → show GBIF layer; false → GBIF API returned 0 occurrences,
@@ -387,57 +388,57 @@ const se = [
   // component works without the count check.
   gbifAvailable: f = !0
 }) => {
-  var Ie;
-  const u = G(null), a = G(null), p = G(null), w = G(/* @__PURE__ */ new Map()), j = G(/* @__PURE__ */ new Map()), k = G(/* @__PURE__ */ new Map()), C = G(!1), S = G(!1), R = G(/* @__PURE__ */ new Set()), [I, P] = L(!1), [E, _] = L(!1), [y, m] = L({
+  var we;
+  const u = M(null), i = M(null), p = M(null), L = M(/* @__PURE__ */ new Map()), S = M(/* @__PURE__ */ new Map()), k = M(/* @__PURE__ */ new Map()), C = M(!1), j = M(!1), E = M(/* @__PURE__ */ new Set()), [B, z] = w(!1), [I, N] = w(!1), [b, m] = w({
     status: "idle",
     // idle | loading | ready | empty | error
     taxa: []
-  }), [z, O] = L(!0), W = !!c && (!e || e.length === 0), [B, he] = L(
+  }), [O, K] = w(!0), me = !!c && (!e || e.length === 0), [F, T] = w(
     () => Pt(!0)
-  ), [K, ge] = L(/* @__PURE__ */ new Set()), [Ke, me] = L(!1), ie = G(!1), Te = () => {
-    he((t) => {
+  ), [R, H] = w(/* @__PURE__ */ new Set()), [re, ye] = w(!1), ce = M(!1), Ke = () => {
+    T((t) => {
       const d = !t;
-      return Re(d), d;
+      return Ee(d), d;
     });
-  }, ye = () => {
-    he(!0), Re(!0);
-  }, be = ne(() => {
+  }, be = () => {
+    T(!0), Ee(!0);
+  }, xe = se(() => {
     if (!(e != null && e.length)) return [];
     const t = /* @__PURE__ */ new Set();
     return e.forEach((d) => {
       const l = He(d);
       l != null && t.add(l);
     }), De.filter((d) => t.has(d.key));
-  }, [e]), T = ne(() => y.status !== "ready" ? {} : It(
-    y.taxa.filter((t) => t.mappable.length > 0),
+  }, [e]), Y = se(() => b.status !== "ready" ? {} : It(
+    b.taxa.filter((t) => t.mappable.length > 0),
     o || []
-  ), [y, o]), ae = ne(() => {
-    if (y.status !== "ready")
+  ), [b, o]), le = se(() => {
+    if (b.status !== "ready")
       return { visibleGroups: [], unmappableGroups: [] };
     const t = (h) => ({
       ...h,
-      color: T[h.id],
+      color: Y[h.id],
       displayName: We(h.scientificName)
     }), d = (h) => {
       const x = {};
-      return h.forEach((b) => {
-        (x[b.rank] = x[b.rank] || []).push(t(b));
-      }), se.filter((b) => x[b]).map((b) => ({
-        rank: b,
-        label: Be(b),
-        taxa: x[b]
+      return h.forEach((y) => {
+        (x[y.rank] = x[y.rank] || []).push(t(y));
+      }), ae.filter((y) => x[y]).map((y) => ({
+        rank: y,
+        label: Fe(y),
+        taxa: x[y]
       }));
     }, l = d(
-      y.taxa.filter(
-        (h) => h.mappable.length > 0 && K.has(h.id)
+      b.taxa.filter(
+        (h) => h.mappable.length > 0 && R.has(h.id)
       )
     ), g = d(
-      y.taxa.filter((h) => h.mappable.length === 0)
+      b.taxa.filter((h) => h.mappable.length === 0)
     );
     return { visibleGroups: l, unmappableGroups: g };
-  }, [y, T, K]), xe = ae.visibleGroups.length > 0;
-  N(() => {
-    if (!u.current || a.current || !Ge()) return;
+  }, [b, Y, R]), ve = le.visibleGroups.length > 0;
+  $(() => {
+    if (!u.current || i.current || !Me()) return;
     const t = new D.Map({
       container: u.current,
       style: At,
@@ -453,23 +454,23 @@ const se = [
     ), t.addControl(
       new D.NavigationControl({ showCompass: !1 }),
       "top-left"
-    ), a.current = t, t.on("load", () => {
-      P(!0);
+    ), i.current = t, t.on("load", () => {
+      z(!0);
       const l = t.getContainer().querySelector(".maplibregl-ctrl-attrib");
       l && l.classList.remove("maplibregl-compact-show");
     });
     const d = typeof ResizeObserver < "u" ? new ResizeObserver(() => t.resize()) : null;
     return d && d.observe(u.current), () => {
-      d && d.disconnect(), p.current && (p.current.remove(), p.current = null), t.remove(), a.current = null, C.current = !1, S.current = !1, R.current = /* @__PURE__ */ new Set();
+      d && d.disconnect(), p.current && (p.current.remove(), p.current = null), t.remove(), i.current = null, C.current = !1, j.current = !1, E.current = /* @__PURE__ */ new Set();
     };
-  }, []), N(() => {
-    if (!I || !(e != null && e.length)) return;
-    const t = a.current;
+  }, []), $(() => {
+    if (!B || !(e != null && e.length)) return;
+    const t = i.current;
     if (!t) return;
     let d = !1;
-    return _(!1), Promise.allSettled(
+    return N(!1), Promise.allSettled(
       e.map(
-        (l) => Ee(l.area.gazetteer, l.area.id).then((g) => ({
+        (l) => Be(l.area.gazetteer, l.area.id).then((g) => ({
           record: l,
           geojson: g
         }))
@@ -478,182 +479,182 @@ const se = [
       if (d) return;
       const g = [], h = /* @__PURE__ */ new Map();
       let x = 0;
-      l.forEach((v, F) => {
+      l.forEach((v, G) => {
         if (v.status !== "fulfilled" || !v.value.geojson) {
           x += 1;
           return;
         }
-        const { record: H, geojson: V } = v.value, ce = $t(H), Y = `focal-${F}`;
-        h.set(Y, H), Fe(V).forEach((q) => {
+        const { record: V, geojson: U } = v.value, de = $t(V), q = `focal-${G}`;
+        h.set(q, V), Ge(U).forEach((Z) => {
           g.push({
-            ...q,
+            ...Z,
             properties: {
-              ...q.properties || {},
-              _recordKey: Y,
-              _color: ce
+              ...Z.properties || {},
+              _recordKey: q,
+              _color: de
             }
           });
         });
-      }), w.current = h;
-      const b = { type: "FeatureCollection", features: g };
-      if (t.getSource(X))
-        t.getSource(X).setData(b);
+      }), L.current = h;
+      const y = { type: "FeatureCollection", features: g };
+      if (t.getSource(J))
+        t.getSource(J).setData(y);
       else {
-        const v = t.getLayer(M) ? M : void 0;
-        t.addSource(X, { type: "geojson", data: b }), t.addLayer(
+        const v = t.getLayer(_) ? _ : void 0;
+        t.addSource(J, { type: "geojson", data: y }), t.addLayer(
           {
-            id: U,
+            id: W,
             type: "fill",
-            source: X,
+            source: J,
             paint: {
-              "fill-color": ["coalesce", ["get", "_color"], oe],
+              "fill-color": ["coalesce", ["get", "_color"], ie],
               "fill-opacity": 0.65
             }
           },
           v
         ), t.addLayer(
           {
-            id: de,
+            id: pe,
             type: "line",
-            source: X,
+            source: J,
             paint: {
-              "line-color": ["coalesce", ["get", "_color"], oe],
+              "line-color": ["coalesce", ["get", "_color"], ie],
               "line-width": 1
             }
           },
           v
-        ), t.on("click", U, Ye), t.on("mouseenter", U, ve), t.on("mouseleave", U, je), C.current = !0;
+        ), t.on("click", W, Te), t.on("mouseenter", W, Se), t.on("mouseleave", W, je), C.current = !0;
       }
       if (g.length > 0) {
         const v = Vt(g);
         v && t.fitBounds(v, { padding: 20, animate: !1 });
       }
-      typeof n == "function" && n(x), _(!0);
+      typeof n == "function" && n(x), N(!0);
     }), () => {
       d = !0;
     };
-  }, [I, e]);
-  const Ye = (t) => {
-    var x, b;
-    const d = a.current;
+  }, [B, e]);
+  const Te = (t) => {
+    var x, y;
+    const d = i.current;
     if (!d) return;
-    const l = (x = t.features) == null ? void 0 : x[0], g = (b = l == null ? void 0 : l.properties) == null ? void 0 : b._recordKey, h = g ? w.current.get(g) : null;
+    const l = (x = t.features) == null ? void 0 : x[0], g = (y = l == null ? void 0 : l.properties) == null ? void 0 : y._recordKey, h = g ? L.current.get(g) : null;
     h && (p.current && p.current.remove(), p.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Ue(h)).addTo(d));
-  }, ve = () => {
-    const t = a.current;
+  }, Se = () => {
+    const t = i.current;
     t && (t.getCanvas().style.cursor = "pointer");
   }, je = () => {
-    const t = a.current;
+    const t = i.current;
     t && (t.getCanvas().style.cursor = "");
   };
-  N(() => {
-    const t = a.current;
+  $(() => {
+    const t = i.current;
     if (!t || !C.current) return;
-    const d = z ? "visible" : "none";
-    t.getLayer(U) && t.setLayoutProperty(U, "visibility", d), t.getLayer(de) && t.setLayoutProperty(de, "visibility", d);
-  }, [z, E]), N(() => {
-    if (!I) return;
-    const t = a.current;
+    const d = O ? "visible" : "none";
+    t.getLayer(W) && t.setLayoutProperty(W, "visibility", d), t.getLayer(pe) && t.setLayoutProperty(pe, "visibility", d);
+  }, [O, I]), $(() => {
+    if (!B) return;
+    const t = i.current;
     if (!t || ((() => {
-      t.getLayer(M) && t.removeLayer(M), t.getSource(re) && t.removeSource(re), S.current = !1;
-    })(), !c || !(i != null && i.id)) || f === !1) return;
-    const l = (A.gbifApi + Ot).replace("{checklistKey}", encodeURIComponent(c)).replace("{taxonKey}", encodeURIComponent(i.id)), g = A.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(c) + "&taxon_key=" + encodeURIComponent(i.id);
-    t.addSource(re, {
+      t.getLayer(_) && t.removeLayer(_), t.getSource(oe) && t.removeSource(oe), j.current = !1;
+    })(), !c || !(a != null && a.id)) || f === !1) return;
+    const l = (P.gbifApi + Ot).replace("{checklistKey}", encodeURIComponent(c)).replace("{taxonKey}", encodeURIComponent(a.id)), g = P.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(c) + "&taxon_key=" + encodeURIComponent(a.id);
+    t.addSource(oe, {
       type: "raster",
       tiles: [l],
       tileSize: 256,
       attribution: '<a href="' + g + '" target="_blank" rel="noopener">GBIF</a> occurrence data'
     }), t.addLayer({
-      id: M,
+      id: _,
       type: "raster",
-      source: re,
+      source: oe,
       paint: { "raster-opacity": 0.9 },
-      layout: { visibility: B ? "visible" : "none" }
-    }), S.current = !0;
-  }, [I, c, i == null ? void 0 : i.id, f]), N(() => {
-    const t = a.current;
-    if (!t || !S.current) return;
-    const d = B ? "visible" : "none";
-    t.getLayer(M) && t.setLayoutProperty(M, "visibility", d);
-  }, [B]), N(() => {
-    if (!I) return;
-    const t = a.current;
-    if (!t || (R.current.forEach((l) => {
-      t.getLayer(J(l)) && t.removeLayer(J(l)), t.getLayer(Q(l)) && t.removeLayer(Q(l)), t.getSource(ue(l)) && t.removeSource(ue(l));
-    }), R.current = /* @__PURE__ */ new Set(), j.current = /* @__PURE__ */ new Map(), k.current = /* @__PURE__ */ new Map(), y.status !== "ready")) return;
-    const d = T;
-    y.taxa.forEach((l) => {
-      l.mappable.length !== 0 && (j.current.set(l.id, l), Promise.allSettled(
+      layout: { visibility: F ? "visible" : "none" }
+    }), j.current = !0;
+  }, [B, c, a == null ? void 0 : a.id, f]), $(() => {
+    const t = i.current;
+    if (!t || !j.current) return;
+    const d = F ? "visible" : "none";
+    t.getLayer(_) && t.setLayoutProperty(_, "visibility", d);
+  }, [F]), $(() => {
+    if (!B) return;
+    const t = i.current;
+    if (!t || (E.current.forEach((l) => {
+      t.getLayer(Q(l)) && t.removeLayer(Q(l)), t.getLayer(ee(l)) && t.removeLayer(ee(l)), t.getSource(fe(l)) && t.removeSource(fe(l));
+    }), E.current = /* @__PURE__ */ new Set(), S.current = /* @__PURE__ */ new Map(), k.current = /* @__PURE__ */ new Map(), b.status !== "ready")) return;
+    const d = Y;
+    b.taxa.forEach((l) => {
+      l.mappable.length !== 0 && (S.current.set(l.id, l), Promise.allSettled(
         l.mappable.map(
-          (g) => Ee(g.area.gazetteer, g.area.id).then((h) => ({
+          (g) => Be(g.area.gazetteer, g.area.id).then((h) => ({
             record: g,
             geojson: h
           }))
         )
       ).then((g) => {
-        if (!a.current) return;
+        if (!i.current) return;
         const h = [];
-        g.forEach((F, H) => {
-          if (F.status !== "fulfilled" || !F.value.geojson) return;
-          const { record: V, geojson: ce } = F.value, Y = `desc-${l.id}-${H}`;
-          k.current.set(Y, { taxon: l, record: V }), Fe(ce).forEach((q) => {
+        g.forEach((G, V) => {
+          if (G.status !== "fulfilled" || !G.value.geojson) return;
+          const { record: U, geojson: de } = G.value, q = `desc-${l.id}-${V}`;
+          k.current.set(q, { taxon: l, record: U }), Ge(de).forEach((Z) => {
             h.push({
-              ...q,
+              ...Z,
               properties: {
-                ...q.properties || {},
-                _recordKey: Y
+                ...Z.properties || {},
+                _recordKey: q
               }
             });
           });
         });
-        const x = d[l.id] || oe, b = { type: "FeatureCollection", features: h }, v = ue(l.id);
-        if (a.current.getSource(v))
-          a.current.getSource(v).setData(b);
+        const x = d[l.id] || ie, y = { type: "FeatureCollection", features: h }, v = fe(l.id);
+        if (i.current.getSource(v))
+          i.current.getSource(v).setData(y);
         else {
-          a.current.addSource(v, { type: "geojson", data: b });
-          const F = J(l.id), H = Q(l.id), V = a.current.getLayer(M) ? M : void 0;
-          a.current.addLayer(
+          i.current.addSource(v, { type: "geojson", data: y });
+          const G = Q(l.id), V = ee(l.id), U = i.current.getLayer(_) ? _ : void 0;
+          i.current.addLayer(
             {
-              id: F,
+              id: G,
               type: "fill",
               source: v,
               paint: { "fill-color": x, "fill-opacity": 0.55 },
               layout: { visibility: "none" }
             },
-            V
-          ), a.current.addLayer(
+            U
+          ), i.current.addLayer(
             {
-              id: H,
+              id: V,
               type: "line",
               source: v,
               paint: { "line-color": x, "line-width": 2 },
               layout: { visibility: "none" }
             },
-            V
-          ), a.current.on("click", F, qe), a.current.on("mouseenter", F, ve), a.current.on("mouseleave", F, je), R.current.add(l.id);
+            U
+          ), i.current.on("click", G, Ye), i.current.on("mouseenter", G, Se), i.current.on("mouseleave", G, je), E.current.add(l.id);
         }
       }));
     });
-  }, [I, y, T]);
-  const qe = (t) => {
-    var x, b;
-    const d = a.current;
+  }, [B, b, Y]);
+  const Ye = (t) => {
+    var x, y;
+    const d = i.current;
     if (!d) return;
-    const l = (x = t.features) == null ? void 0 : x[0], g = (b = l == null ? void 0 : l.properties) == null ? void 0 : b._recordKey, h = g ? k.current.get(g) : null;
+    const l = (x = t.features) == null ? void 0 : x[0], g = (y = l == null ? void 0 : l.properties) == null ? void 0 : y._recordKey, h = g ? k.current.get(g) : null;
     h && (p.current && p.current.remove(), p.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Dt(h.taxon, h.record)).addTo(d));
   };
-  N(() => {
-    const t = a.current;
-    t && R.current.forEach((d) => {
-      const l = K.has(d) ? "visible" : "none";
-      t.getLayer(J(d)) && t.setLayoutProperty(J(d), "visibility", l), t.getLayer(Q(d)) && t.setLayoutProperty(Q(d), "visibility", l);
+  $(() => {
+    const t = i.current;
+    t && E.current.forEach((d) => {
+      const l = R.has(d) ? "visible" : "none";
+      t.getLayer(Q(d)) && t.setLayoutProperty(Q(d), "visibility", l), t.getLayer(ee(d)) && t.setLayoutProperty(ee(d), "visibility", l);
     });
-  }, [K, y]);
-  const Se = () => {
+  }, [R, b]);
+  const Ie = () => {
     var l;
-    if (ie.current || !r || !i || !o) return;
-    const t = (l = i == null ? void 0 : i.name) == null ? void 0 : l.rank;
-    !t || t !== "species" && !se.includes(t) || $e(t, o).length === 0 || (ie.current = !0, m({ status: "loading", taxa: [] }), St({ datasetKey: r, focalTaxon: i, rankOrder: o }).then(
+    if (ce.current || !r || !a || !o) return;
+    const t = (l = a == null ? void 0 : a.name) == null ? void 0 : l.rank;
+    !t || t !== "species" && !ae.includes(t) || $e(t, o).length === 0 || (ce.current = !0, m({ status: "loading", taxa: [] }), jt({ datasetKey: r, focalTaxon: a, rankOrder: o }).then(
       ({ taxa: g, descendantsFailed: h }) => {
         if (h) {
           m({ status: "error", taxa: [] });
@@ -666,34 +667,34 @@ const se = [
         m({ status: "ready", taxa: g });
       }
     ));
-  }, Ze = () => {
-    me(!0), Se();
-  }, Xe = ne(() => {
-    if (y.status !== "ready") return [];
+  }, qe = () => {
+    ye(!0), Ie();
+  }, Ze = se(() => {
+    if (b.status !== "ready") return [];
     const t = {};
-    return y.taxa.filter((d) => d.mappable.length > 0).forEach((d) => {
+    return b.taxa.filter((d) => d.mappable.length > 0).forEach((d) => {
       (t[d.rank] = t[d.rank] || []).push(d);
-    }), se.filter((d) => t[d]).map((d) => ({
+    }), ae.filter((d) => t[d]).map((d) => ({
       rank: d,
-      label: Be(d),
+      label: Fe(d),
       taxa: t[d].slice().sort(
         (l, g) => l.scientificName.localeCompare(g.scientificName)
       )
     }));
-  }, [y]), Je = (t) => {
-    ge((d) => {
+  }, [b]), Xe = (t) => {
+    H((d) => {
       const l = new Set(d);
       return l.has(t) ? l.delete(t) : l.add(t), l;
     });
-  }, Qe = (t) => {
-    ge((d) => {
+  }, Je = (t) => {
+    H((d) => {
       const l = new Set(d), g = t.every((h) => d.has(h.id));
       return t.forEach((h) => {
         g ? l.delete(h.id) : l.add(h.id);
       }), l;
     });
   };
-  if (!Ge())
+  if (!Me())
     return /* @__PURE__ */ s.jsx(
       "div",
       {
@@ -708,7 +709,7 @@ const se = [
         children: "Maps require WebGL, which your browser doesn't support."
       }
     );
-  if (W && !B)
+  if (me && !F)
     return /* @__PURE__ */ s.jsxs(
       "div",
       {
@@ -732,9 +733,9 @@ const se = [
               role: "button",
               tabIndex: 0,
               style: { cursor: "pointer" },
-              onClick: ye,
+              onClick: be,
               onKeyDown: (t) => {
-                (t.key === "Enter" || t.key === " ") && (t.preventDefault(), ye());
+                (t.key === "Enter" || t.key === " ") && (t.preventDefault(), be());
               },
               children: "Show GBIF occurrences"
             }
@@ -742,7 +743,7 @@ const se = [
         ]
       }
     );
-  const et = ((Ie = i == null ? void 0 : i.name) == null ? void 0 : Ie.scientificName) || "This taxon";
+  const Qe = ((we = a == null ? void 0 : a.name) == null ? void 0 : we.scientificName) || "This taxon";
   return /* @__PURE__ */ s.jsxs("div", { className: "col-distributions-map", style: { position: "relative" }, children: [
     /* @__PURE__ */ s.jsx(
       "div",
@@ -754,29 +755,29 @@ const se = [
     /* @__PURE__ */ s.jsx(
       Wt,
       {
-        open: Ke,
-        onOpen: Ze,
-        onClose: () => me(!1),
-        focalName: et,
-        focalReady: E,
-        focalVisible: z,
-        onToggleFocal: () => O((t) => !t),
+        open: re,
+        onOpen: qe,
+        onClose: () => ye(!1),
+        focalName: Qe,
+        focalReady: I,
+        focalVisible: O,
+        onToggleFocal: () => K((t) => !t),
         gbifEnabled: !!c,
-        gbifVisible: B,
+        gbifVisible: F,
         gbifAvailable: f,
-        onToggleGbif: Te,
-        descendantStatus: y.status,
-        descendantsByRank: Xe,
-        descendantColors: T,
-        visibleTaxonIds: K,
-        onToggleTaxon: Je,
-        onToggleRankGroup: Qe,
+        onToggleGbif: Ke,
+        descendantStatus: b.status,
+        descendantsByRank: Ze,
+        descendantColors: Y,
+        visibleTaxonIds: R,
+        onToggleTaxon: Xe,
+        onToggleRankGroup: Je,
         onRetry: () => {
-          ie.current = !1, m({ status: "idle", taxa: [] }), Se();
+          ce.current = !1, m({ status: "idle", taxa: [] }), Ie();
         }
       }
     ),
-    !xe && (be.length > 0 || c && f !== !1 && B) && /* @__PURE__ */ s.jsxs(
+    !ve && (xe.length > 0 || c && f !== !1 && F) && /* @__PURE__ */ s.jsxs(
       "div",
       {
         style: {
@@ -792,7 +793,7 @@ const se = [
           lineHeight: 1.5
         },
         children: [
-          be.map((t) => /* @__PURE__ */ s.jsxs(
+          xe.map((t) => /* @__PURE__ */ s.jsxs(
             "div",
             {
               style: { display: "flex", alignItems: "center", gap: 6 },
@@ -815,16 +816,16 @@ const se = [
             },
             t.key
           )),
-          c && f !== !1 && B && /* @__PURE__ */ s.jsx(Ht, {})
+          c && f !== !1 && F && /* @__PURE__ */ s.jsx(Ht, {})
         ]
       }
     ),
-    xe && /* @__PURE__ */ s.jsx(
+    ve && /* @__PURE__ */ s.jsx(
       Mt,
       {
-        visibleGroups: ae.visibleGroups,
-        unmappableGroups: ae.unmappableGroups,
-        showGbif: !!c && f !== !1 && B
+        visibleGroups: le.visibleGroups,
+        unmappableGroups: le.unmappableGroups,
+        showGbif: !!c && f !== !1 && F
       }
     )
   ] });
@@ -832,21 +833,21 @@ const se = [
   open: e,
   onOpen: n,
   onClose: r,
-  focalName: i,
+  focalName: a,
   focalReady: o,
   focalVisible: c,
   onToggleFocal: f,
   gbifEnabled: u,
-  gbifVisible: a,
+  gbifVisible: i,
   gbifAvailable: p,
-  onToggleGbif: w,
-  descendantStatus: j,
+  onToggleGbif: L,
+  descendantStatus: S,
   descendantsByRank: k,
   descendantColors: C,
-  visibleTaxonIds: S,
-  onToggleTaxon: R,
-  onToggleRankGroup: I,
-  onRetry: P
+  visibleTaxonIds: j,
+  onToggleTaxon: E,
+  onToggleRankGroup: B,
+  onRetry: z
 }) => e ? /* @__PURE__ */ s.jsxs(
   "div",
   {
@@ -877,7 +878,7 @@ const se = [
             onChange: f
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { style: { fontStyle: "italic" }, children: i })
+        /* @__PURE__ */ s.jsx("span", { style: { fontStyle: "italic" }, children: a })
       ] }),
       u && /* @__PURE__ */ s.jsxs(
         "div",
@@ -894,23 +895,23 @@ const se = [
               "input",
               {
                 type: "checkbox",
-                checked: p === !1 ? !1 : a,
+                checked: p === !1 ? !1 : i,
                 disabled: p === !1,
-                onChange: w
+                onChange: L
               }
             ),
             /* @__PURE__ */ s.jsx("span", { children: "GBIF occurrences" })
           ]
         }
       ),
-      j === "loading" && /* @__PURE__ */ s.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
-      j === "error" && /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
+      S === "loading" && /* @__PURE__ */ s.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
+      S === "error" && /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
         "Couldn't load descendants.",
         " ",
-        /* @__PURE__ */ s.jsx("a", { onClick: P, style: { cursor: "pointer" }, children: "Retry" })
+        /* @__PURE__ */ s.jsx("a", { onClick: z, style: { cursor: "pointer" }, children: "Retry" })
       ] }),
-      j === "ready" && k.map((E) => {
-        const _ = E.taxa.every((m) => S.has(m.id)), y = E.taxa.some((m) => S.has(m.id));
+      S === "ready" && k.map((I) => {
+        const N = I.taxa.every((m) => j.has(m.id)), b = I.taxa.some((m) => j.has(m.id));
         return /* @__PURE__ */ s.jsxs("div", { style: { marginTop: 6 }, children: [
           /* @__PURE__ */ s.jsxs(
             "label",
@@ -926,18 +927,18 @@ const se = [
                   "input",
                   {
                     type: "checkbox",
-                    checked: _,
+                    checked: N,
                     ref: (m) => {
-                      m && (m.indeterminate = !_ && y);
+                      m && (m.indeterminate = !N && b);
                     },
-                    onChange: () => I(E.taxa)
+                    onChange: () => B(I.taxa)
                   }
                 ),
-                E.label
+                I.label
               ]
             }
           ),
-          /* @__PURE__ */ s.jsx("div", { style: { paddingLeft: 18 }, children: E.taxa.map((m) => /* @__PURE__ */ s.jsxs(
+          /* @__PURE__ */ s.jsx("div", { style: { paddingLeft: 18 }, children: I.taxa.map((m) => /* @__PURE__ */ s.jsxs(
             "label",
             {
               style: {
@@ -950,8 +951,8 @@ const se = [
                   "input",
                   {
                     type: "checkbox",
-                    checked: S.has(m.id),
-                    onChange: () => R(m.id)
+                    checked: j.has(m.id),
+                    onChange: () => E(m.id)
                   }
                 ),
                 /* @__PURE__ */ s.jsx(
@@ -972,7 +973,7 @@ const se = [
             },
             m.id
           )) })
-        ] }, E.rank);
+        ] }, I.rank);
       })
     ]
   }
@@ -1004,21 +1005,21 @@ const se = [
 ), Kt = (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);
-}, Me = ({ datasetKey: e, data: n }) => {
-  const [r, i] = L({});
-  return N(() => {
+}, Tt = ({ datasetKey: e, data: n }) => {
+  const [r, a] = w({});
+  return $(() => {
     let o = !1;
     for (let c = 0; c < n.length; c++)
       if (n[c].gazetteer === "iso") {
         o = !0;
         break;
       }
-    o && te(`${A.dataApi}vocab/country`).then((c) => {
-      i(it(c.data, "alpha3"));
+    o && ne(`${P.dataApi}vocab/country`).then((c) => {
+      a(ot(c.data, "alpha3"));
     });
   }, []), /* @__PURE__ */ s.jsx("div", { children: n.map((o, c) => /* @__PURE__ */ s.jsxs("span", { children: [
     (o == null ? void 0 : o.merged) && /* @__PURE__ */ s.jsx(
-      ut,
+      dt,
       {
         createdBy: o == null ? void 0 : o.createdBy,
         datasetKey: o.datasetKey,
@@ -1027,7 +1028,7 @@ const se = [
         style: { marginRight: "4px" }
       }
     ),
-    ($(r, `[${$(o, "area.name")}].name`) ? at($(r, `[${$(o, "area.name")}].name`)) : null) || $(o, "area.name") || $(o, "area.globalId"),
+    (A(r, `[${A(o, "area.name")}].name`) ? at(A(r, `[${A(o, "area.name")}].name`)) : null) || A(o, "area.name") || A(o, "area.globalId"),
     " ",
     o.referenceId && /* @__PURE__ */ s.jsx(
       mt,
@@ -1039,24 +1040,26 @@ const se = [
     ),
     c < n.length - 1 && ", "
   ] }, c)) });
-}, an = ({
+}, ln = ({
   datasetKey: e,
   data: n,
   style: r,
-  showDistributionMap: i,
+  showDistributionMap: a,
   focalTaxon: o,
   rankOrder: c,
-  gbifChecklistKey: f
+  gbifChecklistKey: f,
+  label: u,
+  md: i
 }) => {
-  const u = n.filter(Kt), a = n.length - u.length, p = !!f, w = n.length > 0, [j, k] = L("map"), [C, S] = L(0), [R, I] = L(null);
-  N(() => {
+  const p = n.filter(Kt), L = n.length - p.length, S = !!f, k = n.length > 0, [C, j] = w("map"), [E, B] = w(0), [z, I] = w(null);
+  $(() => {
     if (!f || !(o != null && o.id)) {
       I(null);
       return;
     }
     I(null);
-    let O = !1;
-    return ct.get(`${A.gbifApi}/v1/occurrence/search`, {
+    let R = !1;
+    return it.get(`${P.gbifApi}/v1/occurrence/search`, {
       params: {
         checklistKey: f,
         taxonKey: o.id,
@@ -1066,34 +1069,30 @@ const se = [
         limit: 0
       }
     }).then(
-      (W) => {
-        var B;
-        O || I(((B = W == null ? void 0 : W.data) == null ? void 0 : B.count) ?? 0);
+      (H) => {
+        var re;
+        R || I(((re = H == null ? void 0 : H.data) == null ? void 0 : re.count) ?? 0);
       },
       () => {
-        O || I(null);
+        R || I(null);
       }
     ), () => {
-      O = !0;
+      R = !0;
     };
   }, [f, o == null ? void 0 : o.id]);
-  const P = p ? R === null || R > 0 : !1, E = u.length > 0 && C >= u.length, _ = i && (u.length > 0 || P) && !(u.length > 0 && E && !P);
-  if (!_ && p && u.length === 0 && R === 0)
-    return /* @__PURE__ */ s.jsx("div", { style: r, children: /* @__PURE__ */ s.jsx("span", { style: { color: "#888" }, children: "No occurrence data on GBIF for this taxon." }) });
-  if (!_)
-    return w ? /* @__PURE__ */ s.jsx("div", { style: r, children: /* @__PURE__ */ s.jsx(Me, { datasetKey: e, data: n }) }) : null;
-  const y = a + C, m = w, z = m ? j : "map";
-  return /* @__PURE__ */ s.jsxs("div", { style: r, children: [
-    m ? /* @__PURE__ */ s.jsxs(
-      le.Group,
+  const N = S ? z === null || z > 0 : !1, b = p.length > 0 && E >= p.length, m = a && (p.length > 0 || N) && !(p.length > 0 && b && !N);
+  if (!m && !k) return null;
+  const O = L + E, K = k, F = (m && K ? C : m ? "map" : "list") === "map" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    K ? /* @__PURE__ */ s.jsxs(
+      ue.Group,
       {
         size: "small",
-        value: z,
-        onChange: (O) => k(O.target.value),
+        value: C,
+        onChange: (R) => j(R.target.value),
         style: { marginBottom: 8 },
         children: [
-          /* @__PURE__ */ s.jsx(le.Button, { value: "map", children: "Map" }),
-          /* @__PURE__ */ s.jsx(le.Button, { value: "list", children: "List" })
+          /* @__PURE__ */ s.jsx(ue.Button, { value: "map", children: "Map" }),
+          /* @__PURE__ */ s.jsx(ue.Button, { value: "list", children: "List" })
         ]
       }
     ) : (
@@ -1101,31 +1100,33 @@ const se = [
       // map's top edge lines up with the "Distributions" label.
       /* @__PURE__ */ s.jsx("div", { style: { height: 24, marginBottom: 8 } })
     ),
-    z === "map" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(
-        Ut,
-        {
-          records: u,
-          onUnmappable: S,
-          datasetKey: e,
-          focalTaxon: o,
-          rankOrder: c,
-          gbifChecklistKey: f,
-          gbifAvailable: P
-        }
-      ),
-      m && y > 0 && /* @__PURE__ */ s.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ s.jsxs("a", { onClick: () => k("list"), style: { cursor: "pointer" }, children: [
-        "+",
-        y,
-        " distribution",
-        y === 1 ? "" : "s",
-        " not on map"
-      ] }) })
-    ] }) : /* @__PURE__ */ s.jsx(Me, { datasetKey: e, data: n })
-  ] });
+    /* @__PURE__ */ s.jsx(
+      Ut,
+      {
+        records: p,
+        onUnmappable: B,
+        datasetKey: e,
+        focalTaxon: o,
+        rankOrder: c,
+        gbifChecklistKey: f,
+        gbifAvailable: N
+      }
+    ),
+    K && O > 0 && /* @__PURE__ */ s.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ s.jsxs("a", { onClick: () => j("list"), style: { cursor: "pointer" }, children: [
+      "+",
+      O,
+      " distribution",
+      O === 1 ? "" : "s",
+      " not on map"
+    ] }) })
+  ] }) : (
+    // List view: either the user toggled to it, or there is no map to show.
+    /* @__PURE__ */ s.jsx(Tt, { datasetKey: e, data: n })
+  ), T = /* @__PURE__ */ s.jsx("div", { style: r, children: F });
+  return u ? /* @__PURE__ */ s.jsx(ut, { md: i, label: u, children: T }) : T;
 };
 export {
-  an as D,
+  ln as D,
   mt as R
 };
-//# sourceMappingURL=Distributions-CXIEJ6e6.js.map
+//# sourceMappingURL=Distributions-Cwl_75VG.js.map