@leaflink/stash 51.9.3 → 51.11.0

package/dist/Select.js

@@ -1,5 +1,5 @@
-import { defineComponent as $e, useAttrs as ze, useSlots as He, ref as c, computed as h, watch as M, nextTick as Y, onMounted as Pe, onUnmounted as Ne, createBlock as J, openBlock as r, mergeProps as Ae, unref as g, createSlots as De, withCtx as T, createElementVNode as f, toDisplayString as b, withDirectives as $, createElementBlock as d, Fragment as G, renderList as q, withKeys as ue, normalizeClass as z, createCommentVNode as H, renderSlot as P, createTextVNode as N, withModifiers as A, createVNode as B, Teleport as Ue, Transition as Le, normalizeStyle as Ve, vModelText as Ke, vShow as Q } from "vue";
-import { u as Ge, a as qe, f as je, o as We, s as Xe } from "./floating-ui.vue-pzUuloyX.js";
+import { defineComponent as $e, useAttrs as ze, useSlots as He, ref as i, computed as p, watch as M, nextTick as Y, onMounted as Pe, onUnmounted as Ne, createBlock as J, openBlock as o, mergeProps as Ae, unref as g, createSlots as De, withCtx as T, createElementVNode as d, toDisplayString as b, withDirectives as $, createElementBlock as u, Fragment as G, renderList as q, withKeys as ue, normalizeClass as z, createCommentVNode as H, renderSlot as P, createTextVNode as N, withModifiers as A, createVNode as B, Teleport as Ue, Transition as Le, normalizeStyle as Ve, vModelText as Ke, vShow as Q } from "vue";
+import { u as Ge, a as qe, f as je, o as We, s as Xe } from "./floating-ui.vue-CL01Y9ER.js";
 import Ye from "@leaflink/snitch";
 import Z from "lodash-es/debounce";
 import Je from "lodash-es/isEmpty";
@@ -9,7 +9,7 @@ import Ze from "lodash-es/uniqueId";
 import et from "./useSearch.js";
 import { DEBOUNCE as tt, KEY_CODES as x } from "./constants.js";
 import lt from "./directives/clickoutside.js";
-import { D as st } from "./MenusPlugin-Bk6UW6o9.js";
+import { D as st } from "./MenusPlugin-B4jpNe7x.js";
 import fe from "./Chip.js";
 import { _ as at } from "./Field.vue_vue_type_script_setup_true_lang-DI6z3AE9.js";
 import D from "./Icon.js";
@@ -17,10 +17,10 @@ import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id", "aria-labelledby"], it = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], ct = ["selected", "value", "disabled"], ut = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled"], dt = ["id"], ft = ["onKeypress", "onMousedown"], pt = {
   key: 0,
   class: "stash-select__total"
-}, ht = {
+}, vt = {
   key: 0,
   class: "tw-flex tw-items-center tw-border-b tw-border-blue-500 tw-pr-1.5"
-}, vt = ["data-test", "placeholder"], mt = { class: "stash-select__options options tw-my-1.5 tw-w-full tw-border-white tw-bg-white" }, yt = ["data-test", "onClick", "onMouseenter"], _t = {
+}, ht = ["data-test", "placeholder"], mt = { class: "stash-select__options options tw-my-1.5 tw-w-full tw-border-white tw-bg-white" }, yt = ["data-test", "onClick", "onMouseenter"], _t = {
   key: 0,
   class: "tw-ml-auto tw-pl-1.5"
 }, wt = { class: "tw-m-1.5 tw-cursor-default tw-p-1.5" }, gt = {
@@ -75,162 +75,150 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
     disabled: { type: Boolean }
   },
   emits: ["update:model-value", "clear", "add", "remove", "opened", "closed"],
