@leaflink/stash 53.4.6 → 53.4.8

package/dist/Select.js

@@ -1,7 +1,7 @@
-import { defineComponent as ze, useAttrs as He, useSlots as Pe, ref as c, computed as h, watch as $, nextTick as Q, onMounted as Ne, onUnmounted as Ae, createBlock as Z, openBlock as i, mergeProps as De, unref as B, createSlots as Ue, withCtx as x, createElementVNode as f, toDisplayString as k, withDirectives as z, createElementBlock as d, Fragment as q, renderList as j, withKeys as fe, normalizeClass as H, createCommentVNode as P, renderSlot as N, createTextVNode as A, withModifiers as D, createVNode as S, Teleport as Le, Transition as Ve, normalizeStyle as Ke, vModelText as Ge, vShow as ee } from "vue";
+import { defineComponent as ze, useAttrs as He, useSlots as Pe, ref as c, computed as h, watch as z, nextTick as Z, onMounted as Ne, onUnmounted as Ae, createBlock as ee, openBlock as i, mergeProps as De, unref as B, createSlots as Ue, withCtx as x, createElementVNode as f, toDisplayString as k, withDirectives as H, createElementBlock as d, Fragment as j, renderList as W, withKeys as fe, normalizeClass as P, createCommentVNode as N, renderSlot as A, createTextVNode as D, withModifiers as U, createVNode as S, Teleport as Le, Transition as Ve, normalizeStyle as Ke, vModelText as Ge, vShow as te } from "vue";
 import { u as qe, a as je, f as We, o as Xe, c as Ye } from "./floating-ui.vue-CuGrC-z8.js";
 import Je from "@leaflink/snitch";
-import te from "lodash-es/debounce";
+import le from "lodash-es/debounce";
 import Qe from "lodash-es/isEmpty";
 import pe from "lodash-es/isEqual";
 import Ze from "lodash-es/isPlainObject";
@@ -12,7 +12,7 @@ import st from "./directives/clickoutside.js";
 import { D as at } from "./MenusPlugin-Bk6UW6o9.js";
 import he from "./Chip.js";
 import { _ as nt } from "./Field.vue_vue_type_script_setup_true_lang-D2I8xDEW.js";
