bitboss-ui 2.0.116 → 2.0.118

package/dist/index249.js

@@ -1,117 +1,14 @@
-import { getCurrentScope as F, onScopeDispose as O, unref as g, onMounted as x, nextTick as S, isRef as W, getCurrentInstance as C, watch as P } from "vue";
-function V(e) {
-  return F() ? (O(e), !0) : !1;
-}
-function m(e) {
-  return typeof e == "function" ? e() : g(e);
-}
-const A = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const E = (e) => e != null, v = Object.prototype.toString, I = (e) => v.call(e) === "[object Object]", p = () => {
-};
-function h(e, o) {
-  function t(...n) {
-    return new Promise((r, i) => {
-      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(r).catch(i);
-    });
-  }
-  return t;
-}
-const M = (e) => e();
-function T(e, o = {}) {
-  let t, n, r = p;
-  const i = (c) => {
-    clearTimeout(c), r(), r = p;
-  };
-  return (c) => {
-    const l = m(e), u = m(o.maxWait);
-    return t && i(t), l <= 0 || u !== void 0 && u <= 0 ? (n && (i(n), n = null), Promise.resolve(c())) : new Promise((s, w) => {
-      r = o.rejectOnCancel ? w : s, u && !n && (n = setTimeout(() => {
-        t && i(t), n = null, s(c());
-      }, u)), t = setTimeout(() => {
-        n && i(n), n = null, s(c());
-      }, l);
-    });
-  };
-}
-function R(...e) {
-  let o = 0, t, n = !0, r = p, i, a, c, l, u;
-  !W(e[0]) && typeof e[0] == "object" ? { delay: a, trailing: c = !0, leading: l = !0, rejectOnCancel: u = !1 } = e[0] : [a, c = !0, l = !0, u = !1] = e;
-  const s = () => {
-    t && (clearTimeout(t), t = void 0, r(), r = p);
-  };
-  return (j) => {
-    const f = m(a), b = Date.now() - o, d = () => i = j();
-    return s(), f <= 0 ? (o = Date.now(), d()) : (b > f && (l || !n) ? (o = Date.now(), d()) : c && (i = new Promise((y, D) => {
-      r = u ? D : y, t = setTimeout(() => {
-        o = Date.now(), n = !0, y(d()), s();
-      }, Math.max(0, f - b));
-    })), !l && !t && (t = setTimeout(() => n = !0, f)), n = !1, i);
-  };
-}
-function k(e) {
-  return C();
-}
-function N(e, o = 200, t = {}) {
-  return h(
-    T(o, t),
-    e
-  );
-}
-function _(e, o = 200, t = !1, n = !0, r = !1) {
-  return h(
-    R(o, t, n, r),
-    e
-  );
-}
-function G(e, o, t = {}) {
-  const {
-    eventFilter: n = M,
-    ...r
-  } = t;
-  return P(
-    e,
-    h(
-      n,
-      o
-    ),
-    r
-  );
-}
-function q(e, o = !0, t) {
-  k() ? x(e, t) : o ? e() : S(e);
-}
-function z(e, o, t = {}) {
-  const {
-    debounce: n = 0,
-    maxWait: r = void 0,
-    ...i
-  } = t;
-  return G(
-    e,
+import { hash as e } from "./index231.js";
+import { debouncedWatch as s } from "./index238.js";
+const n = (o, c, h) => {
+  s(
     o,
-    {
-      ...i,
-      eventFilter: T(n, { maxWait: r })
-    }
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
   );
-}
+};
 export {
-  M as bypassFilter,
-  h as createFilterWrapper,
-  T as debounceFilter,
-  z as debouncedWatch,
-  k as getLifeCycleTarget,
-  A as isClient,
-  I as isObject,
-  p as noop,
-  E as notNullish,
-  R as throttleFilter,
-  m as toValue,
-  q as tryOnMounted,
-  V as tryOnScopeDispose,
-  N as useDebounceFn,
-  _ as useThrottleFn,
-  z as watchDebounced,
-  G as watchWithFilter
+  n as useHashedWatcher
 };

package/dist/index25.js

@@ -1,14 +1,14 @@
 import { defineComponent as ne, ref as o, computed as u, getCurrentInstance as re, nextTick as N, useAttrs as ue, onMounted as de, onBeforeUnmount as G, watch as ce, openBlock as _, createBlock as ve, withCtx as fe, createElementVNode as a, mergeProps as P, createElementBlock as $, renderSlot as d, createTextVNode as be, toDisplayString as K, createCommentVNode as z } from "vue";
-import { throttle as pe } from "./index246.js";
-import { useFocusTrap as me } from "./index231.js";
+import { throttle as pe } from "./index226.js";
+import { useFocusTrap as me } from "./index215.js";
 import { useId as U } from "./index8.js";
 import { wait as H } from "./index130.js";
-import { waitFor as ge } from "./index234.js";
-import { useModalsState as C } from "./index247.js";
-import { useLogger as ye } from "./index240.js";
+import { waitFor as ge } from "./index218.js";
+import { useModalsState as C } from "./index227.js";
+import { useLogger as ye } from "./index228.js";
 import { useMobile as he } from "./index9.js";
-import we from "./index235.js";
-import { useLocale as ke } from "./index232.js";
+import we from "./index219.js";
+import { useLocale as ke } from "./index216.js";
 const _e = { class: "bb-base-dialog-close" }, Ce = ["aria-label"], Se = /* @__PURE__ */ ne({
   __name: "BaseDialog",
   props: {

package/dist/index250.js

@@ -1,4 +1,18 @@
-const o = (e) => e[0];
+import { isNotNil as n } from "./index134.js";
+import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
+const h = ({
+  fn: i,
+  onStart: s,
+  multiple: f,
+  currentValue: o
+}) => {
+  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
+    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
+  };
+  return a && (u(r), c(async () => {
+    l.value || await r();
+  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
+};
 export {
-  o as head
+  h as usePrefill
 };

package/dist/index251.js

@@ -1,4 +1,4 @@
-const r = (e) => typeof e > "u" || e === null;
+const o = (e) => e[0];
 export {
-  r as isNil
+  o as head
 };

package/dist/index252.js

@@ -1,4 +1,4 @@
-import f from "./index308.js";
+const r = (e) => typeof e > "u" || e === null;
 export {
-  f as default
+  r as isNil
 };

package/dist/index253.js

@@ -1,4 +1,4 @@
-import { isNil as c } from "./index251.js";
+import { isNil as c } from "./index252.js";
 const a = (t, r) => {
   if (!Object.prototype.hasOwnProperty.call(t, r))
     throw new Error(

package/dist/index254.js

@@ -1,6 +1,6 @@
 import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index219.js";
-import { isNil as l } from "./index251.js";
+import { hash as d } from "./index231.js";
+import { isNil as l } from "./index252.js";
 import E from "./index125.js";
 /* empty css         */
 const K = /* @__PURE__ */ y({

package/dist/index256.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index219.js";
-import { isNil as i } from "./index251.js";
+import { hash as f } from "./index231.js";
+import { isNil as i } from "./index252.js";
 const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
   __name: "CommaBox",
   props: {

package/dist/index259.js

@@ -1,12 +1,216 @@
-const o = (t, r) => {
-  const e = {};
-  for (const c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      const n = t[c];
-      r(n, c, t) && (e[c] = n);
-    }
-  return e;
-};
+import { defineComponent as U, ref as b, computed as f, watch as $, openBlock as d, createElementBlock as c, normalizeClass as B, normalizeStyle as h, withModifiers as X, createElementVNode as x, renderSlot as v, createTextVNode as H, toDisplayString as g, unref as N, Fragment as Z, renderList as ee } from "vue";
+import { isNil as m } from "./index252.js";
+import { useVirtualizer as te } from "./index327.js";
+import { isNotNil as oe } from "./index134.js";
+import { hash as V } from "./index231.js";
+import { useLocale as ne } from "./index216.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(z, { expose: L, emit: C }) {
+    const o = z, _ = C, { t: y } = ne(), s = b(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = f(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), p = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && p.value.measureElement(e);
+    }, M = f(() => p.value.getVirtualItems()), A = f(() => p.value.getTotalSize()), n = b(null), a = f(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (e = 1) => {
+      const l = m(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = I(e + 1);
+      return t;
+    }, P = () => {
+      if (!a.value) return;
+      const e = I();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = m(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, R = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && p.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, T = () => {
+      if (m(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, w = b(0), D = () => {
+      s.value && (w.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; m(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const E = o.options[+r];
+          E && G(E) && (n.value = +r, T());
+        }
+      }
+    }, Q = () => m(n.value) ? void 0 : o.options[n.value];
+    return $(
+      () => o.open,
+      () => {
+        D();
+      },
+      { flush: "post" }
+    ), $(
+      () => o.options,
+      (e, l) => {
+        V(e.map((t) => t.valueHash)) !== V(l.map((t) => t.valueHash)) && (p.value.calculateRange(), D(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), L({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: T,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (d(), c("div", {
+      class: B(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--open": e.open,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--no-data": !i.value.length
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${w.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      x("div", le, [
+        x("div", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          v(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (d(), c("div", ie, [
+            v(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || N(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (d(), c("div", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (d(!0), c(Z, null, ee(M.value, (t, r) => (d(), c("div", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: B({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              x("span", ue, [
+                v(e.$slots, "option", {
+                  disabled: !!i.value[t.index].disabled,
+                  focused: n.value === t.index,
+                  index: t.index,
+                  item: i.value[t.index].item,
+                  selected: !!i.value[t.index].selected,
+                  text: i.value[t.index].text,
+                  value: i.value[t.index].value
+                }, () => [
+                  x("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (d(), c("div", se, [
+            v(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || N(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          v(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  o as pickBy
+  xe as default
 };

package/dist/index260.js

@@ -1,5 +1,12 @@
-const o = () => {
+const o = (t, r) => {
+  const e = {};
+  for (const c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      const n = t[c];
+      r(n, c, t) && (e[c] = n);
+    }
+  return e;
 };
 export {
-  o as noop
+  o as pickBy
 };

package/dist/index261.js

@@ -1,11 +1,5 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
-  }
-  return -1;
+const o = () => {
 };
 export {
-  o as findRightIndex
+  o as noop
 };

package/dist/index262.js

@@ -1,25 +1,11 @@
-const e = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, n = [
-  `a[href]${e.inert}${e.negTabIndex}`,
-  `area[href]${e.inert}${e.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
-  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
-  `select${e.inert}${e.negTabIndex}${e.disabled}`,
-  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
-  `button${e.inert}${e.negTabIndex}${e.disabled}`,
-  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${e.inert}${e.negTabIndex}`,
-  `audio[controls]${e.inert}${e.negTabIndex}`,
-  `video[controls]${e.inert}${e.negTabIndex}`,
-  `[contenteditable]${e.inert}${e.negTabIndex}`,
-  `[tabindex]${e.inert}${e.negTabIndex}`
-];
+const o = (n, t) => {
+  for (let e = n.length - 1; e >= 0; e--) {
+    const i = n[e];
+    if (t(i, e, n))
+      return e;
+  }
+  return -1;
+};
 export {
-  n as default
+  o as findRightIndex
 };

package/dist/index263.js

@@ -1,92 +1,25 @@
-import { defineComponent as h, toRef as y, ref as r, computed as a, watch as $, openBlock as b, createBlock as A, withCtx as k, createElementBlock as x, mergeProps as o, createElementVNode as c, renderSlot as B } from "vue";
-import C from "./index235.js";
-import f from "./index327.js";
-import { useFloating as D, arrow as E } from "./index222.js";
-import { autoUpdate as P, flip as F, offset as S, shift as T } from "./index237.js";
-const W = /* @__PURE__ */ h({
-  __name: "CommonFloating",
-  props: {
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: {},
-    placement: {},
-    theme: {},
-    transitionDuration: {},
-    containerAttributes: { default: () => ({}) },
-    bubbleAttributes: {},
-    wrapper: {},
-    baseClass: {},
-    open: { type: Boolean },
-    teleportTarget: {}
-  },
-  setup(d) {
-    const e = d, m = y(e, "wrapper"), n = r(), l = r(), i = r(), { floatingStyles: g, placement: w, middlewareData: s } = D(
-      n,
-      l,
-      {
-        placement: e.placement,
-        whileElementsMounted: P,
-        middleware: [
-          F(),
-          S(e.offset),
-          T({ padding: e.padding }),
-          E({
-            element: i,
-            padding: e.arrowPadding
-          })
-        ]
-      }
-    ), _ = a(() => {
-      if (s.value.arrow) {
-        const { x: t, y: u } = s.value.arrow;
-        return {
-          style: {
-            left: `${t}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), p = a(() => f({}, e.containerAttributes, {
-      class: {
-        "bb-floating": !0,
-        [`bb-floating--${w.value}`]: !0,
-        [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
-        "bb-floating--hidden": !e.open,
-        "bb-floating--open": e.open
-      },
-      style: {
-        ...g.value,
-        "--transition-duration": `${e.transitionDuration}ms`
-      },
-      tabindex: e.open ? void 0 : -1
-    })), v = a(() => f({}, e.bubbleAttributes, {}));
-    return $(
-      () => e.open,
-      (t) => {
-        t && (n.value = m.value);
-      }
-    ), (t, u) => (b(), A(C, { target: t.teleportTarget }, {
-      default: k(() => [
-        (b(), x("span", o(p.value, {
-          key: p.value.id,
-          ref_key: "content",
-          ref: l
-        }), [
-          c("span", o({
-            ref_key: "bubblearrow",
-            ref: i,
-            class: "bb-floating__arrow"
-          }, _.value), null, 16),
-          c("span", o({ class: "bb-floating__bubble" }, v.value), [
-            B(t.$slots, "default")
-          ], 16)
-        ], 16))
-      ]),
-      _: 3
-    }, 8, ["target"]));
-  }
-});
+const e = {
+  inert: ":not([inert]):not([inert] *)",
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ":not(:disabled)"
+}, n = [
+  `a[href]${e.inert}${e.negTabIndex}`,
+  `area[href]${e.inert}${e.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
+  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
+  `select${e.inert}${e.negTabIndex}${e.disabled}`,
+  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
+  `button${e.inert}${e.negTabIndex}${e.disabled}`,
+  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
+  `iframe${e.inert}${e.negTabIndex}`,
+  `audio[controls]${e.inert}${e.negTabIndex}`,
+  `video[controls]${e.inert}${e.negTabIndex}`,
+  `[contenteditable]${e.inert}${e.negTabIndex}`,
+  `[tabindex]${e.inert}${e.negTabIndex}`
+];
 export {
-  W as default
+  n as default
 };