@douxcode/vue-spring-bottom-sheet 1.0.3 → 1.0.4

package/dist/index.mjs

@@ -1,947 +1,23 @@
-import { getCurrentScope as Ge, onScopeDispose as Ve, unref as Ie, toRef as $e, readonly as ze, customRef as Ue, ref as k, onMounted as Se, nextTick as ye, getCurrentInstance as Pe, watch as G, computed as P, watchEffect as Ye, defineComponent as qe, toRefs as Xe, openBlock as Qe, createBlock as Ze, Teleport as Je, createElementVNode as K, createVNode as et, Transition as tt, withCtx as nt, withDirectives as at, vShow as rt, renderSlot as ve } from "vue";
-import { useGesture as be, rubberbandIfOutOfBounds as he } from "@vueuse/gesture";
-import { useMotionProperties as it, useMotionTransitions as ot, useMotionControls as ut } from "@vueuse/motion";
-function X(n) {
-  return Ge() ? (Ve(n), !0) : !1;
-}
-function H(n) {
-  return typeof n == "function" ? n() : Ie(n);
-}
-const Re = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const st = (n) => n != null, lt = Object.prototype.toString, ct = (n) => lt.call(n) === "[object Object]", xe = () => {
-}, Ne = /* @__PURE__ */ ft();
-function ft() {
-  var n, e;
-  return Re && ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function dt(n) {
-  return Pe();
-}
-function vt(...n) {
-  if (n.length !== 1)
-    return $e(...n);
-  const e = n[0];
-  return typeof e == "function" ? ze(Ue(() => ({ get: e, set: xe }))) : k(e);
-}
-function Le(n, e = !0, t) {
-  dt() ? Se(n, t) : e ? n() : ye(n);
-}
-const te = Re ? window : void 0;
-function U(n) {
-  var e;
-  const t = H(n);
-  return (e = t == null ? void 0 : t.$el) != null ? e : t;
-}
-function oe(...n) {
-  let e, t, a, i;
-  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([t, a, i] = n, e = te) : [e, t, a, i] = n, !e)
-    return xe;
-  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
-  const u = [], r = () => {
-    u.forEach((p) => p()), u.length = 0;
-  }, l = (p, h, v, T) => (p.addEventListener(h, v, T), () => p.removeEventListener(h, v, T)), f = G(
-    () => [U(e), H(i)],
-    ([p, h]) => {
-      if (r(), !p)
-        return;
-      const v = ct(h) ? { ...h } : h;
-      u.push(
-        ...t.flatMap((T) => a.map((F) => l(p, T, F, v)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), d = () => {
-    f(), r();
-  };
-  return X(d), d;
-}
-function bt() {
-  const n = k(!1), e = Pe();
-  return e && Se(() => {
-    n.value = !0;
-  }, e), n;
-}
-function ke(n) {
-  const e = bt();
-  return P(() => (e.value, !!n()));
-}
-function ht(n, e, t = {}) {
-  const { window: a = te, ...i } = t;
-  let u;
-  const r = ke(() => a && "MutationObserver" in a), l = () => {
-    u && (u.disconnect(), u = void 0);
-  }, f = P(() => {
-    const v = H(n), T = (Array.isArray(v) ? v : [v]).map(U).filter(st);
-    return new Set(T);
-  }), d = G(
-    () => f.value,
-    (v) => {
-      l(), r.value && v.size && (u = new MutationObserver(e), v.forEach((T) => u.observe(T, i)));
-    },
-    { immediate: !0, flush: "post" }
-  ), p = () => u == null ? void 0 : u.takeRecords(), h = () => {
-    d(), l();
-  };
-  return X(h), {
-    isSupported: r,
-    stop: h,
-    takeRecords: p
-  };
-}
-function pt(n, e = {}) {
-  const { window: t = te } = e, a = ke(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let i;
-  const u = k(!1), r = (d) => {
-    u.value = d.matches;
-  }, l = () => {
-    i && ("removeEventListener" in i ? i.removeEventListener("change", r) : i.removeListener(r));
-  }, f = Ye(() => {
-    a.value && (l(), i = t.matchMedia(H(n)), "addEventListener" in i ? i.addEventListener("change", r) : i.addListener(r), u.value = i.matches);
-  });
-  return X(() => {
-    f(), l(), i = void 0;
-  }), u;
-}
-function gt(n, e, t = {}) {
-  const { window: a = te, ...i } = t;
-  let u;
-  const r = ke(() => a && "ResizeObserver" in a), l = () => {
-    u && (u.disconnect(), u = void 0);
-  }, f = P(() => {
-    const h = H(n);
-    return Array.isArray(h) ? h.map((v) => U(v)) : [U(h)];
-  }), d = G(
-    f,
-    (h) => {
-      if (l(), r.value && a) {
-        u = new ResizeObserver(e);
-        for (const v of h)
-          v && u.observe(v, i);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), p = () => {
-    l(), d();
-  };
-  return X(p), {
-    isSupported: r,
-    stop: p
-  };
-}
-function re(n, e = {}) {
-  const {
-    reset: t = !0,
-    windowResize: a = !0,
-    windowScroll: i = !0,
-    immediate: u = !0,
-    updateTiming: r = "sync"
-  } = e, l = k(0), f = k(0), d = k(0), p = k(0), h = k(0), v = k(0), T = k(0), F = k(0);
-  function R() {
-    const I = U(n);
-    if (!I) {
-      t && (l.value = 0, f.value = 0, d.value = 0, p.value = 0, h.value = 0, v.value = 0, T.value = 0, F.value = 0);
-      return;
-    }
-    const O = I.getBoundingClientRect();
-    l.value = O.height, f.value = O.bottom, d.value = O.left, p.value = O.right, h.value = O.top, v.value = O.width, T.value = O.x, F.value = O.y;
-  }
-  function C() {
-    r === "sync" ? R() : r === "next-frame" && requestAnimationFrame(() => R());
-  }
-  return gt(n, C), G(() => U(n), (I) => !I && C()), ht(n, C, {
-    attributeFilter: ["style", "class"]
-  }), i && oe("scroll", C, { capture: !0, passive: !0 }), a && oe("resize", C, { passive: !0 }), Le(() => {
-    u && C();
-  }), {
-    height: l,
-    bottom: f,
-    left: d,
-    right: p,
-    top: h,
-    width: v,
-    x: T,
-    y: F,
-    update: C
-  };
-}
-function pe(n) {
-  return typeof Window < "u" && n instanceof Window ? n.document.documentElement : typeof Document < "u" && n instanceof Document ? n.documentElement : n;
-}
-function Be(n) {
-  const e = window.getComputedStyle(n);
-  if (e.overflowX === "scroll" || e.overflowY === "scroll" || e.overflowX === "auto" && n.clientWidth < n.scrollWidth || e.overflowY === "auto" && n.clientHeight < n.scrollHeight)
-    return !0;
-  {
-    const t = n.parentNode;
-    return !t || t.tagName === "BODY" ? !1 : Be(t);
-  }
-}
-function mt(n) {
-  const e = n || window.event, t = e.target;
-  return Be(t) ? !1 : e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
-}
-const ge = /* @__PURE__ */ new WeakMap();
-function yt(n, e = !1) {
-  const t = k(e);
-  let a = null, i = "";
-  G(vt(n), (l) => {
-    const f = pe(H(l));
-    if (f) {
-      const d = f;
-      if (ge.get(d) || ge.set(d, d.style.overflow), d.style.overflow !== "hidden" && (i = d.style.overflow), d.style.overflow === "hidden")
-        return t.value = !0;
-      if (t.value)
-        return d.style.overflow = "hidden";
-    }
-  }, {
-    immediate: !0
-  });
-  const u = () => {
-    const l = pe(H(n));
-    !l || t.value || (Ne && (a = oe(
-      l,
-      "touchmove",
-      (f) => {
-        mt(f);
-      },
-      { passive: !1 }
-    )), l.style.overflow = "hidden", t.value = !0);
-  }, r = () => {
-    const l = pe(H(n));
-    !l || !t.value || (Ne && (a == null || a()), l.style.overflow = i, ge.delete(l), t.value = !1);
-  };
-  return X(r), P({
-    get() {
-      return t.value;
-    },
-    set(l) {
-      l ? u() : r();
-    }
-  });
-}
-function wt(n = {}) {
-  const {
-    window: e = te,
-    initialWidth: t = Number.POSITIVE_INFINITY,
-    initialHeight: a = Number.POSITIVE_INFINITY,
-    listenOrientation: i = !0,
-    includeScrollbar: u = !0,
-    type: r = "inner"
-  } = n, l = k(t), f = k(a), d = () => {
-    e && (r === "outer" ? (l.value = e.outerWidth, f.value = e.outerHeight) : u ? (l.value = e.innerWidth, f.value = e.innerHeight) : (l.value = e.document.documentElement.clientWidth, f.value = e.document.documentElement.clientHeight));
-  };
-  if (d(), Le(d), oe("resize", d, { passive: !0 }), i) {
-    const p = pt("(orientation: portrait)");
-    G(p, () => d());
-  }
-  return { width: l, height: f };
-}
-function Ee(n) {
-  return typeof n == "function" ? n() : Ie(n);
-}
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Tt = (n) => n != null;
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var Me = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], ue = /* @__PURE__ */ Me.join(","), We = typeof Element > "u", Y = We ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, se = !We && Element.prototype.getRootNode ? function(n) {
-  var e;
-  return n == null || (e = n.getRootNode) === null || e === void 0 ? void 0 : e.call(n);
-} : function(n) {
-  return n == null ? void 0 : n.ownerDocument;
-}, le = function n(e, t) {
-  var a;
-  t === void 0 && (t = !0);
-  var i = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "inert"), u = i === "" || i === "true", r = u || t && e && n(e.parentNode);
-  return r;
-}, St = function(e) {
-  var t, a = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "contenteditable");
-  return a === "" || a === "true";
-}, _e = function(e, t, a) {
-  if (le(e))
-    return [];
-  var i = Array.prototype.slice.apply(e.querySelectorAll(ue));
-  return t && Y.call(e, ue) && i.unshift(e), i = i.filter(a), i;
-}, je = function n(e, t, a) {
-  for (var i = [], u = Array.from(e); u.length; ) {
-    var r = u.shift();
-    if (!le(r, !1))
-      if (r.tagName === "SLOT") {
-        var l = r.assignedElements(), f = l.length ? l : r.children, d = n(f, !0, a);
-        a.flatten ? i.push.apply(i, d) : i.push({
-          scopeParent: r,
-          candidates: d
-        });
-      } else {
-        var p = Y.call(r, ue);
-        p && a.filter(r) && (t || !e.includes(r)) && i.push(r);
-        var h = r.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(r), v = !le(h, !1) && (!a.shadowRootFilter || a.shadowRootFilter(r));
-        if (h && v) {
-          var T = n(h === !0 ? r.children : h.children, !0, a);
-          a.flatten ? i.push.apply(i, T) : i.push({
-            scopeParent: r,
-            candidates: T
-          });
-        } else
-          u.unshift.apply(u, r.children);
-      }
-  }
-  return i;
-}, Ke = function(e) {
-  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
-}, z = function(e) {
-  if (!e)
-    throw new Error("No node provided");
-  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || St(e)) && !Ke(e) ? 0 : e.tabIndex;
-}, kt = function(e, t) {
-  var a = z(e);
-  return a < 0 && t && !Ke(e) ? 0 : a;
-}, Nt = function(e, t) {
-  return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
-}, He = function(e) {
-  return e.tagName === "INPUT";
-}, Et = function(e) {
-  return He(e) && e.type === "hidden";
-}, Ft = function(e) {
-  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
-    return a.tagName === "SUMMARY";
-  });
-  return t;
-}, Dt = function(e, t) {
-  for (var a = 0; a < e.length; a++)
-    if (e[a].checked && e[a].form === t)
-      return e[a];
-}, Ot = function(e) {
-  if (!e.name)
-    return !0;
-  var t = e.form || se(e), a = function(l) {
-    return t.querySelectorAll('input[type="radio"][name="' + l + '"]');
-  }, i;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    i = a(window.CSS.escape(e.name));
-  else
-    try {
-      i = a(e.name);
-    } catch (r) {
-      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", r.message), !1;
-    }
-  var u = Dt(i, e.form);
-  return !u || u === e;
-}, Ct = function(e) {
-  return He(e) && e.type === "radio";
-}, At = function(e) {
-  return Ct(e) && !Ot(e);
-}, It = function(e) {
-  var t, a = e && se(e), i = (t = a) === null || t === void 0 ? void 0 : t.host, u = !1;
-  if (a && a !== e) {
-    var r, l, f;
-    for (u = !!((r = i) !== null && r !== void 0 && (l = r.ownerDocument) !== null && l !== void 0 && l.contains(i) || e != null && (f = e.ownerDocument) !== null && f !== void 0 && f.contains(e)); !u && i; ) {
-      var d, p, h;
-      a = se(i), i = (d = a) === null || d === void 0 ? void 0 : d.host, u = !!((p = i) !== null && p !== void 0 && (h = p.ownerDocument) !== null && h !== void 0 && h.contains(i));
-    }
-  }
-  return u;
-}, Fe = function(e) {
-  var t = e.getBoundingClientRect(), a = t.width, i = t.height;
-  return a === 0 && i === 0;
-}, Pt = function(e, t) {
-  var a = t.displayCheck, i = t.getShadowRoot;
-  if (getComputedStyle(e).visibility === "hidden")
-    return !0;
-  var u = Y.call(e, "details>summary:first-of-type"), r = u ? e.parentElement : e;
-  if (Y.call(r, "details:not([open]) *"))
-    return !0;
-  if (!a || a === "full" || a === "legacy-full") {
-    if (typeof i == "function") {
-      for (var l = e; e; ) {
-        var f = e.parentElement, d = se(e);
-        if (f && !f.shadowRoot && i(f) === !0)
-          return Fe(e);
-        e.assignedSlot ? e = e.assignedSlot : !f && d !== e.ownerDocument ? e = d.host : e = f;
-      }
-      e = l;
-    }
-    if (It(e))
-      return !e.getClientRects().length;
-    if (a !== "legacy-full")
-      return !0;
-  } else if (a === "non-zero-area")
-    return Fe(e);
-  return !1;
-}, Rt = function(e) {
-  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
-    for (var t = e.parentElement; t; ) {
-      if (t.tagName === "FIELDSET" && t.disabled) {
-        for (var a = 0; a < t.children.length; a++) {
-          var i = t.children.item(a);
-          if (i.tagName === "LEGEND")
-            return Y.call(t, "fieldset[disabled] *") ? !0 : !i.contains(e);
-        }
-        return !0;
-      }
-      t = t.parentElement;
-    }
-  return !1;
-}, ce = function(e, t) {
-  return !(t.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  le(t) || Et(t) || Pt(t, e) || // For a details element with a summary, the summary element gets the focus
-  Ft(t) || Rt(t));
-}, we = function(e, t) {
-  return !(At(t) || z(t) < 0 || !ce(e, t));
-}, xt = function(e) {
-  var t = parseInt(e.getAttribute("tabindex"), 10);
-  return !!(isNaN(t) || t >= 0);
-}, Lt = function n(e) {
-  var t = [], a = [];
-  return e.forEach(function(i, u) {
-    var r = !!i.scopeParent, l = r ? i.scopeParent : i, f = kt(l, r), d = r ? n(i.candidates) : l;
-    f === 0 ? r ? t.push.apply(t, d) : t.push(l) : a.push({
-      documentOrder: u,
-      tabIndex: f,
-      item: i,
-      isScope: r,
-      content: d
-    });
-  }), a.sort(Nt).reduce(function(i, u) {
-    return u.isScope ? i.push.apply(i, u.content) : i.push(u.content), i;
-  }, []).concat(t);
-}, Bt = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = je([e], t.includeContainer, {
-    filter: we.bind(null, t),
-    flatten: !1,
-    getShadowRoot: t.getShadowRoot,
-    shadowRootFilter: xt
-  }) : a = _e(e, t.includeContainer, we.bind(null, t)), Lt(a);
-}, Mt = function(e, t) {
-  t = t || {};
-  var a;
-  return t.getShadowRoot ? a = je([e], t.includeContainer, {
-    filter: ce.bind(null, t),
-    flatten: !0,
-    getShadowRoot: t.getShadowRoot
-  }) : a = _e(e, t.includeContainer, ce.bind(null, t)), a;
-}, q = function(e, t) {
-  if (t = t || {}, !e)
-    throw new Error("No node provided");
-  return Y.call(e, ue) === !1 ? !1 : we(t, e);
-}, Wt = /* @__PURE__ */ Me.concat("iframe").join(","), me = function(e, t) {
-  if (t = t || {}, !e)
-    throw new Error("No node provided");
-  return Y.call(e, Wt) === !1 ? !1 : ce(t, e);
-};
-/*!
-* focus-trap 7.6.2
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function Te(n, e) {
-  (e == null || e > n.length) && (e = n.length);
-  for (var t = 0, a = Array(e); t < e; t++) a[t] = n[t];
-  return a;
-}
-function _t(n) {
-  if (Array.isArray(n)) return Te(n);
-}
-function jt(n, e, t) {
-  return (e = $t(e)) in n ? Object.defineProperty(n, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : n[e] = t, n;
-}
-function Kt(n) {
-  if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
-}
-function Ht() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function De(n, e) {
-  var t = Object.keys(n);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(n);
-    e && (a = a.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(n, i).enumerable;
-    })), t.push.apply(t, a);
-  }
-  return t;
-}
-function Oe(n) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? De(Object(t), !0).forEach(function(a) {
-      jt(n, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : De(Object(t)).forEach(function(a) {
-      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
-    });
-  }
-  return n;
-}
-function Gt(n) {
-  return _t(n) || Kt(n) || zt(n) || Ht();
-}
-function Vt(n, e) {
-  if (typeof n != "object" || !n) return n;
-  var t = n[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var a = t.call(n, e || "default");
-    if (typeof a != "object") return a;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(n);
-}
-function $t(n) {
-  var e = Vt(n, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function zt(n, e) {
-  if (n) {
-    if (typeof n == "string") return Te(n, e);
-    var t = {}.toString.call(n).slice(8, -1);
-    return t === "Object" && n.constructor && (t = n.constructor.name), t === "Map" || t === "Set" ? Array.from(n) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Te(n, e) : void 0;
-  }
-}
-var Ce = {
-  activateTrap: function(e, t) {
-    if (e.length > 0) {
-      var a = e[e.length - 1];
-      a !== t && a.pause();
-    }
-    var i = e.indexOf(t);
-    i === -1 || e.splice(i, 1), e.push(t);
-  },
-  deactivateTrap: function(e, t) {
-    var a = e.indexOf(t);
-    a !== -1 && e.splice(a, 1), e.length > 0 && e[e.length - 1].unpause();
-  }
-}, Ut = function(e) {
-  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
-}, Yt = function(e) {
-  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
-}, ee = function(e) {
-  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
-}, qt = function(e) {
-  return ee(e) && !e.shiftKey;
-}, Xt = function(e) {
-  return ee(e) && e.shiftKey;
-}, Ae = function(e) {
-  return setTimeout(e, 0);
-}, J = function(e) {
-  for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
-    a[i - 1] = arguments[i];
-  return typeof e == "function" ? e.apply(void 0, a) : e;
-}, ie = function(e) {
-  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
-}, Qt = [], Zt = function(e, t) {
-  var a = (t == null ? void 0 : t.document) || document, i = (t == null ? void 0 : t.trapStack) || Qt, u = Oe({
-    returnFocusOnDeactivate: !0,
-    escapeDeactivates: !0,
-    delayInitialFocus: !0,
-    isKeyForward: qt,
-    isKeyBackward: Xt
-  }, t), r = {
-    // containers given to createFocusTrap()
-    // @type {Array<HTMLElement>}
-    containers: [],
-    // list of objects identifying tabbable nodes in `containers` in the trap
-    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
-    //  is active, but the trap should never get to a state where there isn't at least one group
-    //  with at least one tabbable node in it (that would lead to an error condition that would
-    //  result in an error being thrown)
-    // @type {Array<{
-    //   container: HTMLElement,
-    //   tabbableNodes: Array<HTMLElement>, // empty if none
-    //   focusableNodes: Array<HTMLElement>, // empty if none
-    //   posTabIndexesFound: boolean,
-    //   firstTabbableNode: HTMLElement|undefined,
-    //   lastTabbableNode: HTMLElement|undefined,
-    //   firstDomTabbableNode: HTMLElement|undefined,
-    //   lastDomTabbableNode: HTMLElement|undefined,
-    //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
-    // }>}
-    containerGroups: [],
-    // same order/length as `containers` list
-    // references to objects in `containerGroups`, but only those that actually have
-    //  tabbable nodes in them
-    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
-    //  the same length
-    tabbableGroups: [],
-    nodeFocusedBeforeActivation: null,
-    mostRecentlyFocusedNode: null,
-    active: !1,
-    paused: !1,
-    // timer ID for when delayInitialFocus is true and initial focus in this trap
-    //  has been delayed during activation
-    delayInitialFocusTimer: void 0,
-    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
-    recentNavEvent: void 0
-  }, l, f = function(o, s, c) {
-    return o && o[s] !== void 0 ? o[s] : u[c || s];
-  }, d = function(o, s) {
-    var c = typeof (s == null ? void 0 : s.composedPath) == "function" ? s.composedPath() : void 0;
-    return r.containerGroups.findIndex(function(m) {
-      var w = m.container, N = m.tabbableNodes;
-      return w.contains(o) || // fall back to explicit tabbable search which will take into consideration any
-      //  web components if the `tabbableOptions.getShadowRoot` option was used for
-      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
-      //  look inside web components even if open)
-      (c == null ? void 0 : c.includes(w)) || N.find(function(g) {
-        return g === o;
-      });
-    });
-  }, p = function(o) {
-    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, c = s.hasFallback, m = c === void 0 ? !1 : c, w = s.params, N = w === void 0 ? [] : w, g = u[o];
-    if (typeof g == "function" && (g = g.apply(void 0, Gt(N))), g === !0 && (g = void 0), !g) {
-      if (g === void 0 || g === !1)
-        return g;
-      throw new Error("`".concat(o, "` was specified but was not a node, or did not return a node"));
-    }
-    var E = g;
-    if (typeof g == "string") {
-      try {
-        E = a.querySelector(g);
-      } catch (D) {
-        throw new Error("`".concat(o, '` appears to be an invalid selector; error="').concat(D.message, '"'));
-      }
-      if (!E && !m)
-        throw new Error("`".concat(o, "` as selector refers to no known node"));
-    }
-    return E;
-  }, h = function() {
-    var o = p("initialFocus", {
-      hasFallback: !0
-    });
-    if (o === !1)
-      return !1;
-    if (o === void 0 || o && !me(o, u.tabbableOptions))
-      if (d(a.activeElement) >= 0)
-        o = a.activeElement;
-      else {
-        var s = r.tabbableGroups[0], c = s && s.firstTabbableNode;
-        o = c || p("fallbackFocus");
-      }
-    else o === null && (o = p("fallbackFocus"));
-    if (!o)
-      throw new Error("Your focus-trap needs to have at least one focusable element");
-    return o;
-  }, v = function() {
-    if (r.containerGroups = r.containers.map(function(o) {
-      var s = Bt(o, u.tabbableOptions), c = Mt(o, u.tabbableOptions), m = s.length > 0 ? s[0] : void 0, w = s.length > 0 ? s[s.length - 1] : void 0, N = c.find(function(D) {
-        return q(D);
-      }), g = c.slice().reverse().find(function(D) {
-        return q(D);
-      }), E = !!s.find(function(D) {
-        return z(D) > 0;
-      });
-      return {
-        container: o,
-        tabbableNodes: s,
-        focusableNodes: c,
-        /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: E,
-        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: m,
-        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: w,
-        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
-        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
-        //  because that API doesn't work with Shadow DOM as well as it should (@see
-        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
-        //  to address an edge case related to positive tabindex support, this seems like a much easier,
-        //  "close enough most of the time" alternative for positive tabindexes which should generally
-        //  be avoided anyway...
-        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: N,
-        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: g,
-        /**
-         * Finds the __tabbable__ node that follows the given node in the specified direction,
-         *  in this container, if any.
-         * @param {HTMLElement} node
-         * @param {boolean} [forward] True if going in forward tab order; false if going
-         *  in reverse.
-         * @returns {HTMLElement|undefined} The next tabbable node, if any.
-         */
-        nextTabbableNode: function(A) {
-          var V = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, B = s.indexOf(A);
-          return B < 0 ? V ? c.slice(c.indexOf(A) + 1).find(function(j) {
-            return q(j);
-          }) : c.slice(0, c.indexOf(A)).reverse().find(function(j) {
-            return q(j);
-          }) : s[B + (V ? 1 : -1)];
-        }
-      };
-    }), r.tabbableGroups = r.containerGroups.filter(function(o) {
-      return o.tabbableNodes.length > 0;
-    }), r.tabbableGroups.length <= 0 && !p("fallbackFocus"))
-      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (r.containerGroups.find(function(o) {
-      return o.posTabIndexesFound;
-    }) && r.containerGroups.length > 1)
-      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, T = function(o) {
-    var s = o.activeElement;
-    if (s)
-      return s.shadowRoot && s.shadowRoot.activeElement !== null ? T(s.shadowRoot) : s;
-  }, F = function(o) {
-    if (o !== !1 && o !== T(document)) {
-      if (!o || !o.focus) {
-        F(h());
-        return;
-      }
-      o.focus({
-        preventScroll: !!u.preventScroll
-      }), r.mostRecentlyFocusedNode = o, Ut(o) && o.select();
-    }
-  }, R = function(o) {
-    var s = p("setReturnFocus", {
-      params: [o]
-    });
-    return s || (s === !1 ? !1 : o);
-  }, C = function(o) {
-    var s = o.target, c = o.event, m = o.isBackward, w = m === void 0 ? !1 : m;
-    s = s || ie(c), v();
-    var N = null;
-    if (r.tabbableGroups.length > 0) {
-      var g = d(s, c), E = g >= 0 ? r.containerGroups[g] : void 0;
-      if (g < 0)
-        w ? N = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : N = r.tabbableGroups[0].firstTabbableNode;
-      else if (w) {
-        var D = r.tabbableGroups.findIndex(function($) {
-          var S = $.firstTabbableNode;
-          return s === S;
-        });
-        if (D < 0 && (E.container === s || me(s, u.tabbableOptions) && !q(s, u.tabbableOptions) && !E.nextTabbableNode(s, !1)) && (D = g), D >= 0) {
-          var A = D === 0 ? r.tabbableGroups.length - 1 : D - 1, V = r.tabbableGroups[A];
-          N = z(s) >= 0 ? V.lastTabbableNode : V.lastDomTabbableNode;
-        } else ee(c) || (N = E.nextTabbableNode(s, !1));
-      } else {
-        var B = r.tabbableGroups.findIndex(function($) {
-          var S = $.lastTabbableNode;
-          return s === S;
-        });
-        if (B < 0 && (E.container === s || me(s, u.tabbableOptions) && !q(s, u.tabbableOptions) && !E.nextTabbableNode(s)) && (B = g), B >= 0) {
-          var j = B === r.tabbableGroups.length - 1 ? 0 : B + 1, Z = r.tabbableGroups[j];
-          N = z(s) >= 0 ? Z.firstTabbableNode : Z.firstDomTabbableNode;
-        } else ee(c) || (N = E.nextTabbableNode(s));
-      }
-    } else
-      N = p("fallbackFocus");
-    return N;
-  }, I = function(o) {
-    var s = ie(o);
-    if (!(d(s, o) >= 0)) {
-      if (J(u.clickOutsideDeactivates, o)) {
-        l.deactivate({
-          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
-          //  which will result in the outside click setting focus to the node
-          //  that was clicked (and if not focusable, to "nothing"); by setting
-          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
-          //  on activation (or the configured `setReturnFocus` node), whether the
-          //  outside click was on a focusable node or not
-          returnFocus: u.returnFocusOnDeactivate
-        });
-        return;
-      }
-      J(u.allowOutsideClick, o) || o.preventDefault();
-    }
-  }, O = function(o) {
-    var s = ie(o), c = d(s, o) >= 0;
-    if (c || s instanceof Document)
-      c && (r.mostRecentlyFocusedNode = s);
-    else {
-      o.stopImmediatePropagation();
-      var m, w = !0;
-      if (r.mostRecentlyFocusedNode)
-        if (z(r.mostRecentlyFocusedNode) > 0) {
-          var N = d(r.mostRecentlyFocusedNode), g = r.containerGroups[N].tabbableNodes;
-          if (g.length > 0) {
-            var E = g.findIndex(function(D) {
-              return D === r.mostRecentlyFocusedNode;
-            });
-            E >= 0 && (u.isKeyForward(r.recentNavEvent) ? E + 1 < g.length && (m = g[E + 1], w = !1) : E - 1 >= 0 && (m = g[E - 1], w = !1));
-          }
-        } else
-          r.containerGroups.some(function(D) {
-            return D.tabbableNodes.some(function(A) {
-              return z(A) > 0;
-            });
-          }) || (w = !1);
-      else
-        w = !1;
-      w && (m = C({
-        // move FROM the MRU node, not event-related node (which will be the node that is
-        //  outside the trap causing the focus escape we're trying to fix)
-        target: r.mostRecentlyFocusedNode,
-        isBackward: u.isKeyBackward(r.recentNavEvent)
-      })), F(m || r.mostRecentlyFocusedNode || h());
-    }
-    r.recentNavEvent = void 0;
-  }, fe = function(o) {
-    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    r.recentNavEvent = o;
-    var c = C({
-      event: o,
-      isBackward: s
-    });
-    c && (ee(o) && o.preventDefault(), F(c));
-  }, ne = function(o) {
-    (u.isKeyForward(o) || u.isKeyBackward(o)) && fe(o, u.isKeyBackward(o));
-  }, x = function(o) {
-    Yt(o) && J(u.escapeDeactivates, o) !== !1 && (o.preventDefault(), l.deactivate());
-  }, W = function(o) {
-    var s = ie(o);
-    d(s, o) >= 0 || J(u.clickOutsideDeactivates, o) || J(u.allowOutsideClick, o) || (o.preventDefault(), o.stopImmediatePropagation());
-  }, _ = function() {
-    if (r.active)
-      return Ce.activateTrap(i, l), r.delayInitialFocusTimer = u.delayInitialFocus ? Ae(function() {
-        F(h());
-      }) : F(h()), a.addEventListener("focusin", O, !0), a.addEventListener("mousedown", I, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("touchstart", I, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("click", W, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("keydown", ne, {
-        capture: !0,
-        passive: !1
-      }), a.addEventListener("keydown", x), l;
-  }, ae = function() {
-    if (r.active)
-      return a.removeEventListener("focusin", O, !0), a.removeEventListener("mousedown", I, !0), a.removeEventListener("touchstart", I, !0), a.removeEventListener("click", W, !0), a.removeEventListener("keydown", ne, !0), a.removeEventListener("keydown", x), l;
-  }, Q = function(o) {
-    var s = o.some(function(c) {
-      var m = Array.from(c.removedNodes);
-      return m.some(function(w) {
-        return w === r.mostRecentlyFocusedNode;
-      });
-    });
-    s && F(h());
-  }, L = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(Q) : void 0, y = function() {
-    L && (L.disconnect(), r.active && !r.paused && r.containers.map(function(o) {
-      L.observe(o, {
-        subtree: !0,
-        childList: !0
-      });
-    }));
-  };
-  return l = {
-    get active() {
-      return r.active;
-    },
-    get paused() {
-      return r.paused;
-    },
-    activate: function(o) {
-      if (r.active)
-        return this;
-      var s = f(o, "onActivate"), c = f(o, "onPostActivate"), m = f(o, "checkCanFocusTrap");
-      m || v(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = a.activeElement, s == null || s();
-      var w = function() {
-        m && v(), _(), y(), c == null || c();
-      };
-      return m ? (m(r.containers.concat()).then(w, w), this) : (w(), this);
-    },
-    deactivate: function(o) {
-      if (!r.active)
-        return this;
-      var s = Oe({
-        onDeactivate: u.onDeactivate,
-        onPostDeactivate: u.onPostDeactivate,
-        checkCanReturnFocus: u.checkCanReturnFocus
-      }, o);
-      clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, ae(), r.active = !1, r.paused = !1, y(), Ce.deactivateTrap(i, l);
-      var c = f(s, "onDeactivate"), m = f(s, "onPostDeactivate"), w = f(s, "checkCanReturnFocus"), N = f(s, "returnFocus", "returnFocusOnDeactivate");
-      c == null || c();
-      var g = function() {
-        Ae(function() {
-          N && F(R(r.nodeFocusedBeforeActivation)), m == null || m();
-        });
-      };
-      return N && w ? (w(R(r.nodeFocusedBeforeActivation)).then(g, g), this) : (g(), this);
-    },
-    pause: function(o) {
-      if (r.paused || !r.active)
-        return this;
-      var s = f(o, "onPause"), c = f(o, "onPostPause");
-      return r.paused = !0, s == null || s(), ae(), y(), c == null || c(), this;
-    },
-    unpause: function(o) {
-      if (!r.paused || !r.active)
-        return this;
-      var s = f(o, "onUnpause"), c = f(o, "onPostUnpause");
-      return r.paused = !1, s == null || s(), v(), _(), y(), c == null || c(), this;
-    },
-    updateContainerElements: function(o) {
-      var s = [].concat(o).filter(Boolean);
-      return r.containers = s.map(function(c) {
-        return typeof c == "string" ? a.querySelector(c) : c;
-      }), r.active && v(), y(), this;
-    }
-  }, l.updateContainerElements(e), l;
-};
-function Jt(n, e = {}) {
-  let t;
-  const { immediate: a, ...i } = e, u = k(!1), r = k(!1), l = (v) => t && t.activate(v), f = (v) => t && t.deactivate(v), d = () => {
-    t && (t.pause(), r.value = !0);
-  }, p = () => {
-    t && (t.unpause(), r.value = !1);
-  }, h = P(() => {
-    const v = Ee(n);
-    return (Array.isArray(v) ? v : [v]).map((T) => {
-      const F = Ee(T);
-      return typeof F == "string" ? F : U(F);
-    }).filter(Tt);
-  });
-  return G(
-    h,
-    (v) => {
-      v.length && (t = Zt(v, {
-        ...i,
-        onActivate() {
-          u.value = !0, e.onActivate && e.onActivate();
-        },
-        onDeactivate() {
-          u.value = !1, e.onDeactivate && e.onDeactivate();
-        }
-      }), a && l());
-    },
-    { flush: "post" }
-  ), X(() => f()), {
-    hasFocus: u,
-    isPaused: r,
-    activate: l,
-    deactivate: f,
-    pause: d,
-    unpause: p
-  };
-}
-function en(n, e) {
-  const t = P(() => n.value.slice().sort((r, l) => r - l)), a = P(() => t.value[0]), i = P(() => t.value[t.value.length - 1]), u = P(() => {
-    const r = t.value.reduce(
-      (l, f) => Math.abs(f - e.value) < Math.abs(l - e.value) ? f : l
+import { computed as w, defineComponent as te, ref as l, toRefs as ae, watch as ne, nextTick as R, onMounted as oe, openBlock as le, createBlock as se, Teleport as ue, createElementVNode as c, createVNode as ie, Transition as re, withCtx as ve, withDirectives as ce, vShow as de, renderSlot as O } from "vue";
+import { useWindowSize as he, useElementBounding as x, useScrollLock as pe } from "@vueuse/core";
+import { useGesture as P, rubberbandIfOutOfBounds as E } from "@vueuse/gesture";
+import { useMotionProperties as fe, useMotionTransitions as ge, useMotionControls as me } from "@vueuse/motion";
+import { useFocusTrap as be } from "@vueuse/integrations/useFocusTrap";
+function ye(d, g) {
+  const s = w(() => d.value.slice().sort((h, v) => h - v)), n = w(() => s.value[0]), u = w(() => s.value[s.value.length - 1]), o = w(() => {
+    const h = s.value.reduce(
+      (v, m) => Math.abs(m - g.value) < Math.abs(v - g.value) ? m : v
     );
-    return t.value.indexOf(r);
+    return s.value.indexOf(h);
   });
   return {
-    minSnap: a,
-    maxSnap: i,
-    snapPoints: n,
-    closestSnapPoint: u
+    minSnap: n,
+    maxSnap: u,
+    snapPoints: d,
+    closestSnapPoint: o
   };
 }
-const tn = { "data-vsbs-container": "" }, nn = ["data-vsbs-shadow", "data-vsbs-sheet-show"], an = /* @__PURE__ */ qe({
+const ke = { "data-vsbs-container": "" }, Se = ["data-vsbs-shadow", "data-vsbs-sheet-show"], we = /* @__PURE__ */ te({
   __name: "BottomSheet",
   props: {
     snapPoints: {},
@@ -952,165 +28,165 @@ const tn = { "data-vsbs-container": "" }, nn = ["data-vsbs-shadow", "data-vsbs-s
     expandOnContentDrag: { type: Boolean, default: !0 }
   },
   emits: ["opened", "closed", "ready", "minHeight", "maxHeight"],
-  setup(n, { expose: e, emit: t }) {
-    const a = n, i = t, u = k(null), r = k(null), l = k(null), f = k(null), d = k(null), p = k(null), h = k(null), v = k(!1), T = k(a.expandOnContentDrag), { height: F } = wt(), { height: R } = re(u), { height: C } = re(r), { height: I } = re(l), { height: O } = re(p), { activate: fe, deactivate: ne } = Jt([u, h]), x = P(() => Math.ceil(O.value + C.value + I.value)), { motionProperties: W } = it(u), { push: _, stop: ae, motionValues: Q } = ot(), { set: L } = ut(W, {}, { push: _, motionValues: Q, stop: ae }), y = k(0), b = k(0), { snapPoints: o } = Xe(a), s = P(() => o.value ?? [x.value]), { minSnap: c, maxSnap: m, snapPoints: w, closestSnapPoint: N } = en(s, y), g = yt(document.body), E = (S) => {
-      S.key === "Escape" && A();
-    }, D = () => {
-      u.value && (y.value = a.defaultBreakpoint ?? c.value, L({
-        height: y.value,
-        y: y.value
-      }), _("y", 0, W, { type: "tween", easings: "easeInOut", bounce: 0, duration: 300 }), v.value = !0, g.value = !0, window.addEventListener("keydown", E), a.blocking && setTimeout(() => {
-        Q.value.y.get() - 0 < 0.1 && (i("opened"), fe());
+  setup(d, { expose: g, emit: s }) {
+    const n = d, u = s, o = l(null), h = l(null), v = l(null), m = l(null), I = l(null), F = l(null), L = l(null), D = l(!1), r = l(n.expandOnContentDrag), { height: W } = he(), { height: T } = x(o), { height: z } = x(h), { height: G } = x(v), { height: K } = x(F), { activate: Y, deactivate: j } = be([o, L]), p = w(() => Math.ceil(K.value + z.value + G.value)), { motionProperties: b } = fe(o), { push: y, stop: q, motionValues: B } = ge(), { set: k } = me(b, {}, { push: y, motionValues: B, stop: q }), e = l(0), a = l(0), { snapPoints: J } = ae(n), Q = w(() => J.value ?? [p.value]), { minSnap: f, maxSnap: S, snapPoints: C, closestSnapPoint: U } = ye(Q, e), $ = pe(document.body), N = (t) => {
+      t.key === "Escape" && _();
+    }, X = () => {
+      o.value && (e.value = n.defaultBreakpoint ?? f.value, k({
+        height: e.value,
+        y: e.value
+      }), y("y", 0, b, { type: "tween", easings: "easeInOut", bounce: 0, duration: 300 }), D.value = !0, $.value = !0, window.addEventListener("keydown", N), n.blocking && setTimeout(() => {
+        B.value.y.get() - 0 < 0.1 && (u("opened"), Y());
       }, 300));
-    }, A = () => {
-      u.value && (_("y", R.value, W, { type: "tween", bounce: 0, duration: 300 }), v.value = !1, g.value = !1, a.blocking && ne(), window.removeEventListener("keydown", E), setTimeout(() => {
-        Q.value.y.get() - R.value < 0.1 && i("closed");
+    }, _ = () => {
+      o.value && (y("y", T.value, b, { type: "tween", bounce: 0, duration: 300 }), D.value = !1, $.value = !1, n.blocking && j(), window.removeEventListener("keydown", N), setTimeout(() => {
+        B.value.y.get() - T.value < 0.1 && u("closed");
       }, 300));
-    }, V = () => {
-      a.canBackdropClose && A();
+    }, Z = () => {
+      n.canBackdropClose && _();
     };
-    function B(S) {
-      T.value && S.preventDefault();
+    function ee(t) {
+      r.value && t.preventDefault();
     }
-    const j = (S) => {
-      u.value && (y.value = S, _("height", y.value, W, {
+    const V = (t) => {
+      o.value && (e.value = t, y("height", e.value, b, {
         type: "tween",
         easings: "easeInOut",
         bounce: 0,
         duration: 300
       }));
-    }, Z = ({ delta: S }) => {
-      u.value && (b.value === 0 && (y.value -= S[1]), y.value <= c.value && (y.value = c.value, b.value += S[1], b.value = Math.max(0, Math.min(b.value, c.value)), L({
-        y: a.canSwipeClose ? b.value : he(b.value, -R.value, 0, 0.5)
-      })), L({
-        height: Math.min(Math.max(he(y.value, 0, m.value, 0.25), 0), F.value)
+    }, A = ({ delta: t }) => {
+      o.value && (a.value === 0 && (e.value -= t[1]), e.value <= f.value && (e.value = f.value, a.value += t[1], a.value = Math.max(0, Math.min(a.value, f.value)), k({
+        y: n.canSwipeClose ? a.value : E(a.value, -T.value, 0, 0.5)
+      })), k({
+        height: Math.min(Math.max(E(e.value, 0, S.value, 0.25), 0), W.value)
       }));
-    }, $ = () => {
-      u.value && (b.value = a.canSwipeClose ? [0, y.value].reduce((S, M) => Math.abs(M - b.value) < Math.abs(S - b.value) ? M : S) : 0, _("y", b.value, W, { type: "tween", easings: "easeInOut", bounce: 0, duration: 300 }), b.value === y.value && (b.value = 0, A()), y.value = w.value[N.value], _("height", y.value, W, { type: "tween", easings: "easeInOut", bounce: 0, duration: 300 }));
+    }, M = () => {
+      o.value && (a.value = n.canSwipeClose ? [0, e.value].reduce((t, i) => Math.abs(i - a.value) < Math.abs(t - a.value) ? i : t) : 0, y("y", a.value, b, { type: "tween", easings: "easeInOut", bounce: 0, duration: 300 }), a.value === e.value && (a.value = 0, _()), e.value = C.value[U.value], y("height", e.value, b, { type: "tween", easings: "easeInOut", bounce: 0, duration: 300 }));
     };
-    return be(
+    return P(
       {
-        onDrag: Z,
-        onDragEnd: $
+        onDrag: A,
+        onDragEnd: M
       },
       {
-        domTarget: r,
+        domTarget: h,
         drag: { filterTaps: !0 }
       }
-    ), be(
+    ), P(
       {
-        onDrag: Z,
-        onDragEnd: $
+        onDrag: A,
+        onDragEnd: M
       },
       {
-        domTarget: l,
+        domTarget: v,
         drag: { filterTaps: !0 }
       }
-    ), be(
+    ), P(
       {
-        onDragStart: ({ direction: S }) => {
-          const M = f.value.scrollTop === 0, de = S[1] > 0;
-          w.value.length === 1 ? b.value === 0 && M && (T.value = de) : (a.expandOnContentDrag && y.value !== m.value && (T.value = !0), y.value === m.value && M && (T.value = de));
+        onDragStart: ({ direction: t }) => {
+          const i = m.value.scrollTop === 0, H = t[1] > 0;
+          C.value.length === 1 ? a.value === 0 && i && (r.value = H) : (n.expandOnContentDrag && e.value !== S.value && (r.value = !0), e.value === S.value && i && (r.value = H));
         },
-        onDrag: ({ delta: S }) => {
-          if (!a.expandOnContentDrag) {
-            T.value = !1;
+        onDrag: ({ delta: t }) => {
+          if (!n.expandOnContentDrag) {
+            r.value = !1;
             return;
           }
-          if (!u.value) return;
-          b.value === 0 && T.value && a.expandOnContentDrag && (y.value -= S[1]), y.value <= c.value && (y.value = c.value, T.value && a.expandOnContentDrag && (b.value += S[1]), b.value = Math.max(0, Math.min(b.value, c.value)), L({
-            y: a.canSwipeClose ? b.value : he(b.value, -R.value, 0, 0.5)
-          })), y.value > m.value && (y.value = m.value);
-          const M = f.value.scrollTop === 0;
-          w.value.length === 1 ? S[1] < 0 && b.value === 0 && M && (T.value = !1) : y.value === m.value && (T.value = !1), L({
-            height: y.value
+          if (!o.value) return;
+          a.value === 0 && r.value && n.expandOnContentDrag && (e.value -= t[1]), e.value <= f.value && (e.value = f.value, r.value && n.expandOnContentDrag && (a.value += t[1]), a.value = Math.max(0, Math.min(a.value, f.value)), k({
+            y: n.canSwipeClose ? a.value : E(a.value, -T.value, 0, 0.5)
+          })), e.value > S.value && (e.value = S.value);
+          const i = m.value.scrollTop === 0;
+          C.value.length === 1 ? t[1] < 0 && a.value === 0 && i && (r.value = !1) : e.value === S.value && (r.value = !1), k({
+            height: e.value
           });
         },
-        onDragEnd: $
+        onDragEnd: M
       },
       {
-        domTarget: d,
+        domTarget: I,
         drag: { filterTaps: !0 }
       }
-    ), G(x, () => {
-      i("minHeight", x.value), w.value.length === 1 && ye(() => {
-        w.value[0] === x.value && j(x.value);
+    ), ne(p, () => {
+      u("minHeight", p.value), C.value.length === 1 && R(() => {
+        C.value[0] === p.value && V(p.value);
       });
-    }), Se(() => {
-      i("minHeight", x.value), i("maxHeight", F.value), y.value = a.defaultBreakpoint ?? Number(x.value), L({
-        height: y.value,
-        y: y.value
-      }), ye(() => {
-        i("ready");
+    }), oe(() => {
+      u("minHeight", p.value), u("maxHeight", W.value), e.value = n.defaultBreakpoint ?? Number(p.value), k({
+        height: e.value,
+        y: e.value
+      }), R(() => {
+        u("ready");
       });
-    }), e({ open: D, close: A, snapToPoint: j }), (S, M) => (Qe(), Ze(Je, { to: "body" }, [
-      K("div", tn, [
-        et(tt, { name: "fade" }, {
-          default: nt(() => [
-            at(K("div", {
+    }), g({ open: X, close: _, snapToPoint: V }), (t, i) => (le(), se(ue, { to: "body" }, [
+      c("div", ke, [
+        ie(re, { name: "fade" }, {
+          default: ve(() => [
+            ce(c("div", {
               ref_key: "backdrop",
-              ref: h,
+              ref: L,
               "data-vsbs-backdrop": "",
-              onClick: M[0] || (M[0] = (de) => V())
+              onClick: i[0] || (i[0] = (H) => Z())
             }, null, 512), [
-              [rt, v.value && S.blocking]
+              [de, D.value && t.blocking]
             ])
           ]),
           _: 1
         }),
-        K("div", {
+        c("div", {
           ref_key: "sheet",
-          ref: u,
-          "data-vsbs-shadow": !S.blocking,
-          "data-vsbs-sheet-show": v.value,
+          ref: o,
+          "data-vsbs-shadow": !t.blocking,
+          "data-vsbs-sheet-show": D.value,
           "aria-modal": "true",
           "data-vsbs-sheet": "",
           tabindex: "-1"
         }, [
-          K("div", {
+          c("div", {
             ref_key: "sheetHeader",
-            ref: r,
+            ref: h,
             "data-vsbs-header": ""
           }, [
-            ve(S.$slots, "header", {}, void 0, !0)
+            O(t.$slots, "header", {}, void 0, !0)
           ], 512),
-          K("div", {
+          c("div", {
             ref_key: "sheetScroll",
-            ref: f,
+            ref: m,
             "data-vsbs-scroll": "",
-            onTouchmove: B
+            onTouchmove: ee
           }, [
-            K("div", {
+            c("div", {
               ref_key: "sheetContentWrapper",
-              ref: d,
+              ref: I,
               "data-vsbs-content-wrapper": ""
             }, [
-              K("div", {
+              c("div", {
                 ref_key: "sheetContent",
-                ref: p,
+                ref: F,
                 "data-vsbs-content": ""
               }, [
-                ve(S.$slots, "default", {}, void 0, !0)
+                O(t.$slots, "default", {}, void 0, !0)
               ], 512)
             ], 512)
           ], 544),
-          K("div", {
+          c("div", {
             ref_key: "sheetFooter",
-            ref: l,
+            ref: v,
             "data-vsbs-footer": ""
           }, [
-            ve(S.$slots, "footer", {}, void 0, !0)
+            O(t.$slots, "footer", {}, void 0, !0)
           ], 512)
-        ], 8, nn)
+        ], 8, Se)
       ])
     ]));
   }
-}), rn = (n, e) => {
-  const t = n.__vccOpts || n;
-  for (const [a, i] of e)
-    t[a] = i;
-  return t;
-}, cn = /* @__PURE__ */ rn(an, [["__scopeId", "data-v-931062ac"]]);
+}), Ce = (d, g) => {
+  const s = d.__vccOpts || d;
+  for (const [n, u] of g)
+    s[n] = u;
+  return s;
+}, He = /* @__PURE__ */ Ce(we, [["__scopeId", "data-v-931062ac"]]);
 export {
-  cn as default
+  He as default
 };

package/package.json

@@ -32,7 +32,7 @@
     "url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
   },
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "exports": {
     ".": {