col-browser 2.4.0 → 2.6.0

package/es/chunks/Distributions-Czffme5Y.js

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