@leaflink/stash 42.1.0 → 42.2.0

package/dist/Select.js

@@ -1,4 +1,4 @@
-import { computed as B, 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 T, 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 Be, createTextVNode as me, withModifiers as he, createVNode as se, Teleport as Bt, Transition as Tt, 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 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 { d as Ft } from "./debounce-6aca1ca9.js";
 import { i as Pt } from "./isEmpty-2fbad344.js";
 import { i as qe } from "./isEqual-fca467fb.js";
@@ -34,7 +34,7 @@ import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
 import "./index-79ce320f.js";
 import "./Label.vue_vue_type_script_setup_true_lang-1d29d98a.js";
 import "./locale.js";
-const ge = Math.min, N = Math.max, Ae = Math.round, Te = Math.floor, X = (e) => ({
+const ge = Math.min, N = Math.max, Ae = Math.round, Be = Math.floor, X = (e) => ({
   x: e,
   y: e
 }), Ut = {
@@ -801,7 +801,7 @@ function _n(e, n) {
     } = e.getBoundingClientRect();
     if (c || n(), !h || !g)
       return;
-    const d = Te(p), f = Te(l.clientWidth - (u + h)), b = Te(l.clientHeight - (p + g)), _ = Te(u), y = {
+    const d = Be(p), f = Be(l.clientWidth - (u + h)), b = Be(l.clientHeight - (p + g)), _ = Be(u), y = {
       rootMargin: -d + "px " + -f + "px " + -b + "px " + -_ + "px",
       threshold: N(0, ge(1, r)) || 1
     };
@@ -890,19 +890,19 @@ function et(e, n) {
 }
 function Cn(e, n, t) {
   t === void 0 && (t = {});
-  const o = t.whileElementsMounted, l = B(() => {
+  const o = t.whileElementsMounted, l = T(() => {
     var x;
     return (x = F(t.open)) != null ? x : !0;
-  }), s = B(() => F(t.middleware)), i = B(() => {
+  }), s = T(() => F(t.middleware)), i = T(() => {
     var x;
     return (x = F(t.placement)) != null ? x : "bottom";
-  }), c = B(() => {
+  }), c = T(() => {
     var x;
     return (x = F(t.strategy)) != null ? x : "absolute";
-  }), r = B(() => {
+  }), r = T(() => {
     var x;
     return (x = F(t.transform)) != null ? x : !0;
-  }), u = B(() => Ze(e.value)), p = B(() => Ze(n.value)), h = k(0), g = k(0), d = k(c.value), f = k(i.value), b = bt({}), _ = k(!1), v = B(() => {
+  }), 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(() => {
     const x = {
       position: d.value,
       left: "0",
@@ -966,7 +966,7 @@ function Cn(e, n, t) {
     update: E
   };
 }
-const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], kn = ["selected", "value"], Bn = /* @__PURE__ */ Rn(() => /* @__PURE__ */ z("option", { value: "" }, null, -1)), Tn = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled", "onKeyup"], An = ["id"], Ln = ["onKeypress", "onMousedown"], Mn = {
+const Rn = (e) => (Mt("data-v-7e8a1bc4"), e = e(), Dt(), e), On = ["id", "aria-errormessage", "aria-invalid", "disabled", "multiple", "name"], kn = ["selected", "value"], Tn = /* @__PURE__ */ Rn(() => /* @__PURE__ */ z("option", { value: "" }, null, -1)), Bn = ["aria-controls", "aria-expanded", "aria-label", "aria-disabled", "onKeyup"], An = ["id"], Ln = ["onKeypress", "onMousedown"], Mn = {
   key: 0,
   class: "stash-select__total"
 }, Dn = {
@@ -986,7 +986,9 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
     searchBy: { default: () => [] },
     trackBy: { default: "id" },
     placeholder: { default: "Select option" },
+    errorText: { default: "" },
     error: { default: "" },
+    hintText: { default: "" },
     hint: { default: "" },
     icon: { type: [String, Boolean], default: "caret-down" },
     name: { default: void 0 },
@@ -1032,12 +1034,12 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
           }
         })
       ]
-    }), O = B(() => !t.hideSearch && t.searchable !== "false" && t.searchable !== !1), x = B(() => {
+    }), 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 It(a[0]) || (a = a.map((m, S) => ({ name: m, id: S }))), a;
-    }), M = B(() => t.searchLoading || Object.keys(E.value).length > 0), D = B(() => t.disableFiltering || !(_.value || "").trim() ? x.value : b.value(_.value)), xe = B(() => g.value <= d.value), _e = B(
+    }), 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 = B(() => [f.value.length, t.selectItemType, "selected"].filter(Boolean).join(" ")), Ee = B(() => t.preventEmpty || t.allowEmpty === "false" || t.allowEmpty === !1);
+    ), 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(
       () => t.modelValue,
       (a) => {
@@ -1057,7 +1059,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
       () => t.options,
       () => {
         const { searchFor: a } = Vt({
-          items: B(() => x.value),
+          items: T(() => x.value),
           fieldNames: t.searchBy.length ? t.searchBy : [t.displayBy],
           trackBy: t.trackBy
         });
@@ -1183,13 +1185,13 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
       window.addEventListener("resize", ce), ce();
     }), Ot(() => {
       window.removeEventListener("resize", ce);
-    }), (a, m) => (T(), Re(Wt, {
+    }), (a, m) => (B(), Re(Wt, {
       id: t.id,
       class: ue(["input ll-select stash-select", F(s).class]),
       "data-test": "stash-select",
       "add-bottom-space": t.addBottomSpace,
-      "error-text": t.error,
-      "hint-text": t.hint,
+      "error-text": t.errorText || t.error,
+      "hint-text": t.hintText || t.hint,
       label: t.label,
       "show-optional-in-label": t.showOptionalInLabel
     }, kt({
@@ -1204,14 +1206,14 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
           name: t.name,
           onChange: q
         }, [
-          (T(!0), I(Oe, null, ke(D.value, (w, J) => (T(), I("option", {
+          (B(!0), I(Oe, null, ke(D.value, (w, J) => (B(), I("option", {
             key: `srOnlyOption-${J}`,
             selected: ne(w),
             value: w[t.trackBy]
           }, le(w[t.displayBy] || ""), 9, kn))), 128)),
-          Bn
+          Tn
         ], 40, On),
-        de((T(), I("div", {
+        de((B(), I("div", {
           ref_key: "selectRef",
           ref: c,
           role: "listbox",
@@ -1219,7 +1221,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
           class: ue(["stash-select__content-wrapper", [
             {
               "stash-select--disabled": !!t.disabled,
-              "stash-select--error": !!t.error,
+              "stash-select--error": !!(t.errorText || t.error),
               "stash-select--active": y.value,
               "stash-select--single": t.single
             },
@@ -1254,15 +1256,15 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
               ref: p,
               class: "stash-select__chips tw-pr-9"
             }, [
-              f.value.length ? pe("", !0) : (T(), I("li", {
+              f.value.length ? pe("", !0) : (B(), I("li", {
                 key: 0,
                 class: ue(["stash-select__placeholder tw-pl-1.5 tw-mr-0", { "tw-truncate": !t.noTruncate }])
               }, le(t.placeholder), 3)),
-              t.single ? (T(!0), I(Oe, { key: 1 }, ke(f.value, (w) => (T(), I("li", {
+              t.single ? (B(!0), I(Oe, { key: 1 }, ke(f.value, (w) => (B(), I("li", {
                 key: `chip-${w[t.trackBy]}`,
                 class: ue(["stash-select__selected tw-pl-1.5 tw-mr-0", { "tw-truncate": !t.noTruncate }])
               }, [
-                Be(a.$slots, "selected", { option: w }, () => [
+                Te(a.$slots, "selected", { option: w }, () => [
                   me(le(w[t.displayBy] || w) + " ", 1),
                   z("button", {
                     tabindex: "-1",
@@ -1277,7 +1279,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
                     })
                   ], 40, Ln)
                 ], !0)
-              ], 2))), 128)) : (T(!0), I(Oe, { key: 2 }, ke(f.value, (w) => (T(), I("li", {
+              ], 2))), 128)) : (B(!0), I(Oe, { key: 2 }, ke(f.value, (w) => (B(), I("li", {
                 key: `chip-${w[t.trackBy]}`,
                 class: "tw-inline-block"
               }, [
@@ -1295,7 +1297,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
                 }, 1032, ["onRemove"])
               ]))), 128))
             ], 512),
-            _e.value ? (T(), I("div", Mn, [
+            _e.value ? (B(), I("div", Mn, [
               se(Xe, {
                 "bg-color": "blue",
                 "is-removable": "",
@@ -1309,18 +1311,18 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
                 _: 1
               })
             ])) : pe("", !0),
-            t.icon ? (T(), Re(ve, {
+            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),
-            (T(), Re(Bt, {
+            (B(), Re(Tt, {
               to: t.teleportTo,
               disabled: !t.enableTeleport
             }, [
-              se(Tt, { name: "fade" }, {
+              se(Bt, { name: "fade" }, {
                 default: fe(() => [
                   de(z("div", {
                     ref_key: "optionsWrapperRef",
@@ -1330,7 +1332,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
                     onClick: m[3] || (m[3] = he(() => {
                     }, ["stop"]))
                   }, [
-                    O.value ? (T(), I("div", Dn, [
+                    O.value ? (B(), I("div", Dn, [
                       de(z("input", {
                         ref_key: "searchRef",
                         ref: h,
@@ -1352,17 +1354,17 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
                       })
                     ])) : pe("", !0),
                     z("ul", Pn, [
-                      (T(!0), I(Oe, null, ke(D.value, (w, J) => (T(), I("li", {
+                      (B(!0), I(Oe, null, ke(D.value, (w, J) => (B(), I("li", {
                         key: `option-${w[t.trackBy]}`,
                         "data-test": w[t.trackBy],
                         class: ue(ht(w, J)),
                         onClick: (wt) => $(w),
                         onMouseenter: he((wt) => Ce(J), ["self"])
                       }, [
-                        Be(a.$slots, "option", { option: w }, () => [
+                        Te(a.$slots, "option", { option: w }, () => [
                           me(le(w[t.displayBy] || w), 1)
                         ], !0),
-                        ne(w) && !t.hideCheck ? (T(), Re(ve, {
+                        ne(w) && !t.hideCheck ? (B(), Re(ve, {
                           key: 0,
                           class: "tw-text-blue tw-ml-auto",
                           name: "check"
@@ -1378,7 +1380,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
                         [Ve, t.loading || M.value]
                       ]),
                       de(z("li", Vn, [
-                        Be(a.$slots, "no-options", {}, () => [
+                        Te(a.$slots, "no-options", {}, () => [
                           me(" No options ")
                         ], !0)
                       ], 512), [
@@ -1393,7 +1395,7 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
               })
             ], 8, ["to", "disabled"]))
           ], 40, An)
-        ], 42, Tn)), [
+        ], 42, Bn)), [
           [F(Ht), gt]
         ])
       ]),
@@ -1402,14 +1404,14 @@ const Rn = (e) => (Mt("data-v-e1beefda"), e = e(), Dt(), e), On = ["id", "aria-e
       F(i).hint ? {
         name: "hint",
         fn: fe(() => [
-          Be(a.$slots, "hint", {}, void 0, !0)
+          Te(a.$slots, "hint", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "add-bottom-space", "class", "error-text", "hint-text", "label", "show-optional-in-label"]));
   }
 });
-const So = /* @__PURE__ */ Kt($n, [["__scopeId", "data-v-e1beefda"]]);
+const So = /* @__PURE__ */ Kt($n, [["__scopeId", "data-v-7e8a1bc4"]]);
 export {
   So as default
 };