bitboss-ui 0.2.44 → 0.2.46

package/dist/index31.js

@@ -1,30 +1,30 @@
-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 { 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 "./index211.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 "./index219.js";
+import { head as te } from "./index217.js";
 import { isNotNil as E } from "./index124.js";
-import { last as We } from "./index207.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 "./index217.js";
-import { offset as Ge } from "./index215.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"
 }, 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__ */ O("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__ */ V("svg", {
   fill: "none",
   viewBox: "0 0 16 8",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ O("path", {
+  /* @__PURE__ */ V("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 = V(() => 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(
@@ -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([]), C = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = V(() => ne.value.map((l, a) => {
+    const ne = v([]), m = v([]), C = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = 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);
       if (n === void 0)
@@ -104,7 +104,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         text: t,
         value: n
       };
-    })), y = V(() => {
+    })), y = w(() => {
       let l = ge.value.reduce(
         (n, o) => (n[o.id] = o, n),
         {}
@@ -127,7 +127,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           index: o
         })
       );
-    }), w = V(() => {
+    }), O = w(() => {
       e.debug && console.log("Computing filtered options");
       let l = [];
       return u.value && !s.value.some(
@@ -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
@@ -151,7 +151,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         ...a,
         focused: _.value === t
       }));
-    }), R = V(
+    }), R = w(
       () => y.value.reduce(
         (l, a) => ({
           ...l,
@@ -159,7 +159,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         }),
         {}
       )
-    ), p = V(() => {
+    ), p = w(() => {
       if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
         let l = y.value.reduce(
           (a, t) => (a[t.jsonValue] = t, 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 = V(() => {
+    }), be = w(() => {
       if (e.debug && console.log("Computing modelValueIndexed"), e.matchStrategy === "string") {
         let l = {};
         return [].concat(e.modelValue).forEach((a, t) => {
@@ -199,13 +199,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), s = V(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
+    }), 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();
-    }, 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 () => {
+      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}`
         );
@@ -381,7 +381,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             if (l.preventDefault(), c.value)
               return;
             if (i.value = null, k.value) {
-              if (!w.value.length)
+              if (!O.value.length)
                 return;
               _e();
             } else
@@ -393,7 +393,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             if (l.preventDefault(), c.value)
               return;
             if (i.value = null, k.value) {
-              if (!w.value.length)
+              if (!O.value.length)
                 return;
               ke();
             } else
@@ -437,12 +437,12 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             if (l.preventDefault(), c.value)
               return;
             if (!k.value)
-              w.value.length && s.value.length && (r.value = te(s.value).index), await D();
+              O.value.length && s.value.length && (r.value = te(s.value).index), await D();
             else if (_.value !== null) {
-              if (w.value[_.value].disabled)
+              if (O.value[_.value].disabled)
                 return;
               e.multiple || await A(), M(
-                w.value[_.value]
+                O.value[_.value]
               );
             } else if (e.addOptions) {
               if (e.itemText || e.itemValue) {
@@ -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)) {
@@ -511,7 +511,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     }, Be = Ze(
       (l) => typeof l != "string",
       JSON.stringify
-    ), Ee = V(() => [].concat(e.modelValue).map((l) => {
+    ), Ee = w(() => [].concat(e.modelValue).map((l) => {
       const a = Be(l);
       return {
         disabled: e.disabled,
@@ -531,16 +531,16 @@ 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"),
-      O("span", {
+      V("span", {
         ref_key: "innerContainer",
         ref: N,
         class: "bb-base-select__inner-container"
       }, [
         b(l.$slots, "prepend"),
-        O("span", Xe, [
+        V("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,
@@ -572,16 +572,16 @@ 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
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
           ], 64)) : se("", !0),
-          Fe(O("input", {
+          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,
@@ -599,37 +599,37 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             [Me, u.value]
           ]),
           (g(), ie(Ae, { to: "body" }, [
-            O("span", {
+            V("span", {
               ref_key: "optionsContainer",
               ref: d,
               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 }),
               tabindex: -1
             }, [
               b(l.$slots, "options:prepend"),
-              !w.value.length && c.value ? (g(), h("span", ll, [
+              !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)
                 ])
-              ])) : w.value.length ? se("", !0) : (g(), h("span", tl, [
+              ])) : 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(w.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", {
                   item: t.original
                 }),
-                O("span", {
+                V("span", {
                   id: t.id,
                   "aria-selected": t.selected,
                   class: I({
@@ -653,8 +653,8 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                     text: t.text,
                     value: t.value
                   }, () => [
-                    O("span", nl, [
-                      O("span", ol, F(t.text), 1)
+                    V("span", nl, [
+                      V("span", ol, F(t.text), 1)
                     ])
                   ])
                 ], 10, al),
@@ -666,7 +666,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
             ], 6)
           ]))
         ]),
-        O("span", ul, [
+        V("span", ul, [
           b(l.$slots, "chevron", {
             loading: !!c.value,
             shown: k.value