col-browser 2.2.3 → 2.2.4

package/es/chunks/Distributions-BWucAjsL.js

@@ -0,0 +1,1153 @@
+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";
+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 { 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";
+import { I as ut } from "./AntdIcon-B1nMlqyh.js";
+import { M as pt } from "./MergedDataBadge-DsTsn5Xu.js";
+import { P as ft } from "./PresentationItem-C4yZ555-.js";
+import D from "maplibre-gl";
+import "maplibre-gl/dist/maplibre-gl.css";
+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]);
+    }
+    return e;
+  }, ge.apply(this, arguments);
+}
+const yt = (e, n) => /* @__PURE__ */ _e.createElement(ut, ge({}, e, {
+  ref: n,
+  icon: mt
+})), $e = /* @__PURE__ */ _e.forwardRef(yt);
+process.env.NODE_ENV !== "production" && ($e.displayName = "BookOutlined");
+class bt extends st.Component {
+  constructor(s) {
+    super(s);
+    X(this, "getData", () => {
+      const { referenceId: s, datasetKey: a, references: o } = this.props;
+      if (s) {
+        const i = Le(s) ? s : [s], f = [];
+        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 }))
+          )
+        ).then(() => this.setState({ reference: f, 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)) });
+    });
+    X(this, "scrollToReference", (s, a) => {
+      const o = document.getElementById(`col-reference-${a}`);
+      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,
+        {
+          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() }),
+          trigger: o || "hover",
+          children: f
+        }
+      ) }, `reference_${s}`) : "";
+    });
+    this.state = {
+      reference: [],
+      loading: !1,
+      error: null
+    };
+  }
+}
+const ae = [
+  "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);
+}, 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);
+  let o = 0;
+  const i = 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);
+    }
+  });
+  return await Promise.all(i), a;
+}, jt = async (e, n, s) => {
+  var p;
+  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;
+  }).map((u) => {
+    var c, b, j, 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,
+      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`;
+  try {
+    const a = await ne(s);
+    return Array.isArray(a == null ? void 0 : a.data) ? a.data : [];
+  } catch {
+    return [];
+  }
+}, wt = async ({ datasetKey: e, focalTaxon: n, rankOrder: s }) => {
+  var u;
+  const a = Ae((u = n == null ? void 0 : n.name) == null ? void 0 : u.rank, s);
+  let o = !1, i = [];
+  try {
+    i = await jt(e, n.id, a);
+  } catch {
+    return o = !0, { taxa: [], descendantsFailed: o };
+  }
+  const f = await St(
+    i,
+    (c) => It(e, c.id),
+    xt
+  );
+  return { taxa: i.map((c, b) => {
+    const j = f[b] || [];
+    return { ...c, distributions: j, mappable: j.filter(vt) };
+  }), descendantsFailed: o };
+}, ke = [
+  "#E58606",
+  "#5D69B1",
+  "#52BCA3",
+  "#99C945",
+  "#CC61B0",
+  "#24796C",
+  "#DAA51B",
+  "#2F8AC4",
+  "#764E9F",
+  "#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;
+}, kt = {
+  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
+}, Ct = {
+  maxHeight: 240,
+  overflowY: "auto"
+}, Pe = {
+  fontWeight: 600,
+  marginTop: 4
+}, Rt = {
+  ...Pe,
+  marginTop: 0
+}, Oe = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  paddingLeft: 4
+}, Et = (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"
+}), Ft = {
+  marginTop: 6,
+  cursor: "pointer",
+  color: "#1890ff",
+  fontSize: 11
+}, Bt = {
+  marginTop: 4,
+  borderTop: "1px solid #eee",
+  paddingTop: 4,
+  color: "#666"
+}, De = {
+  fontWeight: 600,
+  marginTop: 4
+}, Gt = {
+  ...De,
+  marginTop: 0
+}, Mt = {
+  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(
+    "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__ */ 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, {})
+    ] }),
+    f > 0 && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          style: Ft,
+          onClick: () => o((p) => !p),
+          children: [
+            a ? "− Hide" : "+",
+            " ",
+            f,
+            " without map data"
+          ]
+        }
+      ),
+      a && /* @__PURE__ */ r.jsx("div", { style: Bt, children: n.map((p, u) => /* @__PURE__ */ r.jsxs("div", { children: [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            style: u === 0 ? Gt : De,
+            children: p.label
+          }
+        ),
+        p.taxa.map((c) => /* @__PURE__ */ r.jsx("div", { style: Mt, children: c.displayName || c.scientificName }, c.id))
+      ] }, p.rank)) })
+    ] })
+  ] });
+}, $t = [
+  "establishmentMeans",
+  "degreeOfEstablishment",
+  "pathway",
+  "threatStatus",
+  "year",
+  "lifeStage"
+], ze = [
+  { 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" }
+], 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);
+  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}`;
+  if (he.has(s)) return he.get(s);
+  const a = `${z.dataApi}vocab/area/${s}`, o = ne(a, {
+    headers: { Accept: "application/geo+json" }
+  }).then(
+    (i) => i.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>`
+  ).join("");
+  return `<div style="min-width:180px"><div style="font-weight:600;margin-bottom:4px">${te(
+    n
+  )}</div>${s}</div>`;
+}, Ht = (e, n) => `<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 = {
+  subspecies: "subspecies",
+  variety: "varieties",
+  subvariety: "subvarieties",
+  form: "forms",
+  subform: "subforms",
+  "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(
+    "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__ */ r.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);
+    } else
+      for (let u = 0; u < p.length; u++) i(p[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);
+  }
+  return n === 1 / 0 ? null : [
+    [n, s],
+    [a, o]
+  ];
+}, Ge = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Me = () => {
+  var e;
+  return typeof ((e = D) == null ? void 0 : e.supported) == "function" ? D.supported() : typeof WebGLRenderingContext < "u";
+}, Kt = ({
+  records: e,
+  onUnmappable: n,
+  datasetKey: s,
+  focalTaxon: a,
+  rankOrder: o,
+  gbifChecklistKey: i,
+  // 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
+}) => {
+  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({
+    status: "idle",
+    // idle | loading | ready | empty | error
+    taxa: []
+  }), [H, T] = L(!0), re = !!i && (!e || e.length === 0), [v, A] = L(
+    () => Dt(!0)
+  ), [P, me] = L(/* @__PURE__ */ new Set()), [Te, ye] = L(!1), ce = C(!1), Ye = () => {
+    A((t) => {
+      const d = !t;
+      return Ee(d), d;
+    });
+  }, be = () => {
+    A(!0), Ee(!0);
+  }, xe = se(() => {
+    if (!(e != null && e.length)) return [];
+    const t = /* @__PURE__ */ new Set();
+    return e.forEach((d) => {
+      const l = Ve(d);
+      l != null && t.add(l);
+    }), ze.filter((d) => t.has(d.key));
+  }, [e]), Y = se(() => g.status !== "ready" ? {} : Lt(
+    g.taxa.filter((t) => t.mappable.length > 0),
+    o || []
+  ), [g, o]), le = se(() => {
+    if (g.status !== "ready")
+      return { visibleGroups: [], unmappableGroups: [] };
+    const t = (h) => ({
+      ...h,
+      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]
+      }));
+    }, l = d(
+      g.taxa.filter(
+        (h) => h.mappable.length > 0 && P.has(h.id)
+      )
+    ), m = d(
+      g.taxa.filter((h) => h.mappable.length === 0)
+    );
+    return { visibleGroups: l, unmappableGroups: m };
+  }, [g, Y, P]), ve = le.visibleGroups.length > 0;
+  $(() => {
+    if (!p.current || c.current || !Me()) return;
+    const t = new D.Map({
+      container: p.current,
+      style: Ot,
+      center: [0, 20],
+      zoom: 1,
+      minZoom: 0,
+      attributionControl: !1,
+      renderWorldCopies: !0
+    });
+    t.addControl(
+      new D.AttributionControl({ compact: !0 }),
+      "bottom-right"
+    ), t.addControl(
+      new D.NavigationControl({ showCompass: !1 }),
+      "top-left"
+    ), t.addControl(
+      new D.FullscreenControl({ container: u.current }),
+      "top-right"
+    ), c.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();
+    };
+  }, []), $(() => {
+    if (!k || !(e != null && e.length)) return;
+    const t = c.current;
+    if (!t) return;
+    let d = !1;
+    return V(!1), Promise.allSettled(
+      e.map(
+        (l) => Fe(l.area.gazetteer, l.area.id).then((m) => ({
+          record: l,
+          geojson: m
+        }))
+      )
+    ).then((l) => {
+      if (d) return;
+      const m = [], h = /* @__PURE__ */ new Map();
+      let x = 0;
+      l.forEach((S, F) => {
+        if (S.status !== "fulfilled" || !S.value.geojson) {
+          x += 1;
+          return;
+        }
+        const { record: U, geojson: W } = S.value, de = Pt(U), q = `focal-${F}`;
+        h.set(q, U), Ge(W).forEach((Z) => {
+          m.push({
+            ...Z,
+            properties: {
+              ...Z.properties || {},
+              _recordKey: q,
+              _color: de
+            }
+          });
+        });
+      }), j.current = h;
+      const y = { type: "FeatureCollection", features: m };
+      if (t.getSource(J))
+        t.getSource(J).setData(y);
+      else {
+        const S = t.getLayer(_) ? _ : void 0;
+        t.addSource(J, { type: "geojson", data: y }), t.addLayer(
+          {
+            id: K,
+            type: "fill",
+            source: J,
+            paint: {
+              "fill-color": ["coalesce", ["get", "_color"], ie],
+              "fill-opacity": 0.65
+            }
+          },
+          S
+        ), t.addLayer(
+          {
+            id: pe,
+            type: "line",
+            source: J,
+            paint: {
+              "line-color": ["coalesce", ["get", "_color"], ie],
+              "line-width": 1
+            }
+          },
+          S
+        ), t.on("click", K, qe), t.on("mouseenter", K, Se), t.on("mouseleave", K, je), 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);
+    }), () => {
+      d = !0;
+    };
+  }, [k, e]);
+  const qe = (t) => {
+    var x, y;
+    const d = c.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");
+  }, je = () => {
+    const t = c.current;
+    t && (t.getCanvas().style.cursor = "");
+  };
+  $(() => {
+    const t = c.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]), $(() => {
+    if (!k) return;
+    const t = c.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);
+    t.addSource(oe, {
+      type: "raster",
+      tiles: [l],
+      tileSize: 256,
+      attribution: '<a href="' + m + '" target="_blank" rel="noopener">GBIF</a> occurrence data'
+    }), t.addLayer({
+      id: _,
+      type: "raster",
+      source: oe,
+      paint: { "raster-opacity": 0.9 },
+      layout: { visibility: v ? "visible" : "none" }
+    }), B.current = !0;
+  }, [k, i, a == null ? void 0 : a.id, f]), $(() => {
+    const t = c.current;
+    if (!t || !B.current) return;
+    const d = v ? "visible" : "none";
+    t.getLayer(_) && t.setLayoutProperty(_, "visibility", d);
+  }, [v]), $(() => {
+    if (!k) return;
+    const t = c.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;
+    const d = Y;
+    g.taxa.forEach((l) => {
+      l.mappable.length !== 0 && (R.current.set(l.id, l), Promise.allSettled(
+        l.mappable.map(
+          (m) => Fe(m.area.gazetteer, m.area.id).then((h) => ({
+            record: m,
+            geojson: h
+          }))
+        )
+      ).then((m) => {
+        if (!c.current) return;
+        const h = [];
+        m.forEach((F, U) => {
+          if (F.status !== "fulfilled" || !F.value.geojson) return;
+          const { record: W, geojson: de } = F.value, q = `desc-${l.id}-${U}`;
+          E.current.set(q, { taxon: l, record: W }), Ge(de).forEach((Z) => {
+            h.push({
+              ...Z,
+              properties: {
+                ...Z.properties || {},
+                _recordKey: q
+              }
+            });
+          });
+        });
+        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);
+        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(
+            {
+              id: F,
+              type: "fill",
+              source: S,
+              paint: { "fill-color": x, "fill-opacity": 0.55 },
+              layout: { visibility: "none" }
+            },
+            W
+          ), c.current.addLayer(
+            {
+              id: U,
+              type: "line",
+              source: S,
+              paint: { "line-color": x, "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);
+        }
+      }));
+    });
+  }, [k, g, Y]);
+  const Ze = (t) => {
+    var x, y;
+    const d = c.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 t = c.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);
+    });
+  }, [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(
+      ({ taxa: m, descendantsFailed: h }) => {
+        if (h) {
+          N({ status: "error", taxa: [] });
+          return;
+        }
+        if (m.length === 0) {
+          N({ status: "empty", taxa: [] });
+          return;
+        }
+        N({ status: "ready", taxa: m });
+      }
+    ));
+  }, Xe = () => {
+    ye(!0), Ie();
+  }, Je = se(() => {
+    if (g.status !== "ready") return [];
+    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) => ({
+      rank: d,
+      label: Be(d),
+      taxa: t[d].slice().sort(
+        (l, m) => l.scientificName.localeCompare(m.scientificName)
+      )
+    }));
+  }, [g]), Qe = (t) => {
+    me((d) => {
+      const l = new Set(d);
+      return l.has(t) ? l.delete(t) : l.add(t), l;
+    });
+  }, et = (t) => {
+    me((d) => {
+      const l = new Set(d), m = t.every((h) => d.has(h.id));
+      return t.forEach((h) => {
+        m ? l.delete(h.id) : l.add(h.id);
+      }), l;
+    });
+  };
+  if (!Me())
+    return /* @__PURE__ */ r.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 (re && !v)
+    return /* @__PURE__ */ r.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__ */ r.jsx("span", { children: "No curated distribution data." }),
+          /* @__PURE__ */ r.jsx(
+            "a",
+            {
+              role: "button",
+              tabIndex: 0,
+              style: { cursor: "pointer" },
+              onClick: be,
+              onKeyDown: (t) => {
+                (t.key === "Enter" || t.key === " ") && (t.preventDefault(), be());
+              },
+              children: "Show GBIF occurrences"
+            }
+          )
+        ]
+      }
+    );
+  const tt = ((we = a == null ? void 0 : a.name) == null ? void 0 : we.scientificName) || "This taxon";
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: "col-distributions-map",
+      ref: u,
+      style: { position: "relative" },
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            ref: p,
+            className: "col-distributions-map__canvas",
+            style: { height: 360, width: "100%", background: "#f5f5f5" }
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          Tt,
+          {
+            open: Te,
+            onOpen: Xe,
+            onClose: () => ye(!1),
+            focalName: tt,
+            focalReady: M,
+            focalVisible: H,
+            onToggleFocal: () => T((t) => !t),
+            gbifEnabled: !!i,
+            gbifVisible: v,
+            gbifAvailable: f,
+            onToggleGbif: Ye,
+            descendantStatus: g.status,
+            descendantsByRank: Je,
+            descendantColors: Y,
+            visibleTaxonIds: P,
+            onToggleTaxon: Qe,
+            onToggleRankGroup: et,
+            onRetry: () => {
+              ce.current = !1, N({ status: "idle", taxa: [] }), Ie();
+            }
+          }
+        ),
+        !ve && (xe.length > 0 || i && f !== !1 && v) && /* @__PURE__ */ r.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: [
+              xe.map((t) => /* @__PURE__ */ r.jsxs(
+                "div",
+                {
+                  style: { display: "flex", alignItems: "center", gap: 6 },
+                  children: [
+                    /* @__PURE__ */ r.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__ */ r.jsx("span", { children: t.label })
+                  ]
+                },
+                t.key
+              )),
+              i && f !== !1 && v && /* @__PURE__ */ r.jsx(Ut, {})
+            ]
+          }
+        ),
+        ve && /* @__PURE__ */ r.jsx(
+          _t,
+          {
+            visibleGroups: le.visibleGroups,
+            unmappableGroups: le.unmappableGroups,
+            showGbif: !!i && f !== !1 && v
+          }
+        )
+      ]
+    }
+  );
+}, Tt = ({
+  open: e,
+  onOpen: n,
+  onClose: s,
+  focalName: a,
+  focalReady: o,
+  focalVisible: i,
+  onToggleFocal: f,
+  gbifEnabled: p,
+  gbifVisible: u,
+  gbifAvailable: c,
+  onToggleGbif: b,
+  descendantStatus: j,
+  descendantsByRank: R,
+  descendantColors: E,
+  visibleTaxonIds: I,
+  onToggleTaxon: B,
+  onToggleRankGroup: G,
+  onRetry: k
+}) => e ? /* @__PURE__ */ r.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: s,
+    children: [
+      /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: i,
+            disabled: !o,
+            onChange: f
+          }
+        ),
+        /* @__PURE__ */ r.jsx("span", { style: { fontStyle: "italic" }, children: a })
+      ] }),
+      p && /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 6,
+            opacity: c === !1 ? 0.5 : 1
+          },
+          title: c === !1 ? "GBIF has no occurrence records for this taxon." : void 0,
+          children: [
+            /* @__PURE__ */ r.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: c === !1 ? !1 : u,
+                disabled: c === !1,
+                onChange: b
+              }
+            ),
+            /* @__PURE__ */ r.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: [
+        "Couldn't load descendants.",
+        " ",
+        /* @__PURE__ */ r.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(
+            "label",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 6,
+                fontWeight: 600
+              },
+              children: [
+                /* @__PURE__ */ r.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: M,
+                    ref: (g) => {
+                      g && (g.indeterminate = !M && V);
+                    },
+                    onChange: () => G(w.taxa)
+                  }
+                ),
+                w.label
+              ]
+            }
+          ),
+          /* @__PURE__ */ r.jsx("div", { style: { paddingLeft: 18 }, children: w.taxa.map((g) => /* @__PURE__ */ r.jsxs(
+            "label",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 6
+              },
+              children: [
+                /* @__PURE__ */ r.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: I.has(g.id),
+                    onChange: () => B(g.id)
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(
+                  "span",
+                  {
+                    style: {
+                      display: "inline-block",
+                      width: 10,
+                      height: 10,
+                      background: E[g.id],
+                      border: "1px solid rgba(0,0,0,0.15)",
+                      borderRadius: 2
+                    }
+                  }
+                ),
+                /* @__PURE__ */ r.jsx("span", { style: { fontStyle: "italic" }, children: Ke(g.scientificName) })
+              ]
+            },
+            g.id
+          )) })
+        ] }, w.rank);
+      })
+    ]
+  }
+) : /* @__PURE__ */ r.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: "+"
+  }
+), 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({});
+  return $(() => {
+    let o = !1;
+    for (let i = 0; i < n.length; i++)
+      if (n[i].gazetteer === "iso") {
+        o = !0;
+        break;
+      }
+    o && ne(`${z.dataApi}vocab/country`).then((i) => {
+      a(it(i.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(
+      pt,
+      {
+        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" }
+      }
+    ),
+    (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(
+      bt,
+      {
+        datasetKey: e,
+        referenceId: o.referenceId,
+        placement: "bottom"
+      }
+    ),
+    i < n.length - 1 && ", "
+  ] }, i)) });
+}, dn = ({
+  datasetKey: e,
+  data: n,
+  style: s,
+  showDistributionMap: a,
+  focalTaxon: o,
+  rankOrder: i,
+  gbifChecklistKey: f,
+  label: p,
+  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);
+  $(() => {
+    if (!f || !(o != null && o.id)) {
+      w(null);
+      return;
+    }
+    w(null);
+    let v = !1;
+    return lt.get(`${z.gbifApi}/v1/occurrence/search`, {
+      params: {
+        checklistKey: f,
+        taxonKey: o.id,
+        hasCoordinate: !0,
+        hasGeospatialIssue: !1,
+        occurrenceStatus: "PRESENT",
+        limit: 0
+      }
+    }).then(
+      (A) => {
+        var P;
+        v || w(((P = A == null ? void 0 : A.data) == null ? void 0 : P.count) ?? 0);
+      },
+      () => {
+        v || w(null);
+      }
+    ), () => {
+      v = !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);
+  if (!g && !R) return null;
+  const N = b + B, H = R;
+  let T;
+  if (!g)
+    T = /* @__PURE__ */ r.jsx(Ne, { datasetKey: e, data: n });
+  else {
+    const v = H ? E : "map";
+    T = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      H ? /* @__PURE__ */ r.jsxs(
+        ue.Group,
+        {
+          size: "small",
+          value: v,
+          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" })
+          ]
+        }
+      ) : (
+        // 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 } })
+      ),
+      v === "map" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(
+          Kt,
+          {
+            records: c,
+            onUnmappable: G,
+            datasetKey: e,
+            focalTaxon: o,
+            rankOrder: i,
+            gbifChecklistKey: f,
+            gbifAvailable: M
+          }
+        ),
+        H && N > 0 && /* @__PURE__ */ r.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ r.jsxs("a", { onClick: () => I("list"), style: { cursor: "pointer" }, children: [
+          "+",
+          N,
+          " distribution",
+          N === 1 ? "" : "s",
+          " not on map"
+        ] }) })
+      ] }) : /* @__PURE__ */ r.jsx(Ne, { datasetKey: e, data: n })
+    ] });
+  }
+  const re = /* @__PURE__ */ r.jsx("div", { style: s, children: T });
+  return p ? /* @__PURE__ */ r.jsx(ft, { md: u, label: p, children: re }) : re;
+};
+export {
+  dn as D,
+  bt as R
+};
+//# sourceMappingURL=Distributions-BWucAjsL.js.map