bitboss-ui 0.2.40 → 0.2.42

package/dist/index31.js

@@ -1,17 +1,17 @@
-import { defineComponent as Ne, ref as f, computed as y, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as x, renderSlot as b, createElementVNode as w, Fragment as D, renderList as H, toDisplayString as L, createBlock as ue, withModifiers as I, withCtx as Le, createTextVNode as ee, createCommentVNode as ie, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as Je, createVNode as qe, mergeProps as Re, nextTick as se } from "vue";
+import { defineComponent as Ne, ref as f, computed as y, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as x, renderSlot as b, createElementVNode as w, Fragment as D, renderList as H, toDisplayString as L, createBlock as ue, withModifiers as I, withCtx as Le, createTextVNode as ee, createCommentVNode as ie, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as se } from "vue";
 import ze from "./index115.js";
 import "./index158.js";
 import Pe from "./index119.js";
 import "./index185.js";
 import { autoUpdate as He, computePosition as Ue, flip as je, shift as Qe } from "./index212.js";
 import { deepEqual as re } from "./index123.js";
-import { head as le } from "./index218.js";
+import { head as le } from "./index223.js";
 import { isNotNil as B } from "./index124.js";
-import { last as We } from "./index205.js";
+import { last as We } from "./index209.js";
 import { useItemText as Ke } from "./index125.js";
 import { useItemValue as Ye } from "./index126.js";
-import { wait as q } from "./index122.js";
-import { waitFor as Ze } from "./index209.js";
+import { wait as J } from "./index122.js";
+import { waitFor as Ze } from "./index201.js";
 import { when as Ge } from "./index211.js";
 import { offset as Xe } from "./index217.js";
 const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], tl = {
@@ -88,9 +88,9 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
     }), De(() => {
       e.debug && console.log("Calling onBeforeUnMount"), te();
     });
-    const ae = f([]), p = f([]), V = f([]), { getItemText: pe } = Ke(), { getItemValue: me } = Ye(), ge = y(() => ae.value.map((l, a) => {
+    const ae = f([]), m = f([]), V = f([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = y(() => ae.value.map((l, a) => {
       e.debug && console.log("Mapping items in internalOptions", { item: l });
-      const t = pe(l, e.itemText), n = me(l, e.itemValue);
+      const t = me(l, e.itemText), n = pe(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."
@@ -113,7 +113,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       const a = V.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         l
-      ), t = p.value.reduce(
+      ), t = m.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         a
       );
@@ -160,7 +160,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         }),
         {}
       )
-    ), m = y(() => {
+    ), p = y(() => {
       if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
         let l = O.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
@@ -201,7 +201,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["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) => {
-      const t = m.value.get(a);
+      const t = p.value.get(a);
       return t && l.push(t), l;
     }, []))), M = (l) => {
       e.debug && console.log("Running onOptionSelected", { option: l });
@@ -210,11 +210,11 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         (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"), 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(
+      ), 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"
-      ), 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"), 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"), V.value = V.value.filter(
         (t) => t.id !== l.id
-      )), 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), c("update:modelValue", a);
+      )), 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), c("update:modelValue", a);
     }, N = async ({ prefill: l = !1 }) => {
       e.debug && console.log("running getOptions");
       let a = [];
@@ -242,31 +242,31 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
               if (!Array.isArray(e.modelValue))
                 throw new Error("props.modelValue is not an array.");
               let t = e.modelValue.every(
-                (n) => m.value.get(n)
+                (n) => p.value.get(n)
               );
               if ((!t || a === void 0) && (await N({ prefill: !0 }), t = e.modelValue.every(
-                (n) => m.value.get(n)
+                (n) => p.value.get(n)
               )), t)
-                e.stash && (p.value = e.modelValue.map(
-                  (n) => m.value.get(n)
+                e.stash && (m.value = e.modelValue.map(
+                  (n) => p.value.get(n)
                 ));
               else {
                 let n = [];
                 const o = l.filter((T) => {
-                  let J = m.value.get(T);
-                  return J && n.push(J), J;
+                  let q = p.value.get(T);
+                  return q && n.push(q), q;
                 });
-                e.stash && (p.value = n), e.enforceCoherence && c("update:modelValue", o);
+                e.stash && (m.value = n), e.enforceCoherence && c("update:modelValue", o);
               }
             } else {
               e.debug && console.log("watch.modelValue >> single");
-              let t = m.value.get(e.modelValue);
+              let t = p.value.get(e.modelValue);
               if (!t && B(e.modelValue) || a === void 0) {
                 e.debug && console.log("watch.modelValue >> not found line 895");
                 const n = u.value;
                 u.value = "", await N({ prefill: !0 }), u.value = n;
               }
-              t = m.value.get(e.modelValue), t ? (e.debug && console.log("watch.modelValue >> found"), u.value = t.text, e.stash && (p.value = [t])) : e.enforceCoherence && B(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (p.value = []), c("update:modelValue", null)) : u.value = "";
+              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 && B(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (m.value = []), c("update:modelValue", null)) : u.value = "";
             }
           },
           z ? 0 : e.modelValueDebounceTime
@@ -281,13 +281,13 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         JSON.stringify(l) !== JSON.stringify(a))
           if (e.debug && console.log("watch.items"), await N({ prefill: !1 }), e.multiple) {
             if (!e.modelValue.every(
-              (n) => m.value.get(n)
+              (n) => p.value.get(n)
             ) && e.enforceCoherence) {
-              const n = e.modelValue.filter((o) => m.value.get(o));
+              const n = e.modelValue.filter((o) => p.value.get(o));
               c("update:modelValue", n);
             }
           } else
