bitboss-ui 2.0.31 → 2.0.32

package/dist/index104.js

@@ -1,15 +1,15 @@
-import { defineComponent as ae, ref as u, computed as _, getCurrentInstance as se, watch as h, nextTick as ie, onMounted as ne, onBeforeUnmount as re, openBlock as b, createElementBlock as y, unref as oe, normalizeClass as x, createElementVNode as c, renderSlot as m, normalizeProps as M, guardReactiveProps as O, normalizeStyle as ue, Fragment as j, renderList as G, createVNode as Q, withCtx as T, toDisplayString as de, createBlock as ce, Transition as be, createCommentVNode as fe } from "vue";
-import { useId as he } from "./index8.js";
-import { useRoute as ye } from "./index132.js";
-import { useRouter as me } from "./index133.js";
-import { wait as ve } from "./index127.js";
-import { useScroll as pe } from "./index128.js";
+import { defineComponent as ae, ref as u, computed as _, getCurrentInstance as se, watch as h, nextTick as ie, onMounted as ne, openBlock as b, createElementBlock as y, unref as re, normalizeClass as x, createElementVNode as c, renderSlot as m, normalizeProps as J, guardReactiveProps as M, normalizeStyle as oe, Fragment as O, renderList as j, createVNode as G, withCtx as T, toDisplayString as ue, createBlock as de, Transition as ce, createCommentVNode as be } from "vue";
+import { useId as fe } from "./index8.js";
+import { useRoute as he } from "./index132.js";
+import { useRouter as ye } from "./index133.js";
+import { wait as me } from "./index127.js";
+import { useScroll as ve, useWindowSize as pe } from "./index128.js";
 import ke from "./index13.js";
 /* empty css        */
 import ge from "./index123.js";
 /* empty css         */
