@sfgrp/distinguish 0.4.5 → 0.4.6

package/dist/distinguish.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as S, computed as I, createElementBlock as y, openBlock as p, withDirectives as q, createTextVNode as D, createElementVNode as f, vModelCheckbox as se, Fragment as L, renderList as M, toDisplayString as R, vModelSelect as ue, unref as k, normalizeClass as ve, renderSlot as U, onMounted as ct, onUnmounted as ut, createBlock as T, Transition as dt, withCtx as w, withModifiers as Vt, normalizeStyle as qt, ref as X, createVNode as v, createCommentVNode as j, watch as Ht, normalizeProps as he, guardReactiveProps as ge, withKeys as pt, vModelText as ft, resolveDynamicComponent as zt, createApp as Kt } from "vue";
-import { defineStore as Me, createPinia as Jt } from "pinia";
+import { defineComponent as S, computed as I, createElementBlock as y, openBlock as p, withDirectives as q, createTextVNode as L, createElementVNode as f, vModelCheckbox as se, Fragment as D, renderList as B, toDisplayString as R, vModelSelect as ue, unref as k, normalizeClass as ve, renderSlot as U, onMounted as ct, onUnmounted as ut, createBlock as T, Transition as dt, withCtx as w, withModifiers as Vt, normalizeStyle as qt, ref as X, createVNode as v, createCommentVNode as j, watch as Ht, normalizeProps as he, guardReactiveProps as ge, withKeys as pt, vModelText as ft, resolveDynamicComponent as zt, createApp as Kt } from "vue";
+import { defineStore as Be, createPinia as Jt } from "pinia";
 function mt(e, t) {
   return function() {
     return e.apply(t, arguments);
@@ -456,7 +456,7 @@ const kt = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
-}, Nn = typeof URLSearchParams < "u" ? URLSearchParams : qe, Fn = typeof FormData < "u" ? FormData : null, jn = typeof Blob < "u" ? Blob : null, Bn = {
+}, Nn = typeof URLSearchParams < "u" ? URLSearchParams : qe, Fn = typeof FormData < "u" ? FormData : null, jn = typeof Blob < "u" ? Blob : null, Mn = {
   isBrowser: !0,
   classes: {
     URLSearchParams: Nn,
@@ -464,17 +464,17 @@ const kt = {
     Blob: jn
   },
   protocols: ["http", "https", "file", "blob", "url", "data"]
-}, He = typeof window < "u" && typeof document < "u", Ne = typeof navigator == "object" && navigator || void 0, Mn = He && (!Ne || ["ReactNative", "NativeScript", "NS"].indexOf(Ne.product) < 0), Vn = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
+}, He = typeof window < "u" && typeof document < "u", Ne = typeof navigator == "object" && navigator || void 0, Bn = He && (!Ne || ["ReactNative", "NativeScript", "NS"].indexOf(Ne.product) < 0), Vn = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
 self instanceof WorkerGlobalScope && typeof self.importScripts == "function", qn = He && window.location.href || "http://localhost", Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   hasBrowserEnv: He,
-  hasStandardBrowserEnv: Mn,
+  hasStandardBrowserEnv: Bn,
   hasStandardBrowserWebWorkerEnv: Vn,
   navigator: Ne,
   origin: qn
 }, Symbol.toStringTag, { value: "Module" })), N = {
   ...Hn,
-  ...Bn
+  ...Mn
 };
 function zn(e, t) {
   return ke(e, new N.classes.URLSearchParams(), Object.assign({
@@ -653,7 +653,7 @@ function es(e, t) {
     });
   });
 }