-            !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && c("update:modelValue", null), r.value = null;
+            !p.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && c("update:modelValue", null), r.value = null;
       }
     );
     let j;
@@ -296,19 +296,19 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       (l, a) => {
         !z && e.prefill === "focus" && Y || JSON.stringify(l) !== JSON.stringify(a) && (j && clearTimeout(j), j = setTimeout(async () => {
           if (JSON.stringify(l) !== JSON.stringify(a)) {
-            e.enforceCoherence && e.stash && (p.value = []);
+            e.enforceCoherence && e.stash && (m.value = []);
             let t = u.value;
             if (u.value = "", await N({ prefill: !0 }), u.value = t, !e.multiple)
-              !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && (u.value = "", e.stash && (p.value = []), c("update:modelValue", null));
+              !p.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && (u.value = "", e.stash && (m.value = []), c("update:modelValue", null));
             else if (!e.modelValue.every(
-              (o) => m.value.get(o)
+              (o) => p.value.get(o)
             ) && e.enforceCoherence) {
               let o = [];
-              const T = e.modelValue.filter((J) => {
-                let G = m.value.get(J);
+              const T = e.modelValue.filter((q) => {
+                let G = p.value.get(q);
                 return G && o.push(G), G;
               });
-              e.stash && (p.value = o), c("update:modelValue", T);
+              e.stash && (m.value = o), c("update:modelValue", T);
             }
           }
         }, e.depsDebounceTime));
@@ -324,18 +324,16 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         v.value && (v.value.style.left = `${l.x}px`, v.value.style.top = `${l.y}px`, v.value.style.width = `${(a = E.value) == null ? void 0 : a.offsetWidth}px`);
       });
     }, k = f(!1), Q = f(!1), W = f(!1), K = f(!0), $ = async () => {
-      K.value = !1, Q.value = !0, await q(e.transitionDuration), Q.value = !1, k.value = !0;
+      K.value = !1, Q.value = !0, await J(e.transitionDuration), Q.value = !1, k.value = !0;
     }, A = async () => {
-      k.value = !1, W.value = !0, await q(e.transitionDuration), W.value = !1, K.value = !0;
+      k.value = !1, W.value = !0, await J(e.transitionDuration), W.value = !1, K.value = !0;
     }, P = f(!1);
     let Y = !0;
     const we = async (l) => {
       e.debug && console.log("Running onInputFocus"), c("focus", l), P.value = !0, document.addEventListener("click", oe), document.addEventListener("focusin", ne), S.value instanceof HTMLInputElement && S.value.select(), e.prefill === "focus" && Y && !z && (await N({ prefill: !0 }), Y = !1);
-    }, ne = (l) => {
+    }, ne = async (l) => {
       if (e.debug && console.log("Running onFocusOutside"), l.target instanceof Node && F.value && v.value && !F.value.contains(l.target) && !v.value.contains(l.target)) {
-        A(), c("inactive"), document.removeEventListener("focusin", ne), P.value = !1, e.multiple && q(500).then(() => {
-          u.value = "";
-        });
+        A(), c("inactive"), document.removeEventListener("focusin", ne), P.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
     }, Ve = async (l) => {
@@ -343,45 +341,41 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         let a = !1;
         const t = e.modelValue;
         if (await Promise.race([
-          q(250),
+          J(250),
           Ze(() => t !== e.modelValue).then(() => {
             a = !0;
           })
         ]), !a) {
-          const n = m.value.get(e.modelValue);
+          const n = p.value.get(e.modelValue);
           n && (u.value = n.text);
         }
       }
     }, Oe = (l) => c("change", l), Ce = (l) => {
       e.debug && console.log("Running onInputInput"), c("input", l), u.value === "" && (e.multiple || c("update:modelValue", null)), typeof e.items == "function" && Te();
-    }, r = f(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 = f(null), ke = () => {
-      r.value !== null ? r.value++ : r.value = 0, se().then(() => {
-        var l;
-        if (_.value !== null) {
-          const a = (l = v.value) == null ? void 0 : l.querySelector(
-            `#${O.value[_.value].id}`
-          );
-          a instanceof HTMLElement && a.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "start"
-          });
-        }
-      });
-    }, _e = () => {
-      r.value !== null ? r.value-- : r.value = O.value.length - 1, se().then(() => {
-        var l;
-        if (_.value !== null) {
-          const a = (l = v.value) == null ? void 0 : l.querySelector(
-            `#${O.value[_.value].id}`
-          );
-          a instanceof HTMLElement && a.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "start"
-          });
-        }
-      });
+    }, r = f(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 = f(null), ke = async () => {
+      var l;
+      if (r.value !== null ? r.value++ : r.value = 0, await se(), _.value !== null) {
+        const a = (l = v.value) == null ? void 0 : l.querySelector(
+          `#${O.value[_.value].id}`
+        );
+        a instanceof HTMLElement && a.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "start"
+        });
+      }
+    }, _e = async () => {
+      var l;
+      if (r.value !== null ? r.value-- : r.value = O.value.length - 1, await se(), _.value !== null) {
+        const a = (l = v.value) == null ? void 0 : l.querySelector(
+          `#${O.value[_.value].id}`
+        );
+        a instanceof HTMLElement && a.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "start"
+        });
+      }
     }, Se = async (l) => {
       var a, t;
       if (e.readonly || e.disabled) {
@@ -506,11 +500,9 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           return;
         M(a), S.value instanceof HTMLInputElement && S.value.focus(), e.multiple || A();
       }
-    }, oe = (l) => {
+    }, oe = async (l) => {
       if (l.target instanceof Node && F.value && !F.value.contains(l.target)) {
-        A(), c("inactive"), document.removeEventListener("click", oe), P.value = !1, e.multiple && q(500).then(() => {
-          u.value = "";
-        });
+        A(), c("inactive"), document.removeEventListener("click", oe), P.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
     }, Be = Ge(
@@ -615,7 +607,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                 "bb-base-select__options-container--hidden": K.value
               }),
               role: "listbox",
-              style: Je({ transitionDuration: ve }),
+              style: qe({ transitionDuration: ve }),
               tabindex: -1
             }, [
               b(l.$slots, "options:prepend"),
@@ -689,7 +681,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           b(l.$slots, "spinner", {
             loading: !!d.value
           }, () => [
-            qe(Pe, { size: "sm" })
+            Je(Pe, { size: "sm" })
           ])
         ], 2)) : b(l.$slots, "append", { key: 0 })
       ], 512),