@leaflink/stash 44.3.0 → 44.4.0

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { computed as T, unref as F, ref as k, shallowRef as bt, watch as Q, getCurrentScope as xt, onScopeDispose as _t, shallowReadonly as oe, defineComponent as Et, useAttrs as St, useSlots as Ct, nextTick as Ne, onMounted as Rt, onUnmounted as Ot, openBlock as B, createBlock as Re, normalizeClass as ue, createSlots as kt, withCtx as fe, createElementVNode as z, createElementBlock as I, Fragment as Oe, renderList as ke, toDisplayString as le, withDirectives as de, withKeys as je, createCommentVNode as pe, renderSlot as Te, createTextVNode as me, withModifiers as he, createVNode as se, Teleport as Tt, Transition as Bt, normalizeStyle as At, vModelText as Lt, vShow as Ve, pushScopeId as Mt, popScopeId as Dt } from "vue";
+import { computed as T, unref as F, ref as k, shallowRef as bt, watch as Q, getCurrentScope as xt, onScopeDispose as _t, shallowReadonly as oe, defineComponent as Et, useAttrs as St, useSlots as Ct, nextTick as Ne, onMounted as Rt, onUnmounted as Ot, openBlock as B, createBlock as Re, normalizeClass as ue, createSlots as kt, withCtx as fe, createElementVNode as z, createElementBlock as I, Fragment as Oe, renderList as ke, toDisplayString as le, withDirectives as de, withKeys as je, createCommentVNode as me, renderSlot as Te, createTextVNode as pe, withModifiers as he, createVNode as se, Teleport as Tt, Transition as Bt, normalizeStyle as At, vModelText as Lt, vShow as Ve, pushScopeId as Mt, popScopeId as Dt } from "vue";
 import Ft from "@leaflink/snitch";
 import Pt from "lodash-es/debounce";
 import It from "lodash-es/isEmpty";
@@ -122,18 +122,18 @@ function Ye(e, n, t) {
     reference: o,
     floating: l
   } = e;
