bitboss-ui 0.2.43 → 0.2.44

package/dist/index31.js

@@ -1,30 +1,30 @@
-import { defineComponent as Ne, ref as v, computed as y, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as w, Fragment as L, renderList as P, toDisplayString as F, createBlock as ie, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as se, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as le } from "vue";
+import { defineComponent as Ne, ref as v, computed as V, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as O, Fragment as L, renderList as P, toDisplayString as F, createBlock as ie, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as se, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as le } from "vue";
 import ze from "./index115.js";
 import "./index158.js";
 import He from "./index119.js";
 import "./index185.js";
-import { autoUpdate as Pe, computePosition as Ue, flip as je, shift as Qe } from "./index199.js";
+import { autoUpdate as Pe, computePosition as Ue, flip as je, shift as Qe } from "./index211.js";
 import { deepEqual as re } from "./index123.js";
-import { head as te } from "./index200.js";
+import { head as te } from "./index219.js";
 import { isNotNil as E } from "./index124.js";
-import { last as We } from "./index201.js";
+import { last as We } from "./index207.js";
 import { useItemText as Ke } from "./index125.js";
 import { useItemValue as Ye } from "./index126.js";
 import { wait as J } from "./index122.js";
-import { when as Ze } from "./index198.js";
-import { offset as Ge } from "./index202.js";
+import { when as Ze } from "./index217.js";
+import { offset as Ge } from "./index215.js";
 const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], ll = {
   key: 0,
   class: "bb-base-select__loading-container"
 }, tl = {
   key: 1,
   class: "bb-base-select__no-data-container"
-}, al = ["id", "aria-selected"], nl = { class: "bb-base-select-option__content" }, ol = { class: "bb-base-select-option__text" }, ul = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ w("svg", {
+}, al = ["id", "aria-selected"], nl = { class: "bb-base-select-option__content" }, ol = { class: "bb-base-select-option__text" }, ul = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ O("svg", {
   fill: "none",
   viewBox: "0 0 16 8",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ w("path", {
+  /* @__PURE__ */ O("path", {
     "clip-rule": "evenodd",
     d: "M0.851779 0.225802C0.90403 0.173418 0.966103 0.131858 1.03444 0.1035C1.10278 0.0751431 1.17604 0.0605469 1.25003 0.0605469C1.32402 0.0605469 1.39728 0.0751431 1.46562 0.1035C1.53396 0.131858 1.59603 0.173418 1.64828 0.225802L8.00003 6.57868L14.3518 0.225802C14.4041 0.173503 14.4662 0.132017 14.5345 0.103713C14.6028 0.0754093 14.6761 0.0608414 14.75 0.0608414C14.824 0.0608414 14.8972 0.0754093 14.9656 0.103713C15.0339 0.132017 15.096 0.173503 15.1483 0.225802C15.2006 0.278101 15.2421 0.340189 15.2704 0.408521C15.2987 0.476852 15.3132 0.55009 15.3132 0.624052C15.3132 0.698014 15.2987 0.771252 15.2704 0.839584C15.2421 0.907916 15.2006 0.970003 15.1483 1.0223L8.39828 7.7723C8.34603 7.82469 8.28395 7.86625 8.21562 7.8946C8.14728 7.92296 8.07402 7.93756 8.00003 7.93756C7.92604 7.93756 7.85278 7.92296 7.78444 7.8946C7.7161 7.86625 7.65403 7.82469 7.60178 7.7723L0.851779 1.0223C0.799395 0.970051 0.757835 0.907978 0.729477 0.83964C0.70112 0.771302 0.686523 0.69804 0.686523 0.624052C0.686523 0.550064 0.70112 0.476803 0.729477 0.408464C0.757835 0.340126 0.799395 0.278053 0.851779 0.225802Z",
     fill: "currentColor",
@@ -70,7 +70,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     const e = de, f = ce;
     if (e.multiple && !Array.isArray(e.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const S = v(null), N = v(null), d = v(null), T = v(null), u = v(""), fe = y(() => s.value.length ? "" : e.placeholder), c = v(0), ve = e.transitionDuration / 1e3 + "s";
+    const S = v(null), N = v(null), d = v(null), T = v(null), u = v(""), fe = V(() => s.value.length ? "" : e.placeholder), c = v(0), ve = e.transitionDuration / 1e3 + "s";
     let ae;
     $e(async () => {
       e.debug && console.log("Calling onMounted"), N.value && d.value && (ae = Pe(
@@ -87,7 +87,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     }), De(() => {
       e.debug && console.log("Calling onBeforeUnMount"), ae();
     });
-    const ne = v([]), m = v([]), V = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = y(() => ne.value.map((l, a) => {
+    const ne = v([]), m = v([]), C = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = V(() => ne.value.map((l, a) => {
       e.debug && console.log("Mapping items in internalOptions", { item: l });
       const t = me(l, e.itemText), n = pe(l, e.itemValue);
       if (n === void 0)
@@ -104,12 +104,12 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         text: t,
         value: n
       };
-    })), O = y(() => {
+    })), y = V(() => {
       let l = ge.value.reduce(
         (n, o) => (n[o.id] = o, n),
         {}
       );
-      const a = V.value.reduce(
+      const a = C.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         l
       ), t = m.value.reduce(
@@ -127,12 +127,12 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           index: o
         })
       );
-    }), C = y(() => {
+    }), w = V(() => {
       e.debug && console.log("Computing filtered options");
       let l = [];
       return u.value && !s.value.some(
         (a) => a.text === u.value
-      ) ? l = O.value.filter((a) => {
+      ) ? l = y.value.filter((a) => {
         let t = !1;
         if (e.filterBy) {
           if (typeof e.filterBy == "function")
@@ -147,21 +147,21 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         } else
           return !0;
         return t || a.text.toLowerCase().includes(u.value.toLowerCase());
-      }) : l = O.value, l.map((a, t) => ({
+      }) : l = y.value, l.map((a, t) => ({
         ...a,
         focused: _.value === t
       }));
-    }), R = y(
-      () => O.value.reduce(
+    }), R = V(
+      () => y.value.reduce(
         (l, a) => ({
           ...l,
           [a.id]: a
         }),
         {}
       )
-    ), p = y(() => {
+    ), p = V(() => {
       if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
-        let l = O.value.reduce(
+        let l = y.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
           {}
         );
@@ -169,7 +169,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           get: (a) => l[JSON.stringify(a)]
         };
       } else if (e.matchStrategy === "equality") {
-        let l = O.value.map((a) => [
+        let l = y.value.map((a) => [
           a.value,
           a
         ]);
@@ -181,7 +181,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), be = y(() => {
+    }), be = V(() => {
       if (e.debug && console.log("Computing modelValueIndexed"), e.matchStrategy === "string") {
         let l = {};
         return [].concat(e.modelValue).forEach((a, t) => {
@@ -199,19 +199,19 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), s = y(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
+    }), s = V(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
       const t = p.value.get(a);
       return t && l.push(t), l;
     }, []))), M = (l) => {
       e.debug && console.log("Running onOptionSelected", { option: l });
       let a;
-      r.value = l.index, e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), V.value = V.value.filter(
+      r.value = l.index, e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), C.value = C.value.filter(
         (t) => t.id !== l.id
       )), a = e.modelValue.filter(
         (t) => JSON.stringify(t) !== l.jsonValue
       ), e.stash && (e.debug && console.log("onOptionSelected: inside multiple > selected > stash"), m.value = m.value.filter((t) => t.id !== l.id))) : (e.debug && console.log("onOptionSelected: inside multiple > not selected"), a = e.modelValue.concat(l.value), e.stash && (e.debug && console.log(
         "onOptionSelected: inside multiple > not selected > stash"
-      ), m.value = m.value.concat(l))), e.resetQueryOnOptionSelected && (e.debug && console.log("onOptionSelected: resetting query"), u.value = "")) : l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside single > selected > manual"), V.value = V.value.filter(
+      ), m.value = m.value.concat(l))), e.resetQueryOnOptionSelected && (e.debug && console.log("onOptionSelected: resetting query"), u.value = "")) : l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside single > selected > manual"), C.value = C.value.filter(
         (t) => t.id !== l.id
       )), a = null, e.stash && (e.debug && console.log("onOptionSelected: inside single > selected > stash"), m.value = []), u.value = "") : (e.debug && console.log("onOptionSelected: inside single > not selected"), a = l.value, e.stash && (e.debug && console.log("onOptionSelected: inside single > not selected > stash"), m.value = [l]), u.value = l.text), f("update:modelValue", a);
     }, $ = async ({ prefill: l = !1 }) => {
@@ -229,7 +229,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         manual: !0,
         disabled: !1
       };
-      V.value = V.value.concat(n), u.value = "";
+      C.value = C.value.concat(n), u.value = "";
     }, z = e.prefill === !0 || !e.multiple && E(e.modelValue) || e.multiple && !!e.modelValue.length;
     let U;
     X(
@@ -345,11 +345,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       }
     }, Oe = (l) => f("change", l), Ce = (l) => {
       e.debug && console.log("Running onInputInput"), f("input", l), u.value === "" && (e.multiple || f("update:modelValue", null)), typeof e.items == "function" && Te();
-    }, r = v(null), _ = y(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = C.value.length - 1), r.value % C.value.length) : r.value), i = v(null), ke = async () => {
+    }, r = v(null), _ = V(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = w.value.length - 1), r.value % w.value.length) : r.value), i = v(null), ke = async () => {
       var l;
-      if (r.value !== null ? r.value++ : r.value = 0, await le(), _.value !== null) {
+      if (r.value !== null ? r.value = r.value % y.value.length : r.value = 0, await le(), _.value !== null) {
         const a = (l = d.value) == null ? void 0 : l.querySelector(
-          `#${O.value[_.value].id}`
+          `#${y.value[_.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -359,9 +359,9 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       }
     }, _e = async () => {
       var l;
-      if (r.value !== null ? r.value-- : r.value = O.value.length - 1, await le(), _.value !== null) {
+      if (r.value !== null ? r.value = r.value === 0 ? y.value.length - 1 : r.value - 1 : r.value = y.value.length - 1, await le(), _.value !== null) {
         const a = (l = d.value) == null ? void 0 : l.querySelector(
-          `#${O.value[_.value].id}`
+          `#${y.value[_.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -380,14 +380,24 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           {
             if (l.preventDefault(), c.value)
               return;
-            i.value = null, k.value ? _e() : (s.value.length && (r.value = te(s.value).index), await D());
+            if (i.value = null, k.value) {
+              if (!w.value.length)
+                return;
+              _e();
+            } else
+              s.value.length && (r.value = te(s.value).index), await D();
           }
           break;
         case "ArrowDown":
           {
             if (l.preventDefault(), c.value)
               return;
-            i.value = null, k.value ? ke() : (s.value.length && (r.value = te(s.value).index), await D());
+            if (i.value = null, k.value) {
+              if (!w.value.length)
+                return;
+              ke();
+            } else
+              s.value.length && (r.value = te(s.value).index), await D();
           }
           break;
         case "ArrowLeft":
@@ -427,12 +437,12 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             if (l.preventDefault(), c.value)
               return;
             if (!k.value)
-              C.value.length && s.value.length && (r.value = te(s.value).index), await D();
+              w.value.length && s.value.length && (r.value = te(s.value).index), await D();
             else if (_.value !== null) {
-              if (C.value[_.value].disabled)
+              if (w.value[_.value].disabled)
                 return;
               e.multiple || await A(), M(
-                C.value[_.value]
+                w.value[_.value]
               );
             } else if (e.addOptions) {
               if (e.itemText || e.itemValue) {
@@ -442,7 +452,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                 return;
               }
               he();
-              const n = We(V.value);
+              const n = We(C.value);
               M(R.value[n.id]);
             }
           }
@@ -501,7 +511,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     }, Be = Ze(
       (l) => typeof l != "string",
       JSON.stringify
-    ), Ee = y(() => [].concat(e.modelValue).map((l) => {
+    ), Ee = V(() => [].concat(e.modelValue).map((l) => {
       const a = Be(l);
       return {
         disabled: e.disabled,
@@ -524,13 +534,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       onClick: xe
     }, [
       b(l.$slots, "prepend-outer"),
-      w("span", {
+      O("span", {
         ref_key: "innerContainer",
         ref: N,
         class: "bb-base-select__inner-container"
       }, [
         b(l.$slots, "prepend"),
-        w("span", Xe, [
+        O("span", Xe, [
           l.multiple ? (g(), h(L, { key: 0 }, [
             l.comma ? (g(!0), h(L, { key: 0 }, P(s.value, (t, n) => (g(), h("span", {
               key: t.id,
@@ -568,7 +578,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               _: 2
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
           ], 64)) : se("", !0),
-          Fe(w("input", {
+          Fe(O("input", {
             id: l.id,
             ref_key: "input",
             ref: T,
@@ -589,7 +599,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             [Me, u.value]
           ]),
           (g(), ie(Ae, { to: "body" }, [
-            w("span", {
+            O("span", {
               ref_key: "optionsContainer",
               ref: d,
               class: I({
@@ -604,22 +614,22 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               tabindex: -1
             }, [
               b(l.$slots, "options:prepend"),
-              !C.value.length && c.value ? (g(), h("span", ll, [
+              !w.value.length && c.value ? (g(), h("span", ll, [
                 b(l.$slots, "loading", { query: u.value }, () => [
                   ee(F(l.loadingText), 1)
                 ])
-              ])) : C.value.length ? se("", !0) : (g(), h("span", tl, [
+              ])) : w.value.length ? se("", !0) : (g(), h("span", tl, [
                 b(l.$slots, "no-data", { query: u.value }, () => [
                   ee(F(l.noDataText), 1)
                 ])
               ])),
-              (g(!0), h(L, null, P(C.value, (t) => (g(), h(L, {
+              (g(!0), h(L, null, P(w.value, (t) => (g(), h(L, {
                 key: t.id
               }, [
                 b(l.$slots, "option:prepend", {
                   item: t.original
                 }),
-                w("span", {
+                O("span", {
                   id: t.id,
                   "aria-selected": t.selected,
                   class: I({
@@ -643,8 +653,8 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                     text: t.text,
                     value: t.value
                   }, () => [
-                    w("span", nl, [
-                      w("span", ol, F(t.text), 1)
+                    O("span", nl, [
+                      O("span", ol, F(t.text), 1)
                     ])
                   ])
                 ], 10, al),
@@ -656,7 +666,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             ], 6)
           ]))
         ]),
-        w("span", ul, [
+        O("span", ul, [
           b(l.$slots, "chevron", {
             loading: !!c.value,
             shown: k.value