bitboss-ui 0.2.48 → 0.2.50

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 "./index199.js";
 import { deepEqual as re } from "./index123.js";
-import { head as te } from "./index204.js";
+import { head as te } from "./index221.js";
 import { isNotNil as E } from "./index124.js";
-import { last as We } from "./index205.js";
+import { last as We } from "./index204.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 "./index198.js";
+import { offset as Ge } from "./index207.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(
@@ -87,9 +87,9 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     }), De(() => {
       e.debug && console.log("Calling onBeforeUnMount"), ae();
     });
-    const ne = v([]), m = v([]), C = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = w(() => ne.value.map((l, a) => {
+    const ne = v([]), p = v([]), C = v([]), { getItemText: pe } = Ke(), { getItemValue: me } = Ye(), ge = w(() => 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);
+      const t = pe(l, e.itemText), n = me(l, e.itemValue);
       if (n === void 0)
         throw new Error(
           'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(l) + " please check itemValue property is correct."
@@ -112,7 +112,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       const a = C.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         l
-      ), t = m.value.reduce(
+      ), t = p.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         a
       );
@@ -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,
@@ -159,7 +159,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         }),
         {}
       )
-    ), p = w(() => {
+    ), m = w(() => {
       if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
         let l = y.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
@@ -200,20 +200,20 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       } else
         throw new Error("No match strategy has been defined");
     }), s = w(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
-      const t = p.value.get(a);
+      const t = m.value.get(a);
       return t && l.push(t), l;
     }, []))), 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(
+      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(
+      ), e.stash && (e.debug && console.log("onOptionSelected: inside multiple > selected > stash"), p.value = p.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"), C.value = C.value.filter(
+      ), p.value = p.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);
+      )), a = null, e.stash && (e.debug && console.log("onOptionSelected: inside single > selected > stash"), p.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"), p.value = [l]), u.value = l.text), f("update:modelValue", a);
     }, $ = async ({ prefill: l = !1 }) => {
       e.debug && console.log("running getOptions");
       let a = [];
@@ -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,
@@ -241,38 +241,38 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               if (!Array.isArray(e.modelValue))
                 throw new Error("props.modelValue is not an array.");
               let t = e.modelValue.every(
-                (n) => p.value.get(n)
+                (n) => m.value.get(n)
               );
               if ((!t || a === void 0) && (await $({ prefill: !0 }), t = e.modelValue.every(
-                (n) => p.value.get(n)
+                (n) => m.value.get(n)
               )), t)
-                e.stash && (m.value = e.modelValue.map(
-                  (n) => p.value.get(n)
+                e.stash && (p.value = e.modelValue.map(
+                  (n) => m.value.get(n)
                 ));
               else {
                 let n = [];
-                const o = l.filter((T) => {
-                  let q = p.value.get(T);
+                const o = l.filter((x) => {
+                  let q = m.value.get(x);
                   return q && n.push(q), q;
                 });
-                e.stash && (m.value = n), e.enforceCoherence && f("update:modelValue", o);
+                e.stash && (p.value = n), e.enforceCoherence && f("update:modelValue", o);
               }
             } else {
               e.debug && console.log("watch.modelValue >> single");
-              let t = p.value.get(e.modelValue);
+              let t = m.value.get(e.modelValue);
               if (!t && E(e.modelValue) || a === void 0) {
                 e.debug && console.log("watch.modelValue >> not found line 895");
                 const n = u.value;
                 u.value = "", await $({ prefill: !0 }), u.value = n;
               }
-              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 = "";
+              t = m.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 && (p.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 && (p.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) => {
@@ -280,34 +280,34 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         JSON.stringify(l) !== JSON.stringify(a))
           if (e.debug && console.log("watch.items"), await $({ prefill: !1 }), e.multiple) {
             if (!e.modelValue.every(
-              (n) => p.value.get(n)
+              (n) => m.value.get(n)
             ) && e.enforceCoherence) {
-              const n = e.modelValue.filter((o) => p.value.get(o));
+              const n = e.modelValue.filter((o) => m.value.get(o));
               f("update:modelValue", n);
             }
           } else
-            !p.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && f("update:modelValue", null), r.value = null;
+            !m.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && f("update:modelValue", null), r.value = null;
       }
     );
     let Q;
     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 = []);
+            e.enforceCoherence && e.stash && (p.value = []);
             let t = u.value;
             if (u.value = "", await $({ prefill: !0 }), u.value = t, !e.multiple)
-              !p.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && (u.value = "", e.stash && (m.value = []), f("update:modelValue", null));
+              !m.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && (u.value = "", e.stash && (p.value = []), f("update:modelValue", null));
             else if (!e.modelValue.every(
-              (o) => p.value.get(o)
+              (o) => m.value.get(o)
             ) && e.enforceCoherence) {
               let o = [];
-              const T = e.modelValue.filter((q) => {
-                let X = p.value.get(q);
+              const x = e.modelValue.filter((q) => {
+                let X = m.value.get(q);
                 return X && o.push(X), X;
               });
-              e.stash && (m.value = o), f("update:modelValue", T);
+              e.stash && (p.value = o), f("update:modelValue", x);
             }
           }
         }, e.depsDebounceTime));
@@ -323,31 +323,31 @@ 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);
+          const t = m.value.get(e.modelValue);
           t && (u.value = t.text);
         }
       }
     }, 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));