-let B = class {
+let M = class {
   constructor(t) {
     t && this.set(t);
   }
@@ -771,8 +771,8 @@ let B = class {
     return l.isArray(t) ? t.forEach(o) : o(t), this;
   }
 };
-B.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
-l.reduceDescriptors(B.prototype, ({ value: e }, t) => {
+M.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
+l.reduceDescriptors(M.prototype, ({ value: e }, t) => {
   let n = t[0].toUpperCase() + t.slice(1);
   return {
     get: () => e,
@@ -781,9 +781,9 @@ l.reduceDescriptors(B.prototype, ({ value: e }, t) => {
     }
   };
 });
-l.freezeMethods(B);
+l.freezeMethods(M);
 function $e(e, t) {
-  const n = this || pe, s = t || n, r = B.from(s.headers);
+  const n = this || pe, s = t || n, r = M.from(s.headers);
   let o = s.data;
   return l.forEach(e, function(a) {
     o = a.call(n, o, r.normalize(), t ? t.status : void 0);
@@ -906,7 +906,7 @@ function At(e, t, n) {
   let s = !is(t);
   return e && (s || n == !1) ? as(e, t) : t;
 }
-const tt = (e) => e instanceof B ? { ...e } : e;
+const tt = (e) => e instanceof M ? { ...e } : e;
 function te(e, t) {
   t = t || {};
   const n = {};
@@ -974,7 +974,7 @@ function te(e, t) {
 const Ct = (e) => {
   const t = te({}, e);
   let { data: n, withXSRFToken: s, xsrfHeaderName: r, xsrfCookieName: o, headers: i, auth: a } = t;
-  t.headers = i = B.from(i), t.url = Tt(At(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), a && i.set(
+  t.headers = i = M.from(i), t.url = Tt(At(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), a && i.set(
     "Authorization",
     "Basic " + btoa((a.username || "") + ":" + (a.password ? unescape(encodeURIComponent(a.password)) : ""))
   );
@@ -996,7 +996,7 @@ const Ct = (e) => {
   return new Promise(function(n, s) {
     const r = Ct(e);
     let o = r.data;
-    const i = B.from(r.headers).normalize();
+    const i = M.from(r.headers).normalize();
     let { responseType: a, onUploadProgress: d, onDownloadProgress: c } = r, u, m, E, A, h;
     function _() {
       A && A(), h && h(), r.cancelToken && r.cancelToken.unsubscribe(u), r.signal && r.signal.removeEventListener("abort", u);
@@ -1006,7 +1006,7 @@ const Ct = (e) => {
     function O() {
       if (!g)
         return;
-      const $ = B.from(
+      const $ = M.from(
         "getAllResponseHeaders" in g && g.getAllResponseHeaders()
       ), F = {
         data: !a || a === "text" || a === "json" ? g.responseText : g.response,
@@ -1242,7 +1242,7 @@ const gs = async (e) => {
     return !$ && _ && _(), await new Promise((F, W) => {
       It(F, W, {
         data: K,
-        headers: B.from(C.headers),
+        headers: M.from(C.headers),
         status: C.status,
         statusText: C.statusText,
         config: e,
@@ -1307,7 +1307,7 @@ function Ue(e) {
     throw new oe(null, e);
 }
 function ot(e) {
-  return Ue(e), e.headers = B.from(e.headers), e.data = $e.call(
+  return Ue(e), e.headers = M.from(e.headers), e.data = $e.call(
     e,
     e.transformRequest
   ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), Dt.getAdapter(e.adapter || pe.adapter)(e).then(function(s) {
@@ -1315,13 +1315,13 @@ function ot(e) {
       e,
       e.transformResponse,
       s
-    ), s.headers = B.from(s.headers), s;
+    ), s.headers = M.from(s.headers), s;
   }, function(s) {
     return xt(s) || (Ue(e), s && s.response && (s.response.data = $e.call(
       e,
       e.transformResponse,
       s.response
-    ), s.response.headers = B.from(s.response.headers))), Promise.reject(s);
+    ), s.response.headers = M.from(s.response.headers))), Promise.reject(s);
   });
 }
 const Lt = "1.8.4", xe = {};
@@ -1430,7 +1430,7 @@ let ee = class {
       (h) => {
         delete o[h];
       }
-    ), n.headers = B.concat(i, o);
+    ), n.headers = M.concat(i, o);
     const a = [];
     let d = !0;
     this.interceptors.request.forEach(function(_) {
@@ -1578,7 +1578,7 @@ function vs(e) {
 function Rs(e) {
   return l.isObject(e) && e.isAxiosError === !0;
 }
-const Be = {
+const Me = {
   Continue: 100,
   SwitchingProtocols: 101,
   Processing: 102,
@@ -1643,8 +1643,8 @@ const Be = {
   NotExtended: 510,
   NetworkAuthenticationRequired: 511
 };
-Object.entries(Be).forEach(([e, t]) => {
-  Be[t] = e;
+Object.entries(Me).forEach(([e, t]) => {
+  Me[t] = e;
 });
 function Nt(e) {
   const t = new ee(e), n = mt(ee.prototype.request, t);
@@ -1667,28 +1667,28 @@ x.all = function(t) {
 x.spread = vs;
 x.isAxiosError = Rs;
 x.mergeConfig = te;
-x.AxiosHeaders = B;
+x.AxiosHeaders = M;
 x.formToJSON = (e) => Ot(l.isHTMLForm(e) ? new FormData(e) : e);
 x.getAdapter = Dt.getAdapter;
-x.HttpStatusCode = Be;
+x.HttpStatusCode = Me;
 x.default = x;
 const {
-  Axios: vo,
-  AxiosError: Ro,
-  CanceledError: Eo,
-  isCancel: To,
-  CancelToken: ko,
-  VERSION: Oo,
-  all: xo,
-  Cancel: Io,
-  isAxiosError: Ao,
-  spread: Co,
-  toFormData: $o,
-  AxiosHeaders: Uo,
-  HttpStatusCode: Do,
-  formToJSON: Lo,
-  getAdapter: Po,
-  mergeConfig: No
+  Axios: To,
+  AxiosError: ko,
+  CanceledError: Oo,
+  isCancel: xo,
+  CancelToken: Io,
+  VERSION: Ao,
+  all: Co,
+  Cancel: $o,
+  isAxiosError: Uo,
+  spread: Do,
+  toFormData: Lo,
+  AxiosHeaders: Po,
+  HttpStatusCode: No,
+  formToJSON: Fo,
+  getAdapter: jo,
+  mergeConfig: Mo
 } = x, Ft = (e = {}) => {
   const t = Q(), {
     baseURL: n,
@@ -1724,7 +1724,20 @@ const le = {
   label: e.label,
   position: e.position,
   ...jt(e)
-}), ks = (e) => ({
+});
+function ks(e = "") {
+  const t = /^(i|em|b|strong|sub|sup|br|p|span)$/i;
+  return e.replace(/<\/?([a-z][a-z0-9]*)\b[^>]*>/gi, (n, s) => t.test(s) ? n.startsWith("</") ? `</${s}>` : `<${s}>` : "");
+}
+function Os(e = "") {
+  const t = /\bhttps?:\/\/[^\s<>"']+[^\s<>"'.,;:!?)]/g;
+  return ks(e).replace(t, (s) => `<a href="${s.replace(/&/g, "&amp;")}" target="_blank" rel="noopener noreferrer">${s}</a>`);
+}
+const xs = (e) => ({
+  author: e == null ? void 0 : e.cached_author_string,
+  label: Os(e == null ? void 0 : e.cached),
+  year: e == null ? void 0 : e.year
+}), Is = (e) => ({
   depictionId: e.id,
   caption: e.caption,
   figureLabel: e.figure_label,
@@ -1744,36 +1757,36 @@ const le = {
   depictionIds: e.depiction_ids,
   usefulness: e.usefulness,
   weight: e.weight
-}), Os = (e) => ({
+}), As = (e) => ({
   ...fe(e),
   defaultUnit: e.default_unit,
   max: e.max,
   min: e.min
-}), xs = (e) => ({
+}), Cs = (e) => ({
   ...fe(e),
   defaultUnit: e.default_unit,
   max: e.max,
   min: e.min
-}), Is = (e) => ({
+}), $s = (e) => ({
   ...fe(e),
   states: e.states.map((t) => jt(t))
-}), As = (e) => ({
+}), Us = (e) => ({
   ...fe(e),
   characterStates: e.states.map((t) => Ts(t))
-}), Cs = (e) => {
+}), Ds = (e) => {
   switch (e.type) {
     case ae.Continuous:
-      return Os(e);
+      return As(e);
     case ae.Sample:
-      return xs(e);
+      return Cs(e);
     case ae.PresenceAbsence:
-      return Is(e);
+      return $s(e);
     case ae.Qualitative:
-      return As(e);
+      return Us(e);
     default:
       return fe(e);
   }
-}, $s = (e) => ({
+}, Ls = (e) => ({
   observationMatrixId: e.observation_matrix_id,
   name: e.observation_matrix.name,
   globalId: e.observation_matrix.global_id
@@ -1789,14 +1802,14 @@ const le = {
   observationObjectId: e.object.observation_object_id,
   observationObjectType: e.object.observation_object_type,
   rowId: e.object.id
-}), Us = (e) => ({
+}), Ps = (e) => ({
   keywordId: e.id,
   definition: e.description,
   name: e.name
-}), Ds = (e) => ({
+}), Ns = (e) => ({
   languageId: e.id,
   name: e.english_name
-}), J = Me("observationMatrix", {
+}), J = Be("observationMatrix", {
   state: () => ({
     observationMatrix: void 0,
     citation: void 0,
@@ -1812,8 +1825,12 @@ const le = {
     getDescriptors: (e) => e.descriptors,
     getDescriptorById: (e) => (t) => e.descriptors.find((n) => n.descriptorId === t),
     getDescriptorsUsed: (e) => e.descriptors.filter((t) => t.status === le.Used),
-    getDescriptorsUseless: (e) => e.descriptors.filter((t) => t.status === le.Useless),
-    getDescriptorsUseful: (e) => e.descriptors.filter((t) => t.status === le.Useful),
+    getDescriptorsUseless: (e) => e.descriptors.filter(
+      (t) => t.status === le.Useless
+    ),
+    getDescriptorsUseful: (e) => e.descriptors.filter(
+      (t) => t.status === le.Useful
+    ),
     getEliminated: (e) => e.eliminated,
     getKeywords: (e) => e.availableKeywords,
     getLanguages: (e) => e.availableLanguages,
@@ -1838,12 +1855,31 @@ const le = {
     setObservationMatrix(e) {
       this.observationMatrix = e;
     },
-    async requestInteractiveKey({ observationMatrixId: e, params: t = {}, opt: n = {} }) {
-      const s = await Es.key(e, { params: t }), { data: r } = s;
-      return n.refreshOnlyTaxa || (this.setObservationMatrix($s(r)), this.setDescriptors(r.list_of_descriptors.map((o) => Cs(o))), this.setKeywords(r.descriptor_available_keywords.map((o) => Us(o))), this.setLanguages(r.descriptor_available_languages.map((o) => Ds(o)))), this.setEliminated(r.eliminated.map((o) => at(o))), this.setRemaining(r.remaining.map((o) => at(o))), s;
+    setObservationMatrixCitation(e) {
+      this.citation = xs(e);
+    },
+    async requestInteractiveKey({
+      observationMatrixId: e,
+      params: t = {},
+      opt: n = {}
+    }) {
+      const s = await Es.key(e, {
+        params: t
+      }), { data: r } = s;
+      return n.refreshOnlyTaxa || (this.setObservationMatrix(Ls(r)), this.setObservationMatrixCitation(r.observation_matrix_citation), this.setDescriptors(
+        r.list_of_descriptors.map((o) => Ds(o))
+      ), this.setKeywords(
+        r.descriptor_available_keywords.map(
+          (o) => Ps(o)
+        )
+      ), this.setLanguages(
+        r.descriptor_available_languages.map(
+          (o) => Ns(o)
+        )
+      )), this.setEliminated(r.eliminated.map((o) => at(o))), this.setRemaining(r.remaining.map((o) => at(o))), s;
     }
   }
-}), P = Me("filter", {
+}), P = Be("filter", {
   state: () => ({
     descriptors: {},
     eliminateUnknown: void 0,
@@ -1915,7 +1951,7 @@ const le = {
       this.eliminateUnknown = e;
     }
   }
-}), Q = Me("settings", {
+}), Q = Be("settings", {
   state: () => ({
     gridLayout: "distinguish-layout-mode-1",
     isLoading: !1,
@@ -1972,7 +2008,7 @@ const le = {
       }).then((s) => this.errorMessage = "").catch((s) => this.errorMessage = s.message).finally(() => this.isLoading = !1));
     }
   }
-}), Ls = /* @__PURE__ */ S({
+}), Fs = /* @__PURE__ */ S({
   __name: "FilterEliminateUnknowns",
   setup(e) {
     const t = P(), n = I({
@@ -1988,10 +2024,10 @@ const le = {
       }, null, 512), [
         [se, n.value]
       ]),
-      r[1] || (r[1] = D(" Eliminate unknowns "))
+      r[1] || (r[1] = L(" Eliminate unknowns "))
     ]));
   }
-}), Ps = ["value"], Ns = /* @__PURE__ */ S({
+}), js = ["value"], Ms = /* @__PURE__ */ S({
   __name: "FilterErrorTolerance",
   setup(e) {
     const t = [0, 1, 2], n = P(), s = I({
@@ -2011,16 +2047,16 @@ const le = {
         role: "listbox"
       }, [
         o[1] || (o[1] = f("option", { value: "" }, null, -1)),
-        (p(), y(L, null, M(t, (i) => f("option", {
+        (p(), y(D, null, B(t, (i) => f("option", {
           key: i,
           value: i
-        }, R(i), 9, Ps)), 64))
+        }, R(i), 9, js)), 64))
       ], 512), [
         [ue, s.value]
       ])
     ]));
   }
-}), Fs = [
+}), Bs = [
   "otu",
   "subspecies",
   "species",
@@ -2030,7 +2066,7 @@ const le = {
   "tribe",
   "subfamily",
   "family"
-], js = /* @__PURE__ */ S({
+], Vs = /* @__PURE__ */ S({
   __name: "FilterRank",
   setup(e) {
     const t = P(), n = I({
@@ -2047,13 +2083,13 @@ const le = {
         "onUpdate:modelValue": r[0] || (r[0] = (o) => n.value = o)
       }, [
         r[1] || (r[1] = f("option", { value: void 0 }, null, -1)),
-        (p(!0), y(L, null, M(k(Fs), (o) => (p(), y("option", { key: o }, R(o), 1))), 128))
+        (p(!0), y(D, null, B(k(Bs), (o) => (p(), y("option", { key: o }, R(o), 1))), 128))
       ], 512), [
         [ue, n.value]
       ])
     ]));
   }
-}), Bs = /* @__PURE__ */ S({
+}), qs = /* @__PURE__ */ S({
   __name: "FilterSort",
   setup(e) {
     const t = ["ordered", "weighted", "optimized"], n = P(), s = I({
@@ -2070,13 +2106,13 @@ const le = {
         "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i)
       }, [
         o[1] || (o[1] = f("option", { value: void 0 }, null, -1)),
-        (p(), y(L, null, M(t, (i) => f("option", { key: i }, R(i), 1)), 64))
+        (p(), y(D, null, B(t, (i) => f("option", { key: i }, R(i), 1)), 64))
       ], 512), [
         [ue, s.value]
       ])
     ]));
   }
-}), Ms = ["value"], Vs = /* @__PURE__ */ S({
+}), Hs = ["value"], zs = /* @__PURE__ */ S({
   __name: "FilterLanguage",
   setup(e) {
     const t = P(), n = J(), s = I({
@@ -2095,16 +2131,16 @@ const le = {
         name: "languages",
         role: "listbox"
       }, [
-        (p(!0), y(L, null, M(k(n).getLanguages, ({ languageId: i, name: a }) => (p(), y("option", {
+        (p(!0), y(D, null, B(k(n).getLanguages, ({ languageId: i, name: a }) => (p(), y("option", {
           key: i,
           value: i
-        }, R(a), 9, Ms))), 128))
+        }, R(a), 9, Hs))), 128))
       ], 512), [
         [ue, s.value]
       ])
     ]));
   }
-}), qs = ["disabled"], ne = /* @__PURE__ */ S({
+}), Ks = ["disabled"], ne = /* @__PURE__ */ S({
   __name: "VBtn",
   props: {
     color: { default: "primary" },
@@ -2122,9 +2158,9 @@ const le = {
       disabled: s.disabled
     }, [
       U(s.$slots, "default")
-    ], 10, qs));
+    ], 10, Ks));
   }
-}), Hs = { class: "distinguish-modal-wrapper" }, zs = { class: "distinguish-modal-header" }, Ks = { class: "distinguish-modal-body" }, Js = { class: "distinguish-modal-footer" }, ze = /* @__PURE__ */ S({
+}), Js = { class: "distinguish-modal-wrapper" }, Ws = { class: "distinguish-modal-header" }, Xs = { class: "distinguish-modal-body" }, Qs = { class: "distinguish-modal-footer" }, ze = /* @__PURE__ */ S({
   __name: "VModal",
   props: {
     containerClass: {},
@@ -2142,24 +2178,24 @@ const le = {
           onClick: o[2] || (o[2] = (i) => n("close")),
           onKey: o[3] || (o[3] = (i) => n("close"))
         }, [
-          f("div", Hs, [
+          f("div", Js, [
             f("div", {
               class: ve(["distinguish-modal-container", r.containerClass]),
               style: qt({ ...r.containerStyle }),
               onClick: o[1] || (o[1] = Vt(() => {
               }, ["stop"]))
             }, [
-              f("div", zs, [
+              f("div", Ws, [
                 f("div", {
                   class: "distinguish-modal-close",
                   onClick: o[0] || (o[0] = (i) => n("close"))
                 }),
                 U(r.$slots, "header")
               ]),
-              f("div", Ks, [
+              f("div", Xs, [
                 U(r.$slots, "body")
               ]),
-              f("div", Js, [
+              f("div", Qs, [
                 U(r.$slots, "footer")
               ])
             ], 6)
@@ -2169,7 +2205,7 @@ const le = {
       _: 3
     }));
   }
-}), Ws = { class: "distinguish-list-checkboxes" }, Xs = ["value"], Qs = /* @__PURE__ */ S({
+}), Gs = { class: "distinguish-list-checkboxes" }, Ys = ["value"], Zs = /* @__PURE__ */ S({
   __name: "FilterKeywords",
   setup(e) {
     const t = J(), n = P(), s = X(!1), r = I({
@@ -2178,7 +2214,7 @@ const le = {
         n.$patch({ keywordIds: o });
       }
     });
-    return (o, i) => (p(), y(L, null, [
+    return (o, i) => (p(), y(D, null, [
       v(ne, {
         color: "primary",
         size: "medium",
@@ -2187,7 +2223,7 @@ const le = {
         onClick: i[0] || (i[0] = (a) => s.value = !0)
       }, {
         default: w(() => i[3] || (i[3] = [
-          D(" Keyword ")
+          L(" Keyword ")
         ])),
         _: 1
       }, 8, ["disabled", "title"]),
@@ -2199,17 +2235,17 @@ const le = {
           f("h3", null, "Keywords", -1)
         ])),
         body: w(() => [
-          f("ul", Ws, [
-            (p(!0), y(L, null, M(k(t).getKeywords, ({ keywordId: a, name: d }) => (p(), y("li", { key: a }, [
+          f("ul", Gs, [
+            (p(!0), y(D, null, B(k(t).getKeywords, ({ keywordId: a, name: d }) => (p(), y("li", { key: a }, [
               f("label", null, [
                 q(f("input", {
                   "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value = c),
                   value: a,
                   type: "checkbox"
-                }, null, 8, Xs), [
+                }, null, 8, Ys), [
                   [se, r.value]
                 ]),
-                D(" " + R(d), 1)
+                L(" " + R(d), 1)
               ])
             ]))), 128))
           ])
@@ -2218,7 +2254,7 @@ const le = {
       })) : j("", !0)
     ], 64));
   }
-}), Gs = /* @__PURE__ */ S({
+}), er = /* @__PURE__ */ S({
   __name: "SettingRefresh",
   setup(e) {
     const t = Q(), n = I({
@@ -2234,7 +2270,7 @@ const le = {
       }, null, 512), [
         [se, n.value]
       ]),
-      r[1] || (r[1] = D(" Refresh only taxa "))
+      r[1] || (r[1] = L(" Refresh only taxa "))
     ]));
   }
 }), Ie = (e, t) => {
@@ -2242,28 +2278,28 @@ const le = {
   for (const [s, r] of t)
     n[s] = r;
   return n;
-}, Ys = {}, Zs = { class: "distinguish-menu-list" };
-function er(e, t) {
-  return p(), y("ul", Zs, [
+}, tr = {}, nr = { class: "distinguish-menu-list" };
+function sr(e, t) {
+  return p(), y("ul", nr, [
     U(e.$slots, "default")
   ]);
 }
-const tr = /* @__PURE__ */ Ie(Ys, [["render", er]]), nr = {}, sr = { class: "distinguish-list-item" };
-function rr(e, t) {
-  return p(), y("li", sr, [
+const rr = /* @__PURE__ */ Ie(tr, [["render", sr]]), or = {}, ir = { class: "distinguish-list-item" };
+function ar(e, t) {
+  return p(), y("li", ir, [
     U(e.$slots, "default")
   ]);
 }
-const Y = /* @__PURE__ */ Ie(nr, [["render", rr]]), lt = {
+const Y = /* @__PURE__ */ Ie(or, [["render", ar]]), lt = {
   "distinguish-layout-mode-1": "distinguish-layout-mode-2",
   "distinguish-layout-mode-2": "distinguish-layout-mode-1"
-}, or = {}, ir = { class: "distinguish-grid" };
-function ar(e, t) {
-  return p(), y("div", ir, [
+}, lr = {}, cr = { class: "distinguish-grid" };
+function ur(e, t) {
+  return p(), y("div", cr, [
     U(e.$slots, "default")
   ]);
 }
-const Bt = /* @__PURE__ */ Ie(or, [["render", ar]]), lr = /* @__PURE__ */ S({
+const Mt = /* @__PURE__ */ Ie(lr, [["render", ur]]), dr = /* @__PURE__ */ S({
   __name: "GridToggle",
   setup(e) {
     const t = Q(), n = I(() => t.getLayout), s = () => {
@@ -2276,7 +2312,7 @@ const Bt = /* @__PURE__ */ Ie(or, [["render", ar]]), lr = /* @__PURE__ */ S({
       onClick: s
     }, {
       default: w(() => [
-        v(Bt, { class: "distinguish-grid-icon" }, {
+        v(Mt, { class: "distinguish-grid-icon" }, {
           default: w(() => o[0] || (o[0] = [
             f("div", { class: "distinguish-panel-descriptors" }, null, -1),
             f("div", { class: "distinguish-panel-remaining" }, null, -1),
@@ -2288,7 +2324,7 @@ const Bt = /* @__PURE__ */ Ie(or, [["render", ar]]), lr = /* @__PURE__ */ S({
       _: 1
     }, 8, ["class"]));
   }
-}), cr = /* @__PURE__ */ S({
+}), pr = /* @__PURE__ */ S({
   __name: "ResetButton",
   setup(e) {
     const t = P();
@@ -2298,82 +2334,82 @@ const Bt = /* @__PURE__ */ Ie(or, [["render", ar]]), lr = /* @__PURE__ */ S({
       onClick: s[0] || (s[0] = (r) => k(t).$reset())
     }, {
       default: w(() => s[1] || (s[1] = [
-        D(" Reset ")
+        L(" Reset ")
       ])),
       _: 1
     }));
   }
-}), ur = { class: "distinguish-header-error-message" }, dr = /* @__PURE__ */ S({
+}), fr = { class: "distinguish-header-error-message" }, mr = /* @__PURE__ */ S({
   __name: "ErrorMessage",
   setup(e) {
     const t = Q();
-    return (n, s) => (p(), y("span", ur, R(k(t).getErrorMessage), 1));
+    return (n, s) => (p(), y("span", fr, R(k(t).getErrorMessage), 1));
   }
-}), pr = { class: "distinguish-header-bar" }, fr = { class: "distinguish-header-bar__buttons" }, mr = /* @__PURE__ */ S({
+}), hr = { class: "distinguish-header-bar" }, gr = { class: "distinguish-header-bar__buttons" }, yr = /* @__PURE__ */ S({
   __name: "HeaderBar",
   setup(e) {
-    return (t, n) => (p(), y("div", pr, [
-      v(dr),
-      v(tr, null, {
+    return (t, n) => (p(), y("div", hr, [
+      v(mr),
+      v(rr, null, {
         default: w(() => [
           v(Y, null, {
             default: w(() => [
-              v(Gs)
+              v(er)
             ]),
             _: 1
           }),
           v(Y, null, {
             default: w(() => [
-              v(Ls)
+              v(Fs)
             ]),
             _: 1
           }),
           v(Y, null, {
             default: w(() => [
-              v(Ns)
+              v(Ms)
             ]),
             _: 1
           }),
           v(Y, null, {
             default: w(() => [
-              v(js)
+              v(Vs)
             ]),
             _: 1
           }),
           v(Y, null, {
             default: w(() => [
-              v(Vs)
+              v(zs)
             ]),
             _: 1
           }),
           v(Y, null, {
             default: w(() => [
-              v(Bs)
+              v(qs)
             ]),
             _: 1
           }),
           v(Y, null, {
             default: w(() => [
-              v(Qs)
+              v(Zs)
             ]),
             _: 1
           })
         ]),
         _: 1
       }),
-      f("div", fr, [
-        v(cr),
-        v(lr)
+      f("div", gr, [
+        v(pr),
+        v(dr)
       ])
     ]));
   }
-}), hr = {}, gr = { class: "distinguish-panel" };
-function yr(e, t) {
-  return p(), y("div", gr, [
+}), br = {}, _r = { class: "distinguish-panel" };
+function wr(e, t) {
+  return p(), y("div", _r, [
     U(e.$slots, "default")
   ]);
 }
-const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /* @__PURE__ */ S({
+const Ke = /* @__PURE__ */ Ie(br, [["render", wr]]), Sr = ["innerHTML"], vr = /* @__PURE__ */ S({
   __name: "PanelEliminated",
   props: {
     render: { type: Function }
@@ -2384,14 +2420,14 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
       default: w(() => [
         f("h2", null, "Eliminated (" + R(n.value.length) + ")", 1),
         f("ul", null, [
-          (p(!0), y(L, null, M(n.value, (o) => (p(), y("li", {
+          (p(!0), y(D, null, B(n.value, (o) => (p(), y("li", {
             key: o.rowId,
             class: "distinguish-row-item"
           }, [
             U(s.$slots, "default", { item: o }, () => [
               f("span", {
                 innerHTML: s.render ? s.render(o) : o.objectTag
-              }, null, 8, br)
+              }, null, 8, Sr)
             ])
           ]))), 128))
         ])
@@ -2399,7 +2435,7 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
       _: 3
     }));
   }
-}), wr = { class: "distinguish-row-filter-buttons" }, Sr = { class: "distinguish-list-checkboxes" }, vr = ["value"], Rr = /* @__PURE__ */ S({
+}), Rr = { class: "distinguish-row-filter-buttons" }, Er = { class: "distinguish-list-checkboxes" }, Tr = ["value"], kr = /* @__PURE__ */ S({
   __name: "FilterRow",
   setup(e) {
     const t = J(), n = Q(), s = P(), r = X(!1), o = X([]), i = I(() => {
@@ -2413,14 +2449,14 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
     });
     return Ht(r, (d) => {
       n.setShouldUpdate(!d), !d && i.value && (s.rowFilter = !0, n.checkUpdate()), o.value = s.getRowIds;
-    }), (d, c) => (p(), y(L, null, [
+    }), (d, c) => (p(), y(D, null, [
       v(ne, {
         color: "primary",
         size: "medium",
         onClick: c[0] || (c[0] = (u) => r.value = !0)
       }, {
         default: w(() => c[5] || (c[5] = [
-          D(" Select ")
+          L(" Select ")
         ])),
         _: 1
       }),
@@ -2433,7 +2469,7 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
         ])),
         body: w(() => [
           f("div", null, [
-            f("div", wr, [
+            f("div", Rr, [
               k(t).getRemaining.length !== a.value.length || a.value.length == 0 ? (p(), T(ne, {
                 key: 0,
                 color: "primary",
@@ -2441,7 +2477,7 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
                 onClick: c[1] || (c[1] = () => a.value = k(t).getRemaining.map((u) => u.rowId))
               }, {
                 default: w(() => c[7] || (c[7] = [
-                  D(" Select all ")
+                  L(" Select all ")
                 ])),
                 _: 1
               })) : (p(), T(ne, {
@@ -2451,7 +2487,7 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
                 onClick: c[2] || (c[2] = () => a.value = [])
               }, {
                 default: w(() => c[8] || (c[8] = [
-                  D(" Unselect all ")
+                  L(" Unselect all ")
                 ])),
                 _: 1
               })),
@@ -2460,8 +2496,8 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
                 rows: k(t).getRemaining
               })
             ]),
-            f("ul", Sr, [
-              (p(!0), y(L, null, M(k(t).getRemaining, (u) => (p(), y("li", {
+            f("ul", Er, [
+              (p(!0), y(D, null, B(k(t).getRemaining, (u) => (p(), y("li", {
                 key: u.rowId
               }, [
                 f("label", null, [
@@ -2469,10 +2505,10 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
                     "onUpdate:modelValue": c[3] || (c[3] = (m) => a.value = m),
                     value: u.rowId,
                     type: "checkbox"
-                  }, null, 8, vr), [
+                  }, null, 8, Tr), [
                     [se, a.value]
                   ]),
-                  D(" " + R(u.objectLabel), 1)
+                  L(" " + R(u.objectLabel), 1)
                 ])
               ]))), 128))
             ])
@@ -2482,7 +2518,7 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
       })) : j("", !0)
     ], 64));
   }
-}), Er = { class: "distinguish-title-section" }, Tr = ["innerHTML"], kr = /* @__PURE__ */ S({
+}), Or = { class: "distinguish-title-section" }, xr = ["innerHTML"], Ir = /* @__PURE__ */ S({
   __name: "PanelRemaining",
   props: {
     render: { type: Function }
@@ -2491,9 +2527,9 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
     const t = J(), n = I(() => t.getRemaining);
     return (s, r) => (p(), T(Ke, { class: "distinguish-panel-remaining" }, {
       default: w(() => [
-        f("div", Er, [
+        f("div", Or, [
           f("h2", null, "Remaining (" + R(n.value.length) + ")", 1),
-          v(Rr, null, {
+          v(kr, null, {
             "row-filter": w((o) => [
               U(s.$slots, "remaining-row-filter", he(ge(o)))
             ]),
@@ -2501,14 +2537,14 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
           })
         ]),
         f("ul", null, [
-          (p(!0), y(L, null, M(n.value, (o) => (p(), y("li", {
+          (p(!0), y(D, null, B(n.value, (o) => (p(), y("li", {
             key: o.rowId,
             class: "distinguish-row-item"
           }, [
             U(s.$slots, "default", { item: o }, () => [
               f("span", {
                 innerHTML: s.render ? s.render(o) : o.objectTag
-              }, null, 8, Tr)
+              }, null, 8, xr)
             ])
           ]))), 128))
         ])
@@ -2517,30 +2553,30 @@ const Ke = /* @__PURE__ */ Ie(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
     }));
   }
 });
-class Or {
+class Ar {
   static find(t) {
     return Ft().get(`/depictions/${t}.json`, { params: { extend: ["image"] } });
   }
 }
-const xr = {
+const Cr = {
   key: 0,
   class: "distinguish-depiction-box"
-}, Ir = ["src"], Mt = /* @__PURE__ */ S({
+}, $r = ["src"], Bt = /* @__PURE__ */ S({
   __name: "VDepiction",
   props: {
     depictionId: {}
   },
   setup(e) {
     const t = e, n = X();
-    return Or.find(t.depictionId).then(({ data: s }) => {
-      n.value = ks(s);
-    }), (s, r) => n.value ? (p(), y("div", xr, [
+    return Ar.find(t.depictionId).then(({ data: s }) => {
+      n.value = Is(s);
+    }), (s, r) => n.value ? (p(), y("div", Cr, [
       f("img", {
         src: n.value.imageUrl
-      }, null, 8, Ir)
+      }, null, 8, $r)
     ])) : j("", !0);
   }
-}), Ar = { class: "distinguish-character-descriptor__cell" }, Cr = ["value"], $r = /* @__PURE__ */ S({
+}), Ur = { class: "distinguish-character-descriptor__cell" }, Dr = ["value"], Lr = /* @__PURE__ */ S({
   __name: "CharacterStateCell",
   props: {
     characterState: {},
@@ -2556,9 +2592,9 @@ const xr = {
         }) : n.removeDescriptor(t.descriptorId);
       }
     });
-    return (r, o) => (p(), y("div", Ar, [
+    return (r, o) => (p(), y("div", Ur, [
       f("label", null, [
-        (p(!0), y(L, null, M(r.characterState.depictionIds, (i) => (p(), T(Mt, {
+        (p(!0), y(D, null, B(r.characterState.depictionIds, (i) => (p(), T(Bt, {
           key: i,
           "depiction-id": i
         }, null, 8, ["depiction-id"]))), 128)),
@@ -2566,14 +2602,14 @@ const xr = {
           "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
           value: r.characterState.characterStateId,
           type: "checkbox"
-        }, null, 8, Cr), [
+        }, null, 8, Dr), [
           [se, s.value]
         ]),
-        D(" " + R(r.characterState.name), 1)
+        L(" " + R(r.characterState.name), 1)
       ])
     ]));
   }
-}), Ur = { class: "distinguish-character-states-grid" }, Dr = /* @__PURE__ */ S({
+}), Pr = { class: "distinguish-character-states-grid" }, Nr = /* @__PURE__ */ S({
   __name: "CharacterStateGrid",
   props: {
     descriptor: {}
@@ -2587,15 +2623,15 @@ const xr = {
       s.setShouldUpdate(!1), r.value = n.getDescriptorValueById(t.descriptor.descriptorId);
     }), ut(() => {
       s.setShouldUpdate(!0), o.value && s.checkUpdate();
-    }), (i, a) => (p(), y("div", Ur, [
-      (p(!0), y(L, null, M(i.descriptor.characterStates, (d) => (p(), T($r, {
+    }), (i, a) => (p(), y("div", Pr, [
+      (p(!0), y(D, null, B(i.descriptor.characterStates, (d) => (p(), T(Lr, {
         key: d.characterStateId,
         "descriptor-id": i.descriptor.descriptorId,
         "character-state": d
       }, null, 8, ["descriptor-id", "character-state"]))), 128))
     ]));
   }
-}), Lr = { key: 0 }, Pr = { key: 1 }, Nr = { class: "descriptor-modal__depiction" }, Fr = /* @__PURE__ */ S({
+}), Fr = { key: 0 }, jr = { key: 1 }, Mr = { class: "descriptor-modal__depiction" }, Br = /* @__PURE__ */ S({
   __name: "DescriptorModal",
   props: {
     descriptor: {}
@@ -2604,17 +2640,17 @@ const xr = {
     return (t, n) => (p(), T(ze, { "container-class": "distinguish-descriptor-modal" }, {
       header: w(() => [
         f("h3", null, R(t.descriptor.name), 1),
-        t.descriptor.description ? (p(), y("span", Lr, R(t.descriptor.description), 1)) : (p(), y("i", Pr, " No further description available. "))
+        t.descriptor.description ? (p(), y("span", Fr, R(t.descriptor.description), 1)) : (p(), y("i", jr, " No further description available. "))
       ]),
       body: w(() => [
-        f("div", Nr, [
-          (p(!0), y(L, null, M(t.descriptor.depictionIds, (s) => (p(), T(Mt, {
+        f("div", Mr, [
+          (p(!0), y(D, null, B(t.descriptor.depictionIds, (s) => (p(), T(Bt, {
             key: s,
             "depiction-id": s
           }, null, 8, ["depiction-id"]))), 128))
         ]),
         n[0] || (n[0] = f("hr", null, null, -1)),
-        t.descriptor.type === k(ae).Qualitative ? (p(), T(Dr, {
+        t.descriptor.type === k(ae).Qualitative ? (p(), T(Nr, {
           key: 0,
           descriptor: t.descriptor
         }, null, 8, ["descriptor"])) : j("", !0)
@@ -2622,7 +2658,7 @@ const xr = {
       _: 1
     }));
   }
-}), jr = ["id"], Br = { class: "distinguish-input-label" }, Ae = /* @__PURE__ */ S({
+}), Vr = ["id"], qr = { class: "distinguish-input-label" }, Ae = /* @__PURE__ */ S({
   __name: "DescriptorContainer",
   props: {
     descriptor: {}
@@ -2633,25 +2669,25 @@ const xr = {
       id: `descriptor-${n.descriptor.descriptorId}`,
       class: "distinguish-descriptor-container"
     }, [
-      f("div", Br, [
+      f("div", qr, [
         f("span", {
           class: "distinguish-link",
           onClick: s[0] || (s[0] = (r) => t.value = !0)
         }, [
           U(n.$slots, "title", {}, () => [
-            D(R(n.descriptor.name), 1)
+            L(R(n.descriptor.name), 1)
           ])
         ])
       ]),
       U(n.$slots, "default"),
-      t.value ? (p(), T(Fr, {
+      t.value ? (p(), T(Br, {
         key: 0,
         descriptor: n.descriptor,
         onClose: s[1] || (s[1] = (r) => t.value = !1)
       }, null, 8, ["descriptor"])) : j("", !0)
-    ], 8, jr));
+    ], 8, Vr));
   }
-}), Mr = /* @__PURE__ */ S({
+}), Hr = /* @__PURE__ */ S({
   __name: "DescriptorContinuous",
   props: {
     descriptor: {}
@@ -2671,7 +2707,7 @@ const xr = {
       descriptor: o.descriptor
     }, {
       title: w(() => [
-        D(R(o.descriptor.name) + " (" + R(o.descriptor.min) + "-" + R(o.descriptor.max) + " " + R(o.descriptor.defaultUnit) + ") ", 1)
+        L(R(o.descriptor.name) + " (" + R(o.descriptor.min) + "-" + R(o.descriptor.max) + " " + R(o.descriptor.defaultUnit) + ") ", 1)
       ]),
       default: w(() => [
         q(f("input", {
@@ -2686,7 +2722,7 @@ const xr = {
       _: 1
     }, 8, ["descriptor"]));
   }
-}), Vr = ["value"], qr = { key: 0 }, Hr = /* @__PURE__ */ S({
+}), zr = ["value"], Kr = { key: 0 }, Jr = /* @__PURE__ */ S({
   __name: "DescriptorPresenceAbsence",
   props: {
     descriptor: {}
@@ -2720,13 +2756,13 @@ const xr = {
           "onUpdate:modelValue": a[0] || (a[0] = (d) => r.value = d)
         }, [
           a[1] || (a[1] = f("option", null, null, -1)),
-          (p(), y(L, null, M(t, (d, c) => f("option", {
+          (p(), y(D, null, B(t, (d, c) => f("option", {
             key: c,
             value: d
           }, [
-            i.descriptor.status === k(le).Useless ? (p(), y("span", qr, "-")) : j("", !0),
-            D(" " + R(c) + " (" + R(o(d)) + ") ", 1)
-          ], 8, Vr)), 64))
+            i.descriptor.status === k(le).Useless ? (p(), y("span", Kr, "-")) : j("", !0),
+            L(" " + R(c) + " (" + R(o(d)) + ") ", 1)
+          ], 8, zr)), 64))
         ], 512), [
           [ue, r.value]
         ])
@@ -2734,7 +2770,7 @@ const xr = {
       _: 1
     }, 8, ["descriptor"]));
   }
-}), zr = ["value", "selected"], Kr = { key: 0 }, Jr = { key: 1 }, Wr = /* @__PURE__ */ S({
+}), Wr = ["value", "selected"], Xr = { key: 0 }, Qr = { key: 1 }, Gr = /* @__PURE__ */ S({
   __name: "DescriptorQualitative",
   props: {
     descriptor: {}
@@ -2759,21 +2795,21 @@ const xr = {
           onChange: s
         }, [
           i[0] || (i[0] = f("option", { value: "" }, null, -1)),
-          (p(!0), y(L, null, M(o.descriptor.characterStates, (a) => (p(), y("option", {
+          (p(!0), y(D, null, B(o.descriptor.characterStates, (a) => (p(), y("option", {
             key: a.characterStateId,
             value: a.characterStateId,
             selected: r(a)
           }, [
-            r(a) ? (p(), y("span", Kr, ">")) : j("", !0),
-            a.status === k(le).Useless ? (p(), y("span", Jr, "-")) : j("", !0),
-            D(" " + R(a.name) + " (" + R(a.numberOfObjects) + ") ", 1)
-          ], 8, zr))), 128))
+            r(a) ? (p(), y("span", Xr, ">")) : j("", !0),
+            a.status === k(le).Useless ? (p(), y("span", Qr, "-")) : j("", !0),
+            L(" " + R(a.name) + " (" + R(a.numberOfObjects) + ") ", 1)
+          ], 8, Wr))), 128))
         ], 32)
       ]),
       _: 1
     }, 8, ["descriptor"]));
   }
-}), Xr = /* @__PURE__ */ S({
+}), Yr = /* @__PURE__ */ S({
   __name: "DescriptorSample",
   props: {
     descriptor: {}
@@ -2793,7 +2829,7 @@ const xr = {
       descriptor: o.descriptor
     }, {
       title: w(() => [
-        D(R(o.descriptor.name) + " (" + R(o.descriptor.min) + "-" + R(o.descriptor.max) + " " + R(o.descriptor.defaultUnit) + ") ", 1)
+        L(R(o.descriptor.name) + " (" + R(o.descriptor.min) + "-" + R(o.descriptor.max) + " " + R(o.descriptor.defaultUnit) + ") ", 1)
       ]),
       default: w(() => [
         q(f("input", {
@@ -2816,18 +2852,18 @@ const xr = {
   },
   setup(e) {
     const t = {
-      DescriptorContinuous: Mr,
-      DescriptorPresenceAbsence: Hr,
-      DescriptorQualitative: Wr,
-      DescriptorSample: Xr
+      DescriptorContinuous: Hr,
+      DescriptorPresenceAbsence: Jr,
+      DescriptorQualitative: Gr,
+      DescriptorSample: Yr
     }, n = (s) => {
       const r = s.replace("::", "");
       return t[r];
     };
-    return (s, r) => (p(), y(L, null, [
+    return (s, r) => (p(), y(D, null, [
       f("h2", null, R(s.title), 1),
       f("ol", null, [
-        (p(!0), y(L, null, M(s.descriptors, (o) => (p(), y("li", {
+        (p(!0), y(D, null, B(s.descriptors, (o) => (p(), y("li", {
           key: o.descriptorId
         }, [
           (p(), T(zt(n(o.type)), { descriptor: o }, null, 8, ["descriptor"]))
@@ -2835,30 +2871,30 @@ const xr = {
       ])
     ], 64));
   }
-}), Qr = { key: 0 }, Gr = /* @__PURE__ */ S({
+}), Zr = { key: 0 }, eo = /* @__PURE__ */ S({
   __name: "FilterRowCheckbox",
   setup(e) {
     const t = P(), n = I({
       get: () => t.getRowFilter,
       set: (s) => t.$patch({ rowFilter: s })
     });
-    return (s, r) => k(t).rowIds.length ? (p(), y("label", Qr, [
+    return (s, r) => k(t).rowIds.length ? (p(), y("label", Zr, [
       q(f("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (o) => n.value = o),
         type: "checkbox"
       }, null, 512), [
         [se, n.value]
       ]),
-      r[1] || (r[1] = D(" Filter "))
+      r[1] || (r[1] = L(" Filter "))
     ])) : j("", !0);
   }
-}), Yr = /* @__PURE__ */ S({
+}), to = /* @__PURE__ */ S({
   __name: "PanelDescriptors",
   setup(e) {
     const t = J();
     return (n, s) => (p(), T(Ke, { class: "distinguish-panel-descriptors" }, {
       default: w(() => [
-        v(Gr),
+        v(eo),
         k(t).getDescriptorsUsed.length ? (p(), T(De, {
           key: 0,
           descriptors: k(t).getDescriptorsUsed,
@@ -2878,7 +2914,7 @@ const xr = {
       _: 1
     }));
   }
-}), Zr = { class: "distinguish-spinner-container" }, eo = { class: "distinguish-spinner-legend" }, to = ["innerHTML"], no = /* @__PURE__ */ S({
+}), no = { class: "distinguish-spinner-container" }, so = { class: "distinguish-spinner-legend" }, ro = ["innerHTML"], oo = /* @__PURE__ */ S({
   __name: "VSpinner",
   props: {
     legend: {
@@ -2889,11 +2925,11 @@ const xr = {
   setup(e) {
     return (t, n) => (p(), T(dt, { name: "fade" }, {
       default: w(() => [
-        f("div", Zr, [
+        f("div", no, [
           f("div", null, [
             n[0] || (n[0] = f("div", { class: "distinguish-spinner" }, null, -1)),
-            f("div", eo, [
-              f("span", { innerHTML: e.legend }, null, 8, to),
+            f("div", so, [
+              f("span", { innerHTML: e.legend }, null, 8, ro),
               U(t.$slots, "default")
             ])
           ])
@@ -2902,36 +2938,42 @@ const xr = {
       _: 3
     }));
   }
-}), so = { class: "distinguish-title" }, ro = { key: 0 }, oo = /* @__PURE__ */ S({
-  __name: "TitleMatrix",
-  setup(e) {
-    const t = J();
-    return (n, s) => (p(), y("h1", so, [
-      s[0] || (s[0] = D(" Interactive key ")),
-      k(t).getObservationMatrix ? (p(), y("span", ro, "| " + R(k(t).getObservationMatrix.name), 1)) : j("", !0)
-    ]));
-  }
-}), io = ["title"], ao = /* @__PURE__ */ S({
+}), io = ["title", "innerHTML"], ao = /* @__PURE__ */ S({
   __name: "TitleMatrixCitation",
   setup(e) {
     const t = J(), n = I(() => {
       const s = t.getCitation;
-      return Object.values(s || {}).filter(Boolean).join(", ");
+      return s == null ? void 0 : s.label;
     });
-    return (s, r) => (p(), y("span", {
-      class: "distinguish-title-citation",
-      title: n.value
-    }, R(n.value), 9, io));
+    return (s, r) => (p(), y(D, null, [
+      r[0] || (r[0] = L(" - ")),
+      f("span", {
+        class: "distinguish-title-citation",
+        title: n.value,
+        innerHTML: n.value
+      }, null, 8, io)
+    ], 64));
   }
-}), lo = { class: "distinguish-title-section" }, co = /* @__PURE__ */ S({
-  __name: "TitleKey",
+}), lo = { class: "distinguish-title" }, co = {
+  key: 0,
+  class: "distinguish-observation-matrix-title"
+}, uo = /* @__PURE__ */ S({
+  __name: "TitleMatrix",
   setup(e) {
-    return (t, n) => (p(), y("div", lo, [
-      v(oo),
+    const t = J();
+    return (n, s) => (p(), y("h1", lo, [
+      k(t).getObservationMatrix ? (p(), y("span", co, R(k(t).getObservationMatrix.name), 1)) : j("", !0),
       v(ao)
     ]));
   }
-}), uo = { class: "distinguish-app-container" }, po = /* @__PURE__ */ S({
+}), po = { class: "distinguish-title-section" }, fo = /* @__PURE__ */ S({
+  __name: "TitleKey",
+  setup(e) {
+    return (t, n) => (p(), y("div", po, [
+      v(uo)
+    ]));
+  }
+}), mo = { class: "distinguish-app-container" }, ho = /* @__PURE__ */ S({
   name: "Distinguish",
   __name: "App",
   props: {
@@ -2946,15 +2988,15 @@ const xr = {
       n.setAPIConfig(t.apiConfig), n.setObservationMatrixId(t.observationMatrixId), t.otuId && n.setOtuId(t.otuId), n.checkUpdate();
     })(), s.$subscribe((a) => {
       n.shouldUpdate && n.checkUpdate();
-    }), (a, d) => (p(), y("div", uo, [
-      v(co),
-      v(mr),
-      v(Bt, {
+    }), (a, d) => (p(), y("div", mo, [
+      v(fo),
+      v(yr),
+      v(Mt, {
         class: ve(o.value)
       }, {
         default: w(() => [
-          v(Yr),
-          v(kr, {
+          v(to),
+          v(Ir, {
             render: t.renderItem
           }, {
             "remaining-row-filter": w((c) => [
@@ -2965,7 +3007,7 @@ const xr = {
             ]),
             _: 3
           }, 8, ["render"]),
-          v(_r, {
+          v(vr, {
             render: t.renderItem
           }, {
             default: w((c) => [
@@ -2976,31 +3018,31 @@ const xr = {
         ]),
         _: 3
       }, 8, ["class"]),
-      r.value ? (p(), T(no, {
+      r.value ? (p(), T(oo, {
         key: 0,
         legend: "Loading interactive key..."
       })) : j("", !0)
     ]));
   }
 });
-function fo(e) {
+function go(e) {
   const t = e || '[data-interactive-key="true"]';
   return [...document.querySelectorAll(t)].map(
-    (r) => yo(r, go(r))
+    (r) => wo(r, _o(r))
   );
 }
-function mo() {
-  fo();
+function yo() {
+  go();
 }
-function ho(e) {
+function bo(e) {
   return e ? e.split(",").map((t) => Number(t.trim())).filter((t) => !isNaN(t)) : [];
 }
-function go(e) {
+function _o(e) {
   return {
     observationMatrixId: Number(
       e.getAttribute("data-observation-matrix-id")
     ),
-    otuId: ho(e.getAttribute("data-otu-id")),
+    otuId: bo(e.getAttribute("data-otu-id")),
     apiConfig: {
       baseURL: e.getAttribute("data-base-url") || "",
       projectToken: e.getAttribute("data-project-token") || void 0,
@@ -3010,21 +3052,21 @@ function go(e) {
     }
   };
 }
-function yo(e, t) {
+function wo(e, t) {
   const { apiConfig: n, observationMatrixId: s } = t;
   if (!s)
     throw "Missing observation matrix ID";
   if (!n || !n.projectToken && !n.csrfToken && !(n.projectId && n.userToken))
     throw "Missing API configuration";
-  const r = Kt(po, {
+  const r = Kt(ho, {
     observationMatrixId: s,
     apiConfig: n
   });
   return r.use(Jt()), r.mount(e), r;
 }
-typeof window < "u" && window.addEventListener("DOMContentLoaded", mo);
+typeof window < "u" && window.addEventListener("DOMContentLoaded", yo);
 export {
-  po as VueInteractiveKey,
-  yo as createInteractiveKey,
-  fo as discoverInteractiveKey
+  ho as VueInteractiveKey,
+  wo as createInteractiveKey,
+  go as discoverInteractiveKey
 };