col-browser 2.3.2 → 2.3.4

package/es/chunks/{Distributions-BzwnK_GR.js → Distributions-D_4NAlfr.js}

@@ -1,11 +1,11 @@
 var nt = Object.defineProperty;
-var rt = (e, n, s) => n in e ? nt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[n] = s;
-var X = (e, n, s) => rt(e, typeof n != "symbol" ? n + "" : n, s);
-import { j as r } from "./jsx-runtime-BzflLqGi.js";
+var rt = (e, r, s) => r in e ? nt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[r] = s;
+var X = (e, r, s) => rt(e, typeof r != "symbol" ? r + "" : r, s);
+import { j as n } from "./jsx-runtime-BzflLqGi.js";
 import * as _e from "react";
 import st, { useState as L, useRef as C, useMemo as se, useEffect as $ } from "react";
-import { Spin as ot, Popover as at, Radio as ue } from "antd";
-import { isArray as Le, get as O, keyBy as it, startCase as ct } from "lodash-es";
+import { Spin as ot, Popover as it, Radio as ue } from "antd";
+import { isArray as Le, get as O, keyBy as at, startCase as ct } from "lodash-es";
 import { c as ne, p as lt } from "./router-CssZk5qZ.js";
 import { c as z } from "./config-BPRXv9x8.js";
 import { E as dt } from "./ErrorMsg-K8k5PPTp.js";
@@ -18,16 +18,16 @@ import { r as ht, w as gt } from "./storage-BgdCo9fV.js";
 var mt = { 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 ge() {
   return ge = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var s = arguments[n];
-      for (var a in s)
-        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
+    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]);
     }
     return e;
   }, ge.apply(this, arguments);
 }