-  setup(pe, { emit: he }) {
-    const t = pe, v = he, U = ze(), ve = He(), ee = c(null), m = c(null), C = c(null), O = c(null), te = c(null), I = c(0), R = c(0), n = c([]), le = c(() => []), y = c(""), p = c(-1), u = c(!1), j = c({}), se = c(!1), { floatingStyles: me, update: ye } = Ge(ee, C, {
+  setup(pe, { emit: ve }) {
+    const e = pe, h = ve, U = ze(), he = He(), ee = i(null), m = i(null), C = i(null), O = i(null), te = i(null), I = i(0), R = i(0), a = i([]), le = i(() => []), y = i(""), f = i(-1), c = i(!1), j = i({}), se = i(!1), { floatingStyles: me, update: ye } = Ge(ee, C, {
       whileElementsMounted: qe,
-      placement: t.menuPlacement,
+      placement: e.menuPlacement,
       middleware: [
         je(),
-        We(({ rects: e, placement: l }) => l.split("-")[0] === "bottom" && I.value > R.value ? I.value - e.reference.height + 6 : 6),
+        We(({ rects: t, placement: l }) => l.split("-")[0] === "bottom" && I.value > R.value ? I.value - t.reference.height + 6 : 6),
         Xe({
-          apply({ availableHeight: e, elements: l, rects: a }) {
-            t.enableTeleport && Object.assign(l.floating.style, {
-              maxWidth: `${a.reference.width}px`,
-              maxHeight: `${Math.min(e, 300)}px`
+          apply({ availableHeight: t, elements: l, rects: n }) {
+            e.enableTeleport && Object.assign(l.floating.style, {
+              maxWidth: `${n.reference.width}px`,
+              maxHeight: `${Math.min(t, 300)}px`
             });
           }
         })
       ]
-    }), ae = new ResizeObserver(() => k()), W = h(() => !t.hideSearch && t.searchable !== "false" && t.searchable !== !1), L = h(() => {
-      let e = (se.value && t.lazy ? t.lazy() : t.options).filter(Boolean);
-      return Qe(e[0]) || (e = e.map((l, a) => ({ name: l, id: a }))), e;
-    }), _e = h(() => n.value.length ? n.value.map((e) => e[t.displayBy] || e).join(", ") : ""), ne = h(() => t.searchLoading || Object.keys(j.value).length > 0), F = h(() => t.disableFiltering || !(y.value || "").trim() ? L.value : le.value(y.value)), we = h(() => I.value <= R.value), ge = h(
-      () => !u.value && !t.single && !we.value && n.value.length
-    ), be = h(() => [n.value.length, t.selectItemType, "selected"].filter(Boolean).join(" ")), Be = h(() => t.preventEmpty || t.allowEmpty === "false" || t.allowEmpty === !1);
-    M(y, (e, l) => l !== e && K(-1)), M(n, () => k(), { deep: !0 }), M(
-      () => t.modelValue,
-      (e) => {
-        if (Array.isArray(e)) {
-          const l = e.filter(Boolean);
-          de(l, n.value) || (n.value = l);
+    }), ae = new ResizeObserver(() => k()), W = p(() => !e.hideSearch && e.searchable !== "false" && e.searchable !== !1), L = p(() => {
+      let t = (se.value && e.lazy ? e.lazy() : e.options).filter(Boolean);
+      return Qe(t[0]) || (t = t.map((l, n) => ({ name: l, id: n }))), t;
+    }), _e = p(() => a.value.length ? a.value.map((t) => t[e.displayBy] || t).join(", ") : ""), ne = p(() => e.searchLoading || Object.keys(j.value).length > 0), F = p(() => e.disableFiltering || !(y.value || "").trim() ? L.value : le.value(y.value)), we = p(() => I.value <= R.value), ge = p(
+      () => !c.value && !e.single && !we.value && a.value.length
+    ), be = p(() => [a.value.length, e.selectItemType, "selected"].filter(Boolean).join(" ")), Be = p(() => e.preventEmpty || e.allowEmpty === "false" || e.allowEmpty === !1);
+    M(y, (t, l) => l !== t && K(-1)), M(a, () => k(), { deep: !0 }), M(
+      () => e.modelValue,
+      (t) => {
+        if (Array.isArray(t)) {
+          const l = t.filter(Boolean);
+          de(l, a.value) || (a.value = l);
           return;
         }
-        if (!Je(e)) {
-          de(e, n.value[0]) || (n.value[0] = e);
+        if (!Je(t)) {
+          de(t, a.value[0]) || (a.value[0] = t);
           return;
         }
-        n.value = [];
+        a.value = [];
       },
       { immediate: !0 }
     ), M(
-      () => t.options,
+      () => e.options,
       () => {
-        const { searchFor: e } = et({
-          items: h(() => L.value),
-          fieldNames: t.searchBy.length ? t.searchBy : [t.displayBy],
-          trackBy: t.trackBy
+        const { searchFor: t } = et({
+          items: p(() => L.value),
+          fieldNames: e.searchBy.length ? e.searchBy : [e.displayBy],
+          trackBy: e.trackBy
         });
-        le.value = (l) => e(l, { fuzzy: t.useFuzzySearch });
+        le.value = (l) => t(l, { fuzzy: e.useFuzzySearch });
       },
       { immediate: !0 }
     ), M(I, () => ke());
-    const ke = Z(() => ye(), 50), k = Z(() => ce(), 50), X = (e) => e && typeof e == "object" && "disabled" in e && (e == null ? void 0 : e.disabled), Se = () => {
-      n.value = [], v("update:model-value", t.single ? void 0 : n.value), v("clear");
-    }, V = (e) => {
-      t.disabled || !e || X(e) || (E(e) ? _(e) : (t.single && (n.value = []), n.value.push(e), v("update:model-value", t.single ? n.value[0] : n.value), v("add", e)), t.single && S());
-    }, Ee = (e) => {
-      if (t.single) {
-        const a = L.value.find((o) => {
-          var i;
-          return ((i = o[t.trackBy]) == null ? void 0 : i.toString()) === e.target.value;
-        });
-        V(a);
+    const ke = Z(() => ye(), 50), k = Z(() => ce(), 50), X = (t) => t && typeof t == "object" && "disabled" in t && t?.disabled, Se = () => {
+      a.value = [], h("update:model-value", e.single ? void 0 : a.value), h("clear");
+    }, V = (t) => {
+      e.disabled || !t || X(t) || (E(t) ? _(t) : (e.single && (a.value = []), a.value.push(t), h("update:model-value", e.single ? a.value[0] : a.value), h("add", t)), e.single && S());
+    }, Ee = (t) => {
+      if (e.single) {
+        const n = L.value.find((r) => r[e.trackBy]?.toString() === t.target.value);
+        V(n);
         return;
       }
-      const l = [...e.target.selectedOptions];
-      for (const a of [...n.value])
-        l.find((i) => {
-          var s;
-          return i.value === ((s = a[t.trackBy]) == null ? void 0 : s.toString());
-        }) || _(a);
-      for (const a of l) {
-        const o = L.value.find(
-          (i) => {
-            var s;
-            return ((s = i[t.trackBy]) == null ? void 0 : s.toString()) === a.value;
-          }
+      const l = [...t.target.selectedOptions];
+      for (const n of [...a.value])
+        l.find((v) => v.value === n[e.trackBy]?.toString()) || _(n);
+      for (const n of l) {
+        const r = L.value.find(
+          (v) => v[e.trackBy]?.toString() === n.value
         );
-        E(o) || V(o);
+        E(r) || V(r);
       }
-    }, _ = (e) => {
-      if (t.disabled || Be.value && n.value.length === 1)
+    }, _ = (t) => {
+      if (e.disabled || Be.value && a.value.length === 1)
         return;
-      const l = n.value.findIndex((a) => a[t.trackBy] === e[t.trackBy]);
+      const l = a.value.findIndex((n) => n[e.trackBy] === t[e.trackBy]);
       if (l === -1) {
-        Ye.warn("ll-select: could not find option to remove", e);
+        Ye.warn("ll-select: could not find option to remove", t);
         return;
       }
-      n.value.splice(l, 1), v("update:model-value", t.single ? n.value[0] : n.value), v("remove", e, l);
+      a.value.splice(l, 1), h("update:model-value", e.single ? a.value[0] : a.value), h("remove", t, l);
     }, oe = () => {
-      u.value || (k(), u.value = !0, v("opened"), W.value && Y(() => {
-        var e;
-        (e = te.value) == null || e.focus({ preventScroll: !0 });
+      c.value || (k(), c.value = !0, h("opened"), W.value && Y(() => {
+        te.value?.focus({ preventScroll: !0 });
       }));
     }, S = () => {
-      var e;
-      u.value && v("closed", n.value), K(-1), u.value = !1, t.preserveSearchTerm || (y.value = ""), (e = m.value) == null || e.blur();
-    }, Te = async (e) => {
+      c.value && h("closed", a.value), K(-1), c.value = !1, e.preserveSearchTerm || (y.value = ""), m.value?.blur();
+    }, Te = async (t) => {
       if (await Y(), !m.value)
         return;
-      if (![x.ENTER, x.ESCAPE].includes(e.keyCode)) {
-        const a = m.value.querySelector(".stash-select__option--highlighted"), o = a == null ? void 0 : a.getBoundingClientRect(), i = m.value.getBoundingClientRect();
-        if (!o || !i)
+      if (![x.ENTER, x.ESCAPE].includes(t.keyCode)) {
+        const n = m.value.querySelector(".stash-select__option--highlighted"), r = n?.getBoundingClientRect(), v = m.value.getBoundingClientRect();
+        if (!r || !v)
           return;
-        (o.bottom >= i.bottom || o.top <= i.top + o.height) && (a == null || a.scrollIntoView({ block: "nearest", inline: "nearest" }));
+        (r.bottom >= v.bottom || r.top <= v.top + r.height) && n?.scrollIntoView({ block: "nearest", inline: "nearest" });
       }
-    }, K = (e) => {
-      p.value = e;
-    }, xe = (e) => {
-      if (e.keyCode === x.ESCAPE)
+    }, K = (t) => {
+      f.value = t;
+    }, xe = (t) => {
+      if (t.keyCode === x.ESCAPE)
         S();
-      else if (e.keyCode === x.DOWN && p.value < F.value.length - 1 && u.value)
-        p.value++;
-      else if (e.keyCode === x.UP && p.value > 0)
-        u.value && p.value--, C.value && W.value && p.value === 0 && (C.value.scrollTop -= 100);
-      else if (e.keyCode === x.ENTER && p.value !== -1 && u.value)
-        V(F.value[p.value]);
+      else if (t.keyCode === x.DOWN && f.value < F.value.length - 1 && c.value)
+        f.value++;
+      else if (t.keyCode === x.UP && f.value > 0)
+        c.value && f.value--, C.value && W.value && f.value === 0 && (C.value.scrollTop -= 100);
+      else if (t.keyCode === x.ENTER && f.value !== -1 && c.value)
+        V(F.value[f.value]);
       else
         return;
-      e.preventDefault(), Te(e);
+      t.preventDefault(), Te(t);
     }, re = Z(function() {
       Ce();
     }, tt.FAST), Ce = async function() {
-      if (!t.onSearch)
+      if (!e.onSearch)
         return;
-      const e = Ze("search-request-");
+      const t = Ze("search-request-");
       try {
-        j.value[e] = !0, await t.onSearch(y.value);
+        j.value[t] = !0, await e.onSearch(y.value);
       } finally {
-        delete j.value[e];
+        delete j.value[t];
       }
-    }, Oe = (e, l) => [
+    }, Oe = (t, l) => [
       {
         "stash-select__option": !0,
-        "stash-select__option--disabled": X(e),
-        "stash-select__option--highlighted": p.value === l,
-        "stash-select__option--selected": E(e)
+        "stash-select__option--disabled": X(t),
+        "stash-select__option--highlighted": f.value === l,
+        "stash-select__option--selected": E(t)
       },
       // @deprecated
       // backwards compatibility
       {
-        "is-selected": p.value === l,
-        "tw-bg-ice-200": p.value === l,
-        "tw-bg-blue-100 tw-text-ice-700": E(e)
+        "is-selected": f.value === l,
+        "tw-bg-ice-200": f.value === l,
+        "tw-bg-blue-100 tw-text-ice-700": E(t)
       }
-    ], E = (e) => e == null ? !1 : n.value.some((l) => (l == null ? void 0 : l[t.trackBy]) === e[t.trackBy]);
-    function ie(e) {
-      var o, i;
-      if (!e)
+    ], E = (t) => t == null ? !1 : a.value.some((l) => l?.[e.trackBy] === t[e.trackBy]);
+    function ie(t) {
+      if (!t)
         return !1;
-      const l = (o = m.value) == null ? void 0 : o.contains(e), a = (i = C.value) == null ? void 0 : i.contains(e);
-      return l || a;
+      const l = m.value?.contains(t), n = C.value?.contains(t);
+      return l || n;
     }
-    function Ie(e) {
-      const l = e.relatedTarget;
+    function Ie(t) {
+      const l = t.relatedTarget;
       !ie(l) && l && S();
     }
-    function Re(e) {
-      const l = e.target;
+    function Re(t) {
+      const l = t.target;
       ie(l) || S();
     }
     const Fe = () => {
@@ -244,19 +232,19 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
       O.value && ae.observe(O.value), window.addEventListener("resize", k), k();
     }), Ne(() => {
       window.removeEventListener("resize", ce), ae.disconnect(), k.cancel();
-    }), (e, l) => (r(), J(at, Ae(t, {
+    }), (t, l) => (o(), J(at, Ae(e, {
       class: ["input ll-select stash-select", g(U).class],
       "data-test": "stash-select",
-      "error-text": t.errorText || t.error,
-      "hint-text": t.hintText || t.hint
+      "error-text": e.errorText || e.error,
+      "hint-text": e.hintText || e.hint
     }), De({ _: 2 }, [
-      t.isReadOnly ? {
+      e.isReadOnly ? {
         name: "default",
-        fn: T(({ fieldId: a, labelId: o }) => [
-          f("div", ot, [
-            f("span", {
-              id: a,
-              "aria-labelledby": o,
+        fn: T(({ fieldId: n, labelId: r }) => [
+          d("div", ot, [
+            d("span", {
+              id: n,
+              "aria-labelledby": r,
               class: "show-empty tw-h-min"
             }, b(_e.value), 9, rt)
           ])
@@ -264,54 +252,54 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
         key: "0"
       } : {
         name: "default",
-        fn: T(({ fieldId: a, fieldErrorId: o, hasError: i }) => [
-          f("select", {
-            id: a,
-            "aria-errormessage": o,
-            "aria-invalid": i,
+        fn: T(({ fieldId: n, fieldErrorId: r, hasError: v }) => [
+          d("select", {
+            id: n,
+            "aria-errormessage": r,
+            "aria-invalid": v,
             class: "tw-sr-only",
-            disabled: t.disabled,
-            multiple: !t.single,
-            name: t.name,
+            disabled: e.disabled,
+            multiple: !e.single,
+            name: e.name,
             onChange: Ee
           }, [
-            (r(!0), d(G, null, q(F.value, (s, w) => (r(), d("option", {
+            (o(!0), u(G, null, q(F.value, (s, w) => (o(), u("option", {
               key: `srOnlyOption-${w}`,
               selected: E(s),
-              value: s[t.trackBy],
+              value: s[e.trackBy],
               disabled: X(s)
-            }, b(s[t.displayBy] || ""), 9, ct))), 128)),
-            l[5] || (l[5] = f("option", { value: "" }, null, -1))
+            }, b(s[e.displayBy] || ""), 9, ct))), 128)),
+            l[5] || (l[5] = d("option", { value: "" }, null, -1))
           ], 40, it),
-          $((r(), d("div", {
+          $((o(), u("div", {
             ref_key: "selectRef",
             ref: ee,
             role: "listbox",
             "aria-hidden": "true",
             class: z(["stash-select__content-wrapper", [
               {
-                "stash-select--disabled": !!t.disabled,
-                "stash-select--error": !!(t.errorText || t.error),
-                "stash-select--active": u.value,
-                "stash-select--single": t.single
+                "stash-select--disabled": !!e.disabled,
+                "stash-select--error": !!(e.errorText || e.error),
+                "stash-select--active": c.value,
+                "stash-select--single": e.single
               },
               // @deprecated
               // backwards compatibility
               {
-                "is-active": u.value,
-                "is-single": t.single,
-                "is-disabled": t.disabled
+                "is-active": c.value,
+                "is-single": e.single,
+                "is-disabled": e.disabled
               }
             ]]),
-            "aria-controls": "listbox-" + a,
-            "aria-expanded": u.value,
-            "aria-label": t.placeholder,
-            "aria-disabled": t.disabled || void 0,
+            "aria-controls": "listbox-" + n,
+            "aria-expanded": c.value,
+            "aria-label": e.placeholder,
+            "aria-disabled": e.disabled || void 0,
             onKeydown: xe,
             onKeyup: ue(S, ["esc"])
           }, [
-            f("div", {
-              id: "listbox-" + a,
+            d("div", {
+              id: "listbox-" + n,
               ref_key: "contentRef",
               ref: m,
               class: "input-field stash-select__content",
@@ -323,26 +311,26 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
               onKeydown: oe,
               onMouseleave: Fe
             }, [
-              f("ul", {
+              d("ul", {
                 ref_key: "chipsRef",
                 ref: O,
                 class: "stash-select__chips"
               }, [
-                n.value.length ? H("", !0) : (r(), d("li", {
+                a.value.length ? H("", !0) : (o(), u("li", {
                   key: 0,
-                  class: z(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !t.noTruncate }])
-                }, b(t.placeholder), 3)),
-                t.single ? (r(!0), d(G, { key: 1 }, q(n.value, (s) => (r(), d("li", {
-                  key: `chip-${s[t.trackBy]}`,
-                  class: z(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !t.noTruncate }])
+                  class: z(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
+                }, b(e.placeholder), 3)),
+                e.single ? (o(!0), u(G, { key: 1 }, q(a.value, (s) => (o(), u("li", {
+                  key: `chip-${s[e.trackBy]}`,
+                  class: z(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
                 }, [
-                  P(e.$slots, "selected", {
+                  P(t.$slots, "selected", {
                     option: s,
                     onRemove: () => _(s),
                     chipSelectedClass: "stash-select__chip"
                   }, () => [
-                    N(b(s[t.displayBy] || s) + " ", 1),
-                    f("button", {
+                    N(b(s[e.displayBy] || s) + " ", 1),
+                    d("button", {
                       tabindex: "-1",
                       class: "stash-select__remove",
                       onKeypress: ue(A((w) => _(s), ["prevent"]), ["enter"]),
@@ -355,11 +343,11 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
                       })
                     ], 40, ft)
                   ], !0)
-                ], 2))), 128)) : (r(!0), d(G, { key: 2 }, q(n.value, (s) => (r(), d("li", {
-                  key: `chip-${s[t.trackBy]}`,
+                ], 2))), 128)) : (o(!0), u(G, { key: 2 }, q(a.value, (s) => (o(), u("li", {
+                  key: `chip-${s[e.trackBy]}`,
                   class: "tw-inline-block"
                 }, [
-                  P(e.$slots, "selected", {
+                  P(t.$slots, "selected", {
                     option: s,
                     onRemove: () => _(s),
                     chipSelectedClass: "stash-select__chip"
@@ -372,14 +360,14 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
                       onRemove: (w) => _(s)
                     }, {
                       default: T(() => [
-                        N(b(s[t.displayBy] || s), 1)
+                        N(b(s[e.displayBy] || s), 1)
                       ]),
                       _: 2
                     }, 1032, ["onRemove"])
                   ], !0)
                 ]))), 128))
               ], 512),
-              ge.value ? (r(), d("div", pt, [
+              ge.value ? (o(), u("div", pt, [
                 B(fe, {
                   "bg-color": "blue-500",
                   "is-removable": "",
@@ -393,20 +381,20 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
                   _: 1
                 })
               ])) : H("", !0),
-              t.icon ? (r(), J(D, {
+              e.icon ? (o(), J(D, {
                 key: 1,
-                class: z(["stash-select__icon", { "tw-text-ice-500": t.disabled }]),
+                class: z(["stash-select__icon", { "tw-text-ice-500": e.disabled }]),
                 "data-test": "stash-select|toggle-icon",
-                name: t.icon,
-                onMousedown: l[0] || (l[0] = A((s) => u.value && S(), ["prevent"]))
+                name: e.icon,
+                onMousedown: l[0] || (l[0] = A((s) => c.value && S(), ["prevent"]))
               }, null, 8, ["name", "class"])) : H("", !0),
-              (r(), J(Ue, {
-                to: t.teleportTo,
-                disabled: !t.enableTeleport
+              (o(), J(Ue, {
+                to: e.teleportTo,
+                disabled: !e.enableTeleport
               }, [
                 B(Le, { name: "fade" }, {
                   default: T(() => [
-                    $(f("div", {
+                    $(d("div", {
                       ref_key: "optionsWrapperRef",
                       ref: C,
                       class: "stash-select__border-selector tw-w-full tw-shadow-2xl",
@@ -414,8 +402,8 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
                       onClick: l[3] || (l[3] = A(() => {
                       }, ["stop"]))
                     }, [
-                      W.value ? (r(), d("div", ht, [
-                        $(f("input", {
+                      W.value ? (o(), u("div", vt, [
+                        $(d("input", {
                           ref_key: "searchRef",
                           ref: te,
                           "onUpdate:modelValue": l[1] || (l[1] = (s) => y.value = s),
@@ -423,11 +411,11 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
                           autocomplete: "off",
                           class: "stash-select__search",
                           "data-test": g(U)["data-test"] ? g(U)["data-test"] + "-search" : "stash-select|search",
-                          placeholder: t.searchPlaceholder,
+                          placeholder: e.searchPlaceholder,
                           spellcheck: !1,
                           onInput: l[2] || (l[2] = //@ts-ignore
                           (...s) => g(re) && g(re)(...s))
-                        }, null, 40, vt), [
+                        }, null, 40, ht), [
                           [Ke, y.value]
                         ]),
                         B(D, {
@@ -435,43 +423,43 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
                           class: "tw-text-ice-500"
                         })
                       ])) : H("", !0),
-                      f("ul", mt, [
-                        (r(!0), d(G, null, q(F.value, (s, w) => (r(), d("li", {
-                          key: `option-${s[t.trackBy]}`,
-                          "data-test": s[t.trackBy],
+                      d("ul", mt, [
+                        (o(!0), u(G, null, q(F.value, (s, w) => (o(), u("li", {
+                          key: `option-${s[e.trackBy]}`,
+                          "data-test": s[e.trackBy],
                           class: z(Oe(s, w)),
                           onClick: (Me) => V(s),
                           onMouseenter: A((Me) => K(w), ["self"])
                         }, [
-                          P(e.$slots, "option", { option: s }, () => [
-                            N(b(s[t.displayBy] || s), 1)
+                          P(t.$slots, "option", { option: s }, () => [
+                            N(b(s[e.displayBy] || s), 1)
                           ], !0),
-                          E(s) && !t.hideCheck ? (r(), d("span", _t, [
+                          E(s) && !e.hideCheck ? (o(), u("span", _t, [
                             B(D, {
                               class: "tw-text-blue-500",
                               name: "check"
                             })
                           ])) : H("", !0)
                         ], 42, yt))), 128)),
-                        $(f("li", wt, [
+                        $(d("li", wt, [
                           B(D, {
                             "data-test": "stash-select|options-loading",
                             name: "working",
                             class: "tw-animate-spin tw-text-ice-500"
                           })
                         ], 512), [
-                          [Q, t.loading || ne.value]
+                          [Q, e.loading || ne.value]
                         ]),
-                        $(f("li", gt, [
-                          P(e.$slots, "no-options", {}, () => [
-                            l[6] || (l[6] = N(" No options "))
+                        $(d("li", gt, [
+                          P(t.$slots, "no-options", {}, () => [
+                            l[6] || (l[6] = N(" No options ", -1))
                           ], !0)
                         ], 512), [
-                          [Q, !t.loading && !ne.value && !F.value.length]
+                          [Q, !e.loading && !ne.value && !F.value.length]
                         ])
                       ])
                     ], 4), [
-                      [Q, u.value && !t.disabled]
+                      [Q, c.value && !e.disabled]
                     ])
                   ]),
                   _: 3
@@ -484,10 +472,10 @@ const ot = { class: "tw-flex tw-h-input tw-items-center tw-text-sm" }, rt = ["id
         ]),
         key: "1"
       },
-      ve.hint ? {
+      he.hint ? {
         name: "hint",
         fn: T(() => [
-          P(e.$slots, "hint", {}, void 0, !0)
+          P(t.$slots, "hint", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0