@dialpad/dialtone 9.66.0 → 9.67.0

package/dist/vue3/lib/scrollbar-directive.js

@@ -1,6 +1,6 @@
 /*!
  * OverlayScrollbars
- * Version: 2.9.1
+ * Version: 2.10.0
  *
  * Copyright (c) Rene Haas | KingSora.
  * https://github.com/KingSora
@@ -40,7 +40,7 @@ const getApi = (t2) => typeof n[t2] !== "undefined" ? n[t2] : void 0;
 const _ = getApi("MutationObserver");
 const d = getApi("IntersectionObserver");
 const f = getApi("ResizeObserver");
-const p = getApi("ScrollTimeline");
+const v = getApi("ScrollTimeline");
 const isUndefined = (t2) => t2 === void 0;
 const isNull = (t2) => t2 === null;
 const isNumber = (t2) => typeof t2 === "number";
@@ -67,10 +67,10 @@ const animateNumber = (t2, n2, s2, e2, c2) => {
     const _2 = l2 - a2;
     const d2 = _2 >= u2;
     const f2 = s3 ? 1 : 1 - (o(0, a2 + u2 - l2) / u2 || 0);
-    const p2 = (n2 - t2) * (isFunction(c2) ? c2(f2, f2 * u2, 0, 1, u2) : f2) + t2;
-    const v2 = d2 || f2 === 1;
-    e2 && e2(p2, f2, v2);
-    r2 = v2 ? 0 : i(() => frame());
+    const v2 = (n2 - t2) * (isFunction(c2) ? c2(f2, f2 * u2, 0, 1, u2) : f2) + t2;
+    const p2 = d2 || f2 === 1;
+    e2 && e2(v2, f2, p2);
+    r2 = p2 ? 0 : i(() => frame());
   };
   frame();
   return (t3) => {
@@ -106,13 +106,13 @@ const createOrKeepArray = (t2) => {
 const isEmptyArray = (t2) => !!t2 && !t2.length;
 const deduplicateArray = (t2) => from(new Set(t2));
 const runEachAndClear = (t2, n2, o2) => {
-  const runFn = (t3) => t3 && t3.apply(void 0, n2 || []);
+  const runFn = (t3) => t3 ? t3.apply(void 0, n2 || []) : true;
   each(t2, runFn);
   !o2 && (t2.length = 0);
 };
-const v = "paddingTop";
-const g = "paddingRight";
-const h = "paddingLeft";
+const p = "paddingTop";
+const h = "paddingRight";
+const g = "paddingLeft";
 const b = "paddingBottom";
 const w = "marginLeft";
 const y = "marginRight";
@@ -158,57 +158,57 @@ const selfClearTimeout = (t2) => {
   }, () => s2(n2)];
 };
 const debounce = (t2, n2) => {
-  const { _: o2, p: s2, v: e2, S: c2 } = n2 || {};
+  const { _: o2, v: s2, p: e2, S: c2 } = n2 || {};
   let r2;
   let _2;
   let d2;
   let f2;
-  let p2 = noop;
-  const v2 = function invokeFunctionToDebounce(n3) {
-    p2();
+  let v2 = noop;
+  const p2 = function invokeFunctionToDebounce(n3) {
+    v2();
     u(r2);
     f2 = r2 = _2 = void 0;
-    p2 = noop;
+    v2 = noop;
     t2.apply(this, n3);
   };
   const mergeParms = (t3) => c2 && _2 ? c2(_2, t3) : t3;
   const flush = () => {
-    if (p2 !== noop) {
-      v2(mergeParms(d2) || d2);
+    if (v2 !== noop) {
+      p2(mergeParms(d2) || d2);
     }
   };
-  const g2 = function debouncedFn() {
+  const h2 = function debouncedFn() {
     const t3 = from(arguments);
     const n3 = isFunction(o2) ? o2() : o2;
     const c3 = isNumber(n3) && n3 >= 0;
     if (c3) {
       const o3 = isFunction(s2) ? s2() : s2;
       const c4 = isNumber(o3) && o3 >= 0;
-      const g3 = n3 > 0 ? a : i;
-      const h2 = n3 > 0 ? u : l;
+      const h3 = n3 > 0 ? a : i;
+      const g2 = n3 > 0 ? u : l;
       const b2 = mergeParms(t3);
       const w2 = b2 || t3;
-      const y2 = v2.bind(0, w2);
+      const y2 = p2.bind(0, w2);
       let S2;
-      p2();
+      v2();
       if (e2 && !f2) {
         y2();
         f2 = true;
-        S2 = g3(() => f2 = void 0, n3);
+        S2 = h3(() => f2 = void 0, n3);
       } else {
-        S2 = g3(y2, n3);
+        S2 = h3(y2, n3);
         if (c4 && !r2) {
           r2 = a(flush, o3);
         }
       }
-      p2 = () => h2(S2);
+      v2 = () => g2(S2);
       _2 = d2 = w2;
     } else {
-      v2(t3);
+      p2(t3);
     }
   };
-  g2.m = flush;
-  return g2;
+  h2.m = flush;
+  return h2;
 };
 const hasOwnProperty = (t2, n2) => Object.prototype.hasOwnProperty.call(t2, n2);
 const keys = (t2) => t2 ? Object.keys(t2) : [];
@@ -458,13 +458,13 @@ const getZeroScrollCoordinates = () => ({
     x: 0,
     y: 0
   },
-  T: {
+  M: {
     x: 0,
     y: 0
   }
 });
 const sanitizeScrollCoordinates = (t2, n2) => {
-  const { D: o2, T: s2 } = t2;
+  const { D: o2, M: s2 } = t2;
   const { w: e2, h: l2 } = n2;
   const sanitizeAxis = (t3, n3, o3) => {
     let s3 = r(t3) * o3;
@@ -485,20 +485,20 @@ const sanitizeScrollCoordinates = (t2, n2) => {
       x: i2,
       y: u2
     },
-    T: {
+    M: {
       x: a2,
       y: _2
     }
   };
 };
-const isDefaultDirectionScrollCoordinates = ({ D: t2, T: n2 }) => {
+const isDefaultDirectionScrollCoordinates = ({ D: t2, M: n2 }) => {
   const getAxis = (t3, n3) => t3 === 0 && t3 <= n3;
   return {
     x: getAxis(t2.x, n2.x),
     y: getAxis(t2.y, n2.y)
   };
 };
-const getScrollCoordinatesPercent = ({ D: t2, T: n2 }, o2) => {
+const getScrollCoordinatesPercent = ({ D: t2, M: n2 }, o2) => {
   const getAxis = (t3, n3, o3) => capNumber(0, 1, (t3 - o3) / (t3 - n3) || 0);
   return {
     x: getAxis(t2.x, n2.x, o2.x),
@@ -571,7 +571,7 @@ const opsStringify = (t2) => JSON.stringify(t2, (t3, n2) => {
   return n2;
 });
 const getPropByPath = (t2, n2) => t2 ? `${n2}`.split(".").reduce((t3, n3) => t3 && hasOwnProperty(t3, n3) ? t3[n3] : void 0, t2) : void 0;
-const T = {
+const M = {
   paddingAbsolute: false,
   showNativeOverlaidScrollbars: false,
   update: {
@@ -624,15 +624,15 @@ const getOptionsDiff = (t2, n2) => {
   return o2;
 };
 const createOptionCheck = (t2, n2, o2) => (s2) => [getPropByPath(t2, s2), o2 || getPropByPath(n2, s2) !== void 0];
-const k = `data-overlayscrollbars`;
-const M = "os-environment";
-const R = `${M}-scrollbar-hidden`;
-const V = `${k}-initialize`;
+const T = `data-overlayscrollbars`;
+const k = "os-environment";
+const R = `${k}-scrollbar-hidden`;
+const V = `${T}-initialize`;
 const L = "noClipping";
-const U = `${k}-body`;
-const P = k;
+const U = `${T}-body`;
+const P = T;
 const N = "host";
-const q = `${k}-viewport`;
+const q = `${T}-viewport`;
 const B = m;
 const F = O;
 const j = "arrange";
@@ -640,8 +640,8 @@ const X = "measuring";
 const Y = "scrolling";
 const W = "scrollbarHidden";
 const J = "noContent";
-const G = `${k}-padding`;
-const K = `${k}-content`;
+const G = `${T}-padding`;
+const K = `${T}-content`;
 const Q = "os-size-observer";
 const Z = `${Q}-appear`;
 const tt = `${Q}-listener`;
@@ -655,10 +655,10 @@ const ut = `${rt}-track`;
 const _t = `${rt}-handle`;
 const dt = `${rt}-visible`;
 const ft = `${rt}-cornerless`;
-const pt = `${rt}-interaction`;
-const vt = `${rt}-unusable`;
-const gt = `${rt}-auto-hide`;
-const ht = `${gt}-hidden`;
+const vt = `${rt}-interaction`;
+const pt = `${rt}-unusable`;
+const ht = `${rt}-auto-hide`;
+const gt = `${ht}-hidden`;
 const bt = `${rt}-wheel`;
 const wt = `${ut}-interactive`;
 const yt = `${_t}-interactive`;
@@ -691,8 +691,8 @@ const createEnvironment = () => {
     o3();
     return n2;
   };
-  const t2 = `.${M}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${M} div{width:200%;height:200%;margin:10px 0}.${R}{scrollbar-width:none!important}.${R}::-webkit-scrollbar,.${R}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`;
-  const o2 = createDOM(`<div class="${M}"><div></div><style>${t2}</style></div>`);
+  const t2 = `.${k}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${k} div{width:200%;height:200%;margin:10px 0}.${R}{scrollbar-width:none!important}.${R}::-webkit-scrollbar,.${R}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`;
+  const o2 = createDOM(`<div class="${k}"><div></div><style>${t2}</style></div>`);
   const s2 = o2[0];
   const e2 = s2.firstChild;
   const c2 = s2.lastChild;
@@ -711,7 +711,7 @@ const createEnvironment = () => {
     x: _2.x === 0,
     y: _2.y === 0
   };
-  const v2 = {
+  const p2 = {
     elements: {
       host: null,
       padding: !d2,
@@ -726,21 +726,21 @@ const createEnvironment = () => {
       body: null
     }
   };
-  const g2 = assignDeep({}, T);
-  const h2 = bind(assignDeep, {}, g2);
-  const b2 = bind(assignDeep, {}, v2);
+  const h2 = assignDeep({}, M);
+  const g2 = bind(assignDeep, {}, h2);
+  const b2 = bind(assignDeep, {}, p2);
   const w2 = {
-    k: _2,
-    M: f2,
+    T: _2,
+    k: f2,
     R: d2,
-    V: !!p,
+    V: !!v,
     L: bind(l2, "r"),
     U: b2,
-    P: (t3) => assignDeep(v2, t3) && b2(),
-    N: h2,
-    q: (t3) => assignDeep(g2, t3) && h2(),
-    B: assignDeep({}, v2),
-    F: assignDeep({}, g2)
+    P: (t3) => assignDeep(p2, t3) && b2(),
+    N: g2,
+    q: (t3) => assignDeep(h2, t3) && g2(),
+    B: assignDeep({}, p2),
+    F: assignDeep({}, h2)
   };
   removeAttrs(s2, "style");
   removeElements(s2);
@@ -759,7 +759,7 @@ const createEnvironment = () => {
     };
     addZoomListener(() => {
       const [t3, n2] = a2();
-      assignDeep(w2.k, t3);
+      assignDeep(w2.T, t3);
       i2("r", [n2]);
     });
   }
@@ -784,7 +784,7 @@ const dynamicInitializationElement = (t2, n2, o2, s2) => {
 };
 const cancelInitialization = (t2, n2) => {
   const { nativeScrollbarsOverlaid: o2, body: s2 } = n2 || {};
-  const { M: e2, R: c2, U: r2 } = getEnvironment();
+  const { k: e2, R: c2, U: r2 } = getEnvironment();
   const { nativeScrollbarsOverlaid: l2, body: i2 } = r2().cancel;
   const a2 = o2 != null ? o2 : l2;
   const u2 = isUndefined(s2) ? i2 : s2;
@@ -842,12 +842,12 @@ const createDOMObserver = (t2, n2, o2, s2) => {
   const { j: c2, X: r2, Y: l2, W: i2, J: a2, G: u2 } = s2 || {};
   const d2 = debounce(() => e2 && o2(true), {
     _: 33,
-    p: 99
+    v: 99
   });
-  const [f2, p2] = createEventContentChange(t2, d2, l2);
-  const v2 = c2 || [];
-  const g2 = r2 || [];
-  const h2 = concat(v2, g2);
+  const [f2, v2] = createEventContentChange(t2, d2, l2);
+  const p2 = c2 || [];
+  const h2 = r2 || [];
+  const g2 = concat(p2, h2);
   const observerCallback = (e3, c3) => {
     if (!isEmptyArray(c3)) {
       const r3 = a2 || noop;
@@ -855,9 +855,9 @@ const createDOMObserver = (t2, n2, o2, s2) => {
       const _2 = [];
       const d3 = [];
       let f3 = false;
-      let v3 = false;
+      let p3 = false;
       each(c3, (o3) => {
-        const { attributeName: e4, target: c4, type: a3, oldValue: u3, addedNodes: p3, removedNodes: h3 } = o3;
+        const { attributeName: e4, target: c4, type: a3, oldValue: u3, addedNodes: v3, removedNodes: g3 } = o3;
         const b3 = a3 === "attributes";
         const w2 = a3 === "childList";
         const y2 = t2 === c4;
@@ -865,27 +865,27 @@ const createDOMObserver = (t2, n2, o2, s2) => {
         const m2 = S2 && getAttr(c4, e4 || "");
         const O2 = isString(m2) ? m2 : null;
         const $2 = S2 && u3 !== O2;
-        const C2 = inArray(g2, e4) && $2;
+        const C2 = inArray(h2, e4) && $2;
         if (n2 && (w2 || !y2)) {
           const n3 = b3 && $2;
           const a4 = n3 && i2 && is(c4, i2);
           const d4 = a4 ? !r3(c4, e4, u3, O2) : !b3 || n3;
           const f4 = d4 && !l3(o3, !!a4, t2, s2);
-          each(p3, (t3) => push(_2, t3));
-          each(h3, (t3) => push(_2, t3));
-          v3 = v3 || f4;
+          each(v3, (t3) => push(_2, t3));
+          each(g3, (t3) => push(_2, t3));
+          p3 = p3 || f4;
         }
         if (!n2 && y2 && $2 && !r3(c4, e4, u3, O2)) {
           push(d3, e4);
           f3 = f3 || C2;
         }
       });
-      p2((t3) => deduplicateArray(_2).reduce((n3, o3) => {
+      v2((t3) => deduplicateArray(_2).reduce((n3, o3) => {
         push(n3, find(t3, o3));
         return is(o3, t3) ? push(n3, o3) : n3;
       }, []));
       if (n2) {
-        !e3 && v3 && o2(false);
+        !e3 && p3 && o2(false);
         return [false];
       }
       if (!isEmptyArray(d3) || f3) {
@@ -900,7 +900,7 @@ const createDOMObserver = (t2, n2, o2, s2) => {
     b2.observe(t2, {
       attributes: true,
       attributeOldValue: true,
-      attributeFilter: h2,
+      attributeFilter: g2,
       subtree: n2,
       childList: n2,
       characterData: n2
@@ -940,7 +940,7 @@ const getStaticPluginModuleInstance = (t2) => Ct[t2];
 const xt = "__osOptionsValidationPlugin";
 const Ht = "__osSizeObserverPlugin";
 const getShowNativeOverlaidScrollbars = (t2, n2) => {
-  const { M: o2 } = n2;
+  const { k: o2 } = n2;
   const [s2, e2] = t2("showNativeOverlaidScrollbars");
   return [s2 && o2.x && o2.y, e2];
 };
@@ -979,37 +979,45 @@ const zt = "__osScrollbarsHidingPlugin";
 const At = "__osClickScrollPlugin";
 const Dt = /* @__PURE__ */ (() => ({
   [At]: {
-    static: () => (t2, n2, o2, s2, e2) => {
-      let c2 = false;
-      let r2 = noop;
-      let l2 = noop;
-      const [i2, a2] = selfClearTimeout(133);
-      const animateClickScroll = (r3, a3, u2) => animateNumber(r3, r3 + s2 * Math.sign(o2), a3 ? 133 : 222, (o3, r4, u3) => {
-        t2(o3);
-        const _2 = n2();
-        const d2 = _2 + s2;
-        const f2 = e2 >= _2 && e2 <= d2;
-        const animationCompletedAction = () => {
-          l2 = animateClickScroll(o3, a3 + 1);
-        };
-        if (!c2 && u3 && !f2) {
-          if (a3) {
-            animationCompletedAction();
-          } else {
-            i2(animationCompletedAction);
+    static: () => (t2, n2, o2, s2) => {
+      let e2 = false;
+      let c2 = noop;
+      const r2 = 133;
+      const l2 = 222;
+      const [i2, a2] = selfClearTimeout(r2);
+      const u2 = Math.sign(n2);
+      const _2 = o2 * u2;
+      const d2 = _2 / 2;
+      const easing = (t3) => 1 - (1 - t3) * (1 - t3);
+      const easedEndPressAnimation = (n3, o3) => animateNumber(n3, o3, l2, t2, easing);
+      const linearPressAnimation = (o3, s3) => animateNumber(o3, n2 - _2, r2 * s3, (o4, s4, e3) => {
+        t2(o4);
+        if (e3) {
+          c2 = easedEndPressAnimation(o4, n2);
+        }
+      });
+      const f2 = animateNumber(0, _2, l2, (r3, l3, a3) => {
+        t2(r3);
+        if (a3) {
+          s2(e2);
+          if (!e2) {
+            const t3 = n2 - r3;
+            const s3 = Math.sign(t3 - d2) === u2;
+            s3 && i2(() => {
+              const s4 = t3 - _2;
+              const e3 = Math.sign(s4) === u2;
+              c2 = e3 ? linearPressAnimation(r3, Math.abs(s4) / o2) : easedEndPressAnimation(r3, n2);
+            });
           }
         }
-      }, u2);
-      r2 = animateClickScroll(0, 0, (t3) => 1 - (1 - t3) * (1 - t3));
+      }, easing);
       return (t3) => {
-        c2 = true;
-        a2();
+        e2 = true;
         if (t3) {
-          r2();
-          l2();
-        } else {
-          l2();
+          f2();
         }
+        a2();
+        c2();
       };
     }
   }
@@ -1106,11 +1114,11 @@ const createObserversSetup = (t2, n2, o2, s2) => {
   const u2 = `[${P}]`;
   const _2 = `[${q}]`;
   const d2 = ["id", "class", "style", "open", "wrap", "cols", "rows"];
-  const { vt: p2, gt: v2, ot: g2, ht: h2, bt: b2, nt: w2, wt: y2, yt: S2, St: m2, Ot: O2 } = t2;
+  const { vt: v2, ht: p2, ot: h2, gt: g2, bt: b2, nt: w2, wt: y2, yt: S2, St: m2, Ot: O2 } = t2;
   const getDirectionIsRTL = (t3) => getStyles(t3, "direction") === "rtl";
   const $2 = {
     $t: false,
-    ct: getDirectionIsRTL(p2)
+    ct: getDirectionIsRTL(v2)
   };
   const C2 = getEnvironment();
   const x2 = getStaticPluginModuleInstance(zt);
@@ -1123,16 +1131,16 @@ const createObserversSetup = (t2, n2, o2, s2) => {
   }, () => {
     const s3 = x2 && x2.tt(t2, n2, $2, C2, o2).ut;
     const e3 = y2 && w2;
-    const c3 = !e3 && hasAttrClass(v2, P, L);
+    const c3 = !e3 && hasAttrClass(p2, P, L);
     const r3 = !w2 && S2(j);
-    const l3 = r3 && getElementScroll(h2);
+    const l3 = r3 && getElementScroll(g2);
     const i3 = l3 && O2();
     const a3 = m2(X, c3);
     const u3 = r3 && s3 && s3()[0];
-    const _3 = D(g2);
-    const d3 = getFractionalSize(g2);
+    const _3 = D(h2);
+    const d3 = getFractionalSize(h2);
     u3 && u3();
-    scrollElementTo(h2, l3);
+    scrollElementTo(g2, l3);
     i3 && i3();
     c3 && a3();
     return {
@@ -1142,7 +1150,7 @@ const createObserversSetup = (t2, n2, o2, s2) => {
   });
   const E2 = debounce(s2, {
     _: () => e2,
-    p: () => c2,
+    v: () => c2,
     S(t3, n3) {
       const [o3] = t3;
       const [s3] = n3;
@@ -1153,7 +1161,7 @@ const createObserversSetup = (t2, n2, o2, s2) => {
     }
   });
   const setDirection = (t3) => {
-    const n3 = getDirectionIsRTL(p2);
+    const n3 = getDirectionIsRTL(v2);
     assignDeep(t3, {
       Ct: a2 !== n3
     });
@@ -1203,15 +1211,15 @@ const createObserversSetup = (t2, n2, o2, s2) => {
     }
     return s3;
   };
-  const [z2, I2] = b2 ? createTrinsicObserver(v2, onTrinsicChanged) : [];
-  const A2 = !w2 && createSizeObserver(v2, onSizeChanged, {
+  const [z2, I2] = b2 ? createTrinsicObserver(p2, onTrinsicChanged) : [];
+  const A2 = !w2 && createSizeObserver(p2, onSizeChanged, {
     dt: true
   });
-  const [T2, k2] = createDOMObserver(v2, false, onHostMutation, {
+  const [M2, T2] = createDOMObserver(p2, false, onHostMutation, {
     X: d2,
     j: d2
   });
-  const M2 = w2 && f && new f((t3) => {
+  const k2 = w2 && f && new f((t3) => {
     const n3 = t3[t3.length - 1].contentRect;
     onSizeChanged({
       ft: true,
@@ -1226,13 +1234,13 @@ const createObserversSetup = (t2, n2, o2, s2) => {
     });
   }, {
     _: 222,
-    v: true
+    p: true
   });
   return [() => {
-    M2 && M2.observe(v2);
+    k2 && k2.observe(p2);
     const t3 = A2 && A2();
     const n3 = z2 && z2();
-    const o3 = T2();
+    const o3 = M2();
     const s3 = C2.L((t4) => {
       if (t4) {
         E2({
@@ -1243,7 +1251,7 @@ const createObserversSetup = (t2, n2, o2, s2) => {
       }
     });
     return () => {
-      M2 && M2.disconnect();
+      k2 && k2.disconnect();
       t3 && t3();
       n3 && n3();
       l2 && l2();
@@ -1254,17 +1262,17 @@ const createObserversSetup = (t2, n2, o2, s2) => {
     const s3 = {};
     const [i3] = t3("update.ignoreMutation");
     const [a3, f2] = t3("update.attributes");
-    const [p3, v3] = t3("update.elementEvents");
-    const [h3, y3] = t3("update.debounce");
-    const S3 = v3 || f2;
+    const [v3, p3] = t3("update.elementEvents");
+    const [g3, y3] = t3("update.debounce");
+    const S3 = p3 || f2;
     const m3 = n3 || o3;
     const ignoreMutationFromOptions = (t4) => isFunction(i3) && i3(t4);
     if (S3) {
       r2 && r2();
       l2 && l2();
-      const [t4, n4] = createDOMObserver(b2 || g2, true, onContentMutation, {
+      const [t4, n4] = createDOMObserver(b2 || h2, true, onContentMutation, {
         j: concat(d2, a3 || []),
-        Y: p3,
+        Y: v3,
         W: u2,
         G: (t5, n5) => {
           const { target: o4, attributeName: s4 } = t5;
@@ -1277,13 +1285,13 @@ const createObserversSetup = (t2, n2, o2, s2) => {
     }
     if (y3) {
       E2.m();
-      if (isArray(h3)) {
-        const t4 = h3[0];
-        const n4 = h3[1];
+      if (isArray(g3)) {
+        const t4 = g3[0];
+        const n4 = g3[1];
         e2 = isNumber(t4) && t4;
         c2 = isNumber(n4) && n4;
-      } else if (isNumber(h3)) {
-        e2 = h3;
+      } else if (isNumber(g3)) {
+        e2 = g3;
         c2 = false;
       } else {
         e2 = false;
@@ -1291,7 +1299,7 @@ const createObserversSetup = (t2, n2, o2, s2) => {
       }
     }
     if (m3) {
-      const t4 = k2();
+      const t4 = T2();
       const n4 = I2 && I2();
       const o4 = r2 && r2();
       t4 && assignDeep(s3, onHostMutation(t4[0], t4[1], m3));
@@ -1309,21 +1317,21 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
   const { U: l2 } = getEnvironment();
   const { scrollbars: i2 } = l2();
   const { slot: a2 } = i2;
-  const { vt: u2, gt: _2, ot: d2, Tt: f2, ht: v2, wt: g2, nt: h2 } = n2;
+  const { vt: u2, ht: _2, ot: d2, Mt: f2, gt: p2, wt: h2, nt: g2 } = n2;
   const { scrollbars: b2 } = f2 ? {} : t2;
   const { slot: w2 } = b2 || {};
   const y2 = [];
   const S2 = [];
   const m2 = [];
-  const O2 = dynamicInitializationElement([u2, _2, d2], () => h2 && g2 ? u2 : _2, a2, w2);
+  const O2 = dynamicInitializationElement([u2, _2, d2], () => g2 && h2 ? u2 : _2, a2, w2);
   const initScrollTimeline = (t3) => {
-    if (p) {
-      const n3 = new p({
-        source: v2,
+    if (v) {
+      const n3 = new v({
+        source: p2,
         axis: t3
       });
       const _addScrollPercentAnimation = (t4) => {
-        const o3 = t4.kt.animate({
+        const o3 = t4.Tt.animate({
           clear: ["left"],
           [c2]: [0, 1]
         }, {
@@ -1332,7 +1340,7 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
         return () => o3.cancel();
       };
       return {
-        Mt: _addScrollPercentAnimation
+        kt: _addScrollPercentAnimation
       };
     }
   };
@@ -1351,7 +1359,7 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
   const scrollbarStructureAddRemoveClass = (t3, n3, o3) => {
     const s3 = o3 ? addClass : removeClass;
     each(t3, (t4) => {
-      s3(t4.kt, n3);
+      s3(t4.Tt, n3);
     });
   };
   const scrollbarStyle = (t3, n3) => {
@@ -1369,17 +1377,17 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
   };
   const refreshScrollbarsHandleLength = () => {
     const t3 = getViewportPercent();
-    const createScrollbarStyleFn = (t4) => (n3) => [n3.kt, {
+    const createScrollbarStyleFn = (t4) => (n3) => [n3.Tt, {
       [e2]: roundCssNumber(t4) + ""
     }];
     scrollbarStyle(S2, createScrollbarStyleFn(t3.x));
     scrollbarStyle(m2, createScrollbarStyleFn(t3.y));
   };
   const refreshScrollbarsHandleOffset = () => {
-    if (!p) {
+    if (!v) {
       const { Lt: t3 } = o2;
-      const n3 = getScrollCoordinatesPercent(t3, getElementScroll(v2));
-      const createScrollbarStyleFn = (t4) => (n4) => [n4.kt, {
+      const n3 = getScrollCoordinatesPercent(t3, getElementScroll(p2));
+      const createScrollbarStyleFn = (t4) => (n4) => [n4.Tt, {
         [c2]: roundCssNumber(t4) + ""
       }];
       scrollbarStyle(S2, createScrollbarStyleFn(n3.x));
@@ -1389,19 +1397,19 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
   const refreshScrollbarsScrollCoordinates = () => {
     const { Lt: t3 } = o2;
     const n3 = isDefaultDirectionScrollCoordinates(t3);
-    const createScrollbarStyleFn = (t4) => (n4) => [n4.kt, {
+    const createScrollbarStyleFn = (t4) => (n4) => [n4.Tt, {
       [r2]: t4 ? "0" : "1"
     }];
     scrollbarStyle(S2, createScrollbarStyleFn(n3.x));
     scrollbarStyle(m2, createScrollbarStyleFn(n3.y));
   };
   const refreshScrollbarsScrollbarOffset = () => {
-    if (h2 && !g2) {
+    if (g2 && !h2) {
       const { Rt: t3, Lt: n3 } = o2;
       const s3 = isDefaultDirectionScrollCoordinates(n3);
-      const e3 = getScrollCoordinatesPercent(n3, getElementScroll(v2));
+      const e3 = getScrollCoordinatesPercent(n3, getElementScroll(p2));
       const styleScrollbarPosition = (n4) => {
-        const { kt: o3 } = n4;
+        const { Tt: o3 } = n4;
         const c3 = parent(o3) === d2 && o3;
         const getTranslateValue = (t4, n5, o4) => {
           const s4 = n5 * t4;
@@ -1425,20 +1433,20 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
     const c3 = createDiv(ut);
     const r3 = createDiv(_t);
     const l3 = {
-      kt: e3,
+      Tt: e3,
       Ut: c3,
       Pt: r3
     };
     const i3 = $2[n3];
     push(t3 ? S2 : m2, l3);
-    push(y2, [appendChildren(e3, c3), appendChildren(c3, r3), bind(removeElements, e3), i3 && i3.Mt(l3), s2(l3, scrollbarsAddRemoveClass, t3)]);
+    push(y2, [appendChildren(e3, c3), appendChildren(c3, r3), bind(removeElements, e3), i3 && i3.kt(l3), s2(l3, scrollbarsAddRemoveClass, t3)]);
     return l3;
   };
   const C2 = bind(generateScrollbarDOM, true);
   const x2 = bind(generateScrollbarDOM, false);
   const appendElements = () => {
-    appendChildren(O2, S2[0].kt);
-    appendChildren(O2, m2[0].kt);
+    appendChildren(O2, S2[0].Tt);
+    appendChildren(O2, m2[0].Tt);
     return bind(runEachAndClear, y2);
   };
   C2();
@@ -1462,8 +1470,8 @@ const createScrollbarsSetupElements = (t2, n2, o2, s2) => {
   }, appendElements];
 };
 const createScrollbarsSetupEvents = (t2, n2, o2, s2) => (r2, l2, i2) => {
-  const { gt: u2, ot: _2, nt: d2, ht: f2, Kt: p2, Ot: v2 } = n2;
-  const { kt: g2, Ut: h2, Pt: b2 } = r2;
+  const { ht: u2, ot: _2, nt: d2, gt: f2, Kt: v2, Ot: p2 } = n2;
+  const { Tt: h2, Ut: g2, Pt: b2 } = r2;
   const [w2, y2] = selfClearTimeout(333);
   const [S2, m2] = selfClearTimeout(444);
   const scrollOffsetElementScrollBy = (t3) => {
@@ -1482,7 +1490,7 @@ const createScrollbarsSetupEvents = (t2, n2, o2, s2) => (r2, l2, i2) => {
     const u3 = i2 ? "x" : "y";
     const createRelativeHandleMove = (t3, n4) => (s4) => {
       const { Rt: e2 } = o2;
-      const c2 = I(h2)[a2] - I(b2)[a2];
+      const c2 = I(g2)[a2] - I(b2)[a2];
       const r4 = n4 * s4 / c2;
       const l4 = r4 * e2[u3];
       scrollElementTo(f2, {
@@ -1490,64 +1498,67 @@ const createScrollbarsSetupEvents = (t2, n2, o2, s2) => (r2, l2, i2) => {
       });
     };
     const _3 = [];
-    return addEventListener(h2, "pointerdown", (o3) => {
+    return addEventListener(g2, "pointerdown", (o3) => {
       const i3 = closest(o3.target, `.${_t}`) === b2;
-      const d3 = i3 ? b2 : h2;
-      const g3 = t2.scrollbars;
-      const { button: w3, isPrimary: y3, pointerType: O3 } = o3;
-      const { pointers: $2 } = g3;
-      const C2 = w3 === 0 && y3 && g3[i3 ? "dragScroll" : "clickScroll"] && ($2 || []).includes(O3);
-      if (C2) {
+      const d3 = i3 ? b2 : g2;
+      const h3 = t2.scrollbars;
+      const w3 = h3[i3 ? "dragScroll" : "clickScroll"];
+      const { button: y3, isPrimary: O3, pointerType: $2 } = o3;
+      const { pointers: C2 } = h3;
+      const x2 = y3 === 0 && O3 && w3 && (C2 || []).includes($2);
+      if (x2) {
         runEachAndClear(_3);
         m2();
-        const t3 = !i3 && o3.shiftKey;
-        const g4 = bind(getBoundingClientRect, b2);
-        const w4 = bind(getBoundingClientRect, h2);
-        const getHandleOffset = (t4, n4) => (t4 || g4())[l3] - (n4 || w4())[l3];
-        const y4 = e(getBoundingClientRect(f2)[r3]) / I(f2)[a2] || 1;
-        const O4 = createRelativeHandleMove(getElementScroll(f2)[u3], 1 / y4);
-        const $3 = o3[s3];
-        const C3 = g4();
-        const x2 = w4();
-        const H2 = C3[r3];
-        const E2 = getHandleOffset(C3, x2) + H2 / 2;
-        const z2 = $3 - x2[l3];
-        const A2 = i3 ? 0 : z2 - E2;
+        const t3 = !i3 && (o3.shiftKey || w3 === "instant");
+        const h4 = bind(getBoundingClientRect, b2);
+        const y4 = bind(getBoundingClientRect, g2);
+        const getHandleOffset = (t4, n4) => (t4 || h4())[l3] - (n4 || y4())[l3];
+        const O4 = e(getBoundingClientRect(f2)[r3]) / I(f2)[a2] || 1;
+        const $3 = createRelativeHandleMove(getElementScroll(f2)[u3], 1 / O4);
+        const C3 = o3[s3];
+        const x3 = h4();
+        const H2 = y4();
+        const E2 = x3[r3];
+        const z2 = getHandleOffset(x3, H2) + E2 / 2;
+        const A2 = C3 - H2[l3];
+        const D2 = i3 ? 0 : A2 - z2;
         const releasePointerCapture = (t4) => {
-          runEachAndClear(T2);
+          runEachAndClear(k2);
           d3.releasePointerCapture(t4.pointerId);
         };
-        const D2 = v2();
-        const T2 = [() => {
+        const M2 = i3 || t3;
+        const T2 = p2();
+        const k2 = [addEventListener(v2, n3, releasePointerCapture), addEventListener(v2, "selectstart", (t4) => preventDefault(t4), {
+          H: false
+        }), addEventListener(g2, n3, releasePointerCapture), M2 && addEventListener(g2, "pointermove", (t4) => $3(D2 + (t4[s3] - C3))), M2 && (() => {
           const t4 = getElementScroll(f2);
-          D2();
+          T2();
           const n4 = getElementScroll(f2);
           const o4 = {
             x: n4.x - t4.x,
             y: n4.y - t4.y
           };
           if (c(o4.x) > 3 || c(o4.y) > 3) {
-            v2();
+            p2();
             scrollElementTo(f2, t4);
             scrollOffsetElementScrollBy(o4);
-            S2(D2);
-          }
-        }, addEventListener(p2, n3, releasePointerCapture), addEventListener(p2, "selectstart", (t4) => preventDefault(t4), {
-          H: false
-        }), addEventListener(h2, n3, releasePointerCapture), addEventListener(h2, "pointermove", (n4) => {
-          const o4 = n4[s3] - $3;
-          if (i3 || t3) {
-            O4(A2 + o4);
+            S2(T2);
           }
         })];
         d3.setPointerCapture(o3.pointerId);
         if (t3) {
-          O4(A2);
+          $3(D2);
         } else if (!i3) {
           const t4 = getStaticPluginModuleInstance(At);
           if (t4) {
-            const n4 = t4(O4, getHandleOffset, A2, H2, z2);
-            push(T2, bind(n4));
+            const n4 = t4($3, D2, E2, (t5) => {
+              if (t5) {
+                T2();
+              } else {
+                push(k2, T2);
+              }
+            });
+            push(k2, n4);
             push(_3, bind(n4, true));
           }
         }
@@ -1555,18 +1566,18 @@ const createScrollbarsSetupEvents = (t2, n2, o2, s2) => (r2, l2, i2) => {
     });
   };
   let O2 = true;
-  return bind(runEachAndClear, [addEventListener(b2, "pointermove pointerleave", s2), addEventListener(g2, "pointerenter", () => {
-    l2(pt, true);
-  }), addEventListener(g2, "pointerleave pointercancel", () => {
-    l2(pt, false);
-  }), !d2 && addEventListener(g2, "mousedown", () => {
+  return bind(runEachAndClear, [addEventListener(b2, "pointermove pointerleave", s2), addEventListener(h2, "pointerenter", () => {
+    l2(vt, true);
+  }), addEventListener(h2, "pointerleave pointercancel", () => {
+    l2(vt, false);
+  }), !d2 && addEventListener(h2, "mousedown", () => {
     const t3 = getFocusedElement();
     if (hasAttr(t3, q) || hasAttr(t3, P) || t3 === document.body) {
       a(bind(focusElement, _2), 25);
     }
-  }), addEventListener(g2, "wheel", (t3) => {
+  }), addEventListener(h2, "wheel", (t3) => {
     const { deltaX: n3, deltaY: o3, deltaMode: s3 } = t3;
-    if (O2 && s3 === 0 && parent(g2) === u2) {
+    if (O2 && s3 === 0 && parent(h2) === u2) {
       scrollOffsetElementScrollBy({
         x: n3,
         y: o3
@@ -1582,7 +1593,7 @@ const createScrollbarsSetupEvents = (t2, n2, o2, s2) => (r2, l2, i2) => {
   }, {
     H: false,
     I: true
-  }), addEventListener(g2, "pointerdown", bind(addEventListener, p2, "click", stopAndPrevent, {
+  }), addEventListener(h2, "pointerdown", bind(addEventListener, v2, "click", stopAndPrevent, {
     A: true,
     I: true,
     H: false
@@ -1599,19 +1610,19 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
   let _2 = noop;
   let d2 = 0;
   const isHoverablePointerType = (t3) => t3.pointerType === "mouse";
-  const [f2, p2] = selfClearTimeout();
-  const [v2, g2] = selfClearTimeout(100);
-  const [h2, b2] = selfClearTimeout(100);
+  const [f2, v2] = selfClearTimeout();
+  const [p2, h2] = selfClearTimeout(100);
+  const [g2, b2] = selfClearTimeout(100);
   const [w2, y2] = selfClearTimeout(() => d2);
   const [S2, m2] = createScrollbarsSetupElements(t2, e2, s2, createScrollbarsSetupEvents(n2, e2, s2, (t3) => isHoverablePointerType(t3) && manageScrollbarsAutoHideInstantInteraction()));
-  const { gt: O2, Qt: $2, wt: C2 } = e2;
+  const { ht: O2, Qt: $2, wt: C2 } = e2;
   const { jt: H2, Nt: z2, qt: I2, Bt: A2, Ft: D2 } = S2;
   const manageScrollbarsAutoHide = (t3, n3) => {
     y2();
     if (t3) {
-      H2(ht);
+      H2(gt);
     } else {
-      const t4 = bind(H2, ht, true);
+      const t4 = bind(H2, gt, true);
       if (d2 > 0 && !n3) {
         w2(t4);
       } else {
@@ -1622,14 +1633,14 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
   const manageScrollbarsAutoHideInstantInteraction = () => {
     if (i2 ? !r2 : !a2) {
       manageScrollbarsAutoHide(true);
-      v2(() => {
+      p2(() => {
         manageScrollbarsAutoHide(false);
       });
     }
   };
   const manageAutoHideSuspension = (t3) => {
-    H2(gt, t3, true);
-    H2(gt, t3, false);
+    H2(ht, t3, true);
+    H2(ht, t3, false);
   };
   const onHostMouseEnter = (t3) => {
     if (isHoverablePointerType(t3)) {
@@ -1637,7 +1648,7 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
       i2 && manageScrollbarsAutoHide(true);
     }
   };
-  const T2 = [y2, g2, b2, p2, () => _2(), addEventListener(O2, "pointerover", onHostMouseEnter, {
+  const M2 = [y2, h2, b2, v2, () => _2(), addEventListener(O2, "pointerover", onHostMouseEnter, {
     A: true
   }), addEventListener(O2, "pointerenter", onHostMouseEnter), addEventListener(O2, "pointerleave", (t3) => {
     if (isHoverablePointerType(t3)) {
@@ -1654,14 +1665,14 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
     c2(t3);
     D2();
   })];
-  return [() => bind(runEachAndClear, push(T2, m2())), ({ It: t3, Dt: n3, Zt: e3, tn: c3 }) => {
-    const { nn: r3, sn: f3, en: p3, cn: v3 } = c3 || {};
-    const { Ct: g3, dt: b3 } = e3 || {};
+  return [() => bind(runEachAndClear, push(M2, m2())), ({ It: t3, Dt: n3, Zt: e3, tn: c3 }) => {
+    const { nn: r3, sn: f3, en: v3, cn: p3 } = c3 || {};
+    const { Ct: h3, dt: b3 } = e3 || {};
     const { ct: w3 } = o2;
-    const { M: y3 } = getEnvironment();
+    const { k: y3 } = getEnvironment();
     const { K: S3, rn: m3 } = s2;
-    const [O3, T3] = t3("showNativeOverlaidScrollbars");
-    const [k2, M2] = t3("scrollbars.theme");
+    const [O3, M3] = t3("showNativeOverlaidScrollbars");
+    const [T2, k2] = t3("scrollbars.theme");
     const [R2, V2] = t3("scrollbars.visibility");
     const [L2, U2] = t3("scrollbars.autoHide");
     const [P2, N2] = t3("scrollbars.autoHideSuspend");
@@ -1671,8 +1682,8 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
     const [Y2, W2] = t3("overflow");
     const J2 = b3 && !n3;
     const G2 = m3.x || m3.y;
-    const K2 = r3 || f3 || v3 || g3 || n3;
-    const Q2 = p3 || V2 || W2;
+    const K2 = r3 || f3 || p3 || h3 || n3;
+    const Q2 = v3 || V2 || W2;
     const Z2 = O3 && y3.x && y3.y;
     const setScrollbarVisibility = (t4, n4, o3) => {
       const s3 = t4.includes(E) && (R2 === x || R2 === "auto" && n4 === E);
@@ -1684,7 +1695,7 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
       if (P2 && G2) {
         manageAutoHideSuspension(false);
         _2();
-        h2(() => {
+        g2(() => {
           _2 = addEventListener($2, "scroll", bind(manageAutoHideSuspension, true), {
             A: true
           });
@@ -1693,13 +1704,13 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
         manageAutoHideSuspension(true);
       }
     }
-    if (T3) {
+    if (M3) {
       H2(ct, Z2);
     }
-    if (M2) {
+    if (k2) {
       H2(u2);
-      H2(k2, true);
-      u2 = k2;
+      H2(T2, true);
+      u2 = T2;
     }
     if (N2 && !P2) {
       manageAutoHideSuspension(true);
@@ -1714,7 +1725,7 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
       H2(yt, B2);
     }
     if (X2) {
-      H2(wt, j2);
+      H2(wt, !!j2);
     }
     if (Q2) {
       const t4 = setScrollbarVisibility(Y2.x, S3.x, true);
@@ -1726,9 +1737,9 @@ const createScrollbarsSetup = (t2, n2, o2, s2, e2, c2) => {
       I2();
       z2();
       D2();
-      v3 && A2();
-      H2(vt, !m3.x, true);
-      H2(vt, !m3.y, false);
+      p3 && A2();
+      H2(pt, !m3.x, true);
+      H2(pt, !m3.y, false);
       H2(lt, w3 && !C2);
     }
   }, {}, S2];
@@ -1741,14 +1752,14 @@ const createStructureSetupElements = (t2) => {
   const a2 = isHTMLElement(t2);
   const u2 = a2 ? {} : t2;
   const { elements: _2 } = u2;
-  const { padding: d2, viewport: f2, content: p2 } = _2 || {};
-  const v2 = a2 ? t2 : u2.target;
-  const g2 = isBodyElement(v2);
-  const h2 = v2.ownerDocument;
-  const b2 = h2.documentElement;
-  const getDocumentWindow = () => h2.defaultView || n;
-  const w2 = bind(staticInitializationElement, [v2]);
-  const y2 = bind(dynamicInitializationElement, [v2]);
+  const { padding: d2, viewport: f2, content: v2 } = _2 || {};
+  const p2 = a2 ? t2 : u2.target;
+  const h2 = isBodyElement(p2);
+  const g2 = p2.ownerDocument;
+  const b2 = g2.documentElement;
+  const getDocumentWindow = () => g2.defaultView || n;
+  const w2 = bind(staticInitializationElement, [p2]);
+  const y2 = bind(dynamicInitializationElement, [p2]);
   const S2 = bind(createDiv, "");
   const $2 = bind(w2, S2, l2);
   const C2 = bind(y2, S2, i2);
@@ -1760,42 +1771,42 @@ const createStructureSetupElements = (t2) => {
     return o3.w - n2.w > 0 && !overflowIsVisible(s3) || o3.h - n2.h > 0 && !overflowIsVisible(e3);
   };
   const x2 = $2(f2);
-  const H2 = x2 === v2;
-  const E2 = H2 && g2;
-  const z2 = !H2 && C2(p2);
+  const H2 = x2 === p2;
+  const E2 = H2 && h2;
+  const z2 = !H2 && C2(v2);
   const A2 = !H2 && x2 === z2;
-  const T2 = E2 ? b2 : x2;
-  const k2 = E2 ? T2 : v2;
-  const M2 = !H2 && y2(S2, r2, d2);
+  const M2 = E2 ? b2 : x2;
+  const T2 = E2 ? M2 : p2;
+  const k2 = !H2 && y2(S2, r2, d2);
   const R2 = !A2 && z2;
-  const L2 = [R2, T2, M2, k2].map((t3) => isHTMLElement(t3) && !parent(t3) && t3);
+  const L2 = [R2, M2, k2, T2].map((t3) => isHTMLElement(t3) && !parent(t3) && t3);
   const elementIsGenerated = (t3) => t3 && inArray(L2, t3);
-  const B2 = !elementIsGenerated(T2) && elementHasOverflow(T2) ? T2 : v2;
-  const F2 = E2 ? b2 : T2;
-  const j2 = E2 ? h2 : T2;
+  const B2 = !elementIsGenerated(M2) && elementHasOverflow(M2) ? M2 : p2;
+  const F2 = E2 ? b2 : M2;
+  const j2 = E2 ? g2 : M2;
   const X2 = {
-    vt: v2,
-    gt: k2,
-    ot: T2,
-    ln: M2,
+    vt: p2,
+    ht: T2,
+    ot: M2,
+    ln: k2,
     bt: R2,
-    ht: F2,
+    gt: F2,
     Qt: j2,
-    an: g2 ? b2 : B2,
-    Kt: h2,
-    wt: g2,
-    Tt: a2,
+    an: h2 ? b2 : B2,
+    Kt: g2,
+    wt: h2,
+    Mt: a2,
     nt: H2,
     un: getDocumentWindow,
-    yt: (t3) => hasAttrClass(T2, q, t3),
-    St: (t3, n2) => addRemoveAttrClass(T2, q, t3, n2),
+    yt: (t3) => hasAttrClass(M2, q, t3),
+    St: (t3, n2) => addRemoveAttrClass(M2, q, t3, n2),
     Ot: () => addRemoveAttrClass(F2, q, Y, true)
   };
-  const { vt: J2, gt: Q2, ln: Z2, ot: tt2, bt: nt } = X2;
+  const { vt: J2, ht: Q2, ln: Z2, ot: tt2, bt: nt } = X2;
   const ot = [() => {
     removeAttrs(Q2, [P, V]);
     removeAttrs(J2, V);
-    if (g2) {
+    if (h2) {
       removeAttrs(b2, [V, P]);
     }
   }];
@@ -1822,7 +1833,7 @@ const createStructureSetupElements = (t2) => {
     setAttrs(nt, K, "");
     if (!H2) {
       setAttrs(tt2, o3, s3 || "-1");
-      g2 && setAttrs(b2, U, "");
+      h2 && setAttrs(b2, U, "");
     }
     appendChildren(et2, st);
     appendChildren(Q2, Z2);
@@ -1836,7 +1847,7 @@ const createStructureSetupElements = (t2) => {
       removeAttrs(Z2, G);
       removeAttrs(nt, K);
       removeAttrs(tt2, q);
-      g2 && removeAttrs(b2, U);
+      h2 && removeAttrs(b2, U);
       s3 ? setAttrs(tt2, o3, s3) : removeAttrs(tt2, o3);
       elementIsGenerated(nt) && unwrap(nt);
       n3 && unwrap(tt2);
@@ -1848,7 +1859,7 @@ const createStructureSetupElements = (t2) => {
       addAttrClass(tt2, q, W);
       push(ot, bind(removeAttrs, tt2, q));
     }
-    focusElement(!H2 && g2 && n2 === J2 && t3.top === t3 ? tt2 : n2);
+    focusElement(!H2 && h2 && n2 === J2 && t3.top === t3 ? tt2 : n2);
     c3();
     st = 0;
     return ct2;
@@ -1865,7 +1876,7 @@ const createTrinsicUpdateSegment = ({ bt: t2 }) => ({ Zt: n2, _n: o2, Dt: s2 })
     });
   }
 };
-const createPaddingUpdateSegment = ({ gt: t2, ln: n2, ot: o2, nt: s2 }, e2) => {
+const createPaddingUpdateSegment = ({ ht: t2, ln: n2, ot: o2, nt: s2 }, e2) => {
   const [c2, r2] = createCache({
     i: equalTRBL,
     o: topRightBottomLeft()
@@ -1873,10 +1884,10 @@ const createPaddingUpdateSegment = ({ gt: t2, ln: n2, ot: o2, nt: s2 }, e2) => {
   return ({ It: t3, Zt: l2, _n: i2, Dt: a2 }) => {
     let [u2, _2] = r2(a2);
     const { R: d2 } = getEnvironment();
-    const { ft: f2, Ht: p2, Ct: m2 } = l2 || {};
+    const { ft: f2, Ht: v2, Ct: m2 } = l2 || {};
     const { ct: O2 } = i2;
     const [C2, x2] = t3("paddingAbsolute");
-    const H2 = a2 || p2;
+    const H2 = a2 || v2;
     if (f2 || _2 || H2) {
       [u2, _2] = c2(a2);
     }
@@ -1895,10 +1906,10 @@ const createPaddingUpdateSegment = ({ gt: t2, ln: n2, ot: o2, nt: s2 }, e2) => {
         [$]: t4 && `calc(100% + ${s3}px)`
       };
       const l3 = {
-        [v]: t4 ? u2.t : 0,
-        [g]: t4 ? u2.r : 0,
+        [p]: t4 ? u2.t : 0,
+        [h]: t4 ? u2.r : 0,
         [b]: t4 ? u2.b : 0,
-        [h]: t4 ? u2.l : 0
+        [g]: t4 ? u2.l : 0
       };
       setStyles(n2 || o2, r3);
       setStyles(o2, l3);
@@ -1915,57 +1926,55 @@ const createPaddingUpdateSegment = ({ gt: t2, ln: n2, ot: o2, nt: s2 }, e2) => {
 };
 const createOverflowUpdateSegment = (t2, s2) => {
   const e2 = getEnvironment();
-  const { gt: c2, ln: r2, ot: l2, nt: a2, Qt: u2, ht: _2, wt: d2, St: f2, un: p2 } = t2;
-  const { R: v2 } = e2;
-  const g2 = d2 && a2;
-  const h2 = bind(o, 0);
-  const b2 = ["display", "direction", "flexDirection", "writingMode"];
-  const w2 = {
+  const { ht: c2, ln: r2, ot: l2, nt: a2, Qt: u2, gt: _2, wt: d2, St: f2, un: v2 } = t2;
+  const { R: p2 } = e2;
+  const h2 = d2 && a2;
+  const g2 = bind(o, 0);
+  const b2 = {
+    display: () => false,
+    direction: (t3) => t3 !== "ltr",
+    flexDirection: (t3) => t3.endsWith("-reverse"),
+    writingMode: (t3) => t3 !== "horizontal-tb"
+  };
+  const w2 = keys(b2);
+  const y2 = {
     i: equalWH,
     o: {
       w: 0,
       h: 0
     }
   };
-  const y2 = {
+  const S2 = {
     i: equalXY,
     o: {}
   };
   const setMeasuringMode = (t3) => {
-    f2(X, !g2 && t3);
-  };
-  const getOverflowAmount = (t3, o2) => {
-    const s3 = n.devicePixelRatio % 1 !== 0 ? 1 : 0;
-    const e3 = {
-      w: h2(t3.w - o2.w),
-      h: h2(t3.h - o2.h)
-    };
-    return {
-      w: e3.w > s3 ? e3.w : 0,
-      h: e3.h > s3 ? e3.h : 0
-    };
+    f2(X, !h2 && t3);
   };
-  const [S2, m2] = createCache(w2, bind(getFractionalSize, l2));
-  const [O2, $2] = createCache(w2, bind(D, l2));
-  const [C2, z2] = createCache(w2);
-  const [I2] = createCache(y2);
-  const [T2, k2] = createCache(w2);
-  const [M2] = createCache(y2);
-  const [R2] = createCache({
-    i: (t3, n2) => equal(t3, n2, b2),
-    o: {}
-  }, () => hasDimensions(l2) ? getStyles(l2, b2) : {});
-  const [V2, U2] = createCache({
-    i: (t3, n2) => equalXY(t3.D, n2.D) && equalXY(t3.T, n2.T),
-    o: getZeroScrollCoordinates()
-  }, () => {
+  const getMeasuredScrollCoordinates = (t3) => {
+    const n2 = w2.some((n3) => {
+      const o3 = t3[n3];
+      return o3 && b2[n3](o3);
+    });
+    if (!n2) {
+      return {
+        D: {
+          x: 0,
+          y: 0
+        },
+        M: {
+          x: 1,
+          y: 1
+        }
+      };
+    }
     setMeasuringMode(true);
-    const t3 = getElementScroll(_2);
-    const n2 = f2(J, true);
-    const o2 = addEventListener(u2, E, (n3) => {
-      const o3 = getElementScroll(_2);
-      if (n3.isTrusted && o3.x === t3.x && o3.y === t3.y) {
-        stopPropagation(n3);
+    const o2 = getElementScroll(_2);
+    const s3 = f2(J, true);
+    const e3 = addEventListener(u2, E, (t4) => {
+      const n3 = getElementScroll(_2);
+      if (t4.isTrusted && n3.x === o2.x && n3.y === o2.y) {
+        stopPropagation(t4);
       }
     }, {
       I: true,
@@ -1975,27 +1984,52 @@ const createOverflowUpdateSegment = (t2, s2) => {
       x: 0,
       y: 0
     });
-    n2();
-    const s3 = getElementScroll(_2);
-    const e3 = D(_2);
+    s3();
+    const c3 = getElementScroll(_2);
+    const r3 = D(_2);
     scrollElementTo(_2, {
-      x: e3.w,
-      y: e3.h
+      x: r3.w,
+      y: r3.h
     });
-    const c3 = getElementScroll(_2);
+    const l3 = getElementScroll(_2);
     scrollElementTo(_2, {
-      x: c3.x - s3.x < 1 && -e3.w,
-      y: c3.y - s3.y < 1 && -e3.h
+      x: l3.x - c3.x < 1 && -r3.w,
+      y: l3.y - c3.y < 1 && -r3.h
     });
-    const r3 = getElementScroll(_2);
-    scrollElementTo(_2, t3);
-    i(() => o2());
+    const a3 = getElementScroll(_2);
+    scrollElementTo(_2, o2);
+    i(() => e3());
     return {
-      D: s3,
-      T: r3
+      D: c3,
+      M: a3
     };
+  };
+  const getOverflowAmount = (t3, o2) => {
+    const s3 = n.devicePixelRatio % 1 !== 0 ? 1 : 0;
+    const e3 = {
+      w: g2(t3.w - o2.w),
+      h: g2(t3.h - o2.h)
+    };
+    return {
+      w: e3.w > s3 ? e3.w : 0,
+      h: e3.h > s3 ? e3.h : 0
+    };
+  };
+  const [m2, O2] = createCache(y2, bind(getFractionalSize, l2));
+  const [$2, C2] = createCache(y2, bind(D, l2));
+  const [z2, I2] = createCache(y2);
+  const [M2] = createCache(S2);
+  const [T2, k2] = createCache(y2);
+  const [R2] = createCache(S2);
+  const [V2] = createCache({
+    i: (t3, n2) => equal(t3, n2, w2),
+    o: {}
+  }, () => hasDimensions(l2) ? getStyles(l2, w2) : {});
+  const [U2, N2] = createCache({
+    i: (t3, n2) => equalXY(t3.D, n2.D) && equalXY(t3.M, n2.M),
+    o: getZeroScrollCoordinates()
   });
-  const N2 = getStaticPluginModuleInstance(zt);
+  const q2 = getStaticPluginModuleInstance(zt);
   const createViewportOverflowStyleClassName = (t3, n2) => {
     const o2 = n2 ? B : F;
     return `${o2}${capitalizeFirstLetter(t3)}`;
@@ -2008,67 +2042,67 @@ const createOverflowUpdateSegment = (t2, s2) => {
   };
   return ({ It: n2, Zt: o2, _n: i2, Dt: a3 }, { fn: u3 }) => {
     const { ft: _3, Ht: d3, Ct: b3, dt: w3, zt: y3 } = o2 || {};
-    const x2 = N2 && N2.tt(t2, s2, i2, e2, n2);
-    const { it: H2, ut: E2, _t: D2 } = x2 || {};
-    const [q2, B2] = getShowNativeOverlaidScrollbars(n2, e2);
+    const S3 = q2 && q2.tt(t2, s2, i2, e2, n2);
+    const { it: x2, ut: H2, _t: E2 } = S3 || {};
+    const [D2, B2] = getShowNativeOverlaidScrollbars(n2, e2);
     const [F2, j2] = n2("overflow");
     const X2 = overflowIsVisible(F2.x);
     const Y2 = overflowIsVisible(F2.y);
     const J2 = true;
-    let K2 = m2(a3);
-    let Q2 = $2(a3);
-    let Z2 = z2(a3);
+    let K2 = O2(a3);
+    let Q2 = C2(a3);
+    let Z2 = I2(a3);
     let tt2 = k2(a3);
-    if (B2 && v2) {
-      f2(W, !q2);
+    if (B2 && p2) {
+      f2(W, !D2);
     }
     {
       if (hasAttrClass(c2, P, L)) {
         setMeasuringMode(true);
       }
-      const [t3] = E2 ? E2() : [];
-      const [n3] = K2 = S2(a3);
-      const [o3] = Q2 = O2(a3);
+      const [t3] = H2 ? H2() : [];
+      const [n3] = K2 = m2(a3);
+      const [o3] = Q2 = $2(a3);
       const s3 = A(l2);
-      const e3 = g2 && getWindowSize(p2());
+      const e3 = h2 && getWindowSize(v2());
       const r3 = {
-        w: h2(o3.w + n3.w),
-        h: h2(o3.h + n3.h)
+        w: g2(o3.w + n3.w),
+        h: g2(o3.h + n3.h)
       };
       const i3 = {
-        w: h2((e3 ? e3.w : s3.w + h2(s3.w - o3.w)) + n3.w),
-        h: h2((e3 ? e3.h : s3.h + h2(s3.h - o3.h)) + n3.h)
+        w: g2((e3 ? e3.w : s3.w + g2(s3.w - o3.w)) + n3.w),
+        h: g2((e3 ? e3.h : s3.h + g2(s3.h - o3.h)) + n3.h)
       };
       t3 && t3();
       tt2 = T2(i3);
-      Z2 = C2(getOverflowAmount(r3, i3), a3);
+      Z2 = z2(getOverflowAmount(r3, i3), a3);
     }
     const [nt, ot] = tt2;
     const [st, et2] = Z2;
     const [ct2, rt2] = Q2;
     const [lt2, it2] = K2;
-    const [at2, ut2] = I2({
+    const [at2, ut2] = M2({
       x: st.w > 0,
       y: st.h > 0
     });
     const _t2 = X2 && Y2 && (at2.x || at2.y) || X2 && at2.x && !at2.y || Y2 && at2.y && !at2.x;
     const dt2 = u3 || b3 || y3 || it2 || rt2 || ot || et2 || j2 || B2 || J2;
     const ft2 = createViewportOverflowState(at2, F2);
-    const [pt2, vt2] = M2(ft2.K);
-    const [, gt2] = R2(a3);
-    const ht2 = b3 || w3 || gt2 || ut2 || a3;
-    const [bt2, wt2] = ht2 ? V2(a3) : U2();
+    const [vt2, pt2] = R2(ft2.K);
+    const [ht2, gt2] = V2(a3);
+    const bt2 = b3 || w3 || gt2 || ut2 || a3;
+    const [wt2, yt2] = bt2 ? U2(getMeasuredScrollCoordinates(ht2), a3) : N2();
     if (dt2) {
-      vt2 && setViewportOverflowStyle(ft2.K);
-      if (D2 && H2) {
-        setStyles(l2, D2(ft2, i2, H2(ft2, ct2, lt2)));
+      pt2 && setViewportOverflowStyle(ft2.K);
+      if (E2 && x2) {
+        setStyles(l2, E2(ft2, i2, x2(ft2, ct2, lt2)));
       }
     }
     setMeasuringMode(false);
     addRemoveAttrClass(c2, P, L, _t2);
     addRemoveAttrClass(r2, G, L, _t2);
     assignDeep(s2, {
-      K: pt2,
+      K: vt2,
       Vt: {
         x: nt.w,
         y: nt.h
@@ -2078,14 +2112,14 @@ const createOverflowUpdateSegment = (t2, s2) => {
         y: st.h
       },
       rn: at2,
-      Lt: sanitizeScrollCoordinates(bt2, st)
+      Lt: sanitizeScrollCoordinates(wt2, st)
     });
     return {
-      en: vt2,
+      en: pt2,
       nn: ot,
       sn: et2,
-      cn: wt2 || et2,
-      pn: ht2
+      cn: yt2 || et2,
+      vn: bt2
     };
   };
 };
@@ -2103,10 +2137,10 @@ const createStructureSetup = (t2) => {
       [y]: 0,
       [S]: 0,
       [w]: 0,
-      [v]: 0,
-      [g]: 0,
+      [p]: 0,
+      [h]: 0,
       [b]: 0,
-      [h]: 0
+      [g]: 0
     },
     Vt: {
       x: 0,
@@ -2126,8 +2160,8 @@ const createStructureSetup = (t2) => {
     },
     Lt: getZeroScrollCoordinates()
   };
-  const { vt: c2, ht: r2, nt: l2, Ot: i2 } = n2;
-  const { R: a2, M: u2 } = getEnvironment();
+  const { vt: c2, gt: r2, nt: l2, Ot: i2 } = n2;
+  const { R: a2, k: u2 } = getEnvironment();
   const _2 = !a2 && (u2.x || u2.y);
   const d2 = [createTrinsicUpdateSegment(n2), createPaddingUpdateSegment(n2, e2), createOverflowUpdateSegment(n2, e2)];
   return [o2, (t3) => {
@@ -2148,62 +2182,62 @@ const createSetups = (t2, n2, o2, s2, e2) => {
   let c2 = false;
   const r2 = createOptionCheck(n2, {});
   const [l2, i2, a2, u2, _2] = createStructureSetup(t2);
-  const [d2, f2, p2] = createObserversSetup(u2, a2, r2, (t3) => {
+  const [d2, f2, v2] = createObserversSetup(u2, a2, r2, (t3) => {
     update({}, t3);
   });
-  const [v2, g2, , h2] = createScrollbarsSetup(t2, n2, p2, a2, u2, e2);
+  const [p2, h2, , g2] = createScrollbarsSetup(t2, n2, v2, a2, u2, e2);
   const updateHintsAreTruthy = (t3) => keys(t3).some((n3) => !!t3[n3]);
   const update = (t3, e3) => {
     if (o2()) {
       return false;
     }
-    const { vn: r3, Dt: l3, At: a3, gn: u3 } = t3;
+    const { pn: r3, Dt: l3, At: a3, hn: u3 } = t3;
     const _3 = r3 || {};
     const d3 = !!l3 || !c2;
-    const v3 = {
+    const p3 = {
       It: createOptionCheck(n2, _3, d3),
-      vn: _3,
+      pn: _3,
       Dt: d3
     };
     if (u3) {
-      g2(v3);
+      h2(p3);
       return false;
     }
-    const h3 = e3 || f2(assignDeep({}, v3, {
+    const g3 = e3 || f2(assignDeep({}, p3, {
       At: a3
     }));
-    const b2 = i2(assignDeep({}, v3, {
-      _n: p2,
-      Zt: h3
+    const b2 = i2(assignDeep({}, p3, {
+      _n: v2,
+      Zt: g3
     }));
-    g2(assignDeep({}, v3, {
-      Zt: h3,
+    h2(assignDeep({}, p3, {
+      Zt: g3,
       tn: b2
     }));
-    const w2 = updateHintsAreTruthy(h3);
+    const w2 = updateHintsAreTruthy(g3);
     const y2 = updateHintsAreTruthy(b2);
     const S2 = w2 || y2 || !isEmptyObject(_3) || d3;
     c2 = true;
     S2 && s2(t3, {
-      Zt: h3,
+      Zt: g3,
       tn: b2
     });
     return S2;
   };
   return [() => {
-    const { an: t3, ht: n3, Ot: o3 } = u2;
+    const { an: t3, gt: n3, Ot: o3 } = u2;
     const s3 = getElementScroll(t3);
-    const e3 = [d2(), l2(), v2()];
+    const e3 = [d2(), l2(), p2()];
     const c3 = o3();
     scrollElementTo(n3, s3);
     c3();
     return bind(runEachAndClear, e3);
   }, update, () => ({
-    hn: p2,
+    gn: v2,
     bn: a2
   }), {
     wn: u2,
-    yn: h2
+    yn: g2
   }, _2];
 };
 const OverlayScrollbars = (t2, n2, o2) => {
@@ -2222,12 +2256,12 @@ const OverlayScrollbars = (t2, n2, o2) => {
     };
     const a2 = assignDeep({}, s2(), validateOptions(n2));
     const [u2, _2, d2] = createEventListenerHub();
-    const [f2, p2, v2] = createEventListenerHub(o2);
+    const [f2, v2, p2] = createEventListenerHub(o2);
     const triggerEvent = (t3, n3) => {
-      v2(t3, n3);
+      p2(t3, n3);
       d2(t3, n3);
     };
-    const [g2, h2, b2, w2, y2] = createSetups(t2, a2, () => r3, ({ vn: t3, Dt: n3 }, { Zt: o3, tn: s3 }) => {
+    const [h2, g2, b2, w2, y2] = createSetups(t2, a2, () => r3, ({ pn: t3, Dt: n3 }, { Zt: o3, tn: s3 }) => {
       const { ft: e3, Ct: c3, xt: r4, Ht: l3, Et: i3, dt: a3 } = o3;
       const { nn: u3, sn: _3, en: d3, cn: f3 } = s3;
       triggerEvent("updated", [S2, {
@@ -2253,7 +2287,7 @@ const OverlayScrollbars = (t2, n2, o2) => {
       r3 = true;
       triggerEvent("destroyed", [S2, t3]);
       _2();
-      p2();
+      v2();
     };
     const S2 = {
       options(t3, n3) {
@@ -2262,8 +2296,8 @@ const OverlayScrollbars = (t2, n2, o2) => {
           const e3 = getOptionsDiff(a2, assignDeep(o3, validateOptions(t3)));
           if (!isEmptyObject(e3)) {
             assignDeep(a2, e3);
-            h2({
-              vn: e3
+            g2({
+              pn: e3
             });
           }
         }
@@ -2271,10 +2305,10 @@ const OverlayScrollbars = (t2, n2, o2) => {
       },
       on: f2,
       off: (t3, n3) => {
-        t3 && n3 && p2(t3, n3);
+        t3 && n3 && v2(t3, n3);
       },
       state() {
-        const { hn: t3, bn: n3 } = b2();
+        const { gn: t3, bn: n3 } = b2();
         const { ct: o3 } = t3;
         const { Vt: s3, Rt: e3, K: c3, rn: l3, ln: i3, dn: a3, Lt: u3 } = n3;
         return assignDeep({}, {
@@ -2284,7 +2318,7 @@ const OverlayScrollbars = (t2, n2, o2) => {
           hasOverflow: l3,
           scrollCoordinates: {
             start: u3.D,
-            end: u3.T
+            end: u3.M
           },
           padding: i3,
           paddingAbsolute: a3,
@@ -2293,10 +2327,10 @@ const OverlayScrollbars = (t2, n2, o2) => {
         });
       },
       elements() {
-        const { vt: t3, gt: n3, ln: o3, ot: s3, bt: e3, ht: c3, Qt: r4 } = w2.wn;
+        const { vt: t3, ht: n3, ln: o3, ot: s3, bt: e3, gt: c3, Qt: r4 } = w2.wn;
         const { Xt: l3, Gt: i3 } = w2.yn;
         const translateScrollbarStructure = (t4) => {
-          const { Pt: n4, Ut: o4, kt: s4 } = t4;
+          const { Pt: n4, Ut: o4, Tt: s4 } = t4;
           return {
             scrollbar: s4,
             track: o4,
@@ -2309,8 +2343,8 @@ const OverlayScrollbars = (t2, n2, o2) => {
           return assignDeep({}, s4, {
             clone: () => {
               const t5 = translateScrollbarStructure(o4());
-              h2({
-                gn: true
+              g2({
+                hn: true
               });
               return t5;
             }
@@ -2328,7 +2362,7 @@ const OverlayScrollbars = (t2, n2, o2) => {
           scrollbarVertical: translateScrollbarsSetupElement(i3)
         });
       },
-      update: (t3) => h2({
+      update: (t3) => g2({
         Dt: t3,
         At: true
       }),
@@ -2342,7 +2376,7 @@ const OverlayScrollbars = (t2, n2, o2) => {
       destroy(true);
       return S2;
     }
-    push(l2, g2());
+    push(l2, h2());
     triggerEvent("initialized", [S2]);
     S2.update();
     return S2;
@@ -2362,7 +2396,7 @@ OverlayScrollbars.valid = (t2) => {
   return isPlainObject(o2) && !!getInstance(o2.target);
 };
 OverlayScrollbars.env = () => {
-  const { k: t2, M: n2, R: o2, V: s2, B: e2, F: c2, U: r2, P: l2, N: i2, q: a2 } = getEnvironment();
+  const { T: t2, k: n2, R: o2, V: s2, B: e2, F: c2, U: r2, P: l2, N: i2, q: a2 } = getEnvironment();
   return assignDeep({}, {
     scrollbarsSize: t2,
     scrollbarsOverlaid: n2,