-const yt = (e, n) => /* @__PURE__ */ _e.createElement(ut, ge({}, e, {
-  ref: n,
+const yt = (e, r) => /* @__PURE__ */ _e.createElement(ut, ge({}, e, {
+  ref: r,
   icon: mt
 })), $e = /* @__PURE__ */ _e.forwardRef(yt);
 process.env.NODE_ENV !== "production" && ($e.displayName = "BookOutlined");
@@ -35,46 +35,52 @@ class bt extends st.Component {
   constructor(s) {
     super(s);
     X(this, "getData", () => {
-      const { referenceId: s, datasetKey: a, references: o } = this.props;
+      const { referenceId: s, datasetKey: i, references: o } = this.props;
       if (s) {
-        const i = Le(s) ? s : [s], f = [];
+        const c = Le(s) ? s : [s], p = [];
         this.setState({ loading: !0 }), Promise.allSettled(
-          i.map(
-            (p) => O(o, p) ? Promise.resolve(f.push(o[p])) : ne(
-              `${z.dataApi}dataset/${a}/reference/${p}`
-            ).then((u) => f.push(u.data)).catch((u) => this.setState({ error: u }))
+          c.map(
+            (f) => O(o, f) ? Promise.resolve(p.push(o[f])) : ne(
+              `${z.dataApi}dataset/${i}/reference/${f}`
+            ).then((u) => p.push(u.data)).catch((u) => this.setState({ error: u }))
           )
-        ).then(() => this.setState({ reference: f, loading: !1 }));
+        ).then(() => this.setState({ reference: p, loading: !1 }));
       }
     });
     X(this, "getContent", () => {
-      const { error: s, reference: a, loading: o } = this.state;
-      return o ? /* @__PURE__ */ r.jsx(ot, {}) : s ? /* @__PURE__ */ r.jsx(dt, { error: s }) : a.length === 1 ? a[0].citation : /* @__PURE__ */ r.jsx("ul", { children: a.map((i) => /* @__PURE__ */ r.jsx("li", { children: i.citation }, i.id)) });
+      const { error: s, reference: i, loading: o } = this.state;
+      return o ? /* @__PURE__ */ n.jsx(ot, {}) : s ? /* @__PURE__ */ n.jsx(dt, { 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)) });
     });
-    X(this, "scrollToReference", (s, a) => {
-      const o = document.getElementById(`col-reference-${a}`);
+    X(this, "scrollToReference", (s, i) => {
+      const o = document.getElementById(`col-reference-${i}`);
       o && (s.preventDefault(), o.scrollIntoView({ behavior: "smooth", block: "start" }));
     });
     X(this, "render", () => {
-      const { referenceId: s, referenceIndexMap: a, trigger: o } = this.props, i = Le(s) ? s : [s];
-      let f = a && O(a, i[0]) ? i.map((p) => /* @__PURE__ */ r.jsx(
-        "a",
-        {
-          className: "col-reference-link",
-          href: `#col-reference-${p}`,
-          onClick: (u) => this.scrollToReference(u, p),
-          children: `[${a[p]}]`
-        },
-        p
-      )) : /* @__PURE__ */ r.jsx($e, { style: { cursor: "pointer" } });
-      return s ? /* @__PURE__ */ r.jsx("div", { id: `reference_${s}`, style: this.props.style, children: /* @__PURE__ */ r.jsx(
-        at,
+      const { referenceId: s, referenceIndexMap: i, trigger: o } = this.props, c = this.props.maxInline || 4, p = Le(s) ? s : [s];
+      let f = i && O(i, p[0]) ? (() => {
+        const u = p.slice(0, c), a = p.length - u.length;
+        return [
+          ...u.map((y) => /* @__PURE__ */ n.jsx(
+            "a",
+            {
+              className: "col-reference-link",
+              href: `#col-reference-${y}`,
+              onClick: (x) => this.scrollToReference(x, y),
+              children: `[${i[y]}]`
+            },
+            y
+          )),
+          a > 0 ? /* @__PURE__ */ n.jsx("span", { className: "col-reference-link", children: ` +${a}` }, "overflow") : null
+        ];
+      })() : /* @__PURE__ */ n.jsx($e, { style: { cursor: "pointer" } });
+      return s ? /* @__PURE__ */ n.jsx("div", { id: `reference_${s}`, style: this.props.style, children: /* @__PURE__ */ n.jsx(
+        it,
         {
           getPopupContainer: () => document.getElementById(`reference_${s}`),
           placement: this.props.placement || "left",
           title: "Reference",
-          onOpenChange: (p) => p && this.getData(),
-          content: /* @__PURE__ */ r.jsx("div", { style: { maxWidth: "500px" }, children: this.getContent() }),
+          onOpenChange: (u) => u && this.getData(),
+          content: /* @__PURE__ */ n.jsx("div", { style: { maxWidth: "500px" }, children: this.getContent() }),
           trigger: o || "hover",
           children: f
         }
@@ -87,75 +93,75 @@ class bt extends st.Component {
     };
   }
 }
-const ae = [
+const ie = [
   "subspecies",
   "variety",
   "subvariety",
   "form",
   "subform",
   "infraspecific name"
-], Ae = (e, n) => {
-  const s = n.indexOf(e);
-  return s === -1 ? [] : ae.filter((a) => n.indexOf(a) > s);
+], Ae = (e, r) => {
+  const s = r.indexOf(e);
+  return s === -1 ? [] : ie.filter((i) => r.indexOf(i) > s);
 }, xt = 16, vt = (e) => {
-  var n, s;
-  return ((n = e == null ? void 0 : e.area) == null ? void 0 : n.gazetteer) !== "text" && !!((s = e == null ? void 0 : e.area) != null && s.globalId);
-}, St = async (e, n, s) => {
-  const a = new Array(e.length);
+  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);
+}, jt = async (e, r, s) => {
+  const i = new Array(e.length);
   let o = 0;
-  const i = Array.from({ length: Math.min(s, e.length) }, async () => {
+  const c = Array.from({ length: Math.min(s, e.length) }, async () => {
     for (; ; ) {
-      const f = o++;
-      if (f >= e.length) return;
-      a[f] = await n(e[f], f);
+      const p = o++;
+      if (p >= e.length) return;
+      i[p] = await r(e[p], p);
     }
   });
-  return await Promise.all(i), a;
-}, jt = async (e, n, s) => {
-  var p;
+  return await Promise.all(c), i;
+}, St = async (e, r, s) => {
+  var f;
   if (s.length === 0) return [];
-  const a = new URLSearchParams();
-  a.append("TAXON_ID", n), s.forEach((u) => a.append("rank", u)), ["accepted", "provisionally accepted"].forEach(
-    (u) => a.append("status", u)
-  ), a.append("limit", "1000");
-  const o = `${z.dataApi}dataset/${e}/nameusage/search?${a}`, i = await ne(o);
-  return (((p = i == null ? void 0 : i.data) == null ? void 0 : p.result) || []).filter((u) => {
-    var c;
-    return (c = u == null ? void 0 : u.usage) == null ? void 0 : c.id;
+  const i = new URLSearchParams();
+  i.append("TAXON_ID", r), s.forEach((u) => i.append("rank", u)), ["accepted", "provisionally accepted"].forEach(
+    (u) => i.append("status", u)
+  ), i.append("limit", "1000");
+  const o = `${z.dataApi}dataset/${e}/nameusage/search?${i}`, c = await ne(o);
+  return (((f = c == null ? void 0 : c.data) == null ? void 0 : f.result) || []).filter((u) => {
+    var a;
+    return (a = u == null ? void 0 : u.usage) == null ? void 0 : a.id;
   }).map((u) => {
-    var c, b, j, R, E, I;
+    var a, y, x, R, E, I;
     return {
       id: u.usage.id,
-      scientificName: ((b = (c = u.usage) == null ? void 0 : c.name) == null ? void 0 : b.scientificName) || ((j = u.usage) == null ? void 0 : j.label) || u.usage.id,
+      scientificName: ((y = (a = u.usage) == null ? void 0 : a.name) == null ? void 0 : y.scientificName) || ((x = u.usage) == null ? void 0 : x.label) || u.usage.id,
       rank: (E = (R = u.usage) == null ? void 0 : R.name) == null ? void 0 : E.rank,
       parentId: (I = u.usage) == null ? void 0 : I.parentId
     };
   });
-}, It = async (e, n) => {
-  const s = `${z.dataApi}dataset/${e}/taxon/${encodeURIComponent(n)}/distribution`;
+}, It = async (e, r) => {
+  const s = `${z.dataApi}dataset/${e}/taxon/${encodeURIComponent(r)}/distribution`;
   try {
-    const a = await ne(s);
-    return Array.isArray(a == null ? void 0 : a.data) ? a.data : [];
+    const i = await ne(s);
+    return Array.isArray(i == null ? void 0 : i.data) ? i.data : [];
   } catch {
     return [];
   }
-}, wt = async ({ datasetKey: e, focalTaxon: n, rankOrder: s }) => {
+}, wt = async ({ datasetKey: e, focalTaxon: r, rankOrder: s }) => {
   var u;
-  const a = Ae((u = n == null ? void 0 : n.name) == null ? void 0 : u.rank, s);
-  let o = !1, i = [];
+  const i = Ae((u = r == null ? void 0 : r.name) == null ? void 0 : u.rank, s);
+  let o = !1, c = [];
   try {
-    i = await jt(e, n.id, a);
+    c = await St(e, r.id, i);
   } catch {
     return o = !0, { taxa: [], descendantsFailed: o };
   }
-  const f = await St(
-    i,
-    (c) => It(e, c.id),
+  const p = await jt(
+    c,
+    (a) => It(e, a.id),
     xt
   );
-  return { taxa: i.map((c, b) => {
-    const j = f[b] || [];
-    return { ...c, distributions: j, mappable: j.filter(vt) };
+  return { taxa: c.map((a, y) => {
+    const x = p[y] || [];
+    return { ...a, distributions: x, mappable: x.filter(vt) };
   }), descendantsFailed: o };
 }, ke = [
   "#E58606",
@@ -170,17 +176,17 @@ const ae = [
   "#ED645A",
   "#CC3A8E",
   "#A5AA99"
-], Ce = (e, n) => {
-  const s = n.indexOf(e);
-  return s === -1 ? n.length : s;
-}, Lt = (e, n) => {
-  const s = [...e].sort((o, i) => {
-    const f = Ce(o.rank, n), p = Ce(i.rank, n);
-    return f !== p ? f - p : o.scientificName.localeCompare(i.scientificName);
-  }), a = {};
-  return s.forEach((o, i) => {
-    a[o.id] = ke[i % ke.length];
-  }), a;
+], Ce = (e, r) => {
+  const s = r.indexOf(e);
+  return s === -1 ? r.length : s;
+}, Lt = (e, r) => {
+  const s = [...e].sort((o, c) => {
+    const p = Ce(o.rank, r), f = Ce(c.rank, r);
+    return p !== f ? p - f : o.scientificName.localeCompare(c.scientificName);
+  }), i = {};
+  return s.forEach((o, c) => {
+    i[o.id] = ke[c % ke.length];
+  }), i;
 }, kt = {
   position: "absolute",
   bottom: 8,
@@ -231,11 +237,11 @@ const ae = [
 }, Gt = {
   ...De,
   marginTop: 0
-}, Mt = {
+}, Nt = {
   fontStyle: "italic",
   paddingLeft: 4
-}, Re = (e) => e.reduce((n, s) => n + s.taxa.length, 0), Nt = () => /* @__PURE__ */ r.jsxs("div", { style: Oe, children: [
-  /* @__PURE__ */ r.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
+}, Re = (e) => e.reduce((r, s) => r + s.taxa.length, 0), Mt = () => /* @__PURE__ */ n.jsxs("div", { style: Oe, children: [
+  /* @__PURE__ */ n.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
     "polygon",
     {
       points: "3,1 9,1 11,6 9,11 3,11 1,6",
@@ -244,44 +250,44 @@ const ae = [
       strokeWidth: "0.75"
     }
   ) }),
-  /* @__PURE__ */ r.jsx("span", { children: "GBIF occurrences" })
-] }), _t = ({ visibleGroups: e, unmappableGroups: n, showGbif: s }) => {
-  const [a, o] = L(!1), i = Re(e), f = Re(n);
-  return i === 0 && f === 0 && !s ? null : /* @__PURE__ */ r.jsxs("div", { style: kt, children: [
-    /* @__PURE__ */ r.jsxs("div", { style: Ct, children: [
-      e.map((p, u) => /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx("div", { style: u === 0 ? Rt : Pe, children: p.label }),
-        p.taxa.map((c) => /* @__PURE__ */ r.jsxs("div", { style: Oe, children: [
-          /* @__PURE__ */ r.jsx("span", { style: Et(c.color) }),
-          /* @__PURE__ */ r.jsx("span", { style: { fontStyle: "italic" }, children: c.displayName || c.scientificName })
-        ] }, c.id))
-      ] }, p.rank)),
-      s && /* @__PURE__ */ r.jsx(Nt, {})
+  /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
+] }), _t = ({ visibleGroups: e, unmappableGroups: r, showGbif: s }) => {
+  const [i, o] = L(!1), c = Re(e), p = Re(r);
+  return c === 0 && p === 0 && !s ? null : /* @__PURE__ */ n.jsxs("div", { style: kt, children: [
+    /* @__PURE__ */ n.jsxs("div", { style: Ct, children: [
+      e.map((f, u) => /* @__PURE__ */ n.jsxs("div", { children: [
+        /* @__PURE__ */ n.jsx("div", { style: u === 0 ? Rt : Pe, children: f.label }),
+        f.taxa.map((a) => /* @__PURE__ */ n.jsxs("div", { style: Oe, children: [
+          /* @__PURE__ */ n.jsx("span", { style: Et(a.color) }),
+          /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: a.displayName || a.scientificName })
+        ] }, a.id))
+      ] }, f.rank)),
+      s && /* @__PURE__ */ n.jsx(Mt, {})
     ] }),
-    f > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsxs(
+    p > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: Ft,
-          onClick: () => o((p) => !p),
+          onClick: () => o((f) => !f),
           children: [
-            a ? "− Hide" : "+",
+            i ? "− Hide" : "+",
             " ",
-            f,
+            p,
             " without map data"
           ]
         }
       ),
-      a && /* @__PURE__ */ r.jsx("div", { style: Bt, children: n.map((p, u) => /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(
+      i && /* @__PURE__ */ n.jsx("div", { style: Bt, children: r.map((f, u) => /* @__PURE__ */ n.jsxs("div", { children: [
+        /* @__PURE__ */ n.jsx(
           "div",
           {
             style: u === 0 ? Gt : De,
-            children: p.label
+            children: f.label
           }
         ),
-        p.taxa.map((c) => /* @__PURE__ */ r.jsx("div", { style: Mt, children: c.displayName || c.scientificName }, c.id))
-      ] }, p.rank)) })
+        f.taxa.map((a) => /* @__PURE__ */ n.jsx("div", { style: Nt, children: a.displayName || a.scientificName }, a.id))
+      ] }, f.rank)) })
     ] })
   ] });
 }, $t = [
@@ -305,35 +311,35 @@ const ae = [
   { key: "uncertain", label: "Uncertain", color: "#8BE0A4" }
 ], He = Object.fromEntries(
   ze.map((e) => [e.key, e.color])
-), ie = "#66C5CC", At = (e) => String(e || "").toLowerCase().replace(/[^a-z]/g, ""), Ve = (e) => {
-  const n = e == null ? void 0 : e.establishmentMeans;
-  if (n == null || n === "") return null;
-  const s = At(n);
+), ae = "#66C5CC", At = (e) => String(e || "").toLowerCase().replace(/[^a-z]/g, ""), Ve = (e) => {
+  const r = e == null ? void 0 : e.establishmentMeans;
+  if (r == null || r === "") return null;
+  const s = At(r);
   return He[s] ? s : "uncertain";
 }, Pt = (e) => {
-  const n = Ve(e);
-  return n == null ? ie : He[n];
-}, Ot = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json", Ue = "gbif-visible", Dt = (e) => ht(Ue, e), Ee = (e) => gt(Ue, e), zt = "/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", K = "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(), Fe = (e, n) => {
-  const s = `${e}:${n}`;
+  const r = Ve(e);
+  return r == null ? ae : He[r];
+}, Ot = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json", Ue = "gbif-visible", Dt = (e) => ht(Ue, e), Ee = (e) => gt(Ue, e), zt = "/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", K = "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(), Fe = (e, r) => {
+  const s = `${e}:${r}`;
   if (he.has(s)) return he.get(s);
-  const a = `${z.dataApi}vocab/area/${s}`, o = ne(a, {
+  const i = `${z.dataApi}vocab/area/${s}`, o = ne(i, {
     headers: { Accept: "application/geo+json" }
   }).then(
-    (i) => i.data,
+    (c) => c.data,
     () => null
   );
   return he.set(s, o), o;
 }, te = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), We = (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) || "", s = $t.map((i) => [i, e == null ? void 0 : e[i]]).filter(([, i]) => i != null && i !== "").map(
-    ([i, f]) => `<div><strong>${te(i)}:</strong> ${te(f)}</div>`
+  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 = $t.map((c) => [c, e == null ? void 0 : e[c]]).filter(([, c]) => c != null && c !== "").map(
+    ([c, p]) => `<div><strong>${te(c)}:</strong> ${te(p)}</div>`
   ).join("");
   return `<div style="min-width:180px"><div style="font-weight:600;margin-bottom:4px">${te(
-    n
+    r
   )}</div>${s}</div>`;
-}, Ht = (e, n) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${te(
+}, Ht = (e, r) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${te(
   e.scientificName
-)}</div><div style="color:#888;margin-bottom:4px">${te(e.rank || "")}</div>` + We(n), Vt = {
+)}</div><div style="color:#888;margin-bottom:4px">${te(e.rank || "")}</div>` + We(r), Vt = {
   subspecies: "subspecies",
   variety: "varieties",
   subvariety: "subvarieties",
@@ -342,10 +348,10 @@ const ae = [
   "infraspecific name": "infraspecific names"
 }, Be = (e) => Vt[e] || e, Ke = (e) => {
   if (!e) return "";
-  const n = e.trim().split(/\s+/);
-  return n[n.length - 1];
-}, Ut = () => /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-  /* @__PURE__ */ r.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
+  const r = e.trim().split(/\s+/);
+  return r[r.length - 1];
+}, Ut = () => /* @__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(
     "polygon",
     {
       points: "3,1 9,1 11,6 9,11 3,11 1,6",
@@ -354,46 +360,46 @@ const ae = [
       strokeWidth: "0.75"
     }
   ) }),
-  /* @__PURE__ */ r.jsx("span", { children: "GBIF occurrences" })
+  /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
 ] }), Wt = (e) => {
-  var f;
-  let n = 1 / 0, s = 1 / 0, a = -1 / 0, o = -1 / 0;
-  const i = (p) => {
-    if (typeof p[0] == "number") {
-      const [u, c] = p;
-      u < n && (n = u), u > a && (a = u), c < s && (s = c), c > o && (o = c);
+  var p;
+  let r = 1 / 0, s = 1 / 0, i = -1 / 0, o = -1 / 0;
+  const c = (f) => {
+    if (typeof f[0] == "number") {
+      const [u, a] = f;
+      u < r && (r = u), u > i && (i = u), a < s && (s = a), a > o && (o = a);
     } else
-      for (let u = 0; u < p.length; u++) i(p[u]);
+      for (let u = 0; u < f.length; u++) c(f[u]);
   };
-  for (let p = 0; p < e.length; p++) {
-    const u = (f = e[p]) == null ? void 0 : f.geometry;
-    u != null && u.coordinates && i(u.coordinates);
+  for (let f = 0; f < e.length; f++) {
+    const u = (p = e[f]) == null ? void 0 : p.geometry;
+    u != null && u.coordinates && c(u.coordinates);
   }
-  return n === 1 / 0 ? null : [
-    [n, s],
-    [a, o]
+  return r === 1 / 0 ? null : [
+    [r, s],
+    [i, o]
   ];
-}, Ge = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Me = () => {
+}, Ge = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Ne = () => {
   var e;
   return typeof ((e = D) == null ? void 0 : e.supported) == "function" ? D.supported() : typeof WebGLRenderingContext < "u";
 }, Kt = ({
   records: e,
-  onUnmappable: n,
+  onUnmappable: r,
   datasetKey: s,
-  focalTaxon: a,
+  focalTaxon: i,
   rankOrder: o,
-  gbifChecklistKey: i,
+  gbifChecklistKey: c,
   // true | null → show GBIF layer; false → GBIF API returned 0 occurrences,
   // grey out the toggle and skip loading tiles. Defaults to true so the
   // component works without the count check.
-  gbifAvailable: f = !0
+  gbifAvailable: p = !0
 }) => {
   var we;
-  const p = C(null), u = C(null), c = C(null), b = C(null), j = C(/* @__PURE__ */ new Map()), R = C(/* @__PURE__ */ new Map()), E = C(/* @__PURE__ */ new Map()), I = C(!1), B = C(!1), G = C(/* @__PURE__ */ new Set()), [k, w] = L(!1), [M, V] = L(!1), [g, N] = L({
+  const f = C(null), u = C(null), a = C(null), y = C(null), x = C(/* @__PURE__ */ new Map()), R = C(/* @__PURE__ */ new Map()), E = C(/* @__PURE__ */ new Map()), I = C(!1), B = C(!1), G = C(/* @__PURE__ */ new Set()), [k, w] = L(!1), [N, V] = L(!1), [g, M] = L({
     status: "idle",
     // idle | loading | ready | empty | error
     taxa: []
-  }), [H, T] = L(!0), re = !!i && (!e || e.length === 0), [v, A] = L(
+  }), [H, T] = L(!0), re = !!c && (!e || e.length === 0), [j, A] = L(
     () => Dt(!0)
   ), [P, me] = L(/* @__PURE__ */ new Set()), [Te, ye] = L(!1), ce = C(!1), Ye = () => {
     A((t) => {
@@ -420,13 +426,13 @@ const ae = [
       color: Y[h.id],
       displayName: Ke(h.scientificName)
     }), d = (h) => {
-      const x = {};
-      return h.forEach((y) => {
-        (x[y.rank] = x[y.rank] || []).push(t(y));
-      }), ae.filter((y) => x[y]).map((y) => ({
-        rank: y,
-        label: Be(y),
-        taxa: x[y]
+      const v = {};
+      return h.forEach((b) => {
+        (v[b.rank] = v[b.rank] || []).push(t(b));
+      }), ie.filter((b) => v[b]).map((b) => ({
+        rank: b,
+        label: Be(b),
+        taxa: v[b]
       }));
     }, l = d(
       g.taxa.filter(
@@ -438,9 +444,9 @@ const ae = [
     return { visibleGroups: l, unmappableGroups: m };
   }, [g, Y, P]), ve = le.visibleGroups.length > 0;
   $(() => {
-    if (!p.current || c.current || !Me()) return;
+    if (!f.current || a.current || !Ne()) return;
     const t = new D.Map({
-      container: p.current,
+      container: f.current,
       style: Ot,
       center: [0, 20],
       zoom: 1,
@@ -457,18 +463,18 @@ const ae = [
     ), t.addControl(
       new D.FullscreenControl({ container: u.current }),
       "top-right"
-    ), c.current = t, t.on("load", () => {
+    ), a.current = t, t.on("load", () => {
       w(!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(p.current), () => {
-      d && d.disconnect(), b.current && (b.current.remove(), b.current = null), t.remove(), c.current = null, I.current = !1, B.current = !1, G.current = /* @__PURE__ */ new Set();
+    return d && d.observe(f.current), () => {
+      d && d.disconnect(), y.current && (y.current.remove(), y.current = null), t.remove(), a.current = null, I.current = !1, B.current = !1, G.current = /* @__PURE__ */ new Set();
     };
   }, []), $(() => {
     if (!k || !(e != null && e.length)) return;
-    const t = c.current;
+    const t = a.current;
     if (!t) return;
     let d = !1;
     return V(!1), Promise.allSettled(
@@ -481,10 +487,10 @@ const ae = [
     ).then((l) => {
       if (d) return;
       const m = [], h = /* @__PURE__ */ new Map();
-      let x = 0;
+      let v = 0;
       l.forEach((S, F) => {
         if (S.status !== "fulfilled" || !S.value.geojson) {
-          x += 1;
+          v += 1;
           return;
         }
         const { record: U, geojson: W } = S.value, de = Pt(U), q = `focal-${F}`;
@@ -498,19 +504,19 @@ const ae = [
             }
           });
         });
-      }), j.current = h;
-      const y = { type: "FeatureCollection", features: m };
+      }), x.current = h;
+      const b = { type: "FeatureCollection", features: m };
       if (t.getSource(J))
-        t.getSource(J).setData(y);
+        t.getSource(J).setData(b);
       else {
         const S = t.getLayer(_) ? _ : void 0;
-        t.addSource(J, { type: "geojson", data: y }), t.addLayer(
+        t.addSource(J, { type: "geojson", data: b }), t.addLayer(
           {
             id: K,
             type: "fill",
             source: J,
             paint: {
-              "fill-color": ["coalesce", ["get", "_color"], ie],
+              "fill-color": ["coalesce", ["get", "_color"], ae],
               "fill-opacity": 0.65
             }
           },
@@ -521,47 +527,47 @@ const ae = [
             type: "line",
             source: J,
             paint: {
-              "line-color": ["coalesce", ["get", "_color"], ie],
+              "line-color": ["coalesce", ["get", "_color"], ae],
               "line-width": 1
             }
           },
           S
-        ), t.on("click", K, qe), t.on("mouseenter", K, Se), t.on("mouseleave", K, je), I.current = !0;
+        ), t.on("click", K, qe), t.on("mouseenter", K, je), t.on("mouseleave", K, Se), I.current = !0;
       }
       if (m.length > 0) {
         const S = Wt(m);
         S && t.fitBounds(S, { padding: 20, animate: !1 });
       }
-      typeof n == "function" && n(x), V(!0);
+      typeof r == "function" && r(v), V(!0);
     }), () => {
       d = !0;
     };
   }, [k, e]);
   const qe = (t) => {
-    var x, y;
-    const d = c.current;
+    var v, b;
+    const d = a.current;
     if (!d) return;
-    const l = (x = t.features) == null ? void 0 : x[0], m = (y = l == null ? void 0 : l.properties) == null ? void 0 : y._recordKey, h = m ? j.current.get(m) : null;
-    h && (b.current && b.current.remove(), b.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(We(h)).addTo(d));
-  }, Se = () => {
-    const t = c.current;
-    t && (t.getCanvas().style.cursor = "pointer");
+    const l = (v = t.features) == null ? void 0 : v[0], m = (b = l == null ? void 0 : l.properties) == null ? void 0 : b._recordKey, h = m ? x.current.get(m) : null;
+    h && (y.current && y.current.remove(), y.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(We(h)).addTo(d));
   }, je = () => {
-    const t = c.current;
+    const t = a.current;
+    t && (t.getCanvas().style.cursor = "pointer");
+  }, Se = () => {
+    const t = a.current;
     t && (t.getCanvas().style.cursor = "");
   };
   $(() => {
-    const t = c.current;
+    const t = a.current;
     if (!t || !I.current) return;
     const d = H ? "visible" : "none";
     t.getLayer(K) && t.setLayoutProperty(K, "visibility", d), t.getLayer(pe) && t.setLayoutProperty(pe, "visibility", d);
-  }, [H, M]), $(() => {
+  }, [H, N]), $(() => {
     if (!k) return;
-    const t = c.current;
+    const t = a.current;
     if (!t || ((() => {
       t.getLayer(_) && t.removeLayer(_), t.getSource(oe) && t.removeSource(oe), B.current = !1;
-    })(), !i || !(a != null && a.id)) || f === !1) return;
-    const l = (z.gbifApi + zt).replace("{checklistKey}", encodeURIComponent(i)).replace("{taxonKey}", encodeURIComponent(a.id)), m = z.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(i) + "&taxon_key=" + encodeURIComponent(a.id);
+    })(), !c || !(i != null && i.id)) || p === !1) return;
+    const l = (z.gbifApi + zt).replace("{checklistKey}", encodeURIComponent(c)).replace("{taxonKey}", encodeURIComponent(i.id)), m = z.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(c) + "&taxon_key=" + encodeURIComponent(i.id);
     t.addSource(oe, {
       type: "raster",
       tiles: [l],
@@ -572,16 +578,16 @@ const ae = [
       type: "raster",
       source: oe,
       paint: { "raster-opacity": 0.9 },
-      layout: { visibility: v ? "visible" : "none" }
+      layout: { visibility: j ? "visible" : "none" }
     }), B.current = !0;
-  }, [k, i, a == null ? void 0 : a.id, f]), $(() => {
-    const t = c.current;
+  }, [k, c, i == null ? void 0 : i.id, p]), $(() => {
+    const t = a.current;
     if (!t || !B.current) return;
-    const d = v ? "visible" : "none";
+    const d = j ? "visible" : "none";
     t.getLayer(_) && t.setLayoutProperty(_, "visibility", d);
-  }, [v]), $(() => {
+  }, [j]), $(() => {
     if (!k) return;
-    const t = c.current;
+    const t = a.current;
     if (!t || (G.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));
     }), G.current = /* @__PURE__ */ new Set(), R.current = /* @__PURE__ */ new Map(), E.current = /* @__PURE__ */ new Map(), g.status !== "ready")) return;
@@ -595,7 +601,7 @@ const ae = [
           }))
         )
       ).then((m) => {
-        if (!c.current) return;
+        if (!a.current) return;
         const h = [];
         m.forEach((F, U) => {
           if (F.status !== "fulfilled" || !F.value.geojson) return;
@@ -610,44 +616,44 @@ const ae = [
             });
           });
         });
-        const x = d[l.id] || ie, y = { type: "FeatureCollection", features: h }, S = fe(l.id);
-        if (c.current.getSource(S))
-          c.current.getSource(S).setData(y);
+        const v = d[l.id] || ae, b = { type: "FeatureCollection", features: h }, S = fe(l.id);
+        if (a.current.getSource(S))
+          a.current.getSource(S).setData(b);
         else {
-          c.current.addSource(S, { type: "geojson", data: y });
-          const F = Q(l.id), U = ee(l.id), W = c.current.getLayer(_) ? _ : void 0;
-          c.current.addLayer(
+          a.current.addSource(S, { type: "geojson", data: b });
+          const F = Q(l.id), U = ee(l.id), W = a.current.getLayer(_) ? _ : void 0;
+          a.current.addLayer(
             {
               id: F,
               type: "fill",
               source: S,
-              paint: { "fill-color": x, "fill-opacity": 0.55 },
+              paint: { "fill-color": v, "fill-opacity": 0.55 },
               layout: { visibility: "none" }
             },
             W
-          ), c.current.addLayer(
+          ), a.current.addLayer(
             {
               id: U,
               type: "line",
               source: S,
-              paint: { "line-color": x, "line-width": 2 },
+              paint: { "line-color": v, "line-width": 2 },
               layout: { visibility: "none" }
             },
             W
-          ), c.current.on("click", F, Ze), c.current.on("mouseenter", F, Se), c.current.on("mouseleave", F, je), G.current.add(l.id);
+          ), a.current.on("click", F, Ze), a.current.on("mouseenter", F, je), a.current.on("mouseleave", F, Se), G.current.add(l.id);
         }
       }));
     });
   }, [k, g, Y]);
   const Ze = (t) => {
-    var x, y;
-    const d = c.current;
+    var v, b;
+    const d = a.current;
     if (!d) return;
-    const l = (x = t.features) == null ? void 0 : x[0], m = (y = l == null ? void 0 : l.properties) == null ? void 0 : y._recordKey, h = m ? E.current.get(m) : null;
-    h && (b.current && b.current.remove(), b.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Ht(h.taxon, h.record)).addTo(d));
+    const l = (v = t.features) == null ? void 0 : v[0], m = (b = l == null ? void 0 : l.properties) == null ? void 0 : b._recordKey, h = m ? E.current.get(m) : null;
+    h && (y.current && y.current.remove(), y.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Ht(h.taxon, h.record)).addTo(d));
   };
   $(() => {
-    const t = c.current;
+    const t = a.current;
     t && G.current.forEach((d) => {
       const l = P.has(d) ? "visible" : "none";
       t.getLayer(Q(d)) && t.setLayoutProperty(Q(d), "visibility", l), t.getLayer(ee(d)) && t.setLayoutProperty(ee(d), "visibility", l);
@@ -655,19 +661,19 @@ const ae = [
   }, [P, g]);
   const Ie = () => {
     var l;
-    if (ce.current || !s || !a || !o) return;
-    const t = (l = a == null ? void 0 : a.name) == null ? void 0 : l.rank;
-    !t || t !== "species" && !ae.includes(t) || Ae(t, o).length === 0 || (ce.current = !0, N({ status: "loading", taxa: [] }), wt({ datasetKey: s, focalTaxon: a, rankOrder: o }).then(
+    if (ce.current || !s || !i || !o) return;
+    const t = (l = i == null ? void 0 : i.name) == null ? void 0 : l.rank;
+    !t || t !== "species" && !ie.includes(t) || Ae(t, o).length === 0 || (ce.current = !0, M({ status: "loading", taxa: [] }), wt({ datasetKey: s, focalTaxon: i, rankOrder: o }).then(
       ({ taxa: m, descendantsFailed: h }) => {
         if (h) {
-          N({ status: "error", taxa: [] });
+          M({ status: "error", taxa: [] });
           return;
         }
         if (m.length === 0) {
-          N({ status: "empty", taxa: [] });
+          M({ status: "empty", taxa: [] });
           return;
         }
-        N({ status: "ready", taxa: m });
+        M({ status: "ready", taxa: m });
       }
     ));
   }, Xe = () => {
@@ -677,7 +683,7 @@ const ae = [
     const t = {};
     return g.taxa.filter((d) => d.mappable.length > 0).forEach((d) => {
       (t[d.rank] = t[d.rank] || []).push(d);
-    }), ae.filter((d) => t[d]).map((d) => ({
+    }), ie.filter((d) => t[d]).map((d) => ({
       rank: d,
       label: Be(d),
       taxa: t[d].slice().sort(
@@ -697,8 +703,8 @@ const ae = [
       }), l;
     });
   };
-  if (!Me())
-    return /* @__PURE__ */ r.jsx(
+  if (!Ne())
+    return /* @__PURE__ */ n.jsx(
       "div",
       {
         style: {
@@ -712,8 +718,8 @@ const ae = [
         children: "Maps require WebGL, which your browser doesn't support."
       }
     );
-  if (re && !v)
-    return /* @__PURE__ */ r.jsxs(
+  if (re && !j)
+    return /* @__PURE__ */ n.jsxs(
       "div",
       {
         className: "col-distributions-map col-distributions-map--collapsed",
@@ -729,8 +735,8 @@ const ae = [
           fontSize: 12
         },
         children: [
-          /* @__PURE__ */ r.jsx("span", { children: "No curated distribution data." }),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ n.jsx("span", { children: "No curated distribution data." }),
+          /* @__PURE__ */ n.jsx(
             "a",
             {
               role: "button",
@@ -746,35 +752,35 @@ const ae = [
         ]
       }
     );
-  const tt = ((we = a == null ? void 0 : a.name) == null ? void 0 : we.scientificName) || "This taxon";
-  return /* @__PURE__ */ r.jsxs(
+  const tt = ((we = i == null ? void 0 : i.name) == null ? void 0 : we.scientificName) || "This taxon";
+  return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: "col-distributions-map",
       ref: u,
       style: { position: "relative" },
       children: [
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ n.jsx(
           "div",
           {
-            ref: p,
+            ref: f,
             className: "col-distributions-map__canvas",
             style: { height: 360, width: "100%", background: "#f5f5f5" }
           }
         ),
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ n.jsx(
           Tt,
           {
             open: Te,
             onOpen: Xe,
             onClose: () => ye(!1),
             focalName: tt,
-            focalReady: M,
+            focalReady: N,
             focalVisible: H,
             onToggleFocal: () => T((t) => !t),
-            gbifEnabled: !!i,
-            gbifVisible: v,
-            gbifAvailable: f,
+            gbifEnabled: !!c,
+            gbifVisible: j,
+            gbifAvailable: p,
             onToggleGbif: Ye,
             descendantStatus: g.status,
             descendantsByRank: Je,
@@ -783,11 +789,11 @@ const ae = [
             onToggleTaxon: Qe,
             onToggleRankGroup: et,
             onRetry: () => {
-              ce.current = !1, N({ status: "idle", taxa: [] }), Ie();
+              ce.current = !1, M({ status: "idle", taxa: [] }), Ie();
             }
           }
         ),
-        !ve && (xe.length > 0 || i && f !== !1 && v) && /* @__PURE__ */ r.jsxs(
+        !ve && (xe.length > 0 || c && p !== !1 && j) && /* @__PURE__ */ n.jsxs(
           "div",
           {
             style: {
@@ -803,12 +809,12 @@ const ae = [
               lineHeight: 1.5
             },
             children: [
-              xe.map((t) => /* @__PURE__ */ r.jsxs(
+              xe.map((t) => /* @__PURE__ */ n.jsxs(
                 "div",
                 {
                   style: { display: "flex", alignItems: "center", gap: 6 },
                   children: [
-                    /* @__PURE__ */ r.jsx(
+                    /* @__PURE__ */ n.jsx(
                       "span",
                       {
                         style: {
@@ -821,21 +827,21 @@ const ae = [
                         }
                       }
                     ),
-                    /* @__PURE__ */ r.jsx("span", { children: t.label })
+                    /* @__PURE__ */ n.jsx("span", { children: t.label })
                   ]
                 },
                 t.key
               )),
-              i && f !== !1 && v && /* @__PURE__ */ r.jsx(Ut, {})
+              c && p !== !1 && j && /* @__PURE__ */ n.jsx(Ut, {})
             ]
           }
         ),
-        ve && /* @__PURE__ */ r.jsx(
+        ve && /* @__PURE__ */ n.jsx(
           _t,
           {
             visibleGroups: le.visibleGroups,
             unmappableGroups: le.unmappableGroups,
-            showGbif: !!i && f !== !1 && v
+            showGbif: !!c && p !== !1 && j
           }
         )
       ]
@@ -843,24 +849,24 @@ const ae = [
   );
 }, Tt = ({
   open: e,
-  onOpen: n,
+  onOpen: r,
   onClose: s,
-  focalName: a,
+  focalName: i,
   focalReady: o,
-  focalVisible: i,
-  onToggleFocal: f,
-  gbifEnabled: p,
+  focalVisible: c,
+  onToggleFocal: p,
+  gbifEnabled: f,
   gbifVisible: u,
-  gbifAvailable: c,
-  onToggleGbif: b,
-  descendantStatus: j,
+  gbifAvailable: a,
+  onToggleGbif: y,
+  descendantStatus: x,
   descendantsByRank: R,
   descendantColors: E,
   visibleTaxonIds: I,
   onToggleTaxon: B,
   onToggleRankGroup: G,
   onRetry: k
-}) => e ? /* @__PURE__ */ r.jsxs(
+}) => e ? /* @__PURE__ */ n.jsxs(
   "div",
   {
     style: {
@@ -881,52 +887,52 @@ const ae = [
     },
     onMouseLeave: s,
     children: [
-      /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-        /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ n.jsx(
           "input",
           {
             type: "checkbox",
-            checked: i,
+            checked: c,
             disabled: !o,
-            onChange: f
+            onChange: p
           }
         ),
-        /* @__PURE__ */ r.jsx("span", { style: { fontStyle: "italic" }, children: a })
+        /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: i })
       ] }),
-      p && /* @__PURE__ */ r.jsxs(
+      f && /* @__PURE__ */ n.jsxs(
         "div",
         {
           style: {
             display: "flex",
             alignItems: "center",
             gap: 6,
-            opacity: c === !1 ? 0.5 : 1
+            opacity: a === !1 ? 0.5 : 1
           },
-          title: c === !1 ? "GBIF has no occurrence records for this taxon." : void 0,
+          title: a === !1 ? "GBIF has no occurrence records for this taxon." : void 0,
           children: [
-            /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ n.jsx(
               "input",
               {
                 type: "checkbox",
-                checked: c === !1 ? !1 : u,
-                disabled: c === !1,
-                onChange: b
+                checked: a === !1 ? !1 : u,
+                disabled: a === !1,
+                onChange: y
               }
             ),
-            /* @__PURE__ */ r.jsx("span", { children: "GBIF occurrences" })
+            /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
           ]
         }
       ),
-      j === "loading" && /* @__PURE__ */ r.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
-      j === "error" && /* @__PURE__ */ r.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
+      x === "loading" && /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
+      x === "error" && /* @__PURE__ */ n.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
         "Couldn't load descendants.",
         " ",
-        /* @__PURE__ */ r.jsx("a", { onClick: k, style: { cursor: "pointer" }, children: "Retry" })
+        /* @__PURE__ */ n.jsx("a", { onClick: k, style: { cursor: "pointer" }, children: "Retry" })
       ] }),
-      j === "ready" && R.map((w) => {
-        const M = w.taxa.every((g) => I.has(g.id)), V = w.taxa.some((g) => I.has(g.id));
-        return /* @__PURE__ */ r.jsxs("div", { style: { marginTop: 6 }, children: [
-          /* @__PURE__ */ r.jsxs(
+      x === "ready" && R.map((w) => {
+        const N = w.taxa.every((g) => I.has(g.id)), V = w.taxa.some((g) => I.has(g.id));
+        return /* @__PURE__ */ n.jsxs("div", { style: { marginTop: 6 }, children: [
+          /* @__PURE__ */ n.jsxs(
             "label",
             {
               style: {
@@ -936,13 +942,13 @@ const ae = [
                 fontWeight: 600
               },
               children: [
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ n.jsx(
                   "input",
                   {
                     type: "checkbox",
-                    checked: M,
+                    checked: N,
                     ref: (g) => {
-                      g && (g.indeterminate = !M && V);
+                      g && (g.indeterminate = !N && V);
                     },
                     onChange: () => G(w.taxa)
                   }
@@ -951,7 +957,7 @@ const ae = [
               ]
             }
           ),
-          /* @__PURE__ */ r.jsx("div", { style: { paddingLeft: 18 }, children: w.taxa.map((g) => /* @__PURE__ */ r.jsxs(
+          /* @__PURE__ */ n.jsx("div", { style: { paddingLeft: 18 }, children: w.taxa.map((g) => /* @__PURE__ */ n.jsxs(
             "label",
             {
               style: {
@@ -960,7 +966,7 @@ const ae = [
                 gap: 6
               },
               children: [
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ n.jsx(
                   "input",
                   {
                     type: "checkbox",
@@ -968,7 +974,7 @@ const ae = [
                     onChange: () => B(g.id)
                   }
                 ),
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ n.jsx(
                   "span",
                   {
                     style: {
@@ -981,7 +987,7 @@ const ae = [
                     }
                   }
                 ),
-                /* @__PURE__ */ r.jsx("span", { style: { fontStyle: "italic" }, children: Ke(g.scientificName) })
+                /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: Ke(g.scientificName) })
               ]
             },
             g.id
@@ -990,12 +996,12 @@ const ae = [
       })
     ]
   }
-) : /* @__PURE__ */ r.jsx(
+) : /* @__PURE__ */ n.jsx(
   "button",
   {
     type: "button",
-    onClick: n,
-    onMouseEnter: n,
+    onClick: r,
+    onMouseEnter: r,
     title: "Layers",
     style: {
       position: "absolute",
@@ -1017,22 +1023,22 @@ const ae = [
     children: "+"
   }
 ), Yt = (e) => {
-  var n, s;
-  return ((n = e == null ? void 0 : e.area) == null ? void 0 : n.gazetteer) !== "text" && !!((s = e == null ? void 0 : e.area) != null && s.globalId);
-}, Ne = ({ datasetKey: e, data: n }) => {
-  const [s, a] = L({});
+  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);
+}, Me = ({ datasetKey: e, data: r }) => {
+  const [s, i] = L({});
   return $(() => {
     let o = !1;
-    for (let i = 0; i < n.length; i++)
-      if (n[i].gazetteer === "iso") {
+    for (let c = 0; c < r.length; c++)
+      if (r[c].gazetteer === "iso") {
         o = !0;
         break;
       }
-    o && ne(`${z.dataApi}vocab/country`).then((i) => {
-      a(it(i.data, "alpha3"));
+    o && ne(`${z.dataApi}vocab/country`).then((c) => {
+      i(at(c.data, "alpha3"));
     });
-  }, []), /* @__PURE__ */ r.jsx("div", { children: n.map((o, i) => /* @__PURE__ */ r.jsxs("span", { children: [
-    (o == null ? void 0 : o.merged) && /* @__PURE__ */ r.jsx(
+  }, []), /* @__PURE__ */ n.jsx("div", { children: r.map((o, c) => /* @__PURE__ */ n.jsxs("span", { children: [
+    (o == null ? void 0 : o.merged) && /* @__PURE__ */ n.jsx(
       pt,
       {
         createdBy: o == null ? void 0 : o.createdBy,
@@ -1044,7 +1050,7 @@ const ae = [
     ),
     (O(s, `[${O(o, "area.name")}].name`) ? ct(O(s, `[${O(o, "area.name")}].name`)) : null) || O(o, "area.name") || O(o, "area.globalId"),
     " ",
-    o.referenceId && /* @__PURE__ */ r.jsx(
+    o.referenceId && /* @__PURE__ */ n.jsx(
       bt,
       {
         datasetKey: e,
@@ -1052,30 +1058,30 @@ const ae = [
         placement: "bottom"
       }
     ),
-    i < n.length - 1 && ", "
-  ] }, i)) });
+    c < r.length - 1 && ", "
+  ] }, c)) });
 }, dn = ({
   datasetKey: e,
-  data: n,
+  data: r,
   style: s,
-  showDistributionMap: a,
+  showDistributionMap: i,
   focalTaxon: o,
-  rankOrder: i,
-  gbifChecklistKey: f,
-  label: p,
+  rankOrder: c,
+  gbifChecklistKey: p,
+  label: f,
   md: u
 }) => {
-  const c = n.filter(Yt), b = n.length - c.length, j = !!f, R = n.length > 0, [E, I] = L("map"), [B, G] = L(0), [k, w] = L(null);
+  const a = r.filter(Yt), y = r.length - a.length, x = !!p, R = r.length > 0, [E, I] = L("map"), [B, G] = L(0), [k, w] = L(null);
   $(() => {
-    if (!f || !(o != null && o.id)) {
+    if (!p || !(o != null && o.id)) {
       w(null);
       return;
     }
     w(null);
-    let v = !1;
+    let j = !1;
     return lt.get(`${z.gbifApi}/v1/occurrence/search`, {
       params: {
-        checklistKey: f,
+        checklistKey: p,
         taxonKey: o.id,
         hasCoordinate: !0,
         hasGeospatialIssue: !1,
@@ -1085,69 +1091,69 @@ const ae = [
     }).then(
       (A) => {
         var P;
-        v || w(((P = A == null ? void 0 : A.data) == null ? void 0 : P.count) ?? 0);
+        j || w(((P = A == null ? void 0 : A.data) == null ? void 0 : P.count) ?? 0);
       },
       () => {
-        v || w(null);
+        j || w(null);
       }
     ), () => {
-      v = !0;
+      j = !0;
     };
-  }, [f, o == null ? void 0 : o.id]);
-  const M = j ? k === null || k > 0 : !1, V = c.length > 0 && B >= c.length, g = a && (c.length > 0 || M) && !(c.length > 0 && V && !M);
+  }, [p, o == null ? void 0 : o.id]);
+  const N = x ? k === null || k > 0 : !1, V = a.length > 0 && B >= a.length, g = i && (a.length > 0 || N) && !(a.length > 0 && V && !N);
   if (!g && !R) return null;
-  const N = b + B, H = R;
+  const M = y + B, H = R;
   let T;
   if (!g)
-    T = /* @__PURE__ */ r.jsx(Ne, { datasetKey: e, data: n });
+    T = /* @__PURE__ */ n.jsx(Me, { datasetKey: e, data: r });
   else {
-    const v = H ? E : "map";
-    T = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      H ? /* @__PURE__ */ r.jsxs(
+    const j = H ? E : "map";
+    T = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      H ? /* @__PURE__ */ n.jsxs(
         ue.Group,
         {
           size: "small",
-          value: v,
+          value: j,
           onChange: (A) => I(A.target.value),
           style: { marginBottom: 8 },
           children: [
-            /* @__PURE__ */ r.jsx(ue.Button, { value: "map", children: "Map" }),
-            /* @__PURE__ */ r.jsx(ue.Button, { value: "list", children: "List" })
+            /* @__PURE__ */ n.jsx(ue.Button, { value: "map", children: "Map" }),
+            /* @__PURE__ */ n.jsx(ue.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__ */ r.jsx("div", { style: { height: 24, marginBottom: 8 } })
+        /* @__PURE__ */ n.jsx("div", { style: { height: 24, marginBottom: 8 } })
       ),
-      v === "map" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(
+      j === "map" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        /* @__PURE__ */ n.jsx(
           Kt,
           {
-            records: c,
+            records: a,
             onUnmappable: G,
             datasetKey: e,
             focalTaxon: o,
-            rankOrder: i,
-            gbifChecklistKey: f,
-            gbifAvailable: M
+            rankOrder: c,
+            gbifChecklistKey: p,
+            gbifAvailable: N
           }
         ),
-        H && N > 0 && /* @__PURE__ */ r.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ r.jsxs("a", { onClick: () => I("list"), style: { cursor: "pointer" }, children: [
+        H && M > 0 && /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ n.jsxs("a", { onClick: () => I("list"), style: { cursor: "pointer" }, children: [
           "+",
-          N,
+          M,
           " distribution",
-          N === 1 ? "" : "s",
+          M === 1 ? "" : "s",
           " not on map"
         ] }) })
-      ] }) : /* @__PURE__ */ r.jsx(Ne, { datasetKey: e, data: n })
+      ] }) : /* @__PURE__ */ n.jsx(Me, { datasetKey: e, data: r })
     ] });
   }
-  const re = /* @__PURE__ */ r.jsx("div", { style: s, children: T });
-  return p ? /* @__PURE__ */ r.jsx(ft, { md: u, label: p, children: re }) : re;
+  const re = /* @__PURE__ */ n.jsx("div", { style: s, children: T });
+  return f ? /* @__PURE__ */ n.jsx(ft, { md: u, label: f, children: re }) : re;
 };
 export {
   dn as D,
   bt as R
 };
-//# sourceMappingURL=Distributions-BzwnK_GR.js.map
+//# sourceMappingURL=Distributions-D_4NAlfr.js.map