-  const s = Fe(n), i = nt(n), c = tt(i), r = Z(n), u = s === "y", p = o.x + o.width / 2 - l.width / 2, h = o.y + o.height / 2 - l.height / 2, g = o[c] / 2 - l[c] / 2;
+  const s = Fe(n), i = nt(n), c = tt(i), r = Z(n), u = s === "y", m = o.x + o.width / 2 - l.width / 2, h = o.y + o.height / 2 - l.height / 2, g = o[c] / 2 - l[c] / 2;
   let d;
   switch (r) {
     case "top":
       d = {
-        x: p,
+        x: m,
         y: o.y - l.height
       };
       break;
     case "bottom":
       d = {
-        x: p,
+        x: m,
         y: o.y + o.height
       };
       break;
@@ -177,7 +177,7 @@ const tn = async (e, n, t) => {
     floating: n,
     strategy: l
   }), {
-    x: p,
+    x: m,
     y: h
   } = Ye(u, o, r), g = o, d = {}, f = 0;
   for (let b = 0; b < c.length; b++) {
@@ -190,7 +190,7 @@ const tn = async (e, n, t) => {
       data: R,
       reset: C
     } = await v({
-      x: p,
+      x: m,
       y: h,
       initialPlacement: o,
       placement: g,
@@ -203,7 +203,7 @@ const tn = async (e, n, t) => {
         floating: n
       }
     });
-    if (p = y ?? p, h = E ?? h, d = {
+    if (m = y ?? m, h = E ?? h, d = {
       ...d,
       [_]: {
         ...d[_],
@@ -215,14 +215,14 @@ const tn = async (e, n, t) => {
         floating: n,
         strategy: l
       }) : C.rects), {
-        x: p,
+        x: m,
         y: h
       } = Ye(u, g, r)), b = -1;
       continue;
     }
   }
   return {
-    x: p,
+    x: m,
     y: h,
     placement: g,
     strategy: l,
@@ -241,14 +241,14 @@ async function ot(e, n) {
     strategy: r
   } = e, {
     boundary: u = "clippingAncestors",
-    rootBoundary: p = "viewport",
+    rootBoundary: m = "viewport",
     elementContext: h = "floating",
     altBoundary: g = !1,
     padding: d = 0
   } = De(n, e), f = en(d), _ = c[g ? h === "floating" ? "reference" : "floating" : h], v = Me(await s.getClippingRect({
     element: (t = await (s.isElement == null ? void 0 : s.isElement(_))) == null || t ? _ : _.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(c.floating)),
     boundary: u,
-    rootBoundary: p,
+    rootBoundary: m,
     strategy: r
   })), y = h === "floating" ? {
     ...i.floating,
@@ -286,7 +286,7 @@ const nn = function(e) {
         platform: r,
         elements: u
       } = n, {
-        mainAxis: p = !0,
+        mainAxis: m = !0,
         crossAxis: h = !0,
         fallbackPlacements: g,
         fallbackStrategy: d = "bestFit",
@@ -300,7 +300,7 @@ const nn = function(e) {
       !g && f !== "none" && R.push(...Qt(c, b, f, E));
       const C = [c, ...R], O = await ot(n, _), x = [];
       let M = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (p && x.push(O[v]), h) {
+      if (m && x.push(O[v]), h) {
         const K = Yt(l, i, E);
         x.push(O[K[0]], O[K[1]]);
       }
@@ -349,7 +349,7 @@ async function on(e, n) {
     placement: t,
     platform: o,
     elements: l
-  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = Z(t), c = we(t), r = Fe(t) === "y", u = ["left", "top"].includes(i) ? -1 : 1, p = s && r ? -1 : 1, h = De(n, e);
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = Z(t), c = we(t), r = Fe(t) === "y", u = ["left", "top"].includes(i) ? -1 : 1, m = s && r ? -1 : 1, h = De(n, e);
   let {
     mainAxis: g,
     crossAxis: d,
@@ -365,11 +365,11 @@ async function on(e, n) {
     ...h
   };
   return c && typeof f == "number" && (d = c === "end" ? f * -1 : f), r ? {
-    x: d * p,
+    x: d * m,
     y: g * u
   } : {
     x: g * u,
-    y: d * p
+    y: d * m
   };
 }
 const ln = function(e) {
@@ -408,22 +408,22 @@ const ln = function(e) {
         apply: i = () => {
         },
         ...c
-      } = De(e, n), r = await ot(n, c), u = Z(t), p = we(t), h = Fe(t) === "y", {
+      } = De(e, n), r = await ot(n, c), u = Z(t), m = we(t), h = Fe(t) === "y", {
         width: g,
         height: d
       } = o.floating;
       let f, b;
-      u === "top" || u === "bottom" ? (f = u, b = p === (await (l.isRTL == null ? void 0 : l.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (b = u, f = p === "end" ? "top" : "bottom");
+      u === "top" || u === "bottom" ? (f = u, b = m === (await (l.isRTL == null ? void 0 : l.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (b = u, f = m === "end" ? "top" : "bottom");
       const _ = d - r[f], v = g - r[b], y = !n.middlewareData.shift;
       let E = _, R = v;
       if (h) {
         const O = g - r.left - r.right;
-        R = p || y ? ge(v, O) : O;
+        R = m || y ? ge(v, O) : O;
       } else {
         const O = d - r.top - r.bottom;
-        E = p || y ? ge(_, O) : O;
+        E = m || y ? ge(_, O) : O;
       }
-      if (y && !p) {
+      if (y && !m) {
         const O = N(r.left, 0), x = N(r.right, 0), M = N(r.top, 0), D = N(r.bottom, 0);
         h ? R = g - 2 * (O !== 0 || x !== 0 ? O + x : N(r.left, r.right)) : E = d - 2 * (M !== 0 || D !== 0 ? M + D : N(r.top, r.bottom));
       }
@@ -574,17 +574,17 @@ function ee(e, n, t, o) {
   let i = X(1);
   n && (o ? U(o) && (i = re(o)) : i = re(e));
   const c = un(s, t, o) ? rt(s) : X(0);
-  let r = (l.left + c.x) / i.x, u = (l.top + c.y) / i.y, p = l.width / i.x, h = l.height / i.y;
+  let r = (l.left + c.x) / i.x, u = (l.top + c.y) / i.y, m = l.width / i.x, h = l.height / i.y;
   if (s) {
     const g = P(s), d = o && U(o) ? P(o) : o;
     let f = g.frameElement;
     for (; f && o && d !== g; ) {
       const b = re(f), _ = f.getBoundingClientRect(), v = V(f), y = _.left + (f.clientLeft + parseFloat(v.paddingLeft)) * b.x, E = _.top + (f.clientTop + parseFloat(v.paddingTop)) * b.y;
-      r *= b.x, u *= b.y, p *= b.x, h *= b.y, r += y, u += E, f = P(f).frameElement;
+      r *= b.x, u *= b.y, m *= b.x, h *= b.y, r += y, u += E, f = P(f).frameElement;
     }
   }
   return Me({
-    width: p,
+    width: m,
     height: h,
     x: r,
     y: u
@@ -621,7 +621,7 @@ function dn(e) {
 function at(e) {
   return ee(j(e)).left + Ie(e).scrollLeft;
 }
-function pn(e) {
+function mn(e) {
   const n = j(e), t = Ie(e), o = e.ownerDocument.body, l = N(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), s = N(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
   let i = -t.scrollLeft + at(e);
   const c = -t.scrollTop;
@@ -632,7 +632,7 @@ function pn(e) {
     y: c
   };
 }
-function mn(e, n) {
+function pn(e, n) {
   const t = P(e), o = j(e), l = t.visualViewport;
   let s = o.clientWidth, i = o.clientHeight, c = 0, r = 0;
   if (l) {
@@ -659,9 +659,9 @@ function hn(e, n) {
 function Je(e, n, t) {
   let o;
   if (n === "viewport")
-    o = mn(e, t);
+    o = pn(e, t);
   else if (n === "document")
-    o = pn(j(e));
+    o = mn(j(e));
   else if (U(n))
     o = hn(n, t);
   else {
@@ -687,7 +687,7 @@ function vn(e, n) {
   let i = s ? ae(e) : e;
   for (; U(i) && !Pe(i); ) {
     const c = V(i), r = He(i);
-    !r && c.position === "fixed" && (l = null), (s ? !r && !l : !r && c.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || be(i) && !r && ct(e, i)) ? o = o.filter((p) => p !== i) : l = c, i = ae(i);
+    !r && c.position === "fixed" && (l = null), (s ? !r && !l : !r && c.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || be(i) && !r && ct(e, i)) ? o = o.filter((m) => m !== i) : l = c, i = ae(i);
   }
   return n.set(e, o), o;
 }
@@ -698,8 +698,8 @@ function gn(e) {
     rootBoundary: o,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? vn(n, this._c) : [].concat(t), o], c = i[0], r = i.reduce((u, p) => {
-    const h = Je(n, p, l);
+  const i = [...t === "clippingAncestors" ? vn(n, this._c) : [].concat(t), o], c = i[0], r = i.reduce((u, m) => {
+    const h = Je(n, m, l);
     return u.top = N(h.top, u.top), u.right = ge(h.right, u.right), u.bottom = ge(h.bottom, u.bottom), u.left = N(h.left, u.left), u;
   }, Je(n, c, l));
   return {
@@ -785,13 +785,13 @@ function En(e, n) {
     c === void 0 && (c = !1), r === void 0 && (r = 1), s();
     const {
       left: u,
-      top: p,
+      top: m,
       width: h,
       height: g
     } = e.getBoundingClientRect();
     if (c || n(), !h || !g)
       return;
-    const d = Be(p), f = Be(l.clientWidth - (u + h)), b = Be(l.clientHeight - (p + g)), _ = Be(u), y = {
+    const d = Be(m), f = Be(l.clientWidth - (u + h)), b = Be(l.clientHeight - (m + g)), _ = Be(u), y = {
       rootMargin: -d + "px " + -f + "px " + -b + "px " + -_ + "px",
       threshold: N(0, ge(1, r)) || 1
     };
@@ -828,8 +828,8 @@ function Sn(e, n, t, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: r = !1
-  } = o, u = We(e), p = l || s ? [...u ? ye(u) : [], ...ye(n)] : [];
-  p.forEach((v) => {
+  } = o, u = We(e), m = l || s ? [...u ? ye(u) : [], ...ye(n)] : [];
+  m.forEach((v) => {
     l && v.addEventListener("scroll", t, {
       passive: !0
     }), s && v.addEventListener("resize", t);
@@ -849,7 +849,7 @@ function Sn(e, n, t, o) {
     b && (v.x !== b.x || v.y !== b.y || v.width !== b.width || v.height !== b.height) && t(), b = v, f = requestAnimationFrame(_);
   }
   return t(), () => {
-    p.forEach((v) => {
+    m.forEach((v) => {
       l && v.removeEventListener("scroll", t), s && v.removeEventListener("resize", t);
     }), h && h(), d && d.disconnect(), d = null, r && cancelAnimationFrame(f);
   };
@@ -892,19 +892,19 @@ function Rn(e, n, t) {
   }), r = T(() => {
     var x;
     return (x = F(t.transform)) != null ? x : !0;
-  }), u = T(() => Ze(e.value)), p = T(() => Ze(n.value)), h = k(0), g = k(0), d = k(c.value), f = k(i.value), b = bt({}), _ = k(!1), v = T(() => {
+  }), u = T(() => Ze(e.value)), m = T(() => Ze(n.value)), h = k(0), g = k(0), d = k(c.value), f = k(i.value), b = bt({}), _ = k(!1), v = T(() => {
     const x = {
       position: d.value,
       left: "0",
       top: "0"
     };
-    if (!p.value)
+    if (!m.value)
       return x;
-    const M = et(p.value, h.value), D = et(p.value, g.value);
+    const M = et(m.value, h.value), D = et(m.value, g.value);
     return r.value ? {
       ...x,
       transform: "translate(" + M + "px, " + D + "px)",
-      ...ft(p.value) >= 1.5 && {
+      ...ft(m.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -915,7 +915,7 @@ function Rn(e, n, t) {
   });
   let y;
   function E() {
-    u.value == null || p.value == null || Cn(u.value, p.value, {
+    u.value == null || m.value == null || Cn(u.value, m.value, {
       middleware: s.value,
       placement: i.value,
       strategy: c.value
@@ -931,8 +931,8 @@ function Rn(e, n, t) {
       E();
       return;
     }
-    if (u.value != null && p.value != null) {
-      y = o(u.value, p.value, E);
+    if (u.value != null && m.value != null) {
+      y = o(u.value, m.value, E);
       return;
     }
   }
@@ -941,7 +941,7 @@ function Rn(e, n, t) {
   }
   return Q([s, i, c], E, {
     flush: "sync"
-  }), Q([u, p], C, {
+  }), Q([u, m], C, {
     flush: "sync"
   }), Q(l, O, {
     flush: "sync"
@@ -956,7 +956,7 @@ function Rn(e, n, t) {
     update: E
   };
 }
-const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], Tn = ["selected", "value"], Bn = /* @__PURE__ */ On(() => /* @__PURE__ */ z("option", { value: "" }, null, -1)), An = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled", "onKeyup"], Ln = ["id"], Mn = ["onKeypress", "onMousedown"], Dn = {
+const On = (e) => (Mt("data-v-47027100"), e = e(), Dt(), e), kn = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], Tn = ["selected", "value"], Bn = /* @__PURE__ */ On(() => /* @__PURE__ */ z("option", { value: "" }, null, -1)), An = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled", "onKeyup"], Ln = ["id"], Mn = ["onKeypress", "onMousedown"], Dn = {
   key: 0,
   class: "stash-select__total"
 }, Fn = {
@@ -1009,15 +1009,15 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
   },
   emits: ["update:model-value", "clear", "add", "remove", "opened", "closed"],
   setup(e, { emit: n }) {
-    const t = e, o = 6, l = 300, s = St(), i = Ct(), c = k(null), r = k(null), u = k(null), p = k(null), h = k(null), g = k(0), d = k(0), f = k([]), b = k(() => []), _ = k(""), v = k(-1), y = k(!1), E = k({}), R = k(!1), { floatingStyles: C } = Rn(c, u, {
+    const t = e, o = 6, l = 300, s = St(), i = Ct(), c = k(null), r = k(null), u = k(null), m = k(null), h = k(null), g = k(0), d = k(0), f = k([]), b = k(() => []), _ = k(""), v = k(-1), y = k(!1), E = k({}), R = k(!1), { floatingStyles: C } = Rn(c, u, {
       whileElementsMounted: Sn,
       placement: t.menuPlacement,
       middleware: [
         nn(),
         ln(({ rects: a }) => t.menuPlacement.includes("bottom") && g.value > d.value ? g.value - a.reference.height + o : o),
         sn({
-          apply({ availableHeight: a, elements: m, rects: S }) {
-            t.enableTeleport && Object.assign(m.floating.style, {
+          apply({ availableHeight: a, elements: p, rects: S }) {
+            t.enableTeleport && Object.assign(p.floating.style, {
               maxWidth: `${S.reference.width}px`,
               maxHeight: `${Math.min(a, l)}px`
             });
@@ -1026,16 +1026,16 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
       ]
     }), O = T(() => !t.hideSearch && t.searchable !== "false" && t.searchable !== !1), x = T(() => {
       let a = (R.value && t.lazy ? t.lazy() : t.options).filter(Boolean);
-      return Nt(a[0]) || (a = a.map((m, S) => ({ name: m, id: S }))), a;
+      return Nt(a[0]) || (a = a.map((p, S) => ({ name: p, id: S }))), a;
     }), M = T(() => t.searchLoading || Object.keys(E.value).length > 0), D = T(() => t.disableFiltering || !(_.value || "").trim() ? x.value : b.value(_.value)), xe = T(() => g.value <= d.value), _e = T(
       () => !y.value && !t.single && !xe.value && f.value.length
     ), K = T(() => [f.value.length, t.selectItemType, "selected"].filter(Boolean).join(" ")), Ee = T(() => t.preventEmpty || t.allowEmpty === "false" || t.allowEmpty === !1);
-    Q(_, (a, m) => m !== a && Ce(-1)), Q(f, () => ce(), { deep: !0 }), Q(
+    Q(_, (a, p) => p !== a && Ce(-1)), Q(f, () => ce(), { deep: !0 }), Q(
       () => t.modelValue,
       (a) => {
         if (Array.isArray(a)) {
-          const m = a.filter(Boolean);
-          qe(m, f.value) || (f.value = m);
+          const p = a.filter(Boolean);
+          qe(p, f.value) || (f.value = p);
           return;
         }
         if (!It(a)) {
@@ -1053,7 +1053,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
           fieldNames: t.searchBy.length ? t.searchBy : [t.displayBy],
           trackBy: t.trackBy
         });
-        b.value = (m) => a(m, { fuzzy: t.useFuzzySearch });
+        b.value = (p) => a(p, { fuzzy: t.useFuzzySearch });
       },
       { immediate: !0 }
     );
@@ -1070,13 +1070,13 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
         $(S);
         return;
       }
-      const m = [...a.target.selectedOptions];
+      const p = [...a.target.selectedOptions];
       for (const S of [...f.value])
-        m.find((L) => {
+        p.find((L) => {
           var w;
           return L.value === ((w = S[t.trackBy]) == null ? void 0 : w.toString());
         }) || H(S);
-      for (const S of m) {
+      for (const S of p) {
         const A = x.value.find(
           (L) => {
             var w;
@@ -1088,12 +1088,12 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
     }, H = (a) => {
       if (t.disabled || Ee.value && f.value.length === 1)
         return;
-      const m = f.value.findIndex((S) => S[t.trackBy] === a[t.trackBy]);
-      if (m === -1) {
+      const p = f.value.findIndex((S) => S[t.trackBy] === a[t.trackBy]);
+      if (p === -1) {
         Ft.warn("ll-select: could not find option to remove", a);
         return;
       }
-      f.value.splice(m, 1), n("update:model-value", t.single ? f.value[0] : f.value), n("remove", a, m);
+      f.value.splice(p, 1), n("update:model-value", t.single ? f.value[0] : f.value), n("remove", a, p);
     }, Se = () => {
       y.value || (ce(), y.value = !0, n("opened"), O.value && Ne(() => {
         var a;
@@ -1113,7 +1113,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
       }
     }, Ce = (a) => {
       v.value = a;
-    }, pt = (a) => {
+    }, mt = (a) => {
       if (a.keyCode === ie.ESCAPE)
         te();
       else if (a.keyCode === ie.DOWN && v.value < D.value.length - 1)
@@ -1126,8 +1126,8 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
         return;
       a.preventDefault(), dt(a);
     }, Ke = Pt(function() {
-      mt();
-    }, Ht.FAST), mt = async function() {
+      pt();
+    }, Ht.FAST), pt = async function() {
       if (!t.onSearch)
         return;
       const a = Vt("search-request-");
@@ -1136,38 +1136,38 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
       } finally {
         delete E.value[a];
       }
-    }, ht = (a, m) => [
+    }, ht = (a, p) => [
       {
         "stash-select__option": !0,
         "stash-select__option--disabled": a && typeof a == "object" && "disabled" in a && (a == null ? void 0 : a.disabled),
-        "stash-select__option--highlighted": v.value === m,
+        "stash-select__option--highlighted": v.value === p,
         "stash-select__option--selected": ne(a)
       },
       // @deprecated
       {
-        "tw-bg-ice-200": v.value === m,
+        "tw-bg-ice-200": v.value === p,
         "tw-bg-blue-100 tw-text-ice-700": ne(a)
       }
-    ], ne = (a) => a == null ? !1 : f.value.some((m) => (m == null ? void 0 : m[t.trackBy]) === a[t.trackBy]);
+    ], ne = (a) => a == null ? !1 : f.value.some((p) => (p == null ? void 0 : p[t.trackBy]) === a[t.trackBy]);
     function Ue(a) {
       var A, L;
       if (!a)
         return !1;
-      const m = (A = r.value) == null ? void 0 : A.contains(a), S = (L = u.value) == null ? void 0 : L.contains(a);
-      return m || S;
+      const p = (A = r.value) == null ? void 0 : A.contains(a), S = (L = u.value) == null ? void 0 : L.contains(a);
+      return p || S;
     }
     function vt(a) {
-      const m = a.relatedTarget;
-      !Ue(m) && m && te();
+      const p = a.relatedTarget;
+      !Ue(p) && p && te();
     }
     function gt(a) {
-      const m = a.target;
-      Ue(m) || te();
+      const p = a.target;
+      Ue(p) || te();
     }
     const yt = () => {
       Ce(-1);
     }, ce = async () => {
-      await Ne(), p.value && r.value && (d.value = d.value === 0 ? r.value.clientHeight : d.value, g.value = p.value.clientHeight);
+      await Ne(), m.value && r.value && (d.value = d.value === 0 ? r.value.clientHeight : d.value, g.value = m.value.clientHeight);
     };
     return Rt(() => {
       if (s.onInput)
@@ -1175,7 +1175,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
       window.addEventListener("resize", ce), ce();
     }), Ot(() => {
       window.removeEventListener("resize", ce);
-    }), (a, m) => (B(), Re(Kt, {
+    }), (a, p) => (B(), Re(Kt, {
       id: t.id,
       class: ue(["input ll-select stash-select", F(s).class]),
       "data-test": "stash-select",
@@ -1226,7 +1226,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
           "aria-expanded": y.value,
           "aria-label": t.placeholder,
           "aria-disabled": t.disabled || void 0,
-          onKeydown: pt,
+          onKeydown: mt,
           onKeyup: je(te, ["esc"])
         }, [
           z("div", {
@@ -1236,17 +1236,17 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
             class: "input-field stash-select__content",
             tabindex: "0",
             onFocusin: Se,
-            onFocusinOnce: m[4] || (m[4] = (w) => R.value = !0),
+            onFocusinOnce: p[4] || (p[4] = (w) => R.value = !0),
             onFocusout: vt,
             onKeydown: Se,
             onMouseleave: yt
           }, [
             z("ul", {
               ref_key: "chipsRef",
-              ref: p,
-              class: "stash-select__chips tw-pr-9"
+              ref: m,
+              class: "stash-select__chips"
             }, [
-              f.value.length ? pe("", !0) : (B(), I("li", {
+              f.value.length ? me("", !0) : (B(), I("li", {
                 key: 0,
                 class: ue(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !t.noTruncate }])
               }, le(t.placeholder), 3)),
@@ -1255,7 +1255,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                 class: ue(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !t.noTruncate }])
               }, [
                 Te(a.$slots, "selected", { option: w }, () => [
-                  me(le(w[t.displayBy] || w) + " ", 1),
+                  pe(le(w[t.displayBy] || w) + " ", 1),
                   z("button", {
                     tabindex: "-1",
                     class: "stash-select__remove",
@@ -1281,7 +1281,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                   onRemove: (J) => H(w)
                 }, {
                   default: fe(() => [
-                    me(le(w[t.displayBy] || w), 1)
+                    pe(le(w[t.displayBy] || w), 1)
                   ]),
                   _: 2
                 }, 1032, ["onRemove"])
@@ -1296,18 +1296,18 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                 onRemove: G
               }, {
                 default: fe(() => [
-                  me(le(K.value), 1)
+                  pe(le(K.value), 1)
                 ]),
                 _: 1
               })
-            ])) : pe("", !0),
+            ])) : me("", !0),
             t.icon ? (B(), Re(ve, {
               key: 1,
               class: "stash-select__icon",
               "data-test": "stash-select|toggle-icon",
               name: t.icon,
-              onMousedown: m[0] || (m[0] = he((w) => y.value && te(), ["prevent"]))
-            }, null, 8, ["name"])) : pe("", !0),
+              onMousedown: p[0] || (p[0] = he((w) => y.value && te(), ["prevent"]))
+            }, null, 8, ["name"])) : me("", !0),
             (B(), Re(Tt, {
               to: t.teleportTo,
               disabled: !t.enableTeleport
@@ -1319,21 +1319,21 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                     ref: u,
                     class: "stash-select__border-selector tw-w-full tw-shadow",
                     style: At(F(C)),
-                    onClick: m[3] || (m[3] = he(() => {
+                    onClick: p[3] || (p[3] = he(() => {
                     }, ["stop"]))
                   }, [
                     O.value ? (B(), I("div", Fn, [
                       de(z("input", {
                         ref_key: "searchRef",
                         ref: h,
-                        "onUpdate:modelValue": m[1] || (m[1] = (w) => _.value = w),
+                        "onUpdate:modelValue": p[1] || (p[1] = (w) => _.value = w),
                         type: "text",
                         autocomplete: "off",
                         class: "stash-select__search",
                         "data-test": F(s)["data-test"] ? F(s)["data-test"] + "-search" : "stash-select|search",
                         placeholder: t.searchPlaceholder,
                         spellcheck: !1,
-                        onInput: m[2] || (m[2] = //@ts-ignore
+                        onInput: p[2] || (p[2] = //@ts-ignore
                         (...w) => F(Ke) && F(Ke)(...w))
                       }, null, 40, Pn), [
                         [Lt, _.value]
@@ -1342,7 +1342,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                         name: "search",
                         class: "tw-text-ice-500"
                       })
-                    ])) : pe("", !0),
+                    ])) : me("", !0),
                     z("ul", In, [
                       (B(!0), I(Oe, null, ke(D.value, (w, J) => (B(), I("li", {
                         key: `option-${w[t.trackBy]}`,
@@ -1352,13 +1352,13 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                         onMouseenter: he((wt) => Ce(J), ["self"])
                       }, [
                         Te(a.$slots, "option", { option: w }, () => [
-                          me(le(w[t.displayBy] || w), 1)
+                          pe(le(w[t.displayBy] || w), 1)
                         ], !0),
                         ne(w) && !t.hideCheck ? (B(), Re(ve, {
                           key: 0,
                           class: "tw-ml-auto tw-text-blue-500",
                           name: "check"
-                        })) : pe("", !0)
+                        })) : me("", !0)
                       ], 42, Nn))), 128)),
                       de(z("li", Vn, [
                         se(ve, {
@@ -1371,7 +1371,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
                       ]),
                       de(z("li", $n, [
                         Te(a.$slots, "no-options", {}, () => [
-                          me(" No options ")
+                          pe(" No options ")
                         ], !0)
                       ], 512), [
                         [Ve, !t.loading && !M.value && !D.value.length]
@@ -1401,7 +1401,7 @@ const On = (e) => (Mt("data-v-487a637d"), e = e(), Dt(), e), kn = ["id", "aria-e
     ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label"]));
   }
 });
-const ho = /* @__PURE__ */ Ut(Hn, [["__scopeId", "data-v-487a637d"]]);
+const ho = /* @__PURE__ */ Ut(Hn, [["__scopeId", "data-v-47027100"]]);
 export {
   ho as default
 };