bitboss-ui 0.2.48 → 0.2.49

package/dist/index31.js

@@ -1,18 +1,18 @@
-import { defineComponent as Ne, ref as v, computed as w, onMounted as $e, onBeforeUnmount as De, watch as ee, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as V, Fragment as L, renderList as U, toDisplayString as F, createBlock as ie, withModifiers as B, withCtx as Le, createTextVNode as le, createCommentVNode as se, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as J } from "vue";
+import { defineComponent as Ne, ref as v, computed as w, onMounted as $e, onBeforeUnmount as De, watch as ee, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as V, Fragment as L, renderList as P, toDisplayString as F, createBlock as ie, withModifiers as B, withCtx as Le, createTextVNode as le, createCommentVNode as se, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as U } 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 "./index203.js";
+import { autoUpdate as Pe, computePosition as Ue, flip as je, shift as Qe } from "./index206.js";
 import { deepEqual as re } from "./index123.js";
-import { head as te } from "./index204.js";
+import { head as te } from "./index215.js";
 import { isNotNil as E } from "./index124.js";
 import { last as We } from "./index205.js";
 import { useItemText as Ke } from "./index125.js";
 import { useItemValue as Ye } from "./index126.js";
-import { wait as R } from "./index122.js";
-import { when as Ze } from "./index199.js";
-import { offset as Ge } from "./index206.js";
+import { wait as J } from "./index122.js";
+import { when as Ze } from "./index213.js";
+import { offset as Ge } from "./index211.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"
@@ -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), x = v(null), u = v(""), fe = w(() => 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 = w(() => 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(
@@ -140,8 +140,8 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           else if (e.filterBy.length) {
             const n = [].concat(e.filterBy);
             for (let o = 0; o < n.length; o++) {
-              const T = n[o];
-              t = t || a.original[T] && a.original[T].toLowerCase().includes(u.value.toLowerCase());
+              const x = n[o];
+              t = t || a.original[x] && a.original[x].toLowerCase().includes(u.value.toLowerCase());
             }
           }
         } else
@@ -151,7 +151,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         ...a,
         focused: _.value === t
       }));
-    }), z = w(
+    }), R = w(
       () => y.value.reduce(
         (l, a) => ({
           ...l,
@@ -205,7 +205,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     }, []))), M = async (l) => {
       e.debug && console.log("Running onOptionSelected", { option: l });
       let a;
-      console.log("assigning focus index to value before nexttick", l.index), await J(), console.log("assigning focus index to value after nexttick", l.index), e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), C.value = C.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
@@ -230,7 +230,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         disabled: !1
       };
       C.value = C.value.concat(n), u.value = "";
-    }, H = e.prefill === !0 || !e.multiple && E(e.modelValue) || e.multiple && !!e.modelValue.length;
+    }, z = e.prefill === !0 || !e.multiple && E(e.modelValue) || e.multiple && !!e.modelValue.length;
     let j;
     ee(
       () => e.modelValue,
@@ -251,8 +251,8 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                 ));
               else {
                 let n = [];
-                const o = l.filter((T) => {
-                  let q = p.value.get(T);
+                const o = l.filter((x) => {
+                  let q = p.value.get(x);
                   return q && n.push(q), q;
                 });
                 e.stash && (m.value = n), e.enforceCoherence && f("update:modelValue", o);
@@ -268,11 +268,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               t = p.value.get(e.modelValue), t ? (e.debug && console.log("watch.modelValue >> found"), u.value = t.text, e.debug && console.log("watch.modelValue assigned to query"), e.stash && (m.value = [t], e.debug && console.log("watch.modelValue assigned to stash")), e.debug && console.log("watch.modelValue end of found")) : e.enforceCoherence && E(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (m.value = []), f("update:modelValue", null)) : u.value = "";
             }
           },
-          H ? 0 : e.modelValueDebounceTime
+          z ? 0 : e.modelValueDebounceTime
         );
       },
       // Prefill when asked or when items are static
