bitboss-ui 0.2.17 → 0.2.19

package/dist/index31.js

@@ -1,26 +1,26 @@
-import { defineComponent as Ne, ref as f, computed as g, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as b, createElementBlock as y, normalizeClass as x, renderSlot as h, createElementVNode as w, Fragment as D, renderList as j, toDisplayString as L, createBlock as se, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as ie, withDirectives as Fe, vModelDynamic as Ae, Teleport as Me, normalizeStyle as Je, createVNode as qe, mergeProps as ze, nextTick as oe } from "vue";
+import { defineComponent as Ne, ref as f, computed as g, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as b, createElementBlock as y, normalizeClass as x, renderSlot as h, createElementVNode as w, Fragment as D, renderList as j, toDisplayString as L, createBlock as se, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as oe, withDirectives as Fe, vModelDynamic as Ae, Teleport as Me, normalizeStyle as Je, createVNode as qe, mergeProps as ze, nextTick as ie } from "vue";
 import Pe from "./index115.js";
 import "./index158.js";
 import He from "./index119.js";
 import "./index185.js";
-import { autoUpdate as je, computePosition as Qe, flip as Ue, shift as We } from "./index207.js";
+import { autoUpdate as je, computePosition as Qe, flip as Ue, shift as We } from "./index214.js";
 import { deepEqual as re } from "./index123.js";
-import { head as le } from "./index223.js";
+import { head as le } from "./index221.js";
 import { isNotNil as I } from "./index124.js";
