@sfgrp/distinguish 0.4.3 → 0.4.4

package/dist/distinguish.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as A, createElementBlock as y, openBlock as p, withDirectives as q, createTextVNode as $, createElementVNode as f, vModelCheckbox as se, Fragment as D, renderList as M, toDisplayString as E, vModelSelect as ue, unref as k, normalizeClass as we, renderSlot as F, 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, withKeys as pt, vModelText as ft, resolveDynamicComponent as zt, normalizeProps as Ke, guardReactiveProps as Je, createApp as Kt } from "vue";
+import { defineComponent as S, computed as I, createElementBlock as y, openBlock as p, withDirectives as q, createTextVNode as U, createElementVNode as f, vModelCheckbox as se, Fragment as D, renderList as M, toDisplayString as R, vModelSelect as ue, unref as k, normalizeClass as we, renderSlot as N, 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, withKeys as pt, vModelText as ft, resolveDynamicComponent as zt, normalizeProps as Ke, guardReactiveProps as Je, createApp as Kt } from "vue";
 import { defineStore as je, createPinia as Jt } from "pinia";
 function mt(e, t) {
   return function() {
@@ -17,12 +17,12 @@ function Qt(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && ht(e.buffer), t;
 }
-const Gt = ve("string"), V = ve("function"), gt = ve("number"), Ee = (e) => e !== null && typeof e == "object", Yt = (e) => e === !0 || e === !1, he = (e) => {
+const Gt = ve("string"), V = ve("function"), gt = ve("number"), Re = (e) => e !== null && typeof e == "object", Yt = (e) => e === !0 || e === !1, he = (e) => {
   if (Se(e) !== "object")
     return !1;
   const t = Be(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}, Zt = H("Date"), en = H("File"), tn = H("Blob"), nn = H("FileList"), sn = (e) => Ee(e) && V(e.pipe), rn = (e) => {
+}, Zt = H("Date"), en = H("File"), tn = H("Blob"), nn = H("FileList"), sn = (e) => Re(e) && V(e.pipe), rn = (e) => {
   let t;
   return e && (typeof FormData == "function" && e instanceof FormData || V(e.append) && ((t = Se(e)) === "formdata" || // detect form-data instance
   t === "object" && V(e.toString) && e.toString() === "[object FormData]"));
@@ -50,11 +50,11 @@ function yt(e, t) {
       return r;
   return null;
 }
-const Y = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, bt = (e) => !ce(e) && e !== Y;
-function $e() {
+const Z = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, bt = (e) => !ce(e) && e !== Z;
+function Ue() {
   const { caseless: e } = bt(this) && this || {}, t = {}, n = (s, r) => {
     const o = e && yt(t, r) || r;
-    he(t[o]) && he(s) ? t[o] = $e(t[o], s) : he(s) ? t[o] = $e({}, s) : re(s) ? t[o] = s.slice() : t[o] = s;
+    he(t[o]) && he(s) ? t[o] = Ue(t[o], s) : he(s) ? t[o] = Ue({}, s) : re(s) ? t[o] = s.slice() : t[o] = s;
   };
   for (let s = 0, r = arguments.length; s < r; s++)
     arguments[s] && de(arguments[s], n);
@@ -107,13 +107,13 @@ const pn = (e, t, n, { allOwnKeys: s } = {}) => (de(t, (r, o) => {
   function(n, s, r) {
     return s.toUpperCase() + r;
   }
-), We = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), En = H("RegExp"), _t = (e, t) => {
+), We = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), Rn = H("RegExp"), _t = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), s = {};
   de(n, (r, o) => {
     let i;
     (i = t(r, o, e)) !== !1 && (s[o] = i || r);
   }), Object.defineProperties(e, s);
-}, Rn = (e) => {
+}, En = (e) => {
   _t(e, (t, n) => {
     if (V(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
       return !1;
@@ -140,9 +140,9 @@ const pn = (e, t, n, { allOwnKeys: s } = {}) => (de(t, (r, o) => {
 function xn(e) {
   return !!(e && V(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
 }
-const An = (e) => {
+const In = (e) => {
   const t = new Array(10), n = (s, r) => {
-    if (Ee(s)) {
+    if (Re(s)) {
       if (t.indexOf(s) >= 0)
         return;
       if (!("toJSON" in s)) {
@@ -157,14 +157,14 @@ const An = (e) => {
     return s;
   };
   return n(e, 0);
-}, Cn = H("AsyncFunction"), In = (e) => e && (Ee(e) || V(e)) && V(e.then) && V(e.catch), wt = ((e, t) => e ? setImmediate : t ? ((n, s) => (Y.addEventListener("message", ({ source: r, data: o }) => {
-  r === Y && o === n && s.length && s.shift()();
+}, An = H("AsyncFunction"), Cn = (e) => e && (Re(e) || V(e)) && V(e.then) && V(e.catch), wt = ((e, t) => e ? setImmediate : t ? ((n, s) => (Z.addEventListener("message", ({ source: r, data: o }) => {
+  r === Z && o === n && s.length && s.shift()();
 }, !1), (r) => {
-  s.push(r), Y.postMessage(n, "*");
+  s.push(r), Z.postMessage(n, "*");
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
-  V(Y.postMessage)
-), Un = typeof queueMicrotask < "u" ? queueMicrotask.bind(Y) : typeof process < "u" && process.nextTick || wt, l = {
+  V(Z.postMessage)
+), $n = typeof queueMicrotask < "u" ? queueMicrotask.bind(Z) : typeof process < "u" && process.nextTick || wt, l = {
   isArray: re,
   isArrayBuffer: ht,
   isBuffer: Xt,
@@ -173,7 +173,7 @@ const An = (e) => {
   isString: Gt,
   isNumber: gt,
   isBoolean: Yt,
-  isObject: Ee,
+  isObject: Re,
   isPlainObject: he,
   isReadableStream: an,
   isRequest: ln,
@@ -183,14 +183,14 @@ const An = (e) => {
   isDate: Zt,
   isFile: en,
   isBlob: tn,
-  isRegExp: En,
+  isRegExp: Rn,
   isFunction: V,
   isStream: sn,
   isURLSearchParams: on,
   isTypedArray: bn,
   isFileList: nn,
   forEach: de,
-  merge: $e,
+  merge: Ue,
   extend: pn,
   trim: dn,
   stripBOM: fn,
@@ -207,20 +207,20 @@ const An = (e) => {
   hasOwnProp: We,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: _t,
-  freezeMethods: Rn,
+  freezeMethods: En,
   toObjectSet: Tn,
   toCamelCase: vn,
   noop: kn,
   toFiniteNumber: On,
   findKey: yt,
-  global: Y,
+  global: Z,
   isContextDefined: bt,
   isSpecCompliantForm: xn,
-  toJSONObject: An,
-  isAsyncFn: Cn,
-  isThenable: In,
+  toJSONObject: In,
+  isAsyncFn: An,
+  isThenable: Cn,
   setImmediate: wt,
-  asap: Un
+  asap: $n
 };
 function b(e, t, n, s, r) {
   Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), n && (this.config = n), s && (this.request = s), r && (this.response = r, this.status = r.status ? r.status : null);
@@ -272,16 +272,16 @@ b.from = (e, t, n, s, r, o) => {
     return d !== Error.prototype;
   }, (a) => a !== "isAxiosError"), b.call(i, e.message, t, n, s, r), i.cause = e, i.name = e.name, o && Object.assign(i, o), i;
 };
-const $n = null;
+const Un = null;
 function De(e) {
   return l.isPlainObject(e) || l.isArray(e);
 }
-function Et(e) {
+function Rt(e) {
   return l.endsWith(e, "[]") ? e.slice(0, -2) : e;
 }
 function Xe(e, t, n) {
   return e ? e.concat(t).map(function(r, o) {
-    return r = Et(r), !n && o ? "[" + r + "]" : r;
+    return r = Rt(r), !n && o ? "[" + r + "]" : r;
   }).join(n ? "." : "") : t;
 }
 function Dn(e) {
@@ -290,7 +290,7 @@ function Dn(e) {
 const Ln = l.toFlatObject(l, {}, null, function(t) {
   return /^is[A-Z]/.test(t);
 });
-function Re(e, t, n) {
+function Ee(e, t, n) {
   if (!l.isObject(e))
     throw new TypeError("target must be an object");
   t = t || new FormData(), n = l.toFlatObject(n, {
@@ -317,39 +317,39 @@ function Re(e, t, n) {
       if (l.endsWith(_, "{}"))
         _ = s ? _ : _.slice(0, -2), h = JSON.stringify(h);
       else if (l.isArray(h) && Dn(h) || (l.isFileList(h) || l.endsWith(_, "[]")) && (O = l.toArray(h)))
-        return _ = Et(_), O.forEach(function(U, K) {
-          !(l.isUndefined(U) || U === null) && t.append(
+        return _ = Rt(_), O.forEach(function($, K) {
+          !(l.isUndefined($) || $ === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             i === !0 ? Xe([_], K, o) : i === null ? _ : _ + "[]",
-            c(U)
+            c($)
           );
         }), !1;
     }
     return De(h) ? !0 : (t.append(Xe(g, _, o), c(h)), !1);
   }
-  const m = [], R = Object.assign(Ln, {
+  const m = [], E = Object.assign(Ln, {
     defaultVisitor: u,
     convertValue: c,
     isVisitable: De
   });
-  function C(h, _) {
+  function A(h, _) {
     if (!l.isUndefined(h)) {
       if (m.indexOf(h) !== -1)
         throw Error("Circular reference detected in " + _.join("."));
-      m.push(h), l.forEach(h, function(O, I) {
+      m.push(h), l.forEach(h, function(O, C) {
         (!(l.isUndefined(O) || O === null) && r.call(
           t,
           O,
-          l.isString(I) ? I.trim() : I,
+          l.isString(C) ? C.trim() : C,
           _,
-          R
-        )) === !0 && C(O, _ ? _.concat(I) : [I]);
+          E
+        )) === !0 && A(O, _ ? _.concat(C) : [C]);
       }), m.pop();
     }
   }
   if (!l.isObject(e))
     throw new TypeError("data must be an object");
-  return C(e), t;
+  return A(e), t;
 }
 function Qe(e) {
   const t = {
@@ -366,13 +366,13 @@ function Qe(e) {
   });
 }
 function Me(e, t) {
-  this._pairs = [], e && Re(e, this, t);
+  this._pairs = [], e && Ee(e, this, t);
 }
-const Rt = Me.prototype;
-Rt.append = function(t, n) {
+const Et = Me.prototype;
+Et.append = function(t, n) {
   this._pairs.push([t, n]);
 };
-Rt.toString = function(t) {
+Et.toString = function(t) {
   const n = t ? function(s) {
     return t.call(this, s, Qe);
   } : Qe;
@@ -456,11 +456,11 @@ const kt = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
-}, Fn = typeof URLSearchParams < "u" ? URLSearchParams : Me, Nn = typeof FormData < "u" ? FormData : null, jn = typeof Blob < "u" ? Blob : null, Bn = {
+}, Nn = typeof URLSearchParams < "u" ? URLSearchParams : Me, Fn = typeof FormData < "u" ? FormData : null, jn = typeof Blob < "u" ? Blob : null, Bn = {
   isBrowser: !0,
   classes: {
-    URLSearchParams: Fn,
-    FormData: Nn,
+    URLSearchParams: Nn,
+    FormData: Fn,
     Blob: jn
   },
   protocols: ["http", "https", "file", "blob", "url", "data"]
@@ -477,7 +477,7 @@ self instanceof WorkerGlobalScope && typeof self.importScripts == "function", qn
   ...Bn
 };
 function zn(e, t) {
-  return Re(e, new P.classes.URLSearchParams(), Object.assign({
+  return Ee(e, new P.classes.URLSearchParams(), Object.assign({
     visitor: function(n, s, r, o) {
       return P.isNode && l.isBuffer(n) ? (this.append(s, n.toString("base64")), !1) : o.defaultVisitor.apply(this, arguments);
     }
@@ -539,7 +539,7 @@ const pe = {
         return zn(t, this.formSerializer).toString();
       if ((a = l.isFileList(t)) || s.indexOf("multipart/form-data") > -1) {
         const d = this.env && this.env.FormData;
-        return Re(
+        return Ee(
           a ? { "files[]": t } : t,
           d && new d(),
           this.formSerializer
@@ -629,7 +629,7 @@ function Gn(e) {
   return t;
 }
 const Yn = (e) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim());
-function Ae(e, t, n, s, r) {
+function Ie(e, t, n, s, r) {
   if (l.isFunction(s))
     return s.call(this, t, n);
   if (r && (t = n), !!l.isString(t)) {
@@ -698,7 +698,7 @@ let B = class {
   has(t, n) {
     if (t = ie(t), t) {
       const s = l.findKey(this, t);
-      return !!(s && this[s] !== void 0 && (!n || Ae(this, this[s], s, n)));
+      return !!(s && this[s] !== void 0 && (!n || Ie(this, this[s], s, n)));
     }
     return !1;
   }
@@ -708,7 +708,7 @@ let B = class {
     function o(i) {
       if (i = ie(i), i) {
         const a = l.findKey(s, i);
-        a && (!n || Ae(s, s[a], a, n)) && (delete s[a], r = !0);
+        a && (!n || Ie(s, s[a], a, n)) && (delete s[a], r = !0);
       }
     }
     return l.isArray(t) ? t.forEach(o) : o(t), r;
@@ -718,7 +718,7 @@ let B = class {
     let s = n.length, r = !1;
     for (; s--; ) {
       const o = n[s];
-      (!t || Ae(this, this[o], o, t, !0)) && (delete this[o], r = !0);
+      (!t || Ie(this, this[o], o, t, !0)) && (delete this[o], r = !0);
     }
     return r;
   }
@@ -782,7 +782,7 @@ l.reduceDescriptors(B.prototype, ({ value: e }, t) => {
   };
 });
 l.freezeMethods(B);
-function Ce(e, t) {
+function Ae(e, t) {
   const n = this || pe, s = t || n, r = B.from(s.headers);
   let o = s.data;
   return l.forEach(e, function(a) {
@@ -798,7 +798,7 @@ function oe(e, t, n) {
 l.inherits(oe, b, {
   __CANCEL__: !0
 });
-function At(e, t, n) {
+function It(e, t, n) {
   const s = n.config.validateStatus;
   !n.status || !s || s(n.status) ? e(n) : t(new b(
     "Request failed with status code " + n.status,
@@ -819,13 +819,13 @@ function ns(e, t) {
   return t = t !== void 0 ? t : 1e3, function(d) {
     const c = Date.now(), u = s[o];
     i || (i = c), n[r] = d, s[r] = c;
-    let m = o, R = 0;
+    let m = o, E = 0;
     for (; m !== r; )
-      R += n[m++], m = m % e;
+      E += n[m++], m = m % e;
     if (r = (r + 1) % e, r === o && (o = (o + 1) % e), c - i < t)
       return;
-    const C = u && c - u;
-    return C ? Math.round(R * 1e3 / C) : void 0;
+    const A = u && c - u;
+    return A ? Math.round(E * 1e3 / A) : void 0;
   };
 }
 function ss(e, t) {
@@ -902,22 +902,22 @@ function is(e) {
 function as(e, t) {
   return t ? e.replace(/\/?\/$/, "") + "/" + t.replace(/^\/+/, "") : e;
 }
-function Ct(e, t, n) {
+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;
-function ee(e, t) {
+function te(e, t) {
   t = t || {};
   const n = {};
-  function s(c, u, m, R) {
-    return l.isPlainObject(c) && l.isPlainObject(u) ? l.merge.call({ caseless: R }, c, u) : l.isPlainObject(u) ? l.merge({}, u) : l.isArray(u) ? u.slice() : u;
+  function s(c, u, m, E) {
+    return l.isPlainObject(c) && l.isPlainObject(u) ? l.merge.call({ caseless: E }, c, u) : l.isPlainObject(u) ? l.merge({}, u) : l.isArray(u) ? u.slice() : u;
   }
-  function r(c, u, m, R) {
+  function r(c, u, m, E) {
     if (l.isUndefined(u)) {
       if (!l.isUndefined(c))
-        return s(void 0, c, m, R);
-    } else return s(c, u, m, R);
+        return s(void 0, c, m, E);
+    } else return s(c, u, m, E);
   }
   function o(c, u) {
     if (!l.isUndefined(u))
@@ -967,14 +967,14 @@ function ee(e, t) {
     headers: (c, u, m) => r(tt(c), tt(u), m, !0)
   };
   return l.forEach(Object.keys(Object.assign({}, e, t)), function(u) {
-    const m = d[u] || r, R = m(e[u], t[u], u);
-    l.isUndefined(R) && m !== a || (n[u] = R);
+    const m = d[u] || r, E = m(e[u], t[u], u);
+    l.isUndefined(E) && m !== a || (n[u] = E);
   }), n;
 }
-const It = (e) => {
-  const t = ee({}, e);
+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(Ct(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), a && i.set(
+  t.headers = i = B.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)) : ""))
   );
@@ -994,33 +994,33 @@ const It = (e) => {
   return t;
 }, ls = typeof XMLHttpRequest < "u", cs = ls && function(e) {
   return new Promise(function(n, s) {
-    const r = It(e);
+    const r = Ct(e);
     let o = r.data;
     const i = B.from(r.headers).normalize();
-    let { responseType: a, onUploadProgress: d, onDownloadProgress: c } = r, u, m, R, C, h;
+    let { responseType: a, onUploadProgress: d, onDownloadProgress: c } = r, u, m, E, A, h;
     function _() {
-      C && C(), h && h(), r.cancelToken && r.cancelToken.unsubscribe(u), r.signal && r.signal.removeEventListener("abort", u);
+      A && A(), h && h(), r.cancelToken && r.cancelToken.unsubscribe(u), r.signal && r.signal.removeEventListener("abort", u);
     }
     let g = new XMLHttpRequest();
     g.open(r.method.toUpperCase(), r.url, !0), g.timeout = r.timeout;
     function O() {
       if (!g)
         return;
-      const U = B.from(
+      const $ = B.from(
         "getAllResponseHeaders" in g && g.getAllResponseHeaders()
-      ), N = {
+      ), F = {
         data: !a || a === "text" || a === "json" ? g.responseText : g.response,
         status: g.status,
         statusText: g.statusText,
-        headers: U,
+        headers: $,
         config: e,
         request: g
       };
-      At(function(Q) {
-        n(Q), _();
-      }, function(Q) {
-        s(Q), _();
-      }, N), g = null;
+      It(function(G) {
+        n(G), _();
+      }, function(G) {
+        s(G), _();
+      }, F), g = null;
     }
     "onloadend" in g ? g.onloadend = O : g.onreadystatechange = function() {
       !g || g.readyState !== 4 || g.status === 0 && !(g.responseURL && g.responseURL.indexOf("file:") === 0) || setTimeout(O);
@@ -1030,21 +1030,21 @@ const It = (e) => {
       s(new b("Network Error", b.ERR_NETWORK, e, g)), g = null;
     }, g.ontimeout = function() {
       let K = r.timeout ? "timeout of " + r.timeout + "ms exceeded" : "timeout exceeded";
-      const N = r.transitional || kt;
+      const F = r.transitional || kt;
       r.timeoutErrorMessage && (K = r.timeoutErrorMessage), s(new b(
         K,
-        N.clarifyTimeoutError ? b.ETIMEDOUT : b.ECONNABORTED,
+        F.clarifyTimeoutError ? b.ETIMEDOUT : b.ECONNABORTED,
         e,
         g
       )), g = null;
-    }, o === void 0 && i.setContentType(null), "setRequestHeader" in g && l.forEach(i.toJSON(), function(K, N) {
-      g.setRequestHeader(N, K);
-    }), l.isUndefined(r.withCredentials) || (g.withCredentials = !!r.withCredentials), a && a !== "json" && (g.responseType = r.responseType), c && ([R, h] = be(c, !0), g.addEventListener("progress", R)), d && g.upload && ([m, C] = be(d), g.upload.addEventListener("progress", m), g.upload.addEventListener("loadend", C)), (r.cancelToken || r.signal) && (u = (U) => {
-      g && (s(!U || U.type ? new oe(null, e, g) : U), g.abort(), g = null);
+    }, o === void 0 && i.setContentType(null), "setRequestHeader" in g && l.forEach(i.toJSON(), function(K, F) {
+      g.setRequestHeader(F, K);
+    }), l.isUndefined(r.withCredentials) || (g.withCredentials = !!r.withCredentials), a && a !== "json" && (g.responseType = r.responseType), c && ([E, h] = be(c, !0), g.addEventListener("progress", E)), d && g.upload && ([m, A] = be(d), g.upload.addEventListener("progress", m), g.upload.addEventListener("loadend", A)), (r.cancelToken || r.signal) && (u = ($) => {
+      g && (s(!$ || $.type ? new oe(null, e, g) : $), g.abort(), g = null);
     }, r.cancelToken && r.cancelToken.subscribe(u), r.signal && (r.signal.aborted ? u() : r.signal.addEventListener("abort", u)));
-    const I = ts(r.url);
-    if (I && P.protocols.indexOf(I) === -1) {
-      s(new b("Unsupported protocol " + I + ":", b.ERR_BAD_REQUEST, e));
+    const C = ts(r.url);
+    if (C && P.protocols.indexOf(C) === -1) {
+      s(new b("Unsupported protocol " + C + ":", b.ERR_BAD_REQUEST, e));
       return;
     }
     g.send(o || null);
@@ -1115,8 +1115,8 @@ const It = (e) => {
         }
         let m = u.byteLength;
         if (n) {
-          let R = o += m;
-          n(R);
+          let E = o += m;
+          n(E);
         }
         d.enqueue(new Uint8Array(u));
       } catch (c) {
@@ -1129,13 +1129,13 @@ const It = (e) => {
   }, {
     highWaterMark: 2
   });
-}, Te = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", Ut = Te && typeof ReadableStream == "function", ms = Te && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((e) => (t) => e.encode(t))(new TextEncoder()) : async (e) => new Uint8Array(await new Response(e).arrayBuffer())), $t = (e, ...t) => {
+}, Te = typeof fetch == "function" && typeof Request == "function" && typeof Response == "function", $t = Te && typeof ReadableStream == "function", ms = Te && (typeof TextEncoder == "function" ? /* @__PURE__ */ ((e) => (t) => e.encode(t))(new TextEncoder()) : async (e) => new Uint8Array(await new Response(e).arrayBuffer())), Ut = (e, ...t) => {
   try {
     return !!e(...t);
   } catch {
     return !1;
   }
-}, hs = Ut && $t(() => {
+}, hs = $t && Ut(() => {
   let e = !1;
   const t = new Request(P.origin, {
     body: new ReadableStream(),
@@ -1145,7 +1145,7 @@ const It = (e) => {
     }
   }).headers.has("Content-Type");
   return e && !t;
-}), st = 64 * 1024, Pe = Ut && $t(() => l.isReadableStream(new Response("").body)), _e = {
+}), st = 64 * 1024, Pe = $t && Ut(() => l.isReadableStream(new Response("").body)), _e = {
   stream: Pe && ((e) => e.body)
 };
 Te && ((e) => {
@@ -1185,66 +1185,66 @@ const gs = async (e) => {
     responseType: c,
     headers: u,
     withCredentials: m = "same-origin",
-    fetchOptions: R
-  } = It(e);
+    fetchOptions: E
+  } = Ct(e);
   c = c ? (c + "").toLowerCase() : "text";
-  let C = us([r, o && o.toAbortSignal()], i), h;
-  const _ = C && C.unsubscribe && (() => {
-    C.unsubscribe();
+  let A = us([r, o && o.toAbortSignal()], i), h;
+  const _ = A && A.unsubscribe && (() => {
+    A.unsubscribe();
   });
   let g;
   try {
     if (d && hs && n !== "get" && n !== "head" && (g = await ys(u, s)) !== 0) {
-      let N = new Request(t, {
+      let F = new Request(t, {
         method: "POST",
         body: s,
         duplex: "half"
       }), W;
-      if (l.isFormData(s) && (W = N.headers.get("content-type")) && u.setContentType(W), N.body) {
-        const [Q, me] = Ze(
+      if (l.isFormData(s) && (W = F.headers.get("content-type")) && u.setContentType(W), F.body) {
+        const [G, me] = Ze(
           g,
           be(et(d))
         );
-        s = nt(N.body, st, Q, me);
+        s = nt(F.body, st, G, me);
       }
     }
     l.isString(m) || (m = m ? "include" : "omit");
     const O = "credentials" in Request.prototype;
     h = new Request(t, {
-      ...R,
-      signal: C,
+      ...E,
+      signal: A,
       method: n.toUpperCase(),
       headers: u.normalize().toJSON(),
       body: s,
       duplex: "half",
       credentials: O ? m : void 0
     });
-    let I = await fetch(h);
-    const U = Pe && (c === "stream" || c === "response");
-    if (Pe && (a || U && _)) {
-      const N = {};
+    let C = await fetch(h);
+    const $ = Pe && (c === "stream" || c === "response");
+    if (Pe && (a || $ && _)) {
+      const F = {};
       ["status", "statusText", "headers"].forEach((ze) => {
-        N[ze] = I[ze];
+        F[ze] = C[ze];
       });
-      const W = l.toFiniteNumber(I.headers.get("content-length")), [Q, me] = a && Ze(
+      const W = l.toFiniteNumber(C.headers.get("content-length")), [G, me] = a && Ze(
         W,
         be(et(a), !0)
       ) || [];
-      I = new Response(
-        nt(I.body, st, Q, () => {
+      C = new Response(
+        nt(C.body, st, G, () => {
           me && me(), _ && _();
         }),
-        N
+        F
       );
     }
     c = c || "text";
-    let K = await _e[l.findKey(_e, c) || "text"](I, e);
-    return !U && _ && _(), await new Promise((N, W) => {
-      At(N, W, {
+    let K = await _e[l.findKey(_e, c) || "text"](C, e);
+    return !$ && _ && _(), await new Promise((F, W) => {
+      It(F, W, {
         data: K,
-        headers: B.from(I.headers),
-        status: I.status,
-        statusText: I.statusText,
+        headers: B.from(C.headers),
+        status: C.status,
+        statusText: C.statusText,
         config: e,
         request: h
       });
@@ -1257,12 +1257,12 @@ const gs = async (e) => {
       }
     ) : b.from(O, O && O.code, e, h);
   }
-}), Fe = {
-  http: $n,
+}), Ne = {
+  http: Un,
   xhr: cs,
   fetch: bs
 };
-l.forEach(Fe, (e, t) => {
+l.forEach(Ne, (e, t) => {
   if (e) {
     try {
       Object.defineProperty(e, "name", { value: t });
@@ -1280,7 +1280,7 @@ const rt = (e) => `- ${e}`, _s = (e) => l.isFunction(e) || e === null || e === !
     for (let o = 0; o < t; o++) {
       n = e[o];
       let i;
-      if (s = n, !_s(n) && (s = Fe[(i = String(n)).toLowerCase()], s === void 0))
+      if (s = n, !_s(n) && (s = Ne[(i = String(n)).toLowerCase()], s === void 0))
         throw new b(`Unknown adapter '${i}'`);
       if (s)
         break;
@@ -1300,24 +1300,24 @@ const rt = (e) => `- ${e}`, _s = (e) => l.isFunction(e) || e === null || e === !
     }
     return s;
   },
-  adapters: Fe
+  adapters: Ne
 };
-function Ie(e) {
+function Ce(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
     throw new oe(null, e);
 }
 function ot(e) {
-  return Ie(e), e.headers = B.from(e.headers), e.data = Ce.call(
+  return Ce(e), e.headers = B.from(e.headers), e.data = Ae.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) {
-    return Ie(e), s.data = Ce.call(
+    return Ce(e), s.data = Ae.call(
       e,
       e.transformResponse,
       s
     ), s.headers = B.from(s.headers), s;
   }, function(s) {
-    return xt(s) || (Ie(e), s && s.response && (s.response.data = Ce.call(
+    return xt(s) || (Ce(e), s && s.response && (s.response.data = Ae.call(
       e,
       e.transformResponse,
       s.response
@@ -1373,7 +1373,7 @@ const ye = {
   assertOptions: ws,
   validators: ke
 }, z = ye.validators;
-let Z = class {
+let ee = class {
   constructor(t) {
     this.defaults = t, this.interceptors = {
       request: new Ge(),
@@ -1406,7 +1406,7 @@ let Z = class {
     }
   }
   _request(t, n) {
-    typeof t == "string" ? (n = n || {}, n.url = t) : n = t || {}, n = ee(this.defaults, n);
+    typeof t == "string" ? (n = n || {}, n.url = t) : n = t || {}, n = te(this.defaults, n);
     const { transitional: s, paramsSerializer: r, headers: o } = n;
     s !== void 0 && ye.assertOptions(s, {
       silentJSONParsing: z.transitional(z.boolean),
@@ -1440,42 +1440,42 @@ let Z = class {
     this.interceptors.response.forEach(function(_) {
       c.push(_.fulfilled, _.rejected);
     });
-    let u, m = 0, R;
+    let u, m = 0, E;
     if (!d) {
       const h = [ot.bind(this), void 0];
-      for (h.unshift.apply(h, a), h.push.apply(h, c), R = h.length, u = Promise.resolve(n); m < R; )
+      for (h.unshift.apply(h, a), h.push.apply(h, c), E = h.length, u = Promise.resolve(n); m < E; )
         u = u.then(h[m++], h[m++]);
       return u;
     }
-    R = a.length;
-    let C = n;
-    for (m = 0; m < R; ) {
+    E = a.length;
+    let A = n;
+    for (m = 0; m < E; ) {
       const h = a[m++], _ = a[m++];
       try {
-        C = h(C);
+        A = h(A);
       } catch (g) {
         _.call(this, g);
         break;
       }
     }
     try {
-      u = ot.call(this, C);
+      u = ot.call(this, A);
     } catch (h) {
       return Promise.reject(h);
     }
-    for (m = 0, R = c.length; m < R; )
+    for (m = 0, E = c.length; m < E; )
       u = u.then(c[m++], c[m++]);
     return u;
   }
   getUri(t) {
-    t = ee(this.defaults, t);
-    const n = Ct(t.baseURL, t.url, t.allowAbsoluteUrls);
+    t = te(this.defaults, t);
+    const n = At(t.baseURL, t.url, t.allowAbsoluteUrls);
     return Tt(n, t.params, t.paramsSerializer);
   }
 };
 l.forEach(["delete", "get", "head", "options"], function(t) {
-  Z.prototype[t] = function(n, s) {
-    return this.request(ee(s || {}, {
+  ee.prototype[t] = function(n, s) {
+    return this.request(te(s || {}, {
       method: t,
       url: n,
       data: (s || {}).data
@@ -1485,7 +1485,7 @@ l.forEach(["delete", "get", "head", "options"], function(t) {
 l.forEach(["post", "put", "patch"], function(t) {
   function n(s) {
     return function(o, i, a) {
-      return this.request(ee(a || {}, {
+      return this.request(te(a || {}, {
         method: t,
         headers: s ? {
           "Content-Type": "multipart/form-data"
@@ -1495,7 +1495,7 @@ l.forEach(["post", "put", "patch"], function(t) {
       }));
     };
   }
-  Z.prototype[t] = n(), Z.prototype[t + "Form"] = n(!0);
+  ee.prototype[t] = n(), ee.prototype[t + "Form"] = n(!0);
 });
 let Ss = class Pt {
   constructor(t) {
@@ -1575,10 +1575,10 @@ function vs(e) {
     return e.apply(null, n);
   };
 }
-function Es(e) {
+function Rs(e) {
   return l.isObject(e) && e.isAxiosError === !0;
 }
-const Ne = {
+const Fe = {
   Continue: 100,
   SwitchingProtocols: 101,
   Processing: 102,
@@ -1643,54 +1643,54 @@ const Ne = {
   NotExtended: 510,
   NetworkAuthenticationRequired: 511
 };
-Object.entries(Ne).forEach(([e, t]) => {
-  Ne[t] = e;
+Object.entries(Fe).forEach(([e, t]) => {
+  Fe[t] = e;
 });
-function Ft(e) {
-  const t = new Z(e), n = mt(Z.prototype.request, t);
-  return l.extend(n, Z.prototype, t, { allOwnKeys: !0 }), l.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(r) {
-    return Ft(ee(e, r));
+function Nt(e) {
+  const t = new ee(e), n = mt(ee.prototype.request, t);
+  return l.extend(n, ee.prototype, t, { allOwnKeys: !0 }), l.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(r) {
+    return Nt(te(e, r));
   }, n;
 }
-const x = Ft(pe);
-x.Axios = Z;
+const x = Nt(pe);
+x.Axios = ee;
 x.CanceledError = oe;
 x.CancelToken = Ss;
 x.isCancel = xt;
 x.VERSION = Lt;
-x.toFormData = Re;
+x.toFormData = Ee;
 x.AxiosError = b;
 x.Cancel = x.CanceledError;
 x.all = function(t) {
   return Promise.all(t);
 };
 x.spread = vs;
-x.isAxiosError = Es;
-x.mergeConfig = ee;
+x.isAxiosError = Rs;
+x.mergeConfig = te;
 x.AxiosHeaders = B;
 x.formToJSON = (e) => Ot(l.isHTMLForm(e) ? new FormData(e) : e);
 x.getAdapter = Dt.getAdapter;
-x.HttpStatusCode = Ne;
+x.HttpStatusCode = Fe;
 x.default = x;
 const {
-  Axios: So,
-  AxiosError: vo,
+  Axios: vo,
+  AxiosError: Ro,
   CanceledError: Eo,
-  isCancel: Ro,
-  CancelToken: To,
-  VERSION: ko,
-  all: Oo,
-  Cancel: xo,
+  isCancel: To,
+  CancelToken: ko,
+  VERSION: Oo,
+  all: xo,
+  Cancel: Io,
   isAxiosError: Ao,
   spread: Co,
-  toFormData: Io,
+  toFormData: $o,
   AxiosHeaders: Uo,
-  HttpStatusCode: $o,
-  formToJSON: Do,
-  getAdapter: Lo,
-  mergeConfig: Po
-} = x, Nt = (e = {}) => {
-  const t = te(), {
+  HttpStatusCode: Do,
+  formToJSON: Lo,
+  getAdapter: Po,
+  mergeConfig: No
+} = x, Ft = (e = {}) => {
+  const t = Q(), {
     baseURL: n,
     projectId: s,
     projectToken: r,
@@ -1709,9 +1709,9 @@ const {
     ...a
   });
 };
-class Rs {
+class Es {
   static key(t, n) {
-    return Nt().get(`/observation_matrices/${t}/key`, n);
+    return Ft().get(`/observation_matrices/${t}/key`, n);
   }
 }
 const le = {
@@ -1754,26 +1754,26 @@ const le = {
   defaultUnit: e.default_unit,
   max: e.max,
   min: e.min
-}), As = (e) => ({
+}), Is = (e) => ({
   ...fe(e),
   states: e.states.map((t) => jt(t))
-}), Cs = (e) => ({
+}), As = (e) => ({
   ...fe(e),
   characterStates: e.states.map((t) => Ts(t))
-}), Is = (e) => {
+}), Cs = (e) => {
   switch (e.type) {
     case ae.Continuous:
       return Os(e);
     case ae.Sample:
       return xs(e);
     case ae.PresenceAbsence:
-      return As(e);
+      return Is(e);
     case ae.Qualitative:
-      return Cs(e);
+      return As(e);
     default:
       return fe(e);
   }
-}, Us = (e) => ({
+}, $s = (e) => ({
   observationMatrixId: e.observation_matrix_id,
   name: e.observation_matrix.name,
   globalId: e.observation_matrix.global_id
@@ -1789,7 +1789,7 @@ const le = {
   observationObjectId: e.object.observation_object_id,
   observationObjectType: e.object.observation_object_type,
   rowId: e.object.id
-}), $s = (e) => ({
+}), Us = (e) => ({
   keywordId: e.id,
   definition: e.description,
   name: e.name
@@ -1839,8 +1839,8 @@ const le = {
       this.observationMatrix = e;
     },
     async requestInteractiveKey({ observationMatrixId: e, params: t = {}, opt: n = {} }) {
-      const s = await Rs.key(e, { params: t }), { data: r } = s;
-      return n.refreshOnlyTaxa || (this.setObservationMatrix(Us(r)), this.setDescriptors(r.list_of_descriptors.map((o) => Is(o))), this.setKeywords(r.descriptor_available_keywords.map((o) => $s(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;
+      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;
     }
   }
 }), L = je("filter", {
@@ -1869,18 +1869,22 @@ const le = {
       const n = e.descriptors[t];
       return typeof n == "boolean" ? n : n || "";
     },
-    getFilterParams: (e) => ({
-      selected_descriptors: Object.entries(e.descriptors).map(
-        ([n, s]) => Array.isArray(s) ? `${n}:${s.join("|")}` : `${n}:${s}`
-      ).join("||"),
-      language_id: e.languageId,
-      keyword_ids: e.keywordIds,
-      sorting: e.sorting,
-      identified_to_rank: e.identifiedToRank,
-      error_tolerance: e.errorTolerance,
-      eliminate_unknown: e.eliminateUnknown,
-      row_filter: e.rowFilter ? e.rowIds.join("|") : []
-    })
+    getFilterParams: (e) => {
+      const t = Q();
+      return {
+        selected_descriptors: Object.entries(e.descriptors).map(
+          ([s, r]) => Array.isArray(r) ? `${s}:${r.join("|")}` : `${s}:${r}`
+        ).join("||"),
+        language_id: e.languageId,
+        keyword_ids: e.keywordIds,
+        sorting: e.sorting,
+        identified_to_rank: e.identifiedToRank,
+        error_tolerance: e.errorTolerance,
+        eliminate_unknown: e.eliminateUnknown,
+        row_filter: e.rowFilter ? e.rowIds.join("|") : [],
+        otu_filter: t.getOtuId
+      };
+    }
   },
   actions: {
     setDescriptor({
@@ -1911,7 +1915,7 @@ const le = {
       this.eliminateUnknown = e;
     }
   }
-}), te = je("settings", {
+}), Q = je("settings", {
   state: () => ({
     gridLayout: "distinguish-layout-mode-1",
     isLoading: !1,
@@ -1919,6 +1923,7 @@ const le = {
     refreshOnlyTaxa: !1,
     shouldUpdate: !0,
     observationMatrixId: void 0,
+    otuId: [],
     errorMessage: "",
     apiConfig: {
       baseURL: "",
@@ -1934,6 +1939,10 @@ const le = {
     getRefreshOnlyTaxa: (e) => e.refreshOnlyTaxa,
     getShouldUpdate: (e) => e.shouldUpdate,
     getObservationMatrixId: (e) => e.observationMatrixId,
+    getOtuId: (e) => {
+      var t;
+      return ((t = e.otuId) == null ? void 0 : t.join("|")) || "";
+    },
     getAPIConfig: (e) => e.apiConfig
   },
   actions: {
@@ -1949,9 +1958,12 @@ const le = {
     setAPIConfig(e) {
       this.apiConfig = e;
     },
+    setOtuId(e) {
+      this.otuId = [e].flat();
+    },
     checkUpdate() {
       const e = L(), t = J(), n = this.observationMatrixId;
-      this.shouldUpdate && n && (this.isLoading = !0, t.requestInteractiveKey({
+      this.shouldUpdate && typeof n == "number" && (this.isLoading = !0, t.requestInteractiveKey({
         observationMatrixId: n,
         params: e.getFilterParams,
         opt: {
@@ -1963,7 +1975,7 @@ const le = {
 }), Ls = /* @__PURE__ */ S({
   __name: "FilterEliminateUnknowns",
   setup(e) {
-    const t = L(), n = A({
+    const t = L(), n = I({
       get: () => !!t.getEliminateUknown,
       set: (s) => {
         t.setEliminateUnknown(s);
@@ -1976,13 +1988,13 @@ const le = {
       }, null, 512), [
         [se, n.value]
       ]),
-      r[1] || (r[1] = $(" Eliminate unknowns "))
+      r[1] || (r[1] = U(" Eliminate unknowns "))
     ]));
   }
-}), Ps = ["value"], Fs = /* @__PURE__ */ S({
+}), Ps = ["value"], Ns = /* @__PURE__ */ S({
   __name: "FilterErrorTolerance",
   setup(e) {
-    const t = [0, 1, 2], n = L(), s = A({
+    const t = [0, 1, 2], n = L(), s = I({
       get: () => n.getErrorTolerance,
       set: (r) => {
         n.setErrorTolerance(r);
@@ -2002,13 +2014,13 @@ const le = {
         (p(), y(D, null, M(t, (i) => f("option", {
           key: i,
           value: i
-        }, E(i), 9, Ps)), 64))
+        }, R(i), 9, Ps)), 64))
       ], 512), [
         [ue, s.value]
       ])
     ]));
   }
-}), Ns = [
+}), Fs = [
   "otu",
   "subspecies",
   "species",
@@ -2021,7 +2033,7 @@ const le = {
 ], js = /* @__PURE__ */ S({
   __name: "FilterRank",
   setup(e) {
-    const t = L(), n = A({
+    const t = L(), n = I({
       get() {
         return t.getIdentifiedToRank;
       },
@@ -2035,7 +2047,7 @@ 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(D, null, M(k(Ns), (o) => (p(), y("option", { key: o }, E(o), 1))), 128))
+        (p(!0), y(D, null, M(k(Fs), (o) => (p(), y("option", { key: o }, R(o), 1))), 128))
       ], 512), [
         [ue, n.value]
       ])
@@ -2044,7 +2056,7 @@ const le = {
 }), Bs = /* @__PURE__ */ S({
   __name: "FilterSort",
   setup(e) {
-    const t = ["ordered", "weighted", "optimized"], n = L(), s = A({
+    const t = ["ordered", "weighted", "optimized"], n = L(), s = I({
       get() {
         return n.getSorting;
       },
@@ -2058,7 +2070,7 @@ 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(D, null, M(t, (i) => f("option", { key: i }, E(i), 1)), 64))
+        (p(), y(D, null, M(t, (i) => f("option", { key: i }, R(i), 1)), 64))
       ], 512), [
         [ue, s.value]
       ])
@@ -2067,7 +2079,7 @@ const le = {
 }), Ms = ["value"], Vs = /* @__PURE__ */ S({
   __name: "FilterLanguage",
   setup(e) {
-    const t = L(), n = J(), s = A({
+    const t = L(), n = J(), s = I({
       get: () => t.getLanguageId,
       set: (r) => {
         t.setLanguageId(Number(r));
@@ -2086,7 +2098,7 @@ const le = {
         (p(!0), y(D, null, M(k(n).getLanguages, ({ languageId: i, name: a }) => (p(), y("option", {
           key: i,
           value: i
-        }, E(a), 9, Ms))), 128))
+        }, R(a), 9, Ms))), 128))
       ], 512), [
         [ue, s.value]
       ])
@@ -2100,7 +2112,7 @@ const le = {
     disabled: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = A(() => [
+    const t = e, n = I(() => [
       `distinguish-btn-${t.color}-color`,
       `distinguish-btn-${t.size}-size`
     ]);
@@ -2109,7 +2121,7 @@ const le = {
       class: we(["distinguish-btn", n.value]),
       disabled: s.disabled
     }, [
-      F(s.$slots, "default")
+      N(s.$slots, "default")
     ], 10, qs));
   }
 }), Hs = { class: "distinguish-modal-wrapper" }, zs = { class: "distinguish-modal-header" }, Ks = { class: "distinguish-modal-body" }, Js = { class: "distinguish-modal-footer" }, qe = /* @__PURE__ */ S({
@@ -2142,13 +2154,13 @@ const le = {
                   class: "distinguish-modal-close",
                   onClick: o[0] || (o[0] = (i) => n("close"))
                 }),
-                F(r.$slots, "header")
+                N(r.$slots, "header")
               ]),
               f("div", Ks, [
-                F(r.$slots, "body")
+                N(r.$slots, "body")
               ]),
               f("div", Js, [
-                F(r.$slots, "footer")
+                N(r.$slots, "footer")
               ])
             ], 6)
           ])
@@ -2160,7 +2172,7 @@ const le = {
 }), Ws = { class: "distinguish-list-checkboxes" }, Xs = ["value"], Qs = /* @__PURE__ */ S({
   __name: "FilterKeywords",
   setup(e) {
-    const t = J(), n = L(), s = X(!1), r = A({
+    const t = J(), n = L(), s = X(!1), r = I({
       get: () => n.getKeywordIds,
       set: (o) => {
         n.$patch({ keywordIds: o });
@@ -2175,7 +2187,7 @@ const le = {
         onClick: i[0] || (i[0] = (a) => s.value = !0)
       }, {
         default: w(() => i[3] || (i[3] = [
-          $(" Keyword ")
+          U(" Keyword ")
         ])),
         _: 1
       }, 8, ["disabled", "title"]),
@@ -2197,7 +2209,7 @@ const le = {
                 }, null, 8, Xs), [
                   [se, r.value]
                 ]),
-                $(" " + E(d), 1)
+                U(" " + R(d), 1)
               ])
             ]))), 128))
           ])
@@ -2209,7 +2221,7 @@ const le = {
 }), Gs = /* @__PURE__ */ S({
   __name: "SettingRefresh",
   setup(e) {
-    const t = te(), n = A({
+    const t = Q(), n = I({
       get: () => t.getRefreshOnlyTaxa,
       set: (s) => {
         t.setRefreshOnlyTaxa(s);
@@ -2222,7 +2234,7 @@ const le = {
       }, null, 512), [
         [se, n.value]
       ]),
-      r[1] || (r[1] = $(" Refresh only taxa "))
+      r[1] || (r[1] = U(" Refresh only taxa "))
     ]));
   }
 }), Oe = (e, t) => {
@@ -2233,28 +2245,28 @@ const le = {
 }, Ys = {}, Zs = { class: "distinguish-menu-list" };
 function er(e, t) {
   return p(), y("ul", Zs, [
-    F(e.$slots, "default")
+    N(e.$slots, "default")
   ]);
 }
 const tr = /* @__PURE__ */ Oe(Ys, [["render", er]]), nr = {}, sr = { class: "distinguish-list-item" };
 function rr(e, t) {
   return p(), y("li", sr, [
-    F(e.$slots, "default")
+    N(e.$slots, "default")
   ]);
 }
-const G = /* @__PURE__ */ Oe(nr, [["render", rr]]), lt = {
+const Y = /* @__PURE__ */ Oe(nr, [["render", rr]]), 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, [
-    F(e.$slots, "default")
+    N(e.$slots, "default")
   ]);
 }
 const Bt = /* @__PURE__ */ Oe(or, [["render", ar]]), lr = /* @__PURE__ */ S({
   __name: "GridToggle",
   setup(e) {
-    const t = te(), n = A(() => t.getLayout), s = () => {
+    const t = Q(), n = I(() => t.getLayout), s = () => {
       t.$patch({
         gridLayout: lt[n.value]
       });
@@ -2286,7 +2298,7 @@ const Bt = /* @__PURE__ */ Oe(or, [["render", ar]]), lr = /* @__PURE__ */ S({
       onClick: s[0] || (s[0] = (r) => k(t).$reset())
     }, {
       default: w(() => s[1] || (s[1] = [
-        $(" Reset ")
+        U(" Reset ")
       ])),
       _: 1
     }));
@@ -2294,8 +2306,8 @@ const Bt = /* @__PURE__ */ Oe(or, [["render", ar]]), lr = /* @__PURE__ */ S({
 }), ur = { class: "distinguish-header-error-message" }, dr = /* @__PURE__ */ S({
   __name: "ErrorMessage",
   setup(e) {
-    const t = te();
-    return (n, s) => (p(), y("span", ur, E(k(t).getErrorMessage), 1));
+    const t = Q();
+    return (n, s) => (p(), y("span", ur, R(k(t).getErrorMessage), 1));
   }
 }), pr = { class: "distinguish-header-bar" }, fr = { class: "distinguish-header-bar__buttons" }, mr = /* @__PURE__ */ S({
   __name: "HeaderBar",
@@ -2304,43 +2316,43 @@ const Bt = /* @__PURE__ */ Oe(or, [["render", ar]]), lr = /* @__PURE__ */ S({
       v(dr),
       v(tr, null, {
         default: w(() => [
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
               v(Gs)
             ]),
             _: 1
           }),
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
               v(Ls)
             ]),
             _: 1
           }),
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
-              v(Fs)
+              v(Ns)
             ]),
             _: 1
           }),
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
               v(js)
             ]),
             _: 1
           }),
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
               v(Vs)
             ]),
             _: 1
           }),
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
               v(Bs)
             ]),
             _: 1
           }),
-          v(G, null, {
+          v(Y, null, {
             default: w(() => [
               v(Qs)
             ]),
@@ -2358,7 +2370,7 @@ const Bt = /* @__PURE__ */ Oe(or, [["render", ar]]), lr = /* @__PURE__ */ S({
 }), hr = {}, gr = { class: "distinguish-panel" };
 function yr(e, t) {
   return p(), y("div", gr, [
-    F(e.$slots, "default")
+    N(e.$slots, "default")
   ]);
 }
 const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /* @__PURE__ */ S({
@@ -2367,16 +2379,16 @@ const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
     render: { type: Function }
   },
   setup(e) {
-    const t = J(), n = A(() => t.getEliminated);
+    const t = J(), n = I(() => t.getEliminated);
     return (s, r) => (p(), T(He, { class: "distinguish-panel-eliminated" }, {
       default: w(() => [
-        f("h2", null, "Eliminated (" + E(n.value.length) + ")", 1),
+        f("h2", null, "Eliminated (" + R(n.value.length) + ")", 1),
         f("ul", null, [
           (p(!0), y(D, null, M(n.value, (o) => (p(), y("li", {
             key: o.rowId,
             class: "distinguish-row-item"
           }, [
-            F(s.$slots, "default", { item: o }, () => [
+            N(s.$slots, "default", { item: o }, () => [
               f("span", {
                 innerHTML: s.render ? s.render(o) : o.objectTag
               }, null, 8, br)
@@ -2387,13 +2399,13 @@ const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
       _: 3
     }));
   }
-}), wr = { class: "distinguish-row-filter-buttons" }, Sr = { class: "distinguish-list-checkboxes" }, vr = ["value"], Er = /* @__PURE__ */ S({
+}), wr = { class: "distinguish-row-filter-buttons" }, Sr = { class: "distinguish-list-checkboxes" }, vr = ["value"], Rr = /* @__PURE__ */ S({
   __name: "FilterRow",
   setup(e) {
-    const t = J(), n = te(), s = L(), r = X(!1), o = X([]), i = A(() => {
+    const t = J(), n = Q(), s = L(), r = X(!1), o = X([]), i = I(() => {
       const d = s.getRowIds, c = o.value;
       return d.length !== c.length || !d.every((u) => c.includes(u));
-    }), a = A({
+    }), a = I({
       get: () => s.getRowIds,
       set: (d) => {
         s.$patch({ rowIds: d });
@@ -2408,7 +2420,7 @@ const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
         onClick: c[0] || (c[0] = (u) => r.value = !0)
       }, {
         default: w(() => c[5] || (c[5] = [
-          $(" Select ")
+          U(" Select ")
         ])),
         _: 1
       }),
@@ -2429,7 +2441,7 @@ const He = /* @__PURE__ */ Oe(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] = [
-                  $(" Select all ")
+                  U(" Select all ")
                 ])),
                 _: 1
               })) : (p(), T(ne, {
@@ -2439,10 +2451,14 @@ const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
                 onClick: c[2] || (c[2] = () => a.value = [])
               }, {
                 default: w(() => c[8] || (c[8] = [
-                  $(" Unselect all ")
+                  U(" Unselect all ")
                 ])),
                 _: 1
-              }))
+              })),
+              N(d.$slots, "select-renaming-options", {
+                selectedIds: a.value,
+                rows: k(t).getRemaining
+              })
             ]),
             f("ul", Sr, [
               (p(!0), y(D, null, M(k(t).getRemaining, (u) => (p(), y("li", {
@@ -2456,35 +2472,35 @@ const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
                   }, null, 8, vr), [
                     [se, a.value]
                   ]),
-                  $(" " + E(u.objectLabel), 1)
+                  U(" " + R(u.objectLabel), 1)
                 ])
               ]))), 128))
             ])
           ])
         ]),
-        _: 1
+        _: 3
       })) : j("", !0)
     ], 64));
   }
-}), Rr = { class: "distinguish-title-section" }, Tr = ["innerHTML"], kr = /* @__PURE__ */ S({
+}), Er = { class: "distinguish-title-section" }, Tr = ["innerHTML"], kr = /* @__PURE__ */ S({
   __name: "PanelRemaining",
   props: {
     render: { type: Function }
   },
   setup(e) {
-    const t = J(), n = A(() => t.getRemaining);
+    const t = J(), n = I(() => t.getRemaining);
     return (s, r) => (p(), T(He, { class: "distinguish-panel-remaining" }, {
       default: w(() => [
-        f("div", Rr, [
-          f("h2", null, "Remaining (" + E(n.value.length) + ")", 1),
-          v(Er)
+        f("div", Er, [
+          f("h2", null, "Remaining (" + R(n.value.length) + ")", 1),
+          v(Rr)
         ]),
         f("ul", null, [
           (p(!0), y(D, null, M(n.value, (o) => (p(), y("li", {
             key: o.rowId,
             class: "distinguish-row-item"
           }, [
-            F(s.$slots, "default", { item: o }, () => [
+            N(s.$slots, "default", { item: o }, () => [
               f("span", {
                 innerHTML: s.render ? s.render(o) : o.objectTag
               }, null, 8, Tr)
@@ -2498,13 +2514,13 @@ const He = /* @__PURE__ */ Oe(hr, [["render", yr]]), br = ["innerHTML"], _r = /*
 });
 class Or {
   static find(t) {
-    return Nt().get(`/depictions/${t}.json`, { params: { extend: ["image"] } });
+    return Ft().get(`/depictions/${t}.json`, { params: { extend: ["image"] } });
   }
 }
 const xr = {
   key: 0,
   class: "distinguish-depiction-box"
-}, Ar = ["src"], Mt = /* @__PURE__ */ S({
+}, Ir = ["src"], Mt = /* @__PURE__ */ S({
   __name: "VDepiction",
   props: {
     depictionId: {}
@@ -2516,17 +2532,17 @@ const xr = {
     }), (s, r) => n.value ? (p(), y("div", xr, [
       f("img", {
         src: n.value.imageUrl
-      }, null, 8, Ar)
+      }, null, 8, Ir)
     ])) : j("", !0);
   }
-}), Cr = { class: "distinguish-character-descriptor__cell" }, Ir = ["value"], Ur = /* @__PURE__ */ S({
+}), Ar = { class: "distinguish-character-descriptor__cell" }, Cr = ["value"], $r = /* @__PURE__ */ S({
   __name: "CharacterStateCell",
   props: {
     characterState: {},
     descriptorId: {}
   },
   setup(e) {
-    const t = e, n = L(), s = A({
+    const t = e, n = L(), s = I({
       get: () => n.getDescriptorValueById(t.descriptorId) || [],
       set: (r) => {
         r.length ? n.setDescriptor({
@@ -2535,7 +2551,7 @@ const xr = {
         }) : n.removeDescriptor(t.descriptorId);
       }
     });
-    return (r, o) => (p(), y("div", Cr, [
+    return (r, o) => (p(), y("div", Ar, [
       f("label", null, [
         (p(!0), y(D, null, M(r.characterState.depictionIds, (i) => (p(), T(Mt, {
           key: i,
@@ -2545,20 +2561,20 @@ const xr = {
           "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
           value: r.characterState.characterStateId,
           type: "checkbox"
-        }, null, 8, Ir), [
+        }, null, 8, Cr), [
           [se, s.value]
         ]),
-        $(" " + E(r.characterState.name), 1)
+        U(" " + R(r.characterState.name), 1)
       ])
     ]));
   }
-}), $r = { class: "distinguish-character-states-grid" }, Dr = /* @__PURE__ */ S({
+}), Ur = { class: "distinguish-character-states-grid" }, Dr = /* @__PURE__ */ S({
   __name: "CharacterStateGrid",
   props: {
     descriptor: {}
   },
   setup(e) {
-    const t = e, n = L(), s = te(), r = X(), o = A(() => {
+    const t = e, n = L(), s = Q(), r = X(), o = I(() => {
       const i = n.getDescriptorValueById(t.descriptor.descriptorId) || [], a = r.value || [];
       return i.length !== a.length || !i.every((d) => a.includes(d));
     });
@@ -2566,15 +2582,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", $r, [
-      (p(!0), y(D, null, M(i.descriptor.characterStates, (d) => (p(), T(Ur, {
+    }), (i, a) => (p(), y("div", Ur, [
+      (p(!0), y(D, null, M(i.descriptor.characterStates, (d) => (p(), T($r, {
         key: d.characterStateId,
         "descriptor-id": i.descriptor.descriptorId,
         "character-state": d
       }, null, 8, ["descriptor-id", "character-state"]))), 128))
     ]));
   }
-}), Lr = { key: 0 }, Pr = { key: 1 }, Fr = { class: "descriptor-modal__depiction" }, Nr = /* @__PURE__ */ S({
+}), Lr = { key: 0 }, Pr = { key: 1 }, Nr = { class: "descriptor-modal__depiction" }, Fr = /* @__PURE__ */ S({
   __name: "DescriptorModal",
   props: {
     descriptor: {}
@@ -2582,11 +2598,11 @@ const xr = {
   setup(e) {
     return (t, n) => (p(), T(qe, { "container-class": "distinguish-descriptor-modal" }, {
       header: w(() => [
-        f("h3", null, E(t.descriptor.name), 1),
-        t.descriptor.description ? (p(), y("span", Lr, E(t.descriptor.description), 1)) : (p(), y("i", Pr, " No further description available. "))
+        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. "))
       ]),
       body: w(() => [
-        f("div", Fr, [
+        f("div", Nr, [
           (p(!0), y(D, null, M(t.descriptor.depictionIds, (s) => (p(), T(Mt, {
             key: s,
             "depiction-id": s
@@ -2617,13 +2633,13 @@ const xr = {
           class: "distinguish-link",
           onClick: s[0] || (s[0] = (r) => t.value = !0)
         }, [
-          F(n.$slots, "title", {}, () => [
-            $(E(n.descriptor.name), 1)
+          N(n.$slots, "title", {}, () => [
+            U(R(n.descriptor.name), 1)
           ])
         ])
       ]),
-      F(n.$slots, "default"),
-      t.value ? (p(), T(Nr, {
+      N(n.$slots, "default"),
+      t.value ? (p(), T(Fr, {
         key: 0,
         descriptor: n.descriptor,
         onClose: s[1] || (s[1] = (r) => t.value = !1)
@@ -2650,7 +2666,7 @@ const xr = {
       descriptor: o.descriptor
     }, {
       title: w(() => [
-        $(E(o.descriptor.name) + " (" + E(o.descriptor.min) + "-" + E(o.descriptor.max) + " " + E(o.descriptor.defaultUnit) + ") ", 1)
+        U(R(o.descriptor.name) + " (" + R(o.descriptor.min) + "-" + R(o.descriptor.max) + " " + R(o.descriptor.defaultUnit) + ") ", 1)
       ]),
       default: w(() => [
         q(f("input", {
@@ -2674,7 +2690,7 @@ const xr = {
     const t = {
       Presence: !0,
       Absent: !1
-    }, n = e, s = L(), r = A({
+    }, n = e, s = L(), r = I({
       get: () => s.getDescriptorValueById(
         n.descriptor.descriptorId
       ),
@@ -2704,7 +2720,7 @@ const xr = {
             value: d
           }, [
             i.descriptor.status === k(le).Useless ? (p(), y("span", qr, "-")) : j("", !0),
-            $(" " + E(c) + " (" + E(o(d)) + ") ", 1)
+            U(" " + R(c) + " (" + R(o(d)) + ") ", 1)
           ], 8, Vr)), 64))
         ], 512), [
           [ue, r.value]
@@ -2745,7 +2761,7 @@ const xr = {
           }, [
             r(a) ? (p(), y("span", Kr, ">")) : j("", !0),
             a.status === k(le).Useless ? (p(), y("span", Jr, "-")) : j("", !0),
-            $(" " + E(a.name) + " (" + E(a.numberOfObjects) + ") ", 1)
+            U(" " + R(a.name) + " (" + R(a.numberOfObjects) + ") ", 1)
           ], 8, zr))), 128))
         ], 32)
       ]),
@@ -2772,7 +2788,7 @@ const xr = {
       descriptor: o.descriptor
     }, {
       title: w(() => [
-        $(E(o.descriptor.name) + " (" + E(o.descriptor.min) + "-" + E(o.descriptor.max) + " " + E(o.descriptor.defaultUnit) + ") ", 1)
+        U(R(o.descriptor.name) + " (" + R(o.descriptor.min) + "-" + R(o.descriptor.max) + " " + R(o.descriptor.defaultUnit) + ") ", 1)
       ]),
       default: w(() => [
         q(f("input", {
@@ -2787,7 +2803,7 @@ const xr = {
       _: 1
     }, 8, ["descriptor"]));
   }
-}), Ue = /* @__PURE__ */ S({
+}), $e = /* @__PURE__ */ S({
   __name: "DescriptorsList",
   props: {
     title: {},
@@ -2804,7 +2820,7 @@ const xr = {
       return t[r];
     };
     return (s, r) => (p(), y(D, null, [
-      f("h2", null, E(s.title), 1),
+      f("h2", null, R(s.title), 1),
       f("ol", null, [
         (p(!0), y(D, null, M(s.descriptors, (o) => (p(), y("li", {
           key: o.descriptorId
@@ -2817,7 +2833,7 @@ const xr = {
 }), Qr = { key: 0 }, Gr = /* @__PURE__ */ S({
   __name: "FilterRowCheckbox",
   setup(e) {
-    const t = L(), n = A({
+    const t = L(), n = I({
       get: () => t.getRowFilter,
       set: (s) => t.$patch({ rowFilter: s })
     });
@@ -2828,7 +2844,7 @@ const xr = {
       }, null, 512), [
         [se, n.value]
       ]),
-      r[1] || (r[1] = $(" Filter "))
+      r[1] || (r[1] = U(" Filter "))
     ])) : j("", !0);
   }
 }), Yr = /* @__PURE__ */ S({
@@ -2838,17 +2854,17 @@ const xr = {
     return (n, s) => (p(), T(He, { class: "distinguish-panel-descriptors" }, {
       default: w(() => [
         v(Gr),
-        k(t).getDescriptorsUsed.length ? (p(), T(Ue, {
+        k(t).getDescriptorsUsed.length ? (p(), T($e, {
           key: 0,
           descriptors: k(t).getDescriptorsUsed,
           title: "Used Descriptors"
         }, null, 8, ["descriptors"])) : j("", !0),
-        k(t).getDescriptorsUseful.length ? (p(), T(Ue, {
+        k(t).getDescriptorsUseful.length ? (p(), T($e, {
           key: 1,
           descriptors: k(t).getDescriptorsUseful,
           title: "Descriptors Useful for Identification"
         }, null, 8, ["descriptors"])) : j("", !0),
-        k(t).getDescriptorsUseless.length ? (p(), T(Ue, {
+        k(t).getDescriptorsUseless.length ? (p(), T($e, {
           key: 2,
           descriptors: k(t).getDescriptorsUseless,
           title: "Descriptors no longer relevant for identification"
@@ -2873,7 +2889,7 @@ const xr = {
             n[0] || (n[0] = f("div", { class: "distinguish-spinner" }, null, -1)),
             f("div", eo, [
               f("span", { innerHTML: e.legend }, null, 8, to),
-              F(t.$slots, "default")
+              N(t.$slots, "default")
             ])
           ])
         ])
@@ -2886,21 +2902,21 @@ const xr = {
   setup(e) {
     const t = J();
     return (n, s) => (p(), y("h1", so, [
-      s[0] || (s[0] = $(" Interactive key ")),
-      k(t).getObservationMatrix ? (p(), y("span", ro, "| " + E(k(t).getObservationMatrix.name), 1)) : j("", !0)
+      s[0] || (s[0] = U(" Interactive key ")),
+      k(t).getObservationMatrix ? (p(), y("span", ro, "| " + R(k(t).getObservationMatrix.name), 1)) : j("", !0)
     ]));
   }
 }), io = ["title"], ao = /* @__PURE__ */ S({
   __name: "TitleMatrixCitation",
   setup(e) {
-    const t = J(), n = A(() => {
+    const t = J(), n = I(() => {
       const s = t.getCitation;
       return Object.values(s || {}).filter(Boolean).join(", ");
     });
     return (s, r) => (p(), y("span", {
       class: "distinguish-title-citation",
       title: n.value
-    }, E(n.value), 9, io));
+    }, R(n.value), 9, io));
   }
 }), lo = { class: "distinguish-title-section" }, co = /* @__PURE__ */ S({
   __name: "TitleKey",
@@ -2916,12 +2932,13 @@ const xr = {
   props: {
     observationMatrixId: {},
     apiConfig: {},
-    renderItem: { type: Function }
+    renderItem: { type: Function },
+    otuId: {}
   },
   setup(e) {
-    const t = e, n = te(), s = L(), r = A(() => n.getIsLoading), o = A(() => n.getLayout);
+    const t = e, n = Q(), s = L(), r = I(() => n.getIsLoading), o = I(() => n.getLayout);
     return (() => {
-      n.setAPIConfig(t.apiConfig), n.setObservationMatrixId(t.observationMatrixId), n.checkUpdate();
+      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, [
@@ -2936,7 +2953,7 @@ const xr = {
             render: t.renderItem
           }, {
             default: w((c) => [
-              F(a.$slots, "remaining-item", Ke(Je(c)))
+              N(a.$slots, "remaining-item", Ke(Je(c)))
             ]),
             _: 3
           }, 8, ["render"]),
@@ -2944,7 +2961,7 @@ const xr = {
             render: t.renderItem
           }, {
             default: w((c) => [
-              F(a.$slots, "eliminated-item", Ke(Je(c)))
+              N(a.$slots, "eliminated-item", Ke(Je(c)))
             ]),
             _: 3
           }, 8, ["render"])
@@ -2961,17 +2978,21 @@ const xr = {
 function fo(e) {
   const t = e || '[data-interactive-key="true"]';
   return [...document.querySelectorAll(t)].map(
-    (r) => go(r, ho(r))
+    (r) => yo(r, go(r))
   );
 }
 function mo() {
   fo();
 }
 function ho(e) {
+  return e ? e.split(",").map((t) => Number(t.trim())).filter((t) => !isNaN(t)) : [];
+}
+function go(e) {
   return {
     observationMatrixId: Number(
       e.getAttribute("data-observation-matrix-id")
     ),
+    otuId: ho(e.getAttribute("data-otu-id")),
     apiConfig: {
       baseURL: e.getAttribute("data-base-url") || "",
       projectToken: e.getAttribute("data-project-token") || void 0,
@@ -2981,7 +3002,7 @@ function ho(e) {
     }
   };
 }
-function go(e, t) {
+function yo(e, t) {
   const { apiConfig: n, observationMatrixId: s } = t;
   if (!s)
     throw "Missing observation matrix ID";
@@ -2996,6 +3017,6 @@ function go(e, t) {
 typeof window < "u" && window.addEventListener("DOMContentLoaded", mo);
 export {
   po as VueInteractiveKey,
-  go as createInteractiveKey,
+  yo as createInteractiveKey,
   fo as discoverInteractiveKey
 };