col-browser 2.4.0 → 2.5.0

package/es/chunks/Distributions-Bd4hFYdS.js

@@ -1,1169 +0,0 @@
-var nt = Object.defineProperty;
-var rt = (e, r, s) => r in e ? nt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[r] = s;
-var X = (e, r, s) => rt(e, typeof r != "symbol" ? r + "" : r, s);
-import { j as n } from "./jsx-runtime-BzflLqGi.js";
-import * as _e from "react";
-import st, { useState as L, useRef as C, useMemo as se, useEffect as $ } from "react";
-import { Spin as ot, Popover as at, Radio as ue } from "antd";
-import { isArray as Le, get as O, keyBy as it, startCase as ct } from "lodash-es";
-import { c as ne, p as lt } from "./router-CssZk5qZ.js";
-import { c as z } from "./config-D1NH4DTr.js";
-import { E as dt } from "./ErrorMsg-K8k5PPTp.js";
-import { I as ut } from "./AntdIcon-B1nMlqyh.js";
-import { M as pt } from "./MergedDataBadge-C1CgoRFz.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 r = 1; r < arguments.length; r++) {
-      var s = arguments[r];
-      for (var a in s)
-        Object.prototype.hasOwnProperty.call(s, a) && (e[a] = s[a]);
-    }
-    return e;
-  }, ge.apply(this, arguments);
-}
-const yt = (e, r) => /* @__PURE__ */ _e.createElement(ut, ge({}, e, {
-  ref: r,
-  icon: mt
-})), $e = /* @__PURE__ */ _e.forwardRef(yt);
-process.env.NODE_ENV !== "production" && ($e.displayName = "BookOutlined");
-class bt extends st.Component {
-  constructor(s) {
-    super(s);
-    X(this, "getData", () => {
-      const { referenceId: s, datasetKey: a, references: o } = this.props;
-      if (s) {
-        const c = Le(s) ? s : [s], p = [];
-        this.setState({ loading: !0 }), Promise.allSettled(
-          c.map(
-            (f) => O(o, f) ? Promise.resolve(p.push(o[f])) : ne(
-              `${z.dataApi}dataset/${a}/reference/${f}`
-            ).then((u) => p.push(u.data)).catch((u) => this.setState({ error: u }))
-          )
-        ).then(() => this.setState({ reference: p, loading: !1 }));
-      }
-    });
-    X(this, "getContent", () => {
-      const { error: s, reference: a, loading: o } = this.state;
-      return o ? /* @__PURE__ */ n.jsx(ot, {}) : s ? /* @__PURE__ */ n.jsx(dt, { error: s }) : a.length === 1 ? a[0].citation : /* @__PURE__ */ n.jsx("ul", { children: a.map((c) => /* @__PURE__ */ n.jsx("li", { children: c.citation }, c.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, c = this.props.maxInline || 4, p = Le(s) ? s : [s];
-      let f = a && O(a, p[0]) ? (() => {
-        const u = p.slice(0, c), i = p.length - u.length;
-        return [
-          ...u.map((y) => /* @__PURE__ */ n.jsx(
-            "a",
-            {
-              className: "col-reference-link",
-              href: `#col-reference-${y}`,
-              onClick: (x) => this.scrollToReference(x, y),
-              children: `[${a[y]}]`
-            },
-            y
-          )),
-          i > 0 ? /* @__PURE__ */ n.jsx("span", { className: "col-reference-link", children: ` +${i}` }, "overflow") : null
-        ];
-      })() : /* @__PURE__ */ n.jsx($e, { style: { cursor: "pointer" } });
-      return s ? /* @__PURE__ */ n.jsx("div", { id: `reference_${s}`, style: this.props.style, children: /* @__PURE__ */ n.jsx(
-        at,
-        {
-          getPopupContainer: () => document.getElementById(`reference_${s}`),
-          placement: this.props.placement || "left",
-          title: "Reference",
-          onOpenChange: (u) => u && 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 ae = [
-  "subspecies",
-  "variety",
-  "subvariety",
-  "form",
-  "subform",
-  "infraspecific name"
-], Ae = (e, r) => {
-  const s = r.indexOf(e);
-  return s === -1 ? [] : ae.filter((a) => r.indexOf(a) > s);
-}, xt = 16, vt = (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);
-}, jt = async (e, r, s) => {
-  const a = new Array(e.length);
-  let o = 0;
-  const c = Array.from({ length: Math.min(s, e.length) }, async () => {
-    for (; ; ) {
-      const p = o++;
-      if (p >= e.length) return;
-      a[p] = await r(e[p], p);
-    }
-  });
-  return await Promise.all(c), a;
-}, St = async (e, r, s) => {
-  var f;
-  if (s.length === 0) return [];
-  const a = new URLSearchParams();
-  a.append("TAXON_ID", r), 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}`, c = await ne(o);
-  return (((f = c == null ? void 0 : c.data) == null ? void 0 : f.result) || []).filter((u) => {
-    var i;
-    return (i = u == null ? void 0 : u.usage) == null ? void 0 : i.id;
-  }).map((u) => {
-    var i, y, x, R, E, I;
-    return {
-      id: u.usage.id,
-      scientificName: ((y = (i = u.usage) == null ? void 0 : i.name) == null ? void 0 : y.scientificName) || ((x = u.usage) == null ? void 0 : x.label) || u.usage.id,
-      rank: (E = (R = u.usage) == null ? void 0 : R.name) == null ? void 0 : E.rank,
-      parentId: (I = u.usage) == null ? void 0 : I.parentId
-    };
-  });
-}, It = async (e, r) => {
-  const s = `${z.dataApi}dataset/${e}/taxon/${encodeURIComponent(r)}/distribution`;
-  try {
-    const a = await ne(s);
-    return Array.isArray(a == null ? void 0 : a.data) ? a.data : [];
-  } catch {
-    return [];
-  }
-}, wt = async ({ datasetKey: e, focalTaxon: r, rankOrder: s }) => {
-  var u;
-  const a = Ae((u = r == null ? void 0 : r.name) == null ? void 0 : u.rank, s);
-  let o = !1, c = [];
-  try {
-    c = await St(e, r.id, a);
-  } catch {
-    return o = !0, { taxa: [], descendantsFailed: o };
-  }
-  const p = await jt(
-    c,
-    (i) => It(e, i.id),
-    xt
-  );
-  return { taxa: c.map((i, y) => {
-    const x = p[y] || [];
-    return { ...i, distributions: x, mappable: x.filter(vt) };
-  }), descendantsFailed: o };
-}, ke = [
-  "#E58606",
-  "#5D69B1",
-  "#52BCA3",
-  "#99C945",
-  "#CC61B0",
-  "#24796C",
-  "#DAA51B",
-  "#2F8AC4",
-  "#764E9F",
-  "#ED645A",
-  "#CC3A8E",
-  "#A5AA99"
-], Ce = (e, r) => {
-  const s = r.indexOf(e);
-  return s === -1 ? r.length : s;
-}, Lt = (e, r) => {
-  const s = [...e].sort((o, c) => {
-    const p = Ce(o.rank, r), f = Ce(c.rank, r);
-    return p !== f ? p - f : o.scientificName.localeCompare(c.scientificName);
-  }), a = {};
-  return s.forEach((o, c) => {
-    a[o.id] = ke[c % 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
-}, Nt = {
-  fontStyle: "italic",
-  paddingLeft: 4
-}, Re = (e) => e.reduce((r, s) => r + s.taxa.length, 0), Mt = () => /* @__PURE__ */ n.jsxs("div", { style: Oe, children: [
-  /* @__PURE__ */ n.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
-    "polygon",
-    {
-      points: "3,1 9,1 11,6 9,11 3,11 1,6",
-      fill: "#de1e6e",
-      stroke: "rgba(0,0,0,0.25)",
-      strokeWidth: "0.75"
-    }
-  ) }),
-  /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
-] }), _t = ({ visibleGroups: e, unmappableGroups: r, showGbif: s }) => {
-  const [a, o] = L(!1), c = Re(e), p = Re(r);
-  return c === 0 && p === 0 && !s ? null : /* @__PURE__ */ n.jsxs("div", { style: kt, children: [
-    /* @__PURE__ */ n.jsxs("div", { style: Ct, children: [
-      e.map((f, u) => /* @__PURE__ */ n.jsxs("div", { children: [
-        /* @__PURE__ */ n.jsx("div", { style: u === 0 ? Rt : Pe, children: f.label }),
-        f.taxa.map((i) => /* @__PURE__ */ n.jsxs("div", { style: Oe, children: [
-          /* @__PURE__ */ n.jsx("span", { style: Et(i.color) }),
-          /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: i.displayName || i.scientificName })
-        ] }, i.id))
-      ] }, f.rank)),
-      s && /* @__PURE__ */ n.jsx(Mt, {})
-    ] }),
-    p > 0 && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          style: Ft,
-          onClick: () => o((f) => !f),
-          children: [
-            a ? "− Hide" : "+",
-            " ",
-            p,
-            " without map data"
-          ]
-        }
-      ),
-      a && /* @__PURE__ */ n.jsx("div", { style: Bt, children: r.map((f, u) => /* @__PURE__ */ n.jsxs("div", { children: [
-        /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            style: u === 0 ? Gt : De,
-            children: f.label
-          }
-        ),
-        f.taxa.map((i) => /* @__PURE__ */ n.jsx("div", { style: Nt, children: i.displayName || i.scientificName }, i.id))
-      ] }, f.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 r = e == null ? void 0 : e.establishmentMeans;
-  if (r == null || r === "") return null;
-  const s = At(r);
-  return He[s] ? s : "uncertain";
-}, Pt = (e) => {
-  const r = Ve(e);
-  return r == null ? ie : He[r];
-}, Ot = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json", Ue = "gbif-visible", Dt = (e) => ht(Ue, e), Ee = (e) => gt(Ue, e), zt = "/v2/map/occurrence/density/{z}/{x}/{y}@1x.png?srs=EPSG%3A3857&style=iNaturalist.poly&bin=hex&hexPerTile=64&hasCoordinate=true&hasGeospatialIssue=false&occurrenceStatus=PRESENT&checklistKey={checklistKey}&taxonKey={taxonKey}", J = "col-focal-distributions", K = "col-focal-fill", pe = "col-focal-line", oe = "col-gbif-occurrences", _ = "col-gbif-occurrences", fe = (e) => `col-descendant-${e}`, Q = (e) => `col-descendant-fill-${e}`, ee = (e) => `col-descendant-line-${e}`, he = /* @__PURE__ */ new Map(), Fe = (e, r) => {
-  const s = `${e}:${r}`;
-  if (he.has(s)) return he.get(s);
-  const a = `${z.dataApi}vocab/area/${s}`, o = ne(a, {
-    headers: { Accept: "application/geo+json" }
-  }).then(
-    (c) => c.data,
-    () => null
-  );
-  return he.set(s, o), o;
-}, te = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), We = (e) => {
-  var a, o;
-  const r = ((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((c) => [c, e == null ? void 0 : e[c]]).filter(([, c]) => c != null && c !== "").map(
-    ([c, p]) => `<div><strong>${te(c)}:</strong> ${te(p)}</div>`
-  ).join("");
-  return `<div style="min-width:180px"><div style="font-weight:600;margin-bottom:4px">${te(
-    r
-  )}</div>${s}</div>`;
-}, Ht = (e, r) => `<div style="font-weight:600;font-style:italic;margin-bottom:4px">${te(
-  e.scientificName
-)}</div><div style="color:#888;margin-bottom:4px">${te(e.rank || "")}</div>` + We(r), 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 r = e.trim().split(/\s+/);
-  return r[r.length - 1];
-}, Ut = () => /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-  /* @__PURE__ */ n.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ n.jsx(
-    "polygon",
-    {
-      points: "3,1 9,1 11,6 9,11 3,11 1,6",
-      fill: "#de1e6e",
-      stroke: "rgba(0,0,0,0.25)",
-      strokeWidth: "0.75"
-    }
-  ) }),
-  /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
-] }), Wt = (e) => {
-  var p;
-  let r = 1 / 0, s = 1 / 0, a = -1 / 0, o = -1 / 0;
-  const c = (f) => {
-    if (typeof f[0] == "number") {
-      const [u, i] = f;
-      u < r && (r = u), u > a && (a = u), i < s && (s = i), i > o && (o = i);
-    } else
-      for (let u = 0; u < f.length; u++) c(f[u]);
-  };
-  for (let f = 0; f < e.length; f++) {
-    const u = (p = e[f]) == null ? void 0 : p.geometry;
-    u != null && u.coordinates && c(u.coordinates);
-  }
-  return r === 1 / 0 ? null : [
-    [r, s],
-    [a, o]
-  ];
-}, Ge = (e) => e ? e.type === "FeatureCollection" ? e.features || [] : [e] : [], Ne = () => {
-  var e;
-  return typeof ((e = D) == null ? void 0 : e.supported) == "function" ? D.supported() : typeof WebGLRenderingContext < "u";
-}, Kt = ({
-  records: e,
-  onUnmappable: r,
-  datasetKey: s,
-  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: p = !0
-}) => {
-  var we;
-  const f = C(null), u = C(null), i = C(null), y = C(null), x = C(/* @__PURE__ */ new Map()), R = C(/* @__PURE__ */ new Map()), E = C(/* @__PURE__ */ new Map()), I = C(!1), B = C(!1), G = C(/* @__PURE__ */ new Set()), [k, w] = L(!1), [N, V] = L(!1), [g, M] = L({
-    status: "idle",
-    // idle | loading | ready | empty | error
-    taxa: []
-  }), [H, T] = L(!0), re = !!c && (!e || e.length === 0), [j, A] = L(
-    () => Dt(!0)
-  ), [P, me] = L(/* @__PURE__ */ new Set()), [Te, ye] = L(!1), ce = C(!1), Ye = () => {
-    A((t) => {
-      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 v = {};
-      return h.forEach((b) => {
-        (v[b.rank] = v[b.rank] || []).push(t(b));
-      }), ae.filter((b) => v[b]).map((b) => ({
-        rank: b,
-        label: Be(b),
-        taxa: v[b]
-      }));
-    }, 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 (!f.current || i.current || !Ne()) return;
-    const t = new D.Map({
-      container: f.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"
-    ), i.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(f.current), () => {
-      d && d.disconnect(), y.current && (y.current.remove(), y.current = null), t.remove(), i.current = null, I.current = !1, B.current = !1, G.current = /* @__PURE__ */ new Set();
-    };
-  }, []), $(() => {
-    if (!k || !(e != null && e.length)) return;
-    const t = i.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 v = 0;
-      l.forEach((S, F) => {
-        if (S.status !== "fulfilled" || !S.value.geojson) {
-          v += 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
-            }
-          });
-        });
-      }), x.current = h;
-      const b = { type: "FeatureCollection", features: m };
-      if (t.getSource(J))
-        t.getSource(J).setData(b);
-      else {
-        const S = t.getLayer(_) ? _ : void 0;
-        t.addSource(J, { type: "geojson", data: b }), 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, je), t.on("mouseleave", K, Se), I.current = !0;
-      }
-      if (m.length > 0) {
-        const S = Wt(m);
-        S && t.fitBounds(S, { padding: 20, animate: !1 });
-      }
-      typeof r == "function" && r(v), V(!0);
-    }), () => {
-      d = !0;
-    };
-  }, [k, e]);
-  const qe = (t) => {
-    var v, b;
-    const d = i.current;
-    if (!d) return;
-    const l = (v = t.features) == null ? void 0 : v[0], m = (b = l == null ? void 0 : l.properties) == null ? void 0 : b._recordKey, h = m ? x.current.get(m) : null;
-    h && (y.current && y.current.remove(), y.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(We(h)).addTo(d));
-  }, je = () => {
-    const t = i.current;
-    t && (t.getCanvas().style.cursor = "pointer");
-  }, Se = () => {
-    const t = i.current;
-    t && (t.getCanvas().style.cursor = "");
-  };
-  $(() => {
-    const t = i.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, N]), $(() => {
-    if (!k) return;
-    const t = i.current;
-    if (!t || ((() => {
-      t.getLayer(_) && t.removeLayer(_), t.getSource(oe) && t.removeSource(oe), B.current = !1;
-    })(), !c || !(a != null && a.id)) || p === !1) return;
-    const l = (z.gbifApi + zt).replace("{checklistKey}", encodeURIComponent(c)).replace("{taxonKey}", encodeURIComponent(a.id)), m = z.gbifPortal + "/occurrence/search?checklist_key=" + encodeURIComponent(c) + "&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: j ? "visible" : "none" }
-    }), B.current = !0;
-  }, [k, c, a == null ? void 0 : a.id, p]), $(() => {
-    const t = i.current;
-    if (!t || !B.current) return;
-    const d = j ? "visible" : "none";
-    t.getLayer(_) && t.setLayoutProperty(_, "visibility", d);
-  }, [j]), $(() => {
-    if (!k) return;
-    const t = i.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 (!i.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 v = d[l.id] || ie, b = { type: "FeatureCollection", features: h }, S = fe(l.id);
-        if (i.current.getSource(S))
-          i.current.getSource(S).setData(b);
-        else {
-          i.current.addSource(S, { type: "geojson", data: b });
-          const F = Q(l.id), U = ee(l.id), W = i.current.getLayer(_) ? _ : void 0;
-          i.current.addLayer(
-            {
-              id: F,
-              type: "fill",
-              source: S,
-              paint: { "fill-color": v, "fill-opacity": 0.55 },
-              layout: { visibility: "none" }
-            },
-            W
-          ), i.current.addLayer(
-            {
-              id: U,
-              type: "line",
-              source: S,
-              paint: { "line-color": v, "line-width": 2 },
-              layout: { visibility: "none" }
-            },
-            W
-          ), i.current.on("click", F, Ze), i.current.on("mouseenter", F, je), i.current.on("mouseleave", F, Se), G.current.add(l.id);
-        }
-      }));
-    });
-  }, [k, g, Y]);
-  const Ze = (t) => {
-    var v, b;
-    const d = i.current;
-    if (!d) return;
-    const l = (v = t.features) == null ? void 0 : v[0], m = (b = l == null ? void 0 : l.properties) == null ? void 0 : b._recordKey, h = m ? E.current.get(m) : null;
-    h && (y.current && y.current.remove(), y.current = new D.Popup({ closeButton: !0, maxWidth: "320px" }).setLngLat(t.lngLat).setHTML(Ht(h.taxon, h.record)).addTo(d));
-  };
-  $(() => {
-    const t = i.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, M({ status: "loading", taxa: [] }), wt({ datasetKey: s, focalTaxon: a, rankOrder: o }).then(
-      ({ taxa: m, descendantsFailed: h }) => {
-        if (h) {
-          M({ status: "error", taxa: [] });
-          return;
-        }
-        if (m.length === 0) {
-          M({ status: "empty", taxa: [] });
-          return;
-        }
-        M({ 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 (!Ne())
-    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 (re && !j)
-    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: 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__ */ n.jsxs(
-    "div",
-    {
-      className: "col-distributions-map",
-      ref: u,
-      style: { position: "relative" },
-      children: [
-        /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            ref: f,
-            className: "col-distributions-map__canvas",
-            style: { height: 360, width: "100%", background: "#f5f5f5" }
-          }
-        ),
-        /* @__PURE__ */ n.jsx(
-          Tt,
-          {
-            open: Te,
-            onOpen: Xe,
-            onClose: () => ye(!1),
-            focalName: tt,
-            focalReady: N,
-            focalVisible: H,
-            onToggleFocal: () => T((t) => !t),
-            gbifEnabled: !!c,
-            gbifVisible: j,
-            gbifAvailable: p,
-            onToggleGbif: Ye,
-            descendantStatus: g.status,
-            descendantsByRank: Je,
-            descendantColors: Y,
-            visibleTaxonIds: P,
-            onToggleTaxon: Qe,
-            onToggleRankGroup: et,
-            onRetry: () => {
-              ce.current = !1, M({ status: "idle", taxa: [] }), Ie();
-            }
-          }
-        ),
-        !ve && (xe.length > 0 || c && p !== !1 && j) && /* @__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: [
-              xe.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 && p !== !1 && j && /* @__PURE__ */ n.jsx(Ut, {})
-            ]
-          }
-        ),
-        ve && /* @__PURE__ */ n.jsx(
-          _t,
-          {
-            visibleGroups: le.visibleGroups,
-            unmappableGroups: le.unmappableGroups,
-            showGbif: !!c && p !== !1 && j
-          }
-        )
-      ]
-    }
-  );
-}, Tt = ({
-  open: e,
-  onOpen: r,
-  onClose: s,
-  focalName: a,
-  focalReady: o,
-  focalVisible: c,
-  onToggleFocal: p,
-  gbifEnabled: f,
-  gbifVisible: u,
-  gbifAvailable: i,
-  onToggleGbif: y,
-  descendantStatus: x,
-  descendantsByRank: R,
-  descendantColors: E,
-  visibleTaxonIds: I,
-  onToggleTaxon: B,
-  onToggleRankGroup: G,
-  onRetry: k
-}) => 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: p
-          }
-        ),
-        /* @__PURE__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: a })
-      ] }),
-      f && /* @__PURE__ */ n.jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 6,
-            opacity: i === !1 ? 0.5 : 1
-          },
-          title: i === !1 ? "GBIF has no occurrence records for this taxon." : void 0,
-          children: [
-            /* @__PURE__ */ n.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: i === !1 ? !1 : u,
-                disabled: i === !1,
-                onChange: y
-              }
-            ),
-            /* @__PURE__ */ n.jsx("span", { children: "GBIF occurrences" })
-          ]
-        }
-      ),
-      x === "loading" && /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6, color: "#888" }, children: "Loading descendants…" }),
-      x === "error" && /* @__PURE__ */ n.jsxs("div", { style: { marginTop: 6, color: "#888" }, children: [
-        "Couldn't load descendants.",
-        " ",
-        /* @__PURE__ */ n.jsx("a", { onClick: k, style: { cursor: "pointer" }, children: "Retry" })
-      ] }),
-      x === "ready" && R.map((w) => {
-        const N = w.taxa.every((g) => I.has(g.id)), V = w.taxa.some((g) => I.has(g.id));
-        return /* @__PURE__ */ n.jsxs("div", { style: { marginTop: 6 }, children: [
-          /* @__PURE__ */ n.jsxs(
-            "label",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: 6,
-                fontWeight: 600
-              },
-              children: [
-                /* @__PURE__ */ n.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: N,
-                    ref: (g) => {
-                      g && (g.indeterminate = !N && V);
-                    },
-                    onChange: () => G(w.taxa)
-                  }
-                ),
-                w.label
-              ]
-            }
-          ),
-          /* @__PURE__ */ n.jsx("div", { style: { paddingLeft: 18 }, children: w.taxa.map((g) => /* @__PURE__ */ n.jsxs(
-            "label",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                gap: 6
-              },
-              children: [
-                /* @__PURE__ */ n.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: I.has(g.id),
-                    onChange: () => B(g.id)
-                  }
-                ),
-                /* @__PURE__ */ n.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__ */ n.jsx("span", { style: { fontStyle: "italic" }, children: Ke(g.scientificName) })
-              ]
-            },
-            g.id
-          )) })
-        ] }, w.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: "+"
-  }
-), Yt = (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);
-}, Me = ({ datasetKey: e, data: r }) => {
-  const [s, a] = L({});
-  return $(() => {
-    let o = !1;
-    for (let c = 0; c < r.length; c++)
-      if (r[c].gazetteer === "iso") {
-        o = !0;
-        break;
-      }
-    o && ne(`${z.dataApi}vocab/country`).then((c) => {
-      a(it(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(
-      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__ */ n.jsx(
-      bt,
-      {
-        datasetKey: e,
-        referenceId: o.referenceId,
-        placement: "bottom"
-      }
-    ),
-    c < r.length - 1 && ", "
-  ] }, c)) });
-}, dn = ({
-  datasetKey: e,
-  data: r,
-  style: s,
-  showDistributionMap: a,
-  focalTaxon: o,
-  rankOrder: c,
-  gbifChecklistKey: p,
-  label: f,
-  md: u
-}) => {
-  const i = r.filter(Yt), y = r.length - i.length, x = !!p, R = r.length > 0, [E, I] = L("map"), [B, G] = L(0), [k, w] = L(null);
-  $(() => {
-    if (!p || !(o != null && o.id)) {
-      w(null);
-      return;
-    }
-    w(null);
-    let j = !1;
-    return lt.get(`${z.gbifApi}/v1/occurrence/search`, {
-      params: {
-        checklistKey: p,
-        taxonKey: o.id,
-        hasCoordinate: !0,
-        hasGeospatialIssue: !1,
-        occurrenceStatus: "PRESENT",
-        limit: 0
-      }
-    }).then(
-      (A) => {
-        var P;
-        j || w(((P = A == null ? void 0 : A.data) == null ? void 0 : P.count) ?? 0);
-      },
-      () => {
-        j || w(null);
-      }
-    ), () => {
-      j = !0;
-    };
-  }, [p, o == null ? void 0 : o.id]);
-  const N = x ? k === null || k > 0 : !1, V = i.length > 0 && B >= i.length, g = a && (i.length > 0 || N) && !(i.length > 0 && V && !N);
-  if (!g && !R) return null;
-  const M = y + B, H = R;
-  let T;
-  if (!g)
-    T = /* @__PURE__ */ n.jsx(Me, { datasetKey: e, data: r });
-  else {
-    const j = H ? E : "map";
-    T = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      H ? /* @__PURE__ */ n.jsxs(
-        ue.Group,
-        {
-          size: "small",
-          value: j,
-          onChange: (A) => I(A.target.value),
-          style: { marginBottom: 8 },
-          children: [
-            /* @__PURE__ */ n.jsx(ue.Button, { value: "map", children: "Map" }),
-            /* @__PURE__ */ n.jsx(ue.Button, { value: "list", children: "List" })
-          ]
-        }
-      ) : (
-        // Reserve the vertical space the Map/List toggle would occupy so the
-        // map's top edge lines up with the "Distributions" label.
-        /* @__PURE__ */ n.jsx("div", { style: { height: 24, marginBottom: 8 } })
-      ),
-      j === "map" ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
-          Kt,
-          {
-            records: i,
-            onUnmappable: G,
-            datasetKey: e,
-            focalTaxon: o,
-            rankOrder: c,
-            gbifChecklistKey: p,
-            gbifAvailable: N
-          }
-        ),
-        H && M > 0 && /* @__PURE__ */ n.jsx("div", { style: { marginTop: 6 }, children: /* @__PURE__ */ n.jsxs("a", { onClick: () => I("list"), style: { cursor: "pointer" }, children: [
-          "+",
-          M,
-          " distribution",
-          M === 1 ? "" : "s",
-          " not on map"
-        ] }) })
-      ] }) : /* @__PURE__ */ n.jsx(Me, { datasetKey: e, data: r })
-    ] });
-  }
-  const re = /* @__PURE__ */ n.jsx("div", { style: s, children: T });
-  return f ? /* @__PURE__ */ n.jsx(ft, { md: u, label: f, children: re }) : re;
-};
-export {
-  dn as D,
-  bt as R
-};
-//# sourceMappingURL=Distributions-Bd4hFYdS.js.map