-import { useDebounceFn as _e } from "./index198.js";
-const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-tab__label" }, Se = { class: "bb-tab__panes-container" }, xe = ["id", "aria-labelledby"], Fe = /* @__PURE__ */ ae({
+import { debouncedWatch as _e } from "./index199.js";
+const we = ["id"], $e = { class: "bb-tab__label-boundary" }, Se = { class: "bb-tab__label" }, qe = { class: "bb-tab__panes-container" }, xe = ["id", "aria-labelledby"], Fe = /* @__PURE__ */ ae({
   __name: "BbTab",
   props: {
     disabled: { type: Boolean },
@@ -24,21 +24,21 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
     replace: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(X, { expose: Y, emit: Z }) {
-    var F, N, U, A, H, K, W;
-    const t = X, ee = Z, d = ye(), w = me(), $ = u(), L = t.id ?? he().id.value, v = `bb-tab_${L}`, p = u(), { isScrolling: te, arrivedState: I } = pe(p), B = _(() => ({
-      isScrolling: te.value,
-      left: I.left,
-      right: I.right
-    })), V = !!((N = (F = se()) == null ? void 0 : F.proxy) != null && N.$inertia), s = u(null), r = _(
+  setup(Q, { expose: X, emit: Y }) {
+    var z, F, N, A, H, U, W;
+    const t = Q, Z = Y, d = he(), w = ye(), $ = u(), I = t.id ?? fe().id.value, v = `bb-tab_${I}`, p = u(), { isScrolling: ee, arrivedState: L } = ve(p), V = _(() => ({
+      isScrolling: ee.value,
+      left: L.left,
+      right: L.right
+    })), B = !!((F = (z = se()) == null ? void 0 : z.proxy) != null && F.$inertia), s = u(null), r = _(
       () => t.items.findIndex((e) => e.key === s.value)
     ), k = _(() => r.value === 0), g = _(() => r.value === t.items.length - 1);
     if (t.items.forEach((e) => {
       if (!e.key)
         throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
-    }), t.navigation && ((A = (U = d.value) == null ? void 0 : U.query) != null && A[t.querykey]))
-      s.value = (K = (H = d.value) == null ? void 0 : H.query) == null ? void 0 : K[t.querykey];
-    else if (t.navigation && V && ((W = globalThis == null ? void 0 : globalThis.location) != null && W.href) && new URL(globalThis.location.href).searchParams.get(t.querykey))
+    }), t.navigation && ((A = (N = d.value) == null ? void 0 : N.query) != null && A[t.querykey]))
+      s.value = (U = (H = d.value) == null ? void 0 : H.query) == null ? void 0 : U[t.querykey];
+    else if (t.navigation && B && ((W = globalThis == null ? void 0 : globalThis.location) != null && W.href) && new URL(globalThis.location.href).searchParams.get(t.querykey))
       s.value = new URL(globalThis.location.href).searchParams.get(
         t.querykey
       );
@@ -54,20 +54,20 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
       s.value = a;
     }
     const f = async (e, a = !1) => {
-      var l, n, i, J;
+      var l, n, i, K;
       if (t.navigation && d.value && ((n = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : n[t.querykey]) !== e)
         w == null || w.push({
           ...d,
           query: { ...(i = d.value) == null ? void 0 : i.query, [t.querykey]: e },
           replace: a
         });
-      else if (t.navigation && V && ((J = globalThis == null ? void 0 : globalThis.location) != null && J.href) && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
-        const S = new URL(globalThis.location.href);
-        S.searchParams.set(t.querykey, e), ve(0).then(() => {
-          a ? history.replaceState({}, "", S.toString()) : history.pushState({}, "", S.toString());
+      else if (t.navigation && B && ((K = globalThis == null ? void 0 : globalThis.location) != null && K.href) && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
+        const q = new URL(globalThis.location.href);
+        q.searchParams.set(t.querykey, e), me(0).then(() => {
+          a ? history.replaceState({}, "", q.toString()) : history.pushState({}, "", q.toString());
         });
       }
-      t.modelValue !== e && ee("update:modelValue", e), s.value = e;
+      t.modelValue !== e && Z("update:modelValue", e), s.value = e;
     };
     s.value && f(s.value, !0);
     const o = (e) => {
@@ -101,7 +101,7 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
         `#${v}_tab_${l}`
       );
       n == null || n.focus(), f(l, t.replace);
-    }, le = (e) => {
+    }, te = (e) => {
       if (!t.disabled)
         if (e.key === "ArrowRight")
           o("next");
@@ -154,27 +154,23 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
       },
       { flush: "sync" }
     );
-    const E = u(0), R = u(0), z = u(0), P = u(0), q = () => {
+    const R = u(0), E = u(0), P = u(0), D = u(0), S = () => {
       if (!p.value) return;
       const e = p.value.querySelector(
         ".bb-tab__btn--active"
       );
-      e && (z.value = e.offsetLeft, P.value = e.offsetTop, E.value = e.clientWidth, R.value = e.clientHeight);
+      e && (P.value = e.offsetLeft, D.value = e.offsetTop, R.value = e.clientWidth, E.value = e.clientHeight);
     };
-    ne(() => {
-      q(), document.addEventListener("resize", D, { passive: !0 });
-    }), re(() => {
-      document.removeEventListener("resize", D, { passive: !0 });
-    }), h(s, q, { flush: "post" });
-    const D = _e(q, 200);
-    return Y({
+    ne(S), h(s, S, { flush: "post" });
+    const { width: le } = pe();
+    return _e(le, S, { debounce: 200 }), X({
       isFirst: k,
       isLast: g,
       current: s,
       currentIndex: r,
       goTo: o
     }), (e, a) => (b(), y("div", {
-      id: oe(L),
+      id: re(I),
       ref_key: "tabs",
       ref: $,
       class: x(["bb-tab", {
@@ -184,7 +180,7 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
     }, [
       c("div", $e, [
         c("span", null, [
-          m(e.$slots, "header:prepend", M(O(B.value)))
+          m(e.$slots, "header:prepend", J(M(V.value)))
         ]),
         c("ul", {
           ref_key: "tablist",
@@ -194,18 +190,18 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
         }, [
           c("span", {
             class: "bb-tab__highlight",
-            style: ue({
-              "--width": `${E.value}px`,
-              "--height": `${R.value}px`,
-              "--left": `${z.value}px`,
-              "--top": `${P.value}px`
+            style: oe({
+              "--width": `${R.value}px`,
+              "--height": `${E.value}px`,
+              "--left": `${P.value}px`,
+              "--top": `${D.value}px`
             })
           }, null, 4),
-          (b(!0), y(j, null, G(e.items, (l) => (b(), y("li", {
+          (b(!0), y(O, null, j(e.items, (l) => (b(), y("li", {
             key: l.key,
             role: "presentation"
           }, [
-            Q(ke, {
+            G(ke, {
               id: `${v}_tab_${l.key}`,
               "aria-selected": s.value === l.key,
               class: x(["bb-tab__btn", { "bb-tab__btn--active": s.value === l.key }]),
@@ -213,7 +209,7 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
               role: "tab",
               tabindex: s.value === l.key ? 0 : -1,
               onClick: (n) => f(l.key, t.replace),
-              onKeydown: le
+              onKeydown: te
             }, {
               default: T(() => [
                 m(e.$slots, `label-${l.key}`, {
@@ -238,7 +234,7 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
                     text: l.label,
                     value: l.key
                   }, () => [
-                    c("span", qe, de(l.label), 1)
+                    c("span", Se, ue(l.label), 1)
                   ])
                 ])
               ]),
@@ -247,13 +243,13 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
           ]))), 128))
         ], 512),
         c("span", null, [
-          m(e.$slots, "header:append", M(O(B.value)))
+          m(e.$slots, "header:append", J(M(V.value)))
         ])
       ]),
-      c("div", Se, [
-        Q(ge, null, {
+      c("div", qe, [
+        G(ge, null, {
           default: T(() => [
-            (b(!0), y(j, null, G(e.items, (l) => (b(), ce(be, {
+            (b(!0), y(O, null, j(e.items, (l) => (b(), de(ce, {
               key: l.key,
               css: e.animate,
               name: `tab-slide-${C.value}`
@@ -280,7 +276,7 @@ const we = ["id"], $e = { class: "bb-tab__label-boundary" }, qe = { class: "bb-t
                     text: l.label,
                     value: l.key
                   })
-                ], 10, xe)) : fe("", !0)
+                ], 10, xe)) : be("", !0)
               ]),
               _: 2
             }, 1032, ["css", "name"]))), 128))

package/dist/index106.js

@@ -1,15 +1,15 @@
 import { defineComponent as oe, ref as x, computed as h, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as k, createElementVNode as s, renderSlot as f, createVNode as I, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index253.js";
-import { clamp as pe } from "./index199.js";
+import { add as ue } from "./index286.js";
+import { clamp as pe } from "./index198.js";
 import { isNil as M } from "./index125.js";
 import { useId as fe } from "./index8.js";
-import { useItemValue as me } from "./index254.js";
-import { when as he } from "./index201.js";
+import { useItemValue as me } from "./index262.js";
+import { when as he } from "./index223.js";
 import J from "./index15.js";
 /* empty css        */
 import ye from "./index29.js";
 /* empty css        */
-import { useOptions as _e } from "./index231.js";
+import { useOptions as _e } from "./index214.js";
 const ke = {
   key: 0,
   class: "sr-only"

package/dist/index114.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as f, Fragment as d, renderList as _, unref as r, mergeProps as b } from "vue";
 import { state as k, useToast as C } from "./index11.js";
-import B from "./index271.js";
+import B from "./index292.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {

package/dist/index116.js

@@ -1,12 +1,12 @@
 import { defineComponent as z, defineAsyncComponent as A, ref as a, computed as _, watch as I, openBlock as b, createElementBlock as R, mergeProps as U, createElementVNode as c, renderSlot as D, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as L, withCtx as $, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index222.js";
+import { useFloating as q, arrow as G } from "./index228.js";
 import { useId as J } from "./index8.js";
 import { wait as P } from "./index127.js";
 import K from "./index13.js";
 /* empty css        */
-import { throttle as w } from "./index205.js";
-import { waitFor as Q } from "./index207.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index230.js";
+import { throttle as w } from "./index217.js";
+import { waitFor as Q } from "./index219.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index233.js";
 const ee = /* @__PURE__ */ c("svg", {
   fill: "none",
   viewBox: "0 0 24 24",
@@ -35,7 +35,7 @@ const ee = /* @__PURE__ */ c("svg", {
   },
   setup(F) {
     const O = A(
-      () => import("./index243.js")
+      () => import("./index270.js")
     ), t = F, g = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), T = a(), { floatingStyles: te, placement: h, middlewareData: f } = q(
       s,
       d,

package/dist/index118.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index272.js";
+import { flattenTree as T } from "./index288.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index122.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as z, openBlock as _, createElementBlock as b, mergeProps as h } from "vue";
-import { isCssColor as w } from "./index200.js";
+import { isCssColor as w } from "./index222.js";
 const g = ["innerHTML"], $ = /* @__PURE__ */ m({
   __name: "BbIcon",
   props: {

package/dist/index123.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index205.js";
+import { throttle as g } from "./index217.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index124.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as l, openBlock as _, createElementBlock as a, normalizeProps as b, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index200.js";
+import { isCssColor as u } from "./index222.js";
 const y = /* @__PURE__ */ m('<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle></svg>', 1), d = [
   y
 ], g = /* @__PURE__ */ p({

package/dist/index126.js

@@ -1,4 +1,4 @@
-import { clamp as o } from "./index199.js";
+import { clamp as o } from "./index198.js";
 const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
   value: t = 0,
   originalBounds: e,

package/dist/index128.js

@@ -1,27 +1,27 @@
-import { toValue as S, notNullish as $, noop as _, tryOnScopeDispose as R, useDebounceFn as q, useThrottleFn as G, tryOnMounted as Q, isClient as J, isObject as K } from "./index198.js";
-import { createFilterWrapper as fe, debounceFilter as ve, getLifeCycleTarget as de, throttleFilter as me } from "./index198.js";
-import { computed as O, ref as T, watch as V, reactive as k, getCurrentInstance as U, onMounted as Z, watchEffect as ee } from "vue";
-function F(l) {
+import { toValue as S, notNullish as $, noop as _, tryOnScopeDispose as R, useDebounceFn as q, useThrottleFn as G, tryOnMounted as Q, isClient as J, isObject as K } from "./index199.js";
+import { bypassFilter as fe, createFilterWrapper as ve, debounceFilter as de, debouncedWatch as he, getLifeCycleTarget as me, throttleFilter as pe, debouncedWatch as be, watchWithFilter as ge } from "./index199.js";
+import { computed as O, ref as T, watch as V, reactive as k, watchEffect as U, getCurrentInstance as Z, onMounted as ee } from "vue";
+function N(l) {
   var r;
   const t = S(l);
   return (r = t == null ? void 0 : t.$el) != null ? r : t;
 }
-const H = J ? window : void 0;
+const D = J ? window : void 0;
 function P(...l) {
   let r, t, n, e;
-  if (typeof l[0] == "string" || Array.isArray(l[0]) ? ([t, n, e] = l, r = H) : [r, t, n, e] = l, !r)
+  if (typeof l[0] == "string" || Array.isArray(l[0]) ? ([t, n, e] = l, r = D) : [r, t, n, e] = l, !r)
     return _;
   Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
   const v = [], i = () => {
     v.forEach((a) => a()), v.length = 0;
-  }, f = (a, s, m, g) => (a.addEventListener(s, m, g), () => a.removeEventListener(s, m, g)), d = V(
-    () => [F(r), S(e)],
+  }, f = (a, s, h, b) => (a.addEventListener(s, h, b), () => a.removeEventListener(s, h, b)), d = V(
+    () => [N(r), S(e)],
     ([a, s]) => {
       if (i(), !a)
         return;
-      const m = K(s) ? { ...s } : s;
+      const h = K(s) ? { ...s } : s;
       v.push(
-        ...t.flatMap((g) => n.map((p) => f(a, g, p, m)))
+        ...t.flatMap((b) => n.map((m) => f(a, b, m, h)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -31,8 +31,8 @@ function P(...l) {
   return R(c), c;
 }
 function te() {
-  const l = T(!1), r = U();
-  return r && Z(() => {
+  const l = T(!1), r = Z();
+  return r && ee(() => {
     l.value = !0;
   }, r), l;
 }
@@ -41,13 +41,13 @@ function X(l) {
   return O(() => (r.value, !!l()));
 }
 function ne(l, r = {}) {
-  const { window: t = H } = r, n = X(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+  const { window: t = D } = r, n = X(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
   let e;
   const v = T(!1), i = (c) => {
     v.value = c.matches;
   }, f = () => {
     e && ("removeEventListener" in e ? e.removeEventListener("change", i) : e.removeListener(i));
-  }, d = ee(() => {
+  }, d = U(() => {
     n.value && (f(), e = t.matchMedia(S(l)), "addEventListener" in e ? e.addEventListener("change", i) : e.addListener(i), v.value = e.matches);
   });
   return R(() => {
@@ -59,35 +59,35 @@ function le(l, r, t = {}) {
     root: n,
     rootMargin: e = "0px",
     threshold: v = 0.1,
-    window: i = H,
+    window: i = D,
     immediate: f = !0
   } = t, d = X(() => i && "IntersectionObserver" in i), c = O(() => {
-    const p = S(l);
-    return (Array.isArray(p) ? p : [p]).map(F).filter($);
+    const m = S(l);
+    return (Array.isArray(m) ? m : [m]).map(N).filter($);
   });
   let a = _;
-  const s = T(f), m = d.value ? V(
-    () => [c.value, F(n), s.value],
-    ([p, I]) => {
-      if (a(), !s.value || !p.length)
+  const s = T(f), h = d.value ? V(
+    () => [c.value, N(n), s.value],
+    ([m, I]) => {
+      if (a(), !s.value || !m.length)
         return;
-      const x = new IntersectionObserver(
+      const w = new IntersectionObserver(
         r,
         {
-          root: F(I),
+          root: N(I),
           rootMargin: e,
           threshold: v
         }
       );
-      p.forEach((h) => h && x.observe(h)), a = () => {
-        x.disconnect(), a = _;
+      m.forEach((p) => p && w.observe(p)), a = () => {
+        w.disconnect(), a = _;
       };
     },
     { immediate: f, flush: "post" }
-  ) : _, g = () => {
-    a(), m(), s.value = !1;
+  ) : _, b = () => {
+    a(), h(), s.value = !1;
   };
-  return R(g), {
+  return R(b), {
     isSupported: d,
     isActive: s,
     pause() {
@@ -96,7 +96,7 @@ function le(l, r, t = {}) {
     resume() {
       s.value = !0;
     },
-    stop: g
+    stop: b
   };
 }
 const z = 1;
@@ -117,70 +117,70 @@ function ue(l, r = {}) {
       passive: !0
     },
     behavior: d = "auto",
-    window: c = H,
+    window: c = D,
     onError: a = (o) => {
       console.error(o);
     }
-  } = r, s = T(0), m = T(0), g = O({
+  } = r, s = T(0), h = T(0), b = O({
     get() {
       return s.value;
     },
     set(o) {
       I(o, void 0);
     }
-  }), p = O({
+  }), m = O({
     get() {
-      return m.value;
+      return h.value;
     },
     set(o) {
       I(void 0, o);
     }
   });
   function I(o, A) {
-    var b, M, W, w;
+    var g, M, W, x;
     if (!c)
       return;
-    const y = S(l);
-    if (!y)
+    const E = S(l);
+    if (!E)
       return;
-    (W = y instanceof Document ? c.document.body : y) == null || W.scrollTo({
-      top: (b = S(A)) != null ? b : p.value,
-      left: (M = S(o)) != null ? M : g.value,
+    (W = E instanceof Document ? c.document.body : E) == null || W.scrollTo({
+      top: (g = S(A)) != null ? g : m.value,
+      left: (M = S(o)) != null ? M : b.value,
       behavior: S(d)
     });
-    const N = ((w = y == null ? void 0 : y.document) == null ? void 0 : w.documentElement) || (y == null ? void 0 : y.documentElement) || y;
-    g != null && (s.value = N.scrollLeft), p != null && (m.value = N.scrollTop);
+    const F = ((x = E == null ? void 0 : E.document) == null ? void 0 : x.documentElement) || (E == null ? void 0 : E.documentElement) || E;
+    b != null && (s.value = F.scrollLeft), m != null && (h.value = F.scrollTop);
   }
-  const x = T(!1), h = k({
+  const w = T(!1), p = k({
     left: !0,
     right: !1,
     top: !0,
     bottom: !1
-  }), E = k({
+  }), y = k({
     left: !1,
     right: !1,
     top: !1,
     bottom: !1
-  }), C = (o) => {
-    x.value && (x.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, e(o));
-  }, D = q(C, t + n), u = (o) => {
+  }), H = (o) => {
+    w.value && (w.value = !1, y.left = !1, y.right = !1, y.top = !1, y.bottom = !1, e(o));
+  }, C = q(H, t + n), u = (o) => {
     var A;
     if (!c)
       return;
-    const b = ((A = o == null ? void 0 : o.document) == null ? void 0 : A.documentElement) || (o == null ? void 0 : o.documentElement) || F(o), { display: M, flexDirection: W } = getComputedStyle(b), w = b.scrollLeft;
-    E.left = w < s.value, E.right = w > s.value;
-    const y = Math.abs(w) <= (i.left || 0), N = Math.abs(w) + b.clientWidth >= b.scrollWidth - (i.right || 0) - z;
-    M === "flex" && W === "row-reverse" ? (h.left = N, h.right = y) : (h.left = y, h.right = N), s.value = w;
-    let L = b.scrollTop;
-    o === c.document && !L && (L = c.document.body.scrollTop), E.top = L < m.value, E.bottom = L > m.value;
-    const Y = Math.abs(L) <= (i.top || 0), j = Math.abs(L) + b.clientHeight >= b.scrollHeight - (i.bottom || 0) - z;
-    M === "flex" && W === "column-reverse" ? (h.top = j, h.bottom = Y) : (h.top = Y, h.bottom = j), m.value = L;
+    const g = ((A = o == null ? void 0 : o.document) == null ? void 0 : A.documentElement) || (o == null ? void 0 : o.documentElement) || N(o), { display: M, flexDirection: W } = getComputedStyle(g), x = g.scrollLeft;
+    y.left = x < s.value, y.right = x > s.value;
+    const E = Math.abs(x) <= (i.left || 0), F = Math.abs(x) + g.clientWidth >= g.scrollWidth - (i.right || 0) - z;
+    M === "flex" && W === "row-reverse" ? (p.left = F, p.right = E) : (p.left = E, p.right = F), s.value = x;
+    let L = g.scrollTop;
+    o === c.document && !L && (L = c.document.body.scrollTop), y.top = L < h.value, y.bottom = L > h.value;
+    const Y = Math.abs(L) <= (i.top || 0), j = Math.abs(L) + g.clientHeight >= g.scrollHeight - (i.bottom || 0) - z;
+    M === "flex" && W === "column-reverse" ? (p.top = j, p.bottom = Y) : (p.top = Y, p.bottom = j), h.value = L;
   }, B = (o) => {
     var A;
     if (!c)
       return;
-    const b = (A = o.target.documentElement) != null ? A : o.target;
-    u(b), x.value = !0, D(o), v(o);
+    const g = (A = o.target.documentElement) != null ? A : o.target;
+    u(g), w.value = !0, C(o), v(o);
   };
   return P(
     l,
@@ -199,14 +199,14 @@ function ue(l, r = {}) {
   }), P(
     l,
     "scrollend",
-    C,
+    H,
     f
   ), {
-    x: g,
-    y: p,
-    isScrolling: x,
-    arrivedState: h,
-    directions: E,
+    x: b,
+    y: m,
+    isScrolling: w,
+    arrivedState: p,
+    directions: y,
     measure() {
       const o = S(l);
       c && o && u(o);
@@ -222,31 +222,31 @@ function ie(l, r) {
     if (n.value.includes(u))
       return a(n.value.indexOf(u));
   }
-  function m(u) {
+  function h(u) {
     n.value.includes(u) && (e.value = n.value.indexOf(u));
   }
-  function g() {
+  function b() {
     f.value || e.value++;
   }
-  function p() {
+  function m() {
     i.value || e.value--;
   }
   function I(u) {
-    D(u) && m(u);
+    C(u) && h(u);
   }
-  function x(u) {
+  function w(u) {
     return n.value.indexOf(u) === e.value + 1;
   }
-  function h(u) {
+  function p(u) {
     return n.value.indexOf(u) === e.value - 1;
   }
-  function E(u) {
+  function y(u) {
     return n.value.indexOf(u) === e.value;
   }
-  function C(u) {
+  function H(u) {
     return e.value < n.value.indexOf(u);
   }
-  function D(u) {
+  function C(u) {
     return e.value > n.value.indexOf(u);
   }
   return {
@@ -260,20 +260,20 @@ function ie(l, r) {
     isLast: f,
     at: a,
     get: s,
-    goTo: m,
-    goToNext: g,
-    goToPrevious: p,
+    goTo: h,
+    goToNext: b,
+    goToPrevious: m,
     goBackTo: I,
-    isNext: x,
-    isPrevious: h,
-    isCurrent: E,
-    isBefore: C,
-    isAfter: D
+    isNext: w,
+    isPrevious: p,
+    isCurrent: y,
+    isBefore: H,
+    isAfter: C
   };
 }
 function se(l = {}) {
   const {
-    window: r = H,
+    window: r = D,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: n = Number.POSITIVE_INFINITY,
     listenOrientation: e = !0,
@@ -288,19 +288,21 @@ function se(l = {}) {
   return { width: i, height: f };
 }
 export {
-  fe as createFilterWrapper,
-  ve as debounceFilter,
-  H as defaultWindow,
-  de as getLifeCycleTarget,
+  fe as bypassFilter,
+  ve as createFilterWrapper,
+  de as debounceFilter,
+  he as debouncedWatch,
+  D as defaultWindow,
+  me as getLifeCycleTarget,
   J as isClient,
   K as isObject,
   _ as noop,
   $ as notNullish,
-  me as throttleFilter,
+  pe as throttleFilter,
   S as toValue,
   Q as tryOnMounted,
   R as tryOnScopeDispose,
-  F as unrefElement,
+  N as unrefElement,
   q as useDebounceFn,
   P as useEventListener,
   le as useIntersectionObserver,
@@ -310,5 +312,7 @@ export {
   ie as useStepper,
   X as useSupported,
   G as useThrottleFn,
-  se as useWindowSize
+  se as useWindowSize,
+  be as watchDebounced,
+  ge as watchWithFilter
 };