-      { immediate: H, deep: !0 }
+      { immediate: z, deep: !0 }
     ), ee(
       () => e.items,
       async (l, a) => {
@@ -293,7 +293,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     ee(
       () => e.dependencies,
       (l, a) => {
-        !H && e.prefill === "focus" && Z || JSON.stringify(l) !== JSON.stringify(a) && (Q && clearTimeout(Q), Q = setTimeout(async () => {
+        !z && e.prefill === "focus" && Z || JSON.stringify(l) !== JSON.stringify(a) && (Q && clearTimeout(Q), Q = setTimeout(async () => {
           if (JSON.stringify(l) !== JSON.stringify(a)) {
             e.enforceCoherence && e.stash && (m.value = []);
             let t = u.value;
@@ -303,11 +303,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               (o) => p.value.get(o)
             ) && e.enforceCoherence) {
               let o = [];
-              const T = e.modelValue.filter((q) => {
+              const x = e.modelValue.filter((q) => {
                 let X = p.value.get(q);
                 return X && o.push(X), X;
               });
-              e.stash && (m.value = o), f("update:modelValue", T);
+              e.stash && (m.value = o), f("update:modelValue", x);
             }
           }
         }, e.depsDebounceTime));
@@ -323,20 +323,20 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         d.value && (d.value.style.left = `${l.x}px`, d.value.style.top = `${l.y}px`, d.value.style.width = `${(a = N.value) == null ? void 0 : a.offsetWidth}px`);
       });
     }, k = v(!1), W = v(!1), K = v(!1), Y = v(!0), D = async () => {
-      Y.value = !1, W.value = !0, await R(e.transitionDuration), W.value = !1, k.value = !0;
+      Y.value = !1, W.value = !0, await J(e.transitionDuration), W.value = !1, k.value = !0;
     }, A = async () => {
-      k.value = !1, K.value = !0, await R(e.transitionDuration), K.value = !1, Y.value = !0;
-    }, P = v(!1);
+      k.value = !1, K.value = !0, await J(e.transitionDuration), K.value = !1, Y.value = !0;
+    }, H = v(!1);
     let Z = !0;
     const we = async (l) => {
-      e.debug && console.log("Running onInputFocus"), f("focus", l), P.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", oe), x.value instanceof HTMLInputElement && x.value.select(), e.prefill === "focus" && Z && !H && (await $({ prefill: !0 }), Z = !1);
+      e.debug && console.log("Running onInputFocus"), f("focus", l), H.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", oe), T.value instanceof HTMLInputElement && T.value.select(), e.prefill === "focus" && Z && !z && (await $({ prefill: !0 }), Z = !1);
     }, oe = async (l) => {
       if (e.debug && console.log("Running onFocusOutside"), l.target instanceof Node && S.value && d.value && !S.value.contains(l.target) && !d.value.contains(l.target)) {
-        A(), f("inactive"), document.removeEventListener("focusin", oe), P.value = !1, e.multiple && (await R(500), u.value = "");
+        A(), f("inactive"), document.removeEventListener("focusin", oe), H.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
     }, Ve = async (l) => {
-      if (e.debug && console.log("Running onInputBlur"), f("blur", l), !e.multiple && (e.modelValue, await J(), await R(300), S.value && d.value)) {
+      if (e.debug && console.log("Running onInputBlur"), f("blur", l), !e.multiple && (e.modelValue, await U(), await J(300), S.value && d.value)) {
         const a = document.activeElement;
         if (!S.value.contains(a) && !d.value.contains(a)) {
           const t = p.value.get(e.modelValue);
@@ -344,10 +344,10 @@ 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" && xe();
+      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), _ = w(() => Number.isInteger(r.value) && r.value ? r.value % O.value.length : r.value), i = v(null), ke = async () => {
       var l;
-      if (r.value !== null ? r.value = r.value % y.value.length : r.value = 0, await J(), _.value !== null) {
+      if (r.value !== null ? r.value = (r.value + 1) % y.value.length : r.value = 0, await U(), _.value !== null) {
         const a = (l = d.value) == null ? void 0 : l.querySelector(
           `#${y.value[_.value].id}`
         );
@@ -359,7 +359,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       }
     }, _e = async () => {
       var l;
-      if (r.value !== null ? r.value = r.value === 0 ? y.value.length - 1 : r.value - 1 : r.value = y.value.length - 1, await J(), _.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 U(), _.value !== null) {
         const a = (l = d.value) == null ? void 0 : l.querySelector(
           `#${y.value[_.value].id}`
         );
@@ -412,7 +412,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[s.value[i.value].id].index);
+              }), r.value = R.value[s.value[i.value].id].index);
             }
           }
           break;
@@ -428,7 +428,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[s.value[i.value].id].index);
+              }), r.value = R.value[s.value[i.value].id].index);
             }
           }
           break;