-import U from "./Icon.js";
+import L from "./Icon.js";
 import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-labelledby"], ct = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], ut = ["selected", "value", "disabled"], dt = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled"], ft = ["id"], pt = ["onKeypress", "onMousedown"], ht = {
   key: 0,
@@ -76,12 +76,12 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
   },
   emits: ["update:model-value", "clear", "add", "remove", "opened", "closed"],
   setup(ve, { emit: me }) {
-    const t = ve, v = me, L = He(), W = Pe(), le = c(null), m = c(null), O = c(null), I = c(null), se = c(null), R = c(0), F = c(0), a = c([]), ae = c(() => []), y = c(""), p = c(-1), u = c(!1), X = c({}), ne = c(!1), { floatingStyles: ye, update: _e } = qe(le, O, {
+    const t = ve, v = me, V = He(), X = Pe(), se = c(null), m = c(null), O = c(null), I = c(null), ae = c(null), R = c(0), M = c(0), a = c([]), ne = c(() => []), y = c(""), p = c(-1), u = c(!1), Y = c({}), oe = c(!1), { floatingStyles: ye, update: _e } = qe(se, O, {
       whileElementsMounted: je,
       placement: t.menuPlacement,
       middleware: [
         We(),
-        Xe(({ rects: e, placement: l }) => l.split("-")[0] === "bottom" && R.value > F.value ? R.value - e.reference.height + 6 : 6),
+        Xe(({ rects: e, placement: l }) => l.split("-")[0] === "bottom" && R.value > M.value ? R.value - e.reference.height + 6 : 6),
         Ye({
           apply({ availableHeight: e, elements: l, rects: n }) {
             t.enableTeleport && Object.assign(l.floating.style, {
@@ -91,13 +91,13 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
           }
         })
       ]
-    }), oe = new ResizeObserver(() => w()), Y = h(() => !t.hideSearch && t.searchable !== "false" && t.searchable !== !1), V = h(() => {
-      let e = (ne.value && t.lazy ? t.lazy() : t.options).filter(Boolean);
+    }), F = typeof ResizeObserver < "u" ? new ResizeObserver(() => w()) : null, J = h(() => !t.hideSearch && t.searchable !== "false" && t.searchable !== !1), K = h(() => {
+      let e = (oe.value && t.lazy ? t.lazy() : t.options).filter(Boolean);
       return Ze(e[0]) || (e = e.map((l, n) => ({ name: l, id: n }))), e;
-    }), ge = h(() => a.value.length ? a.value.map((e) => e[t.displayBy] || e).join(", ") : ""), re = h(() => t.searchLoading || Object.keys(X.value).length > 0), M = h(() => t.disableFiltering || !(y.value || "").trim() ? V.value : ae.value(y.value)), be = h(() => R.value <= F.value), Be = h(
+    }), ge = h(() => a.value.length ? a.value.map((e) => e[t.displayBy] || e).join(", ") : ""), re = h(() => t.searchLoading || Object.keys(Y.value).length > 0), $ = h(() => t.disableFiltering || !(y.value || "").trim() ? K.value : ne.value(y.value)), be = h(() => R.value <= M.value), Be = h(
       () => !u.value && !t.single && !be.value && a.value.length
     ), ke = h(() => [a.value.length, t.selectItemType, "selected"].filter(Boolean).join(" ")), Se = h(() => t.preventEmpty || t.allowEmpty === "false" || t.allowEmpty === !1);
-    $(y, (e, l) => l !== e && G(-1)), $(a, () => w(), { deep: !0 }), $(
+    z(y, (e, l) => l !== e && q(-1)), z(a, () => w(), { deep: !0 }), z(
       () => t.modelValue,
       (e) => {
         if (Array.isArray(e)) {
@@ -112,29 +112,29 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
         a.value = [];
       },
       { immediate: !0 }
-    ), $(
+    ), z(
       () => t.options,
       () => {
         const { searchFor: e } = tt({
-          items: h(() => V.value),
+          items: h(() => K.value),
           fieldNames: t.searchBy.length ? t.searchBy : [t.displayBy],
           trackBy: t.trackBy
         });
-        ae.value = (l) => e(l, { fuzzy: t.useFuzzySearch });
+        ne.value = (l) => e(l, { fuzzy: t.useFuzzySearch });
       },
       { immediate: !0 }
-    ), $(R, () => we());
-    const we = te(() => _e(), 50), w = te(() => de(), 50), J = (e) => e && typeof e == "object" && "disabled" in e && (e == null ? void 0 : e.disabled), Ee = () => {
+    ), z(R, () => we());
+    const we = le(() => _e(), 50), w = le(() => de(), 50), Q = (e) => e && typeof e == "object" && "disabled" in e && (e == null ? void 0 : e.disabled), Ee = () => {
       a.value = [], v("update:model-value", t.single ? void 0 : a.value), v("clear");
-    }, K = (e) => {
-      t.disabled || !e || J(e) || (T(e) ? _(e) : (t.single && (a.value = []), a.value.push(e), v("update:model-value", t.single ? a.value[0] : a.value), v("add", e)), t.single && E());
+    }, G = (e) => {
+      t.disabled || !e || Q(e) || (T(e) ? _(e) : (t.single && (a.value = []), a.value.push(e), v("update:model-value", t.single ? a.value[0] : a.value), v("add", e)), t.single && E());
     }, Te = (e) => {
       if (t.single) {
-        const n = V.value.find((o) => {
+        const n = K.value.find((o) => {
           var r;
           return ((r = o[t.trackBy]) == null ? void 0 : r.toString()) === e.target.value;
         });
-        K(n);
+        G(n);
         return;
       }
       const l = [...e.target.selectedOptions];
@@ -144,13 +144,13 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
           return r.value === ((g = n[t.trackBy]) == null ? void 0 : g.toString());
         }) || _(n);
       for (const n of l) {
-        const o = V.value.find(
+        const o = K.value.find(
           (r) => {
             var g;
             return ((g = r[t.trackBy]) == null ? void 0 : g.toString()) === n.value;
           }
         );
-        T(o) || K(o);
+        T(o) || G(o);
       }
     }, _ = (e) => {
       if (t.disabled || Se.value && a.value.length === 1)
@@ -162,15 +162,15 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
       }
       a.value.splice(l, 1), v("update:model-value", t.single ? a.value[0] : a.value), v("remove", e, l);
     }, ie = () => {
-      u.value || (w(), u.value = !0, v("opened"), Y.value && Q(() => {
+      u.value || (w(), u.value = !0, v("opened"), J.value && Z(() => {
         var e;
-        (e = se.value) == null || e.focus({ preventScroll: !0 });
+        (e = ae.value) == null || e.focus({ preventScroll: !0 });
       }));
     }, E = () => {
       var e;
-      u.value && v("closed", a.value), G(-1), u.value = !1, t.preserveSearchTerm || (y.value = ""), (e = m.value) == null || e.blur();
+      u.value && v("closed", a.value), q(-1), u.value = !1, t.preserveSearchTerm || (y.value = ""), (e = m.value) == null || e.blur();
     }, xe = async (e) => {
-      if (await Q(), !m.value)
+      if (await Z(), !m.value)
         return;
       if (![C.ENTER, C.ESCAPE].includes(e.keyCode)) {
         const n = m.value.querySelector(".stash-select__option--highlighted"), o = n == null ? void 0 : n.getBoundingClientRect(), r = m.value.getBoundingClientRect();
@@ -178,35 +178,35 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
           return;
         (o.bottom >= r.bottom || o.top <= r.top + o.height) && (n == null || n.scrollIntoView({ block: "nearest", inline: "nearest" }));
       }
-    }, G = (e) => {
+    }, q = (e) => {
       p.value = e;
     }, Ce = (e) => {
       if (e.keyCode === C.ESCAPE)
         E();
-      else if (e.keyCode === C.DOWN && p.value < M.value.length - 1 && u.value)
+      else if (e.keyCode === C.DOWN && p.value < $.value.length - 1 && u.value)
         p.value++;
       else if (e.keyCode === C.UP && p.value > 0)
-        u.value && p.value--, O.value && Y.value && p.value === 0 && (O.value.scrollTop -= 100);
+        u.value && p.value--, O.value && J.value && p.value === 0 && (O.value.scrollTop -= 100);
       else if (e.keyCode === C.ENTER && p.value !== -1 && u.value)
-        K(M.value[p.value]);
+        G($.value[p.value]);
       else
         return;
       e.preventDefault(), xe(e);
-    }, ce = te(function() {
+    }, ce = le(function() {
       Oe();
     }, lt.FAST), Oe = async function() {
       if (!t.onSearch)
         return;
       const e = et("search-request-");
       try {
-        X.value[e] = !0, await t.onSearch(y.value);
+        Y.value[e] = !0, await t.onSearch(y.value);
       } finally {
-        delete X.value[e];
+        delete Y.value[e];
       }
     }, Ie = (e, l) => [
       {
         "stash-select__option": !0,
-        "stash-select__option--disabled": J(e),
+        "stash-select__option--disabled": Q(e),
         "stash-select__option--highlighted": p.value === l,
         "stash-select__option--selected": T(e)
       },
@@ -229,25 +229,25 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
       const l = e.relatedTarget;
       !ue(l) && l && E();
     }
-    function Fe(e) {
+    function Me(e) {
       const l = e.target;
       ue(l) || E();
     }
-    const Me = () => {
-      G(-1);
+    const Fe = () => {
+      q(-1);
     }, de = async () => {
-      await Q(), I.value && m.value && (F.value = F.value === 0 ? m.value.clientHeight : F.value, R.value = I.value.clientHeight);
+      await Z(), I.value && m.value && (M.value = M.value === 0 ? m.value.clientHeight : M.value, R.value = I.value.clientHeight);
     };
     return Ne(() => {
-      if (L.onInput)
+      if (V.onInput)
         throw new Error("ll-select: use the @update:model-value event instead of @input.");
-      I.value && oe.observe(I.value), window.addEventListener("resize", w), w();
+      F && I.value && F.observe(I.value), window.addEventListener("resize", w), w();
     }), Ae(() => {
-      window.removeEventListener("resize", de), oe.disconnect(), w.cancel();
+      window.removeEventListener("resize", de), F == null || F.disconnect(), w.cancel();
     }), (e, l) => {
       var n;
-      return i(), Z(nt, De(t, {
-        class: ["input ll-select stash-select", B(L).class],
+      return i(), ee(nt, De(t, {
+        class: ["input ll-select stash-select relative", B(V).class],
         "data-test": "stash-select",
         "error-text": t.errorText || t.error,
         "hint-text": t.hintText || t.hint
@@ -277,20 +277,20 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
               name: t.name,
               onChange: Te
             }, [
-              (i(!0), d(q, null, j(M.value, (s, b) => (i(), d("option", {
+              (i(!0), d(j, null, W($.value, (s, b) => (i(), d("option", {
                 key: `srOnlyOption-${b}`,
                 selected: T(s),
                 value: s[t.trackBy],
-                disabled: J(s)
+                disabled: Q(s)
               }, k(s[t.displayBy] || ""), 9, ut))), 128)),
               l[5] || (l[5] = f("option", { value: "" }, null, -1))
             ], 40, ct),
-            z((i(), d("div", {
+            H((i(), d("div", {
               ref_key: "selectRef",
-              ref: le,
+              ref: se,
               role: "listbox",
               "aria-hidden": "true",
-              class: H(["stash-select__content-wrapper", [
+              class: P(["stash-select__content-wrapper", [
                 {
                   "stash-select--disabled": !!t.disabled,
                   "stash-select--error": !!(t.errorText || t.error),
@@ -320,48 +320,48 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
                 tabindex: "0",
                 "data-test": "stash-select|dropdown-trigger",
                 onFocusin: ie,
-                onFocusinOnce: l[4] || (l[4] = (s) => ne.value = !0),
+                onFocusinOnce: l[4] || (l[4] = (s) => oe.value = !0),
                 onFocusout: Re,
                 onKeydown: ie,
-                onMouseleave: Me
+                onMouseleave: Fe
               }, [
                 f("ul", {
                   ref_key: "chipsRef",
                   ref: I,
                   class: "stash-select__chips"
                 }, [
-                  a.value.length ? P("", !0) : (i(), d("li", {
+                  a.value.length ? N("", !0) : (i(), d("li", {
                     key: 0,
-                    class: H(["stash-select__placeholder mr-0 pl-1.5", { truncate: !t.noTruncate }])
+                    class: P(["stash-select__placeholder mr-0 pl-1.5", { truncate: !t.noTruncate }])
                   }, k(t.placeholder), 3)),
-                  t.single ? (i(!0), d(q, { key: 1 }, j(a.value, (s) => (i(), d("li", {
+                  t.single ? (i(!0), d(j, { key: 1 }, W(a.value, (s) => (i(), d("li", {
                     key: `chip-${s[t.trackBy]}`,
-                    class: H(["stash-select__selected mr-0 pl-1.5", { truncate: !t.noTruncate }])
+                    class: P(["stash-select__selected mr-0 pl-1.5", { truncate: !t.noTruncate }])
                   }, [
-                    N(e.$slots, "selected", {
+                    A(e.$slots, "selected", {
                       option: s,
                       onRemove: () => _(s),
                       chipSelectedClass: "stash-select__chip"
                     }, () => [
-                      A(k(s[t.displayBy] || s) + " ", 1),
+                      D(k(s[t.displayBy] || s) + " ", 1),
                       f("button", {
                         tabindex: "-1",
                         class: "stash-select__remove",
-                        onKeypress: fe(D((b) => _(s), ["prevent"]), ["enter"]),
-                        onMousedown: D((b) => _(s), ["prevent", "stop"])
+                        onKeypress: fe(U((b) => _(s), ["prevent"]), ["enter"]),
+                        onMousedown: U((b) => _(s), ["prevent", "stop"])
                       }, [
-                        S(U, {
+                        S(L, {
                           icon: "close",
                           name: "close",
                           size: "small"
                         })
                       ], 40, pt)
-                    ], !0)
-                  ], 2))), 128)) : (i(!0), d(q, { key: 2 }, j(a.value, (s) => (i(), d("li", {
+                    ])
+                  ], 2))), 128)) : (i(!0), d(j, { key: 2 }, W(a.value, (s) => (i(), d("li", {
                     key: `chip-${s[t.trackBy]}`,
                     class: "inline-block"
                   }, [
-                    N(e.$slots, "selected", {
+                    A(e.$slots, "selected", {
                       option: s,
                       onRemove: () => _(s),
                       chipSelectedClass: "stash-select__chip"
@@ -374,11 +374,11 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
                         onRemove: (b) => _(s)
                       }, {
                         default: x(() => [
-                          A(k(s[t.displayBy] || s), 1)
+                          D(k(s[t.displayBy] || s), 1)
                         ]),
                         _: 2
                       }, 1032, ["onRemove"])
-                    ], !0)
+                    ])
                   ]))), 128))
                 ], 512),
                 Be.value ? (i(), d("div", ht, [
@@ -390,41 +390,41 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
                     onRemove: Ee
                   }, {
                     default: x(() => [
-                      A(k(ke.value), 1)
+                      D(k(ke.value), 1)
                     ]),
                     _: 1
                   })
-                ])) : P("", !0),
-                t.icon ? (i(), Z(U, {
+                ])) : N("", !0),
+                t.icon ? (i(), ee(L, {
                   key: 1,
-                  class: H(["stash-select__icon", { "text-ice-500": t.disabled }]),
+                  class: P(["stash-select__icon", { "text-ice-500": t.disabled }]),
                   "data-test": "stash-select|toggle-icon",
                   name: t.icon,
-                  onMousedown: l[0] || (l[0] = D((s) => u.value && E(), ["prevent"]))
-                }, null, 8, ["name", "class"])) : P("", !0),
-                (i(), Z(Le, {
+                  onMousedown: l[0] || (l[0] = U((s) => u.value && E(), ["prevent"]))
+                }, null, 8, ["name", "class"])) : N("", !0),
+                (i(), ee(Le, {
                   to: t.teleportTo,
                   disabled: !t.enableTeleport
                 }, [
                   S(Ve, { name: "fade" }, {
                     default: x(() => [
-                      z(f("div", {
+                      H(f("div", {
                         ref_key: "optionsWrapperRef",
                         ref: O,
-                        class: "stash-select__border-selector w-full shadow-2xl",
+                        class: "stash-select stash-select__border-selector w-full shadow-2xl",
                         style: Ke(B(ye)),
-                        onClick: l[3] || (l[3] = D(() => {
+                        onClick: l[3] || (l[3] = U(() => {
                         }, ["stop"]))
                       }, [
-                        Y.value ? (i(), d("div", vt, [
-                          z(f("input", {
+                        J.value ? (i(), d("div", vt, [
+                          H(f("input", {
                             ref_key: "searchRef",
-                            ref: se,
+                            ref: ae,
                             "onUpdate:modelValue": l[1] || (l[1] = (s) => y.value = s),
                             type: "text",
                             autocomplete: "off",
                             class: "stash-select__search",
-                            "data-test": B(L)["data-test"] ? B(L)["data-test"] + "-search" : "stash-select|search",
+                            "data-test": B(V)["data-test"] ? B(V)["data-test"] + "-search" : "stash-select|search",
                             placeholder: t.searchPlaceholder,
                             spellcheck: !1,
                             onInput: l[2] || (l[2] = //@ts-ignore
@@ -432,48 +432,48 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
                           }, null, 40, mt), [
                             [Ge, y.value]
                           ]),
-                          S(U, {
+                          S(L, {
                             name: "search",
                             class: "text-ice-500"
                           })
-                        ])) : P("", !0),
+                        ])) : N("", !0),
                         f("ul", yt, [
-                          (i(!0), d(q, null, j(M.value, (s, b) => (i(), d("li", {
+                          (i(!0), d(j, null, W($.value, (s, b) => (i(), d("li", {
                             key: `option-${s[t.trackBy]}`,
                             "data-test": s[t.trackBy],
-                            class: H(Ie(s, b)),
-                            onClick: ($e) => K(s),
-                            onMouseenter: D(($e) => G(b), ["self"])
+                            class: P(Ie(s, b)),
+                            onClick: ($e) => G(s),
+                            onMouseenter: U(($e) => q(b), ["self"])
                           }, [
-                            N(e.$slots, "option", { option: s }, () => [
-                              A(k(s[t.displayBy] || s), 1)
-                            ], !0),
+                            A(e.$slots, "option", { option: s }, () => [
+                              D(k(s[t.displayBy] || s), 1)
+                            ]),
                             T(s) && !t.hideCheck ? (i(), d("span", gt, [
-                              S(U, {
+                              S(L, {
                                 class: "text-blue-500",
                                 name: "check"
                               })
-                            ])) : P("", !0)
+                            ])) : N("", !0)
                           ], 42, _t))), 128)),
-                          z(f("li", bt, [
-                            S(U, {
+                          H(f("li", bt, [
+                            S(L, {
                               "data-test": "stash-select|options-loading",
                               name: "working",
                               class: "animate-spin text-ice-500"
                             })
                           ], 512), [
-                            [ee, t.loading || re.value]
+                            [te, t.loading || re.value]
                           ]),
-                          z(f("li", Bt, [
-                            N(e.$slots, "no-options", {}, () => [
-                              l[6] || (l[6] = A(" No options ", -1))
-                            ], !0)
+                          H(f("li", Bt, [
+                            A(e.$slots, "no-options", {}, () => [
+                              l[6] || (l[6] = D(" No options ", -1))
+                            ])
                           ], 512), [
-                            [ee, !t.loading && !re.value && !M.value.length]
+                            [te, !t.loading && !re.value && !$.value.length]
                           ])
                         ])
                       ], 4), [
-                        [ee, u.value && !t.disabled]
+                        [te, u.value && !t.disabled]
                       ])
                     ]),
                     _: 3
@@ -481,23 +481,25 @@ const rt = { class: "flex h-input items-center text-sm" }, it = ["id", "aria-lab
                 ], 8, ["to", "disabled"]))
               ], 40, ft)
             ], 42, dt)), [
-              [B(st), Fe]
+              [B(st), Me]
             ])
           ]),
           key: "1"
         },
-        (n = W.hint) != null && n.call(W) ? {
+        (n = X.hint) != null && n.call(X) ? {
           name: "hint",
           fn: x(() => [
-            N(e.$slots, "hint", {}, void 0, !0)
+            A(e.$slots, "hint")
           ]),
           key: "2"
         } : void 0
       ]), 1040, ["class", "error-text", "hint-text"]);
     };
   }
-}), Ut = /* @__PURE__ */ ot(kt, [["__scopeId", "data-v-fb075f99"]]);
+}), St = {}, wt = {
+  $style: St
+}, Vt = /* @__PURE__ */ ot(kt, [["__cssModules", wt]]);
 export {
-  Ut as default
+  Vt as default
 };
 //# sourceMappingURL=Select.js.map