-import { last as Re } from "./index204.js";
+import { last as Re } from "./index211.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 "./index215.js";
-import { when as Ge } from "./index206.js";
-import { offset as Xe } from "./index212.js";
-const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "disabled", "id", "placeholder", "readonly"], tl = {
+import { waitFor as Ze } from "./index200.js";
+import { when as Ge } from "./index202.js";
+import { offset as Xe } from "./index219.js";
+const el = { class: "bb-base-select__input-container" }, ll = ["autocomplete", "autofocus", "disabled", "id", "placeholder", "readonly"], tl = {
   key: 0,
   class: "bb-base-select__loading-container"
 }, al = {
   key: 1,
   class: "bb-base-select__no-data-container"
-}, nl = ["aria-selected", "id"], ul = { class: "bb-base-select-option__content" }, sl = { class: "bb-base-select-option__text" }, il = { class: "bb-base-select__chevron" }, ol = /* @__PURE__ */ w("svg", {
+}, nl = ["aria-selected", "id"], ul = { class: "bb-base-select-option__content" }, sl = { class: "bb-base-select-option__text" }, ol = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ w("svg", {
   viewBox: "0 0 16 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -35,6 +35,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
   __name: "BaseSelect",
   props: {
     allowWriting: { type: Boolean, default: !0 },
+    autocomplete: {},
     autofocus: {},
     dependencies: {},
     depsDebounceTime: { default: 0 },
@@ -69,7 +70,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
     const l = de, c = ce;
     if (l.multiple && !Array.isArray(l.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const F = f(null), E = f(null), v = f(null), T = f(null), s = f(""), fe = g(() => o.value.length ? "" : l.placeholder), d = f(0), ve = l.transitionDuration / 1e3 + "s";
+    const F = f(null), E = f(null), v = f(null), T = f(null), s = f(""), fe = g(() => i.value.length ? "" : l.placeholder), d = f(0), ve = l.transitionDuration / 1e3 + "s";
     let te;
     $e(async () => {
       E.value && v.value && (te = je(
@@ -123,7 +124,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
       );
     }), k = g(() => {
       let e = [];
-      return s.value && !o.value.some(
+      return s.value && !i.value.some(
         (a) => a.text === s.value
       ) ? e = C.value.filter((a) => {
         let t = !1;
@@ -192,7 +193,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), o = g(() => [].concat(l.modelValue).reduce((e, a) => {
+    }), i = g(() => [].concat(l.modelValue).reduce((e, a) => {
       const t = p.value.get(a);
       return t && e.push(t), e;
     }, [])), A = (e) => {
@@ -339,8 +340,8 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
       }
     }, Ce = (e) => c("change", e), ke = (e) => {
       c("input", e), s.value === "" && (l.multiple || c("update:modelValue", null)), typeof l.items == "function" && Se();
-    }, r = f(null), O = g(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = k.value.length - 1), r.value % k.value.length) : r.value), i = f(null), _e = () => {
-      r.value !== null ? r.value++ : r.value = 0, oe().then(() => {
+    }, r = f(null), O = g(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = k.value.length - 1), r.value % k.value.length) : r.value), o = f(null), _e = () => {
+      r.value !== null ? r.value++ : r.value = 0, ie().then(() => {
         var e;
         if (O.value !== null) {
           const a = (e = v.value) == null ? void 0 : e.querySelector(
@@ -354,7 +355,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
         }
       });
     }, Oe = () => {
-      r.value !== null ? r.value-- : r.value = C.value.length - 1, oe().then(() => {
+      r.value !== null ? r.value-- : r.value = C.value.length - 1, ie().then(() => {
         var e;
         if (O.value !== null) {
           const a = (e = v.value) == null ? void 0 : e.querySelector(
@@ -378,29 +379,29 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
           {
             if (e.preventDefault(), d.value)
               return;
-            i.value = null, _.value ? Oe() : (o.value.length && (r.value = le(o.value).index), await $());
+            o.value = null, _.value ? Oe() : (i.value.length && (r.value = le(i.value).index), await $());
           }
           break;
         case "ArrowDown":
           {
             if (e.preventDefault(), d.value)
               return;
-            i.value = null, _.value ? _e() : (o.value.length && (r.value = le(o.value).index), await $());
+            o.value = null, _.value ? _e() : (i.value.length && (r.value = le(i.value).index), await $());
           }
           break;
         case "ArrowLeft":
           {
             if (d.value)
               return;
-            if (!s.value && o.value.length && (i.value === null ? i.value = o.value.length - 1 : i.value > 0 ? i.value-- : i.value = null, i.value !== null)) {
-              let n = o.value[i.value], u = (a = v.value) == null ? void 0 : a.querySelector(
+            if (!s.value && i.value.length && (o.value === null ? o.value = i.value.length - 1 : o.value > 0 ? o.value-- : o.value = null, o.value !== null)) {
+              let n = i.value[o.value], u = (a = v.value) == null ? void 0 : a.querySelector(
                 `#${n.id}`
               );
               u && (u.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[o.value[i.value].id].index);
+              }), r.value = z.value[i.value[o.value].id].index);
             }
           }
           break;
@@ -408,15 +409,15 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
           {
             if (d.value)
               return;
-            if (!s.value && o.value.length && (i.value === null ? i.value = 0 : i.value < o.value.length - 1 ? i.value++ : i.value = null, i.value !== null)) {
-              let n = o.value[i.value], u = (t = v.value) == null ? void 0 : t.querySelector(
+            if (!s.value && i.value.length && (o.value === null ? o.value = 0 : o.value < i.value.length - 1 ? o.value++ : o.value = null, o.value !== null)) {
+              let n = i.value[o.value], u = (t = v.value) == null ? void 0 : t.querySelector(
                 `#${n.id}`
               );
               u && (u.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[o.value[i.value].id].index);
+              }), r.value = z.value[i.value[o.value].id].index);
             }
           }
           break;
@@ -425,7 +426,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
             if (e.preventDefault(), d.value)
               return;
             if (!_.value)
-              k.value.length && o.value.length && (r.value = le(o.value).index), await $();
+              k.value.length && i.value.length && (r.value = le(i.value).index), await $();
             else if (O.value !== null) {
               if (k.value[O.value].disabled)
                 return;
@@ -447,7 +448,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
           break;
         case "Tab":
         case "Escape":
-          _.value && await M(), c("inactive"), i.value = null, r.value = null;
+          _.value && await M(), c("inactive"), o.value = null, r.value = null;
           break;
         case "Shift":
           if (d.value)
@@ -457,19 +458,19 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
           {
             if (d.value)
               return;
-            s.value || o.value.length && (i.value === null ? i.value = o.value.length - 1 : (A(
-              o.value[i.value]
-            ), o.value.length ? i.value = Math.max(
+            s.value || i.value.length && (o.value === null ? o.value = i.value.length - 1 : (A(
+              i.value[o.value]
+            ), i.value.length ? o.value = Math.max(
               Math.min(
-                i.value,
-                o.value.length - 2
+                o.value,
+                i.value.length - 2
               ),
               0
-            ) : i.value = null)), await $();
+            ) : o.value = null)), await $();
           }
           break;
         default:
-          i.value = null, r.value = null, await $();
+          o.value = null, r.value = null, await $();
           break;
       }
     };
@@ -532,18 +533,18 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
         h(e.$slots, "prepend"),
         w("span", el, [
           e.multiple ? (b(), y(D, { key: 0 }, [
-            e.comma ? (b(!0), y(D, { key: 0 }, j(o.value, (t, n) => (b(), y("span", {
+            e.comma ? (b(!0), y(D, { key: 0 }, j(i.value, (t, n) => (b(), y("span", {
               class: x({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--comma": !0,
-                "bb-base-select__selected--focused": n === i.value
+                "bb-base-select__selected--focused": n === o.value
               }),
               key: t.id
-            }, L(t.text) + L(n < o.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(D, { key: 1 }, j(o.value, (t, n) => (b(), se(Pe, {
+            }, L(t.text) + L(n < i.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(D, { key: 1 }, j(i.value, (t, n) => (b(), se(Pe, {
               class: x({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--chip": !0,
-                "bb-base-select__selected--focused": n === i.value
+                "bb-base-select__selected--focused": n === o.value
               }),
               clearable: !0,
               key: t.id,
@@ -567,8 +568,9 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
               ]),
               _: 2
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
-          ], 64)) : ie("", !0),
+          ], 64)) : oe("", !0),
           Fe(w("input", {
+            autocomplete: e.autocomplete,
             autofocus: e.autofocus,
             class: x("bb-base-select__text-input"),
             disabled: e.disabled,
@@ -607,7 +609,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
                 h(e.$slots, "loading", { query: s.value }, () => [
                   ee(L(e.loadingText), 1)
                 ])
-              ])) : k.value.length ? ie("", !0) : (b(), y("span", al, [
+              ])) : k.value.length ? oe("", !0) : (b(), y("span", al, [
                 h(e.$slots, "no-data", { query: s.value }, () => [
                   ee(L(e.noDataText), 1)
                 ])
@@ -655,12 +657,12 @@ const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "dis
             ], 6)
           ]))
         ]),
-        w("span", il, [
+        w("span", ol, [
           h(e.$slots, "chevron", {
             loading: !!d.value,
             shown: _.value
           }, () => [
-            ol
+            il
           ])
         ]),
         d.value ? (b(), y("span", {