@@ -453,7 +453,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               }
               he();
               const n = We(C.value);
-              M(z.value[n.id]);
+              M(R.value[n.id]);
             }
           }
           break;
@@ -486,7 +486,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       }
     };
     let G;
-    const xe = () => {
+    const Te = () => {
       G && clearTimeout(G), G = setTimeout(async () => {
         try {
           await $({ prefill: !1 });
@@ -494,18 +494,18 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           console.error(l);
         }
       }, e.queryDebounceTime);
-    }, Te = (l) => {
-      f("click", l), !(e.disabled || e.readonly) && (x.value instanceof HTMLElement && x.value.focus(), D());
+    }, xe = (l) => {
+      f("click", l), !(e.disabled || e.readonly) && (T.value instanceof HTMLElement && T.value.focus(), D());
     }, Ie = async (l) => {
       if (l.currentTarget instanceof HTMLElement && l.currentTarget.classList.contains("bb-base-select-option")) {
-        const a = z.value[l.currentTarget.id];
+        const a = R.value[l.currentTarget.id];
         if (a.disabled)
           return;
-        await M(a), await J(), x.value instanceof HTMLInputElement && x.value.focus(), e.multiple || A();
+        await M(a), await U(), T.value instanceof HTMLInputElement && T.value.focus(), e.multiple || A();
       }
     }, ue = async (l) => {
       if (l.target instanceof Node && S.value && !S.value.contains(l.target)) {
-        A(), f("inactive"), document.removeEventListener("click", ue), P.value = !1, e.multiple && (await R(500), u.value = "");
+        A(), f("inactive"), document.removeEventListener("click", ue), H.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
     }, Be = Ze(
@@ -525,13 +525,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       ref: S,
       class: I({
         "bb-base-select": !0,
-        "bb-base-select--active": P.value,
+        "bb-base-select--active": H.value,
         "bb-base-select--loading": c.value,
         "bb-base-select--disabled": l.disabled,
         "bb-base-select--errors": l.hasErrors,
         "bb-base-select--readonly": l.readonly
       }),
-      onClick: Te
+      onClick: xe
     }, [
       b(l.$slots, "prepend-outer"),
       V("span", {
@@ -542,14 +542,14 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         b(l.$slots, "prepend"),
         V("span", Xe, [
           l.multiple ? (g(), h(L, { key: 0 }, [
-            l.comma ? (g(!0), h(L, { key: 0 }, U(s.value, (t, n) => (g(), h("span", {
+            l.comma ? (g(!0), h(L, { key: 0 }, P(s.value, (t, n) => (g(), h("span", {
               key: t.id,
               class: I({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--comma": !0,
                 "bb-base-select__selected--focused": n === i.value
               })
-            }, F(t.text) + F(n < s.value.length - 1 ? "," : ""), 3))), 128)) : (g(!0), h(L, { key: 1 }, U(s.value, (t, n) => (g(), ie(ze, {
+            }, F(t.text) + F(n < s.value.length - 1 ? "," : ""), 3))), 128)) : (g(!0), h(L, { key: 1 }, P(s.value, (t, n) => (g(), ie(ze, {
               key: t.id,
               class: I({
                 "bb-base-select__selected": !0,
@@ -581,7 +581,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           Fe(V("input", {
             id: l.id,
             ref_key: "input",
-            ref: x,
+            ref: T,
             "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
             autocomplete: l.autocomplete,
             autofocus: l.autofocus,
@@ -623,7 +623,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                   le(F(l.noDataText), 1)
                 ])
               ])),
-              (g(!0), h(L, null, U(O.value, (t) => (g(), h(L, {
+              (g(!0), h(L, null, P(O.value, (t) => (g(), h(L, {
                 key: t.id
               }, [
                 b(l.$slots, "option:prepend", {
@@ -689,7 +689,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         ], 2)) : b(l.$slots, "append", { key: 0 })
       ], 512),
       b(l.$slots, "append-outer"),
-      (g(!0), h(L, null, U(Ee.value, (t) => (g(), h("input", Re({
+      (g(!0), h(L, null, P(Ee.value, (t) => (g(), h("input", Re({
         key: t.value
       }, t), null, 16))), 128))
     ], 2));