col-browser 2.4.0 → 2.5.0

package/es/chunks/Distributions-Dwjo7KhA.js

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