bitboss-ui 0.2.41 → 0.2.42

package/dist/index31.js

@@ -3,17 +3,17 @@ 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 "./index214.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 "./index221.js";
+import { head as le } from "./index223.js";
 import { isNotNil as B } from "./index124.js";
-import { last as We } from "./index212.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 J } from "./index122.js";
-import { waitFor as Ze } from "./index199.js";
-import { when as Ge } from "./index202.js";
-import { offset as Xe } from "./index219.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 = {
   key: 0,
   class: "bb-base-select__loading-container"
@@ -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 q = m.value.get(T);
+                  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.debug && console.log("watch.modelValue assigned to query"), e.stash && (p.value = [t], e.debug && console.log("watch.modelValue assigned to stash"))) : 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((q) => {
-                let G = m.value.get(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));
@@ -331,11 +331,9 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
     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 && J(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) => {
@@ -348,40 +346,36 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
             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 && J(500).then(() => {
-          u.value = "";
-        });
+        A(), c("inactive"), document.removeEventListener("click", oe), P.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
     }, Be = Ge(