bitboss-ui 0.2.45 → 0.2.46

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 X, 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 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 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 "./index198.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 "./index211.js";
+import { head as te } from "./index217.js";
 import { isNotNil as E } from "./index124.js";
-import { last as We } from "./index203.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 J } from "./index122.js";
-import { when as Ze } from "./index208.js";
-import { offset as Ge } from "./index206.js";
+import { when as Ze } from "./index197.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), T = 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), x = 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 x = n[o];
-              t = t || a.original[x] && a.original[x].toLowerCase().includes(u.value.toLowerCase());
+              const T = n[o];
+              t = t || a.original[T] && a.original[T].toLowerCase().includes(u.value.toLowerCase());
             }
           }
         } else
@@ -202,10 +202,10 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     }), s = w(() => (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) => {
+    }, []))), M = async (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"), C.value = C.value.filter(
+      console.log("assigning focus index to value before nexttick", l.index), await U(), console.log("assigning focus index to value after nexttick", l.index), 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
@@ -231,11 +231,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       };
       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(
+    let j;
+    ee(
       () => e.modelValue,
       (l, a) => {
-        e.debug && console.log("running watch.modelValue"), U && clearTimeout(U), U = setTimeout(
+        e.debug && console.log("running watch.modelValue"), j && clearTimeout(j), j = setTimeout(
           async () => {
             if (e.multiple) {
               if (!Array.isArray(e.modelValue))
@@ -251,8 +251,8 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                 ));
               else {
                 let n = [];
-                const o = l.filter((x) => {
-                  let q = p.value.get(x);
+                const o = l.filter((T) => {
+                  let q = p.value.get(T);
                   return q && n.push(q), q;
                 });
                 e.stash && (m.value = n), e.enforceCoherence && f("update:modelValue", o);
@@ -273,7 +273,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       },
       // Prefill when asked or when items are static
       { immediate: z, deep: !0 }
-    ), X(
+    ), ee(
       () => e.items,
       async (l, a) => {
         if (typeof l == "function" || // Circumvent arrays defined in the template by the parent
@@ -289,11 +289,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             !p.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && f("update:modelValue", null), r.value = null;
       }
     );
-    let j;
-    X(
+    let Q;
+    ee(
       () => e.dependencies,
       (l, a) => {
-        !z && e.prefill === "focus" && Y || JSON.stringify(l) !== JSON.stringify(a) && (j && clearTimeout(j), j = 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 x = e.modelValue.filter((q) => {
-                let G = p.value.get(q);
-                return G && o.push(G), G;
+              const T = e.modelValue.filter((q) => {
+                let X = p.value.get(q);
+                return X && o.push(X), X;
               });
-              e.stash && (m.value = o), f("update:modelValue", x);
+              e.stash && (m.value = o), f("update:modelValue", T);
             }
           }
         }, e.depsDebounceTime));
@@ -322,21 +322,21 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         var a;
         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), Q = v(!1), W = v(!1), K = v(!0), D = async () => {
-      K.value = !1, Q.value = !0, await J(e.transitionDuration), Q.value = !1, k.value = !0;
+    }, k = v(!1), W = v(!1), K = v(!1), Y = v(!0), D = async () => {
+      Y.value = !1, W.value = !0, await J(e.transitionDuration), W.value = !1, k.value = !0;
     }, A = async () => {
-      k.value = !1, W.value = !0, await J(e.transitionDuration), W.value = !1, K.value = !0;
+      k.value = !1, K.value = !0, await J(e.transitionDuration), K.value = !1, Y.value = !0;
     }, H = v(!1);
-    let Y = !0;
+    let Z = !0;
     const we = async (l) => {
-      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" && Y && !z && (await $({ prefill: !0 }), Y = !1);
+      e.debug && console.log("Running onInputFocus"), f("focus", l), H.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", oe), x.value instanceof HTMLInputElement && x.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), 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 le(), await J(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" && Te();
+      e.debug && console.log("Running onInputInput"), f("input", l), u.value === "" && (e.multiple || f("update:modelValue", null)), typeof e.items == "function" && xe();
     }, 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 le(), _.value !== null) {
+      if (r.value !== null ? r.value = r.value % 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 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 U(), _.value !== null) {
         const a = (l = d.value) == null ? void 0 : l.querySelector(
           `#${y.value[_.value].id}`
         );
@@ -485,23 +485,23 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           break;
       }
     };
-    let Z;
-    const Te = () => {
-      Z && clearTimeout(Z), Z = setTimeout(async () => {
+    let G;
+    const xe = () => {
+      G && clearTimeout(G), G = setTimeout(async () => {
         try {
           await $({ prefill: !1 });
         } catch (l) {
           console.error(l);
         }
       }, e.queryDebounceTime);
-    }, xe = (l) => {
-      f("click", l), !(e.disabled || e.readonly) && (T.value instanceof HTMLElement && T.value.focus(), D());
+    }, Te = (l) => {
+      f("click", l), !(e.disabled || e.readonly) && (x.value instanceof HTMLElement && x.value.focus(), D());
     }, Ie = (l) => {
       if (l.currentTarget instanceof HTMLElement && l.currentTarget.classList.contains("bb-base-select-option")) {
         const a = R.value[l.currentTarget.id];
         if (a.disabled)
           return;
-        M(a), T.value instanceof HTMLInputElement && T.value.focus(), e.multiple || A();
+        M(a), x.value instanceof HTMLInputElement && x.value.focus(), e.multiple || A();
       }
     }, ue = async (l) => {
       if (l.target instanceof Node && S.value && !S.value.contains(l.target)) {
@@ -531,7 +531,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         "bb-base-select--errors": l.hasErrors,
         "bb-base-select--readonly": l.readonly
       }),
-      onClick: xe
+      onClick: Te
     }, [
       b(l.$slots, "prepend-outer"),
       V("span", {
@@ -572,7 +572,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                   text: t.text,
                   value: t.value
                 }, () => [
-                  ee(F(t.text), 1)
+                  le(F(t.text), 1)
                 ])
               ]),
               _: 2
@@ -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: T,
+            ref: x,
             "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
             autocomplete: l.autocomplete,
             autofocus: l.autofocus,
@@ -605,9 +605,9 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               class: I({
                 "bb-base-select__options-container": !0,
                 "bb-base-select__options-container--shown": k.value,
-                "bb-base-select__options-container--showing": Q.value,
-                "bb-base-select__options-container--hiding": W.value,
-                "bb-base-select__options-container--hidden": K.value
+                "bb-base-select__options-container--showing": W.value,
+                "bb-base-select__options-container--hiding": K.value,
+                "bb-base-select__options-container--hidden": Y.value
               }),
               role: "listbox",
               style: qe({ transitionDuration: ve }),
@@ -616,11 +616,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               b(l.$slots, "options:prepend"),
               !O.value.length && c.value ? (g(), h("span", ll, [
                 b(l.$slots, "loading", { query: u.value }, () => [
-                  ee(F(l.loadingText), 1)
+                  le(F(l.loadingText), 1)
                 ])
               ])) : O.value.length ? se("", !0) : (g(), h("span", tl, [
                 b(l.$slots, "no-data", { query: u.value }, () => [
-                  ee(F(l.noDataText), 1)
+                  le(F(l.noDataText), 1)
                 ])
               ])),
               (g(!0), h(L, null, P(O.value, (t) => (g(), h(L, {