@leaflink/stash 49.3.1 → 49.3.3

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { defineComponent as xe, useAttrs as Ce, useSlots as Ie, ref as u, computed as v, watch as U, nextTick as Y, onMounted as Oe, onUnmounted as Me, openBlock as o, createBlock as K, normalizeClass as O, unref as y, createSlots as Fe, withCtx as M, createElementVNode as p, createElementBlock as d, Fragment as V, renderList as G, toDisplayString as k, withDirectives as F, withKeys as oe, createCommentVNode as R, renderSlot as j, createTextVNode as $, withModifiers as P, createVNode as B, Teleport as Re, Transition as $e, normalizeStyle as Pe, vModelText as ze, vShow as J } from "vue";
+import { defineComponent as Te, useAttrs as Ce, useSlots as Ie, ref as c, computed as v, watch as U, nextTick as Y, onMounted as Oe, onUnmounted as Me, openBlock as o, createBlock as K, normalizeClass as k, unref as y, createSlots as Fe, withCtx as M, createElementVNode as p, createElementBlock as d, Fragment as V, renderList as G, toDisplayString as B, withDirectives as F, withKeys as oe, createCommentVNode as R, renderSlot as j, createTextVNode as $, withModifiers as P, createVNode as S, Teleport as Re, Transition as $e, normalizeStyle as Pe, vModelText as ze, vShow as J } from "vue";
 import { u as He, a as Ne, f as Ae, o as Le, s as De } from "./floating-ui.vue-8d7f7932.js";
 import Ue from "@leaflink/snitch";
 import Ke from "lodash-es/debounce";
@@ -7,11 +7,11 @@ import re from "lodash-es/isEqual";
 import Ge from "lodash-es/isPlainObject";
 import je from "lodash-es/uniqueId";
 import qe from "./useSearch.js";
-import { DEBOUNCE as We, KEY_CODES as S } from "./constants.js";
+import { DEBOUNCE as We, KEY_CODES as E } from "./constants.js";
 import Xe from "./directives/clickoutside.js";
 import { D as Ye } from "./MenusPlugin-9288029a.js";
 import ie from "./Chip.js";
-import { _ as Je } from "./Field.vue_vue_type_script_setup_true_lang-e1e4ff03.js";
+import { _ as Je } from "./Field.vue_vue_type_script_setup_true_lang-3ea26741.js";
 import z from "./Icon.js";
 import { _ as Qe } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
@@ -21,7 +21,7 @@ import "./utils/helpers.js";
 import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "./utils/colorScheme.js";
-import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
+import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
 import "./locale.js";
 import "./index-9e1095ef.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
@@ -31,10 +31,10 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
 }, nt = {
   key: 0,
   class: "tw-flex tw-items-center tw-border-b tw-border-blue-500 tw-pr-1.5"
-}, ot = ["data-test", "placeholder"], rt = { class: "stash-select__options options tw-my-1.5 tw-w-full tw-border-white tw-bg-white" }, it = ["data-test", "onClick", "onMouseenter"], ut = { class: "tw-m-1.5 tw-cursor-default tw-p-1.5" }, ct = {
+}, ot = ["data-test", "placeholder"], rt = { class: "stash-select__options options tw-my-1.5 tw-w-full tw-border-white tw-bg-white" }, it = ["data-test", "onClick", "onMouseenter"], ct = { class: "tw-m-1.5 tw-cursor-default tw-p-1.5" }, ut = {
   class: "tw-m-1.5 tw-cursor-default tw-p-1.5",
   "data-test": "stash-select|no-options"
-}, dt = /* @__PURE__ */ xe({
+}, dt = /* @__PURE__ */ Te({
   name: "ll-select",
   __name: "Select",
   props: {
@@ -77,8 +77,8 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
     teleportTo: { default: `#${Ye}` }
   },
   emits: ["update:model-value", "clear", "add", "remove", "opened", "closed"],
-  setup(ue, { emit: ce }) {
-    const e = ue, h = ce, H = Ce(), de = Ie(), Q = u(null), m = u(null), E = u(null), q = u(null), Z = u(null), N = u(0), T = u(0), n = u([]), ee = u(() => []), _ = u(""), f = u(-1), c = u(!1), W = u({}), te = u(!1), { floatingStyles: fe } = He(Q, E, {
+  setup(ce, { emit: ue }) {
+    const e = ce, h = ue, H = Ce(), de = Ie(), Q = c(null), m = c(null), x = c(null), q = c(null), Z = c(null), N = c(0), T = c(0), n = c([]), ee = c(() => []), _ = c(""), f = c(-1), u = c(!1), W = c({}), te = c(!1), { floatingStyles: fe } = He(Q, x, {
       whileElementsMounted: Ne,
       placement: e.menuPlacement,
       middleware: [
@@ -96,10 +96,10 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
     }), X = v(() => !e.hideSearch && e.searchable !== "false" && e.searchable !== !1), A = v(() => {
       let t = (te.value && e.lazy ? e.lazy() : e.options).filter(Boolean);
       return Ge(t[0]) || (t = t.map((l, s) => ({ name: l, id: s }))), t;
-    }), le = v(() => e.searchLoading || Object.keys(W.value).length > 0), x = v(() => e.disableFiltering || !(_.value || "").trim() ? A.value : ee.value(_.value)), pe = v(() => N.value <= T.value), ve = v(
-      () => !c.value && !e.single && !pe.value && n.value.length
+    }), le = v(() => e.searchLoading || Object.keys(W.value).length > 0), C = v(() => e.disableFiltering || !(_.value || "").trim() ? A.value : ee.value(_.value)), pe = v(() => N.value <= T.value), ve = v(
+      () => !u.value && !e.single && !pe.value && n.value.length
     ), he = v(() => [n.value.length, e.selectItemType, "selected"].filter(Boolean).join(" ")), me = v(() => e.preventEmpty || e.allowEmpty === "false" || e.allowEmpty === !1);
-    U(_, (t, l) => l !== t && D(-1)), U(n, () => I(), { deep: !0 }), U(
+    U(_, (t, l) => l !== t && D(-1)), U(n, () => O(), { deep: !0 }), U(
       () => e.modelValue,
       (t) => {
         if (Array.isArray(t)) {
@@ -129,7 +129,7 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
     const ye = () => {
       n.value = [], h("update:model-value", e.single ? void 0 : n.value), h("clear");
     }, L = (t) => {
-      e.disabled || !t || typeof t == "object" && "disabled" in t && (t != null && t.disabled) || (w(t) ? C(t) : (e.single && (n.value = []), n.value.push(t), h("update:model-value", e.single ? n.value[0] : n.value), h("add", t)), e.single && g());
+      e.disabled || !t || typeof t == "object" && "disabled" in t && (t != null && t.disabled) || (g(t) ? I(t) : (e.single && (n.value = []), n.value.push(t), h("update:model-value", e.single ? n.value[0] : n.value), h("add", t)), e.single && w());
     }, _e = (t) => {
       if (e.single) {
         const s = A.value.find((r) => {
@@ -144,7 +144,7 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
         l.find((i) => {
           var a;
           return i.value === ((a = s[e.trackBy]) == null ? void 0 : a.toString());
-        }) || C(s);
+        }) || I(s);
       for (const s of l) {
         const r = A.value.find(
           (i) => {
@@ -152,9 +152,9 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
             return ((a = i[e.trackBy]) == null ? void 0 : a.toString()) === s.value;
           }
         );
-        w(r) || L(r);
+        g(r) || L(r);
       }
-    }, C = (t) => {
+    }, I = (t) => {
       if (e.disabled || me.value && n.value.length === 1)
         return;
       const l = n.value.findIndex((s) => s[e.trackBy] === t[e.trackBy]);
@@ -164,17 +164,17 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
       }
       n.value.splice(l, 1), h("update:model-value", e.single ? n.value[0] : n.value), h("remove", t, l);
     }, ae = () => {
-      c.value || (I(), c.value = !0, h("opened"), X.value && Y(() => {
+      u.value || (O(), u.value = !0, h("opened"), X.value && Y(() => {
         var t;
         (t = Z.value) == null || t.focus({ preventScroll: !0 });
       }));
-    }, g = () => {
+    }, w = () => {
       var t;
-      c.value && h("closed", n.value), D(-1), c.value = !1, e.preserveSearchTerm || (_.value = ""), (t = m.value) == null || t.blur();
+      u.value && h("closed", n.value), D(-1), u.value = !1, e.preserveSearchTerm || (_.value = ""), (t = m.value) == null || t.blur();
     }, be = async (t) => {
       if (await Y(), !m.value)
         return;
-      if (![S.ENTER, S.ESCAPE].includes(t.keyCode)) {
+      if (![E.ENTER, E.ESCAPE].includes(t.keyCode)) {
         const s = m.value.querySelector(".stash-select__option--highlighted"), r = s == null ? void 0 : s.getBoundingClientRect(), i = m.value.getBoundingClientRect();
         if (!r || !i)
           return;
@@ -182,21 +182,21 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
       }
     }, D = (t) => {
       f.value = t;
-    }, ge = (t) => {
-      if (t.keyCode === S.ESCAPE)
-        g();
-      else if (t.keyCode === S.DOWN && f.value < x.value.length - 1)
-        c.value && f.value++;
-      else if (t.keyCode === S.UP && f.value > 0)
-        c.value && f.value--, E.value && X.value && f.value === 0 && (E.value.scrollTop -= 100);
-      else if (t.keyCode === S.ENTER && f.value !== -1)
-        c.value && L(x.value[f.value]);
+    }, we = (t) => {
+      if (t.keyCode === E.ESCAPE)
+        w();
+      else if (t.keyCode === E.DOWN && f.value < C.value.length - 1)
+        u.value && f.value++;
+      else if (t.keyCode === E.UP && f.value > 0)
+        u.value && f.value--, x.value && X.value && f.value === 0 && (x.value.scrollTop -= 100);
+      else if (t.keyCode === E.ENTER && f.value !== -1)
+        u.value && L(C.value[f.value]);
       else
         return;
       t.preventDefault(), be(t);
     }, se = Ke(function() {
-      we();
-    }, We.FAST), we = async function() {
+      ge();
+    }, We.FAST), ge = async function() {
       if (!e.onSearch)
         return;
       const t = je("search-request-");
@@ -210,49 +210,50 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
         "stash-select__option": !0,
         "stash-select__option--disabled": t && typeof t == "object" && "disabled" in t && (t == null ? void 0 : t.disabled),
         "stash-select__option--highlighted": f.value === l,
-        "stash-select__option--selected": w(t)
+        "stash-select__option--selected": g(t)
       },
       // @deprecated
       {
         "tw-bg-ice-200": f.value === l,
-        "tw-bg-blue-100 tw-text-ice-700": w(t)
+        "tw-bg-blue-100 tw-text-ice-700": g(t)
       }
-    ], w = (t) => t == null ? !1 : n.value.some((l) => (l == null ? void 0 : l[e.trackBy]) === t[e.trackBy]);
+    ], g = (t) => t == null ? !1 : n.value.some((l) => (l == null ? void 0 : l[e.trackBy]) === t[e.trackBy]);
     function ne(t) {
       var r, i;
       if (!t)
         return !1;
-      const l = (r = m.value) == null ? void 0 : r.contains(t), s = (i = E.value) == null ? void 0 : i.contains(t);
+      const l = (r = m.value) == null ? void 0 : r.contains(t), s = (i = x.value) == null ? void 0 : i.contains(t);
       return l || s;
     }
     function Be(t) {
       const l = t.relatedTarget;
-      !ne(l) && l && g();
+      !ne(l) && l && w();
     }
     function Se(t) {
       const l = t.target;
-      ne(l) || g();
+      ne(l) || w();
     }
     const Ee = () => {
       D(-1);
-    }, I = async () => {
+    }, O = async () => {
       await Y(), q.value && m.value && (T.value = T.value === 0 ? m.value.clientHeight : T.value, N.value = q.value.clientHeight);
     };
     return Oe(() => {
       if (H.onInput)
         throw new Error("ll-select: use the @update:model-value event instead of @input.");
-      window.addEventListener("resize", I), I();
+      window.addEventListener("resize", O), O();
     }), Me(() => {
-      window.removeEventListener("resize", I);
+      window.removeEventListener("resize", O);
     }), (t, l) => (o(), K(Je, {
       id: e.id,
-      class: O(["input ll-select stash-select", y(H).class]),
+      class: k(["input ll-select stash-select", y(H).class]),
       "data-test": "stash-select",
       "add-bottom-space": e.addBottomSpace,
       "error-text": e.errorText || e.error,
       "hint-text": e.hintText || e.hint,
       label: e.label,
-      "show-optional-in-label": e.showOptionalInLabel
+      "show-optional-in-label": e.showOptionalInLabel,
+      disabled: e.disabled
     }, Fe({
       default: M(({ fieldId: s, fieldErrorId: r, hasError: i }) => [
         p("select", {
@@ -265,11 +266,11 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
           name: e.name,
           onChange: _e
         }, [
-          (o(!0), d(V, null, G(x.value, (a, b) => (o(), d("option", {
+          (o(!0), d(V, null, G(C.value, (a, b) => (o(), d("option", {
             key: `srOnlyOption-${b}`,
-            selected: w(a),
+            selected: g(a),
             value: a[e.trackBy]
-          }, k(a[e.displayBy] || ""), 9, et))), 128)),
+          }, B(a[e.displayBy] || ""), 9, et))), 128)),
           l[5] || (l[5] = p("option", { value: "" }, null, -1))
         ], 40, Ze),
         F((o(), d("div", {
@@ -277,26 +278,26 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
           ref: Q,
           role: "listbox",
           "aria-hidden": "true",
-          class: O(["stash-select__content-wrapper", [
+          class: k(["stash-select__content-wrapper", [
             {
               "stash-select--disabled": !!e.disabled,
               "stash-select--error": !!(e.errorText || e.error),
-              "stash-select--active": c.value,
+              "stash-select--active": u.value,
               "stash-select--single": e.single
             },
             // @deprecated
             {
-              "is-active": c.value,
+              "is-active": u.value,
               "is-single": e.single,
               "is-disabled": e.disabled
             }
           ]]),
           "aria-controls": "listbox-" + s,
-          "aria-expanded": c.value,
+          "aria-expanded": u.value,
           "aria-label": e.placeholder,
           "aria-disabled": e.disabled || void 0,
-          onKeydown: ge,
-          onKeyup: oe(g, ["esc"])
+          onKeydown: we,
+          onKeyup: oe(w, ["esc"])
         }, [
           p("div", {
             id: "listbox-" + s,
@@ -317,21 +318,21 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
             }, [
               n.value.length ? R("", !0) : (o(), d("li", {
                 key: 0,
-                class: O(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
-              }, k(e.placeholder), 3)),
+                class: k(["stash-select__placeholder tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
+              }, B(e.placeholder), 3)),
               e.single ? (o(!0), d(V, { key: 1 }, G(n.value, (a) => (o(), d("li", {
                 key: `chip-${a[e.trackBy]}`,
-                class: O(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
+                class: k(["stash-select__selected tw-mr-0 tw-pl-1.5", { "tw-truncate": !e.noTruncate }])
               }, [
                 j(t.$slots, "selected", { option: a }, () => [
-                  $(k(a[e.displayBy] || a) + " ", 1),
+                  $(B(a[e.displayBy] || a) + " ", 1),
                   p("button", {
                     tabindex: "-1",
                     class: "stash-select__remove",
-                    onKeypress: oe(P((b) => C(a), ["prevent"]), ["enter"]),
-                    onMousedown: P((b) => C(a), ["prevent", "stop"])
+                    onKeypress: oe(P((b) => I(a), ["prevent"]), ["enter"]),
+                    onMousedown: P((b) => I(a), ["prevent", "stop"])
                   }, [
-                    B(z, {
+                    S(z, {
                       icon: "close",
                       name: "close",
                       size: "small"
@@ -342,22 +343,22 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                 key: `chip-${a[e.trackBy]}`,
                 class: "tw-inline-block"
               }, [
-                B(ie, {
+                S(ie, {
                   "bg-color": "blue-500",
                   "is-removable": "",
                   "text-color": "white",
                   class: "stash-select__chip",
-                  onRemove: (b) => C(a)
+                  onRemove: (b) => I(a)
                 }, {
                   default: M(() => [
-                    $(k(a[e.displayBy] || a), 1)
+                    $(B(a[e.displayBy] || a), 1)
                   ]),
                   _: 2
                 }, 1032, ["onRemove"])
               ]))), 128))
             ], 512),
             ve.value ? (o(), d("div", st, [
-              B(ie, {
+              S(ie, {
                 "bg-color": "blue-500",
                 "is-removable": "",
                 "text-color": "white",
@@ -365,27 +366,27 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                 onRemove: ye
               }, {
                 default: M(() => [
-                  $(k(he.value), 1)
+                  $(B(he.value), 1)
                 ]),
                 _: 1
               })
             ])) : R("", !0),
             e.icon ? (o(), K(z, {
               key: 1,
-              class: "stash-select__icon",
+              class: k(["stash-select__icon", { "tw-text-ice-500": e.disabled }]),
               "data-test": "stash-select|toggle-icon",
               name: e.icon,
-              onMousedown: l[0] || (l[0] = P((a) => c.value && g(), ["prevent"]))
-            }, null, 8, ["name"])) : R("", !0),
+              onMousedown: l[0] || (l[0] = P((a) => u.value && w(), ["prevent"]))
+            }, null, 8, ["name", "class"])) : R("", !0),
             (o(), K(Re, {
               to: e.teleportTo,
               disabled: !e.enableTeleport
             }, [
-              B($e, { name: "fade" }, {
+              S($e, { name: "fade" }, {
                 default: M(() => [
                   F(p("div", {
                     ref_key: "optionsWrapperRef",
-                    ref: E,
+                    ref: x,
                     class: "stash-select__border-selector tw-w-full tw-shadow-2xl",
                     style: Pe(y(fe)),
                     onClick: l[3] || (l[3] = P(() => {
@@ -407,30 +408,30 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                       }, null, 40, ot), [
                         [ze, _.value]
                       ]),
-                      B(z, {
+                      S(z, {
                         name: "search",
                         class: "tw-text-ice-500"
                       })
                     ])) : R("", !0),
                     p("ul", rt, [
-                      (o(!0), d(V, null, G(x.value, (a, b) => (o(), d("li", {
+                      (o(!0), d(V, null, G(C.value, (a, b) => (o(), d("li", {
                         key: `option-${a[e.trackBy]}`,
                         "data-test": a[e.trackBy],
-                        class: O(ke(a, b)),
-                        onClick: (Te) => L(a),
-                        onMouseenter: P((Te) => D(b), ["self"])
+                        class: k(ke(a, b)),
+                        onClick: (xe) => L(a),
+                        onMouseenter: P((xe) => D(b), ["self"])
                       }, [
                         j(t.$slots, "option", { option: a }, () => [
-                          $(k(a[e.displayBy] || a), 1)
+                          $(B(a[e.displayBy] || a), 1)
                         ], !0),
-                        w(a) && !e.hideCheck ? (o(), K(z, {
+                        g(a) && !e.hideCheck ? (o(), K(z, {
                           key: 0,
                           class: "tw-ml-auto tw-text-blue-500",
                           name: "check"
                         })) : R("", !0)
                       ], 42, it))), 128)),
-                      F(p("li", ut, [
-                        B(z, {
+                      F(p("li", ct, [
+                        S(z, {
                           "data-test": "stash-select|options-loading",
                           name: "working",
                           class: "tw-animate-spin tw-text-ice-500"
@@ -438,16 +439,16 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
                       ], 512), [
                         [J, e.loading || le.value]
                       ]),
-                      F(p("li", ct, [
+                      F(p("li", ut, [
                         j(t.$slots, "no-options", {}, () => [
                           l[6] || (l[6] = $(" No options "))
                         ], !0)
                       ], 512), [
-                        [J, !e.loading && !le.value && !x.value.length]
+                        [J, !e.loading && !le.value && !C.value.length]
                       ])
                     ])
                   ], 4), [
-                    [J, c.value && !e.disabled]
+                    [J, u.value && !e.disabled]
                   ])
                 ]),
                 _: 3
@@ -467,10 +468,10 @@ const Ze = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label"]));
+    ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label", "disabled"]));
   }
 });
-const Dt = /* @__PURE__ */ Qe(dt, [["__scopeId", "data-v-ab74bb37"]]);
+const Dt = /* @__PURE__ */ Qe(dt, [["__scopeId", "data-v-173b2aea"]]);
 export {
   Dt as default
 };