aptechka 0.4.30 → 0.4.32

package/lib/scroll/index.js

@@ -1,95 +1,95 @@
-var Ss = (e, i, r) => {
+var ps = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
 };
-var a = (e, i, r) => (Ss(e, i, "read from private field"), r ? r.call(e) : i.get(e)), z = (e, i, r) => {
+var a = (e, i, r) => (ps(e, i, "read from private field"), r ? r.call(e) : i.get(e)), z = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, F = (e, i, r, h) => (Ss(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r);
-import { D as Gs } from "../Damped-DpaKIZqv.js";
-import { i as is } from "../browser-0zX67oeU.js";
-import { a as $e, g as De } from "../layout-HoBT_Da2.js";
-import { c as rs, s as Ns, b as Us, a as Ks } from "../math-BOBiC4TN.js";
+}, O = (e, i, r, h) => (ps(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r);
+import { S as gt } from "../Store-Cd-E5W1z.js";
+import { D as Hs } from "../Derived-DH-ouLBq.js";
+import { i as ss } from "../browser-0zX67oeU.js";
+import { a as $e, g as Fe } from "../layout-HoBT_Da2.js";
+import { c as ys, s as Gs } from "../math-BOBiC4TN.js";
 import "../path-data-polyfill-DgeDWYeI.js";
-import { S as wt } from "../Store-Cd-E5W1z.js";
-import { D as qs } from "../Derived-DH-ouLBq.js";
 import "../ticker/index.js";
-import { WheelControls as Zs, KeyboardControls as Js, DragControls as Qs, AutoplayControls as Xs } from "../controls/index.js";
-import { CustomElement as Ws, define as se } from "../custom-element/index.js";
-import { TICK_ORDER as Ys, RESIZE_ORDER as hs } from "../order/index.js";
-import { windowResizer as jt } from "../window-resizer/index.js";
-import { scrollEntries as Ft } from "../scroll-entries/index.js";
-import { e as ns, D as Ge, ay as Fe, p as js } from "../tags-BoPv9fDr.js";
-import { c as as } from "../createStylesheet-KMRQhSa-.js";
-import { cssUnitParser as vs } from "../css-unit-parser/index.js";
+import { TICK_ORDER as ks, RESIZE_ORDER as is } from "../order/index.js";
+import { D as Ps } from "../Damped-BJgyFENo.js";
+import { WheelControls as qs, KeyboardControls as Ns, DragControls as Us, AutoplayControls as Ks } from "../controls/index.js";
+import { CustomElement as Ws, define as re } from "../custom-element/index.js";
+import { windowResizer as ee } from "../window-resizer/index.js";
+import { scrollEntries as Dt } from "../scroll-entries/index.js";
+import { e as rs, D as Ge, ay as De, p as Zs } from "../tags-BoPv9fDr.js";
+import { c as hs } from "../createStylesheet-KMRQhSa-.js";
+import { cssUnitParser as fs } from "../css-unit-parser/index.js";
 import { CSSProperty as u } from "../css-property/index.js";
-import { d as ti } from "../Viewport-Bx-VImCe.js";
-import { s as ei } from "../gestures-D2Fdra_G.js";
-import { aptechkaTheme as ms } from "../theme/index.js";
-import { elementResizer as gs } from "../element-resizer/index.js";
-import { f as si } from "../dom-0S_WDL4g.js";
+import { d as Js } from "../Viewport-Bx-VImCe.js";
+import { s as Qs } from "../gestures-D2Fdra_G.js";
+import { aptechkaTheme as ds } from "../theme/index.js";
+import { elementResizer as Ss } from "../element-resizer/index.js";
+import { f as Xs } from "../dom-0S_WDL4g.js";
 import { d as Ms } from "../function-C10DGppn.js";
-var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, hi = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? ri(i, r) : i, p = e.length - 1, S; p >= 0; p--)
-    (S = e[p]) && (n = (h ? S(i, r, n) : S(n)) || n);
-  return h && n && ii(i, r, n), n;
-}, os = (e, i, r) => {
+var Ys = Object.defineProperty, js = Object.getOwnPropertyDescriptor, ti = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? js(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && Ys(i, r, n), n;
+}, ns = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, t = (e, i, r) => (os(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
+}, t = (e, i, r) => (ns(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, b = (e, i, r, h) => (os(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), _ = (e, i, r) => (os(e, i, "access private method"), r), d, O, st, J, it, bt, _t, K, R, At, Rt, Tt, It, ie, at, Bt, Ct, Ht, Gt, g, Oe, c, ge, we, E, C, I, Q, Vt, ut, $, P, re, yt, te, ee, Jt, fe, zt, Qt, Ae, ls, Re, cs, be, Ne, _e, Ue, et, Be, Ke, Es, he, Ce, ye, qe, de, Te, Ze, xs, w, k, Dt, j, vt;
-class ni {
+}, b = (e, i, r, h) => (ns(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), _ = (e, i, r) => (ns(e, i, "access private method"), r), S, A, et, J, st, wt, bt, U, T, At, Rt, Tt, It, he, nt, Bt, _t, Ht, Gt, g, Oe, c, we, be, M, C, I, Q, Vt, pt, F, k, ne, Ct, se, ie, Xt, de, zt, Yt, Ae, as, Re, os, _e, qe, Ce, Ne, tt, Be, Ue, Es, ae, ye, ke, Ke, Se, Te, Ze, xs, w, y, Ft, Y, St;
+class ei {
   constructor(i, r) {
     z(this, w, void 0);
-    z(this, k, void 0);
-    z(this, Dt, 0);
-    z(this, j, 0);
-    z(this, vt, null);
-    F(this, w, i), F(this, k, r), Ft.register(a(this, w));
+    z(this, y, void 0);
+    z(this, Ft, 0);
+    z(this, Y, 0);
+    z(this, St, null);
+    O(this, w, i), O(this, y, r), Dt.register(a(this, w));
   }
   get size() {
-    return a(this, Dt);
+    return a(this, Ft);
   }
   get position() {
-    return a(this, j);
+    return a(this, Y);
   }
   destroy() {
-    Ft.unregister(a(this, w)), a(this, w).style.transform = "", this.mark(null);
+    Dt.unregister(a(this, w)), a(this, w).style.transform = "", this.mark(null);
   }
   setSize(i) {
-    i ? (a(this, w).style.setProperty("--size", i + "px"), a(this, k).axisCSSProperty.current === "x" ? (a(this, w).style.width = i + "px", a(this, w).style.height = "") : (a(this, w).style.height = i + "px", a(this, w).style.width = "")) : (a(this, w).style.width = "", a(this, w).style.height = "", a(this, w).style.removeProperty("--size"));
+    i ? (a(this, w).style.setProperty("--size", i + "px"), a(this, y).axisCSSProperty.current === "x" ? (a(this, w).style.width = i + "px", a(this, w).style.height = "") : (a(this, w).style.height = i + "px", a(this, w).style.width = "")) : (a(this, w).style.width = "", a(this, w).style.height = "", a(this, w).style.removeProperty("--size"));
   }
   resize() {
-    F(this, Dt, a(this, k).vertical ? a(this, w).offsetHeight : a(this, w).offsetWidth), F(this, j, a(this, k).vertical ? $e(a(this, w)) : De(a(this, w))), F(this, j, a(this, j) - a(this, k).contentPosition);
+    O(this, Ft, a(this, y).vertical ? a(this, w).offsetHeight : a(this, w).offsetWidth), O(this, Y, a(this, y).vertical ? $e(a(this, w)) : Fe(a(this, w))), O(this, Y, a(this, Y) - a(this, y).contentPosition);
   }
   transform() {
     let i = 0;
-    const r = a(this, k).viewportSize * a(this, k).sectionDistanceScaleCSSProperty.current;
-    a(this, k).infiniteCSSProperty.current && a(this, k).overscroll && a(this, j) + a(this, Dt) < a(this, k).currentScrollValue && (i = a(this, k).distance * -1 - a(this, k).gap), Ft.update(
+    const r = a(this, y).viewportSize * a(this, y).sectionDistanceScaleCSSProperty.current;
+    a(this, y).infiniteCSSProperty.current && a(this, y).overscroll && a(this, Y) + a(this, Ft) < a(this, y).currentScrollValue && (i = a(this, y).distance * -1 - a(this, y).gap), Dt.update(
       a(this, w),
-      a(this, k).axisCSSProperty.current,
+      a(this, y).axisCSSProperty.current,
       i
     );
-    const h = a(this, k).currentScrollValue + i, n = a(this, j) - a(this, k).viewportSize - r, p = a(this, j) + a(this, Dt) + r, S = rs(h, n, p);
-    a(this, k).vertical ? a(this, w).style.transform = `translate3d(0px, ${S * -1}px, 0px)` : a(this, w).style.transform = `translate3d(${S * -1}px, 0px, 0px)`;
+    const h = a(this, y).currentScrollValue + i, n = a(this, Y) - a(this, y).viewportSize - r, p = a(this, Y) + a(this, Ft) + r, d = ys(h, n, p);
+    a(this, y).vertical ? a(this, w).style.transform = `translate3d(0px, ${d * -1}px, 0px)` : a(this, w).style.transform = `translate3d(${d * -1}px, 0px, 0px)`;
   }
   mark(i) {
-    a(this, vt) !== i && (a(this, vt) && a(this, w).classList.remove(a(this, vt)), i && a(this, w).classList.add(i), F(this, vt, i), a(this, w).dispatchEvent(
+    a(this, St) !== i && (a(this, St) && a(this, w).classList.remove(a(this, St)), i && a(this, w).classList.add(i), O(this, St, i), a(this, w).dispatchEvent(
       new CustomEvent("sectionsChange", {
         composed: !0,
         detail: {
-          mark: a(this, vt)
+          mark: a(this, St)
         }
       })
     ));
   }
 }
-w = new WeakMap(), k = new WeakMap(), Dt = new WeakMap(), j = new WeakMap(), vt = new WeakMap();
-const ai = as({
+w = new WeakMap(), y = new WeakMap(), Ft = new WeakMap(), Y = new WeakMap(), St = new WeakMap();
+const si = hs({
   ":host": {
     position: "relative",
     width: "100%",
@@ -124,37 +124,37 @@ const ai = as({
 });
 let Ie = class extends Ws {
   constructor() {
-    super(), l(this, Jt), l(this, zt), l(this, Ae), l(this, Re), l(this, be), l(this, _e), l(this, Ke), l(this, ye), l(this, de), l(this, Ze), l(this, d, null), l(this, O, new u(this, "--axis", "y")), l(this, st, new u(this, "--pages", 0, {
+    super(), l(this, Xt), l(this, zt), l(this, Ae), l(this, Re), l(this, _e), l(this, Ce), l(this, Ue), l(this, ke), l(this, Se), l(this, Ze), l(this, S, null), l(this, A, new u(this, "--axis", "y")), l(this, et, new u(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
-    })), l(this, J, new u(this, "--split", !1)), l(this, it, new u(this, "--sectional", !1)), l(this, bt, new u(this, "--auto-size", !1)), l(this, _t, new u(
+    })), l(this, J, new u(this, "--split", !1)), l(this, st, new u(this, "--sectional", !1)), l(this, wt, new u(this, "--auto-size", !1)), l(this, bt, new u(
       this,
       "--wheel-max-delta",
       !1
-    )), l(this, K, new u(
+    )), l(this, U, new u(
       this,
       "--sections-in-view",
       1
-    )), l(this, R, new u(this, "--infinite", !1)), l(this, At, new u(this, "--damping", 20)), l(this, Rt, new u(this, "--mass", 0)), l(this, Tt, new u(this, "--stiffness", 0)), l(this, It, new u(this, "--mouse-drag", !1)), l(this, ie, new u(
+    )), l(this, T, new u(this, "--infinite", !1)), l(this, At, new u(this, "--damping", 20)), l(this, Rt, new u(this, "--mass", 0)), l(this, Tt, new u(this, "--stiffness", 0)), l(this, It, new u(this, "--mouse-drag", !1)), l(this, he, new u(
       this,
       "--section-distance-scale",
       0.5
-    )), l(this, at, new u(this, "--autoplay", 0)), l(this, Bt, new u(
+    )), l(this, nt, new u(this, "--autoplay", 0)), l(this, Bt, new u(
       this,
       "--autoplay-pause-duration",
       0
-    )), l(this, Ct, new u(
+    )), l(this, _t, new u(
       this,
       "--autoplay-user-direction",
       !1
-    )), l(this, Ht, new u(this, "--disabled", !1)), l(this, Gt, new u(this, "--hibernated", !1)), l(this, g, null), l(this, Oe, null), l(this, c, []), l(this, ge, 0), l(this, we, 0), l(this, E, 0), l(this, C, 0), l(this, I, 0), l(this, Q, null), l(this, Vt, null), l(this, ut, null), l(this, $, null), l(this, P, new wt(0)), l(this, re, 0), l(this, yt, 0), l(this, te, !0), l(this, ee, !0), l(this, et, () => {
-      t(this, d).unlistenAnimationFrame();
-      const e = this.currentScrollValue / t(this, C) || 0, i = t(this, P).current;
-      if (b(this, ge, this.vertical ? $e(this) : De(this)), b(this, we, this.vertical ? $e(t(this, g)) : De(t(this, g))), b(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? b(this, I, vs.parse(
+    )), l(this, Ht, new u(this, "--disabled", !1)), l(this, Gt, new u(this, "--hibernated", !1)), l(this, g, null), l(this, Oe, null), l(this, c, []), l(this, we, 0), l(this, be, 0), l(this, M, 0), l(this, C, 0), l(this, I, 0), l(this, Q, null), l(this, Vt, null), l(this, pt, null), l(this, F, null), l(this, k, new gt(0)), l(this, ne, 0), l(this, Ct, 0), l(this, se, !0), l(this, ie, !0), l(this, tt, () => {
+      t(this, S).unlistenAnimationFrame();
+      const e = this.currentScrollValue / t(this, C) || 0, i = t(this, k).current;
+      if (b(this, we, this.vertical ? $e(this) : Fe(this)), b(this, be, this.vertical ? $e(t(this, g)) : Fe(t(this, g))), b(this, M, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? b(this, I, fs.parse(
         getComputedStyle(t(this, g)).rowGap
-      )) : b(this, I, vs.parse(
+      )) : b(this, I, fs.parse(
         getComputedStyle(t(this, g)).columnGap
-      )), t(this, bt).current && t(this, c).length) {
-        const r = t(this, K).current, h = (t(this, E) - t(this, I) * (r - 1)) / r;
+      )), t(this, wt).current && t(this, c).length) {
+        const r = t(this, U).current, h = (t(this, M) - t(this, I) * (r - 1)) / r;
         t(this, c).forEach((n) => {
           n.setSize(h);
         });
@@ -164,141 +164,148 @@ let Ie = class extends Ws {
         });
       if (t(this, c).forEach((r) => {
         r.resize();
-      }), t(this, st).current) {
-        b(this, C, t(this, E) * t(this, st).current);
-        const r = t(this, C) + t(this, E);
+      }), t(this, et).current) {
+        b(this, C, t(this, M) * t(this, et).current);
+        const r = t(this, C) + t(this, M);
         this.vertical ? (t(this, g).style.width = r + "px", t(this, g).style.height = "100%") : (t(this, g).style.height = r + "px", t(this, g).style.width = "100%");
       } else
-        this.vertical ? (t(this, g).style.width = "100%", t(this, g).style.height = "max-content", b(this, C, t(this, g).offsetHeight - t(this, E))) : (t(this, g).style.width = "max-content", t(this, g).style.height = "100%", b(this, C, t(this, g).offsetWidth - t(this, E)));
-      if (!t(this, R).current) {
+        this.vertical ? (t(this, g).style.width = "100%", t(this, g).style.height = "max-content", b(this, C, t(this, g).offsetHeight - t(this, M))) : (t(this, g).style.width = "max-content", t(this, g).style.height = "100%", b(this, C, t(this, g).offsetWidth - t(this, M)));
+      if (!t(this, T).current) {
         const r = getComputedStyle(this), h = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
-        b(this, C, t(this, C) + h), t(this, d).max = t(this, C);
+        b(this, C, t(this, C) + h), t(this, S).max = t(this, C);
       }
-      if (t(this, R).current && t(this, c).length) {
-        const r = t(this, c)[t(this, c).length - 1], h = r.position + r.size - t(this, E), n = t(this, C) - h;
-        b(this, yt, r.position + r.size + n);
+      if (t(this, T).current && t(this, c).length) {
+        const r = t(this, c)[t(this, c).length - 1], h = r.position + r.size - t(this, M), n = t(this, C) - h;
+        b(this, Ct, r.position + r.size + n);
       } else
-        b(this, yt, t(this, C));
-      if (t(this, it).current && t(this, c).length) {
+        b(this, Ct, t(this, C));
+      if (t(this, st).current && t(this, c).length) {
         const r = t(this, c)[i];
-        t(this, d).set(r.position, !0);
+        t(this, S).set(r.position, {
+          equalize: !0
+        });
       } else
-        t(this, d).set(e * t(this, C), !0);
+        t(this, S).set(e * t(this, C), {
+          equalize: !0
+        });
     }), l(this, Be, () => {
       const e = this.currentScrollValue;
-      if (b(this, re, Math.max(0, e - t(this, C))), t(this, c).length) {
+      if (b(this, ne, Math.max(0, e - t(this, C))), t(this, c).length) {
         let i = 0;
         for (let r = 0; r < t(this, c).length; r++) {
           const h = t(this, c)[r];
           h.transform(), this.targetScrollValue + h.size / 2 >= h.position && (i = r);
         }
-        t(this, P).current = i;
+        t(this, k).current = i;
       } else
         this.vertical ? t(this, g).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, g).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      Ft.update(
+      Dt.update(
         this,
-        t(this, O).current,
+        t(this, A).current,
         e
       );
-    }), l(this, he, (e, i) => {
-      t(this, $).pauseAndContinue(
+    }), l(this, ae, (e, i) => {
+      t(this, F).pauseAndContinue(
         t(this, Bt).current
-      ), t(this, Ct).current && (t(this, $).direction = Math.sign(i) || 1), t(this, Ce).call(this, e, i);
-    }), l(this, Ce, (e, i) => {
-      if (!(e === "drag" && !ti.isMobile && !t(this, It).current))
-        if (t(this, it).current) {
+      ), t(this, _t).current && (t(this, F).direction = Math.sign(i) || 1), t(this, ye).call(this, e, i);
+    }), l(this, ye, (e, i) => {
+      if (!(e === "drag" && !Js.isMobile && !t(this, It).current))
+        if (t(this, st).current) {
           const r = Math.sign(i);
-          t(this, c).length ? this.shiftSections(r) : t(this, d).shift(r * t(this, E));
+          t(this, c).length ? this.shiftSections(r) : t(this, S).shift(r * t(this, M));
         } else
-          t(this, d).shift(i);
-    }), is && (b(this, d, new Gs(0, {
+          t(this, S).shift(i);
+    }), ss && (b(this, S, new Ps(0, {
       damping: 0.01,
       min: 0,
-      order: Ys.SCROLL
-    })), this.openShadow(ai), ns(this, {
+      order: ks.SCROLL
+    })), this.openShadow(si), rs(this, {
       tabIndex: 0,
       children: [
         Ge({
           class: "static",
-          children: [Fe({ name: "static" })]
+          children: [De({ name: "static" })]
         }),
         Ge({
           class: "content",
-          children: [Fe({ ref: (e) => b(this, Oe, e) })],
+          children: [De({ ref: (e) => b(this, Oe, e) })],
           style: {
-            flexDirection: new qs(
-              t(this, O),
+            flexDirection: new Hs(
+              t(this, A),
               (e) => e === "x" ? "row" : "column"
             )
           },
           ref: (e) => b(this, g, e)
         })
       ]
-    }), b(this, Q, new Zs({ element: t(this, g) })), t(this, Q).changeEvent.subscribe(
-      t(this, he)
-    ), b(this, Vt, new Js({
+    }), b(this, Q, new qs({ element: t(this, g) })), t(this, Q).changeEvent.subscribe(
+      t(this, ae)
+    ), b(this, Vt, new Ns({
       element: t(this, g)
     })), t(this, Vt).changeEvent.subscribe(
-      t(this, he)
-    ), b(this, ut, new Qs({ element: t(this, g) })), t(this, ut).changeEvent.subscribe(t(this, he)), b(this, $, new Xs()), t(this, $).changeEvent.subscribe(t(this, Ce)), t(this, O).subscribe(({ current: e }) => {
-      t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, Q).axis = t(this, _t).current ? "max" : e, t(this, Vt).dimension = e === "x" ? "width" : "height", t(this, ut).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, et).call(this);
-    }), t(this, _t).subscribe((e) => {
-      t(this, Q).axis = e.current ? "max" : t(this, O).current;
-    }), t(this, st).subscribe(() => {
-      this.isConnected && t(this, et).call(this);
-    }), t(this, J).subscribe(({ current: e }) => {
-      this.isConnected && (e ? _(this, Jt, fe).call(this) : _(this, zt, Qt).call(this));
-    }), t(this, it).subscribe((e) => {
-      t(this, Q).debounce = e.current, t(this, ut).swipe = e.current, t(this, $).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, c).length ? _(this, Jt, fe).call(this) : !e.current && e.previous && t(this, c).length && _(this, zt, Qt).call(this));
+      t(this, ae)
+    ), b(this, pt, new Us({ element: t(this, g) })), t(this, pt).changeEvent.subscribe(t(this, ae)), b(this, F, new Ks()), t(this, F).changeEvent.subscribe(t(this, ye)), t(this, A).subscribe(({ current: e }) => {
+      t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, Q).axis = t(this, bt).current ? "max" : e, t(this, Vt).dimension = e === "x" ? "width" : "height", t(this, pt).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, tt).call(this);
     }), t(this, bt).subscribe((e) => {
-      this.isConnected && (t(this, et).call(this), e.current && !e.previous && !t(this, c).length ? _(this, Jt, fe).call(this) : !e.current && e.previous && t(this, c).length && _(this, zt, Qt).call(this));
-    }), t(this, K).subscribe((e) => {
-      this.isConnected && (t(this, et).call(this), _(this, de, Te).call(this));
-    }), t(this, R).subscribe((e) => {
-      e.current ? (this.isConnected && (t(this, c).length || (t(this, J).current = !0)), t(this, c).length && (t(this, d).max = 1 / 0, t(this, d).min = -1 / 0)) : (b(this, re, 0), t(this, d).max = t(this, C), t(this, d).min = 0);
+      t(this, Q).axis = e.current ? "max" : t(this, A).current;
+    }), t(this, et).subscribe(() => {
+      this.isConnected && t(this, tt).call(this);
+    }), t(this, J).subscribe(({ current: e }) => {
+      this.isConnected && (e ? _(this, Xt, de).call(this) : _(this, zt, Yt).call(this));
+    }), t(this, st).subscribe((e) => {
+      t(this, Q).debounce = e.current, t(this, pt).swipe = e.current, t(this, F).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, c).length ? _(this, Xt, de).call(this) : !e.current && e.previous && t(this, c).length && _(this, zt, Yt).call(this));
+    }), t(this, wt).subscribe((e) => {
+      this.isConnected && (t(this, tt).call(this), e.current && !e.previous && !t(this, c).length ? _(this, Xt, de).call(this) : !e.current && e.previous && t(this, c).length && _(this, zt, Yt).call(this));
+    }), t(this, U).subscribe((e) => {
+      this.isConnected && (t(this, tt).call(this), _(this, Se, Te).call(this));
+    }), t(this, T).subscribe((e) => {
+      e.current ? (this.isConnected && (t(this, c).length || (t(this, J).current = !0)), t(this, c).length && (t(this, S).max = 1 / 0, t(this, S).min = -1 / 0)) : (b(this, ne, 0), t(this, S).max = t(this, C), t(this, S).min = 0);
     }), t(this, At).subscribe((e) => {
-      t(this, d).damping = e.current;
+      t(this, S).damping = e.current;
     }), t(this, Rt).subscribe((e) => {
-      t(this, d).mass = e.current;
+      t(this, S).mass = e.current;
     }), t(this, Tt).subscribe((e) => {
-      t(this, d).stiffness = e.current;
+      t(this, S).stiffness = e.current;
     }), t(this, Ht).subscribe((e) => {
-      e.current && !e.previous ? _(this, Ae, ls).call(this) : !e.current && e.previous && _(this, Re, cs).call(this);
+      e.current && !e.previous ? _(this, Ae, as).call(this) : !e.current && e.previous && _(this, Re, os).call(this);
     }), t(this, Gt).subscribe((e) => {
-      e.current && !e.previous ? _(this, be, Ne).call(this) : !e.current && e.previous && _(this, _e, Ue).call(this);
-    }), t(this, at).subscribe((e) => {
-      t(this, $).speed = e.current, e.current && !e.previous ? t(this, $).connect() : !e.current && e.previous && t(this, $).disconnect();
-    }), t(this, Ct).subscribe((e) => {
-      e.current || (t(this, $).direction = 1);
-    }), t(this, d).isRunning.subscribe((e) => {
+      e.current && !e.previous ? _(this, _e, qe).call(this) : !e.current && e.previous && _(this, Ce, Ne).call(this);
+    }), t(this, nt).subscribe((e) => {
+      t(this, F).speed = e.current, e.current && !e.previous ? t(this, F).connect() : !e.current && e.previous && t(this, F).disconnect();
+    }), t(this, _t).subscribe((e) => {
+      e.current || (t(this, F).direction = 1);
+    }), t(this, S).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
-    }), t(this, P).subscribe((e) => {
-      t(this, c).length && _(this, de, Te).call(this);
+    }), t(this, k).subscribe((e) => {
+      t(this, c).length && _(this, Se, Te).call(this);
     }));
   }
+  get damped() {
+    return t(this, S);
+  }
   get axisCSSProperty() {
-    return t(this, O);
+    return t(this, A);
   }
   get pagesCSSProperty() {
-    return t(this, st);
+    return t(this, et);
   }
   get splitCSSProperty() {
     return t(this, J);
   }
   get sectionalCSSProperty() {
-    return t(this, it);
+    return t(this, st);
   }
   get autoSizeCSSProperty() {
-    return t(this, bt);
+    return t(this, wt);
   }
   get wheelMaxDeltaCSSProperty() {
-    return t(this, _t);
+    return t(this, bt);
   }
   get sectionsInViewCSSProperty() {
-    return t(this, K);
+    return t(this, U);
   }
   get infiniteCSSProperty() {
-    return t(this, R);
+    return t(this, T);
   }
   get dampingCSSProperty() {
     return t(this, At);
@@ -313,16 +320,16 @@ let Ie = class extends Ws {
     return t(this, It);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, ie);
+    return t(this, he);
   }
   get autoplayCSSProperty() {
-    return t(this, at);
+    return t(this, nt);
   }
   get autoplayPauseDurationCSSProperty() {
     return t(this, Bt);
   }
   get autoplayUserDirectionCSSProperty() {
-    return t(this, Ct);
+    return t(this, _t);
   }
   get disabledCSSProperty() {
     return t(this, Ht);
@@ -331,10 +338,10 @@ let Ie = class extends Ws {
     return t(this, Gt);
   }
   get currentScrollValue() {
-    return _(this, ye, qe).call(this, "current");
+    return _(this, ke, Ke).call(this, "current");
   }
   get targetScrollValue() {
-    return _(this, ye, qe).call(this, "target");
+    return _(this, ke, Ke).call(this, "target");
   }
   get contentElement() {
     return t(this, g);
@@ -343,13 +350,13 @@ let Ie = class extends Ws {
     return t(this, c);
   }
   get position() {
-    return t(this, ge);
+    return t(this, we);
   }
   get contentPosition() {
-    return t(this, we);
+    return t(this, be);
   }
   get viewportSize() {
-    return t(this, E);
+    return t(this, M);
   }
   get scrollSize() {
     return t(this, C);
@@ -358,22 +365,22 @@ let Ie = class extends Ws {
     return t(this, I);
   }
   get counter() {
-    return t(this, P);
+    return t(this, k);
   }
   get limit() {
-    return t(this, c).length - t(this, K).current;
+    return t(this, c).length - t(this, U).current;
   }
   get distance() {
-    return t(this, yt);
+    return t(this, Ct);
   }
   get infiniteDistance() {
-    return t(this, R).current ? t(this, yt) + t(this, I) : t(this, yt);
+    return t(this, T).current ? t(this, Ct) + t(this, I) : t(this, Ct);
   }
   get overscroll() {
-    return t(this, re);
+    return t(this, ne);
   }
   get vertical() {
-    return t(this, O).current === "y";
+    return t(this, A).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / this.infiniteDistance || 0;
@@ -381,26 +388,17 @@ let Ie = class extends Ws {
   get targetProgress() {
     return this.targetScrollValue / this.infiniteDistance || 0;
   }
-  get speed() {
-    return t(this, d).speed;
-  }
-  get direction() {
-    return t(this, d).direction;
-  }
-  get isRunning() {
-    return t(this, d).isRunning;
-  }
   get scrollWidth() {
-    return t(this, O).current === "y" ? 0 : t(this, d).length;
+    return t(this, A).current === "y" ? 0 : t(this, S).distance;
   }
   get scrollHeight() {
-    return t(this, O).current === "x" ? 0 : t(this, d).length;
+    return t(this, A).current === "x" ? 0 : t(this, S).distance;
   }
   onScroll(...e) {
-    return t(this, d).subscribe(...e);
+    return t(this, S).subscribe(...e);
   }
   offScroll(...e) {
-    t(this, d).unsubscribe(...e);
+    t(this, S).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
   range(e, i, r = 0) {
@@ -417,126 +415,127 @@ let Ie = class extends Ws {
   scrollToSection(e, i = "smooth") {
     if (!t(this, c).length)
       return;
-    const r = t(this, P).current;
-    _(this, Ke, Es).call(this, e);
-    const h = t(this, c)[r], n = t(this, c)[t(this, P).current];
+    const r = t(this, k).current;
+    _(this, Ue, Es).call(this, e);
+    const h = t(this, c)[r], n = t(this, c)[t(this, k).current];
     if (h && n) {
       let p = 0;
-      const S = _(this, Ze, xs).call(this), Hs = S ? this.targetScrollValue - S.position : 0;
-      t(this, R).current ? t(this, P).current === 0 && r === t(this, c).length - 1 ? p = t(this, C) + t(this, E) - h.position + t(this, I) : t(this, P).current === t(this, c).length - 1 && r === 0 ? p = n.position - (t(this, C) + t(this, E) + t(this, I)) : p = n.position - h.position : p = n.position - h.position, t(this, d).shift(
-        p - Hs,
-        i === "instant"
-      );
+      const d = _(this, Ze, xs).call(this), Bs = d ? this.targetScrollValue - d.position : 0;
+      t(this, T).current ? t(this, k).current === 0 && r === t(this, c).length - 1 ? p = t(this, C) + t(this, M) - h.position + t(this, I) : t(this, k).current === t(this, c).length - 1 && r === 0 ? p = n.position - (t(this, C) + t(this, M) + t(this, I)) : p = n.position - h.position : p = n.position - h.position, t(this, S).shift(p - Bs, {
+        equalize: i === "instant"
+      });
     }
   }
   shiftSections(e, i = "smooth") {
-    t(this, c).length && this.scrollToSection(t(this, P).current + e, i);
+    t(this, c).length && this.scrollToSection(t(this, k).current + e, i);
   }
   setPosition(e, i = "smooth") {
-    t(this, d).set(e, i === "instant");
+    t(this, S).set(e, {
+      equalize: i === "instant"
+    });
   }
   connectedCallback() {
-    t(this, O).observe(), t(this, st).observe(), t(this, J).observe(), t(this, it).observe(), t(this, bt).observe(), t(this, _t).observe(), t(this, K).observe(), t(this, R).observe(), t(this, At).observe(), t(this, Rt).observe(), t(this, Tt).observe(), t(this, It).observe(), t(this, ie).observe(), t(this, at).observe(), t(this, at).observe(), t(this, Bt).observe(), t(this, Ct).observe(), t(this, Ht).observe(), t(this, Gt).observe(), _(this, _e, Ue).call(this);
+    t(this, A).observe(), t(this, et).observe(), t(this, J).observe(), t(this, st).observe(), t(this, wt).observe(), t(this, bt).observe(), t(this, U).observe(), t(this, T).observe(), t(this, At).observe(), t(this, Rt).observe(), t(this, Tt).observe(), t(this, It).observe(), t(this, he).observe(), t(this, nt).observe(), t(this, nt).observe(), t(this, Bt).observe(), t(this, _t).observe(), t(this, Ht).observe(), t(this, Gt).observe(), _(this, Ce, Ne).call(this);
   }
   disconnectedCallback() {
-    t(this, O).unobserve(), t(this, st).unobserve(), t(this, J).unobserve(), t(this, it).unobserve(), t(this, bt).unobserve(), t(this, _t).unobserve(), t(this, K).unobserve(), t(this, R).unobserve(), t(this, At).unobserve(), t(this, Rt).unobserve(), t(this, Tt).unobserve(), t(this, It).unobserve(), t(this, ie).unobserve(), t(this, at).unobserve(), t(this, Bt).unobserve(), t(this, Ct).unobserve(), t(this, Ht).unobserve(), t(this, Gt).unobserve(), _(this, be, Ne).call(this);
+    t(this, A).unobserve(), t(this, et).unobserve(), t(this, J).unobserve(), t(this, st).unobserve(), t(this, wt).unobserve(), t(this, bt).unobserve(), t(this, U).unobserve(), t(this, T).unobserve(), t(this, At).unobserve(), t(this, Rt).unobserve(), t(this, Tt).unobserve(), t(this, It).unobserve(), t(this, he).unobserve(), t(this, nt).unobserve(), t(this, Bt).unobserve(), t(this, _t).unobserve(), t(this, Ht).unobserve(), t(this, Gt).unobserve(), _(this, _e, qe).call(this);
   }
 };
-d = /* @__PURE__ */ new WeakMap();
-O = /* @__PURE__ */ new WeakMap();
-st = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
+et = /* @__PURE__ */ new WeakMap();
 J = /* @__PURE__ */ new WeakMap();
-it = /* @__PURE__ */ new WeakMap();
+st = /* @__PURE__ */ new WeakMap();
+wt = /* @__PURE__ */ new WeakMap();
 bt = /* @__PURE__ */ new WeakMap();
-_t = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakMap();
-R = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
 At = /* @__PURE__ */ new WeakMap();
 Rt = /* @__PURE__ */ new WeakMap();
 Tt = /* @__PURE__ */ new WeakMap();
 It = /* @__PURE__ */ new WeakMap();
-ie = /* @__PURE__ */ new WeakMap();
-at = /* @__PURE__ */ new WeakMap();
+he = /* @__PURE__ */ new WeakMap();
+nt = /* @__PURE__ */ new WeakMap();
 Bt = /* @__PURE__ */ new WeakMap();
-Ct = /* @__PURE__ */ new WeakMap();
+_t = /* @__PURE__ */ new WeakMap();
 Ht = /* @__PURE__ */ new WeakMap();
 Gt = /* @__PURE__ */ new WeakMap();
 g = /* @__PURE__ */ new WeakMap();
 Oe = /* @__PURE__ */ new WeakMap();
 c = /* @__PURE__ */ new WeakMap();
-ge = /* @__PURE__ */ new WeakMap();
 we = /* @__PURE__ */ new WeakMap();
-E = /* @__PURE__ */ new WeakMap();
+be = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
 C = /* @__PURE__ */ new WeakMap();
 I = /* @__PURE__ */ new WeakMap();
 Q = /* @__PURE__ */ new WeakMap();
 Vt = /* @__PURE__ */ new WeakMap();
-ut = /* @__PURE__ */ new WeakMap();
-$ = /* @__PURE__ */ new WeakMap();
-P = /* @__PURE__ */ new WeakMap();
-re = /* @__PURE__ */ new WeakMap();
-yt = /* @__PURE__ */ new WeakMap();
-te = /* @__PURE__ */ new WeakMap();
-ee = /* @__PURE__ */ new WeakMap();
-Jt = /* @__PURE__ */ new WeakSet();
-fe = function() {
-  _(this, zt, Qt).call(this), t(this, Oe).assignedElements().forEach((e) => {
-    e instanceof HTMLElement && t(this, c).push(new ni(e, this));
+pt = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+k = /* @__PURE__ */ new WeakMap();
+ne = /* @__PURE__ */ new WeakMap();
+Ct = /* @__PURE__ */ new WeakMap();
+se = /* @__PURE__ */ new WeakMap();
+ie = /* @__PURE__ */ new WeakMap();
+Xt = /* @__PURE__ */ new WeakSet();
+de = function() {
+  _(this, zt, Yt).call(this), t(this, Oe).assignedElements().forEach((e) => {
+    e instanceof HTMLElement && t(this, c).push(new ei(e, this));
   }), t(this, g).style.transform = "", this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
-  ), t(this, et).call(this), _(this, de, Te).call(this);
+  ), t(this, tt).call(this), _(this, Se, Te).call(this);
 };
 zt = /* @__PURE__ */ new WeakSet();
-Qt = function() {
+Yt = function() {
   t(this, c).forEach((e) => {
     e.destroy();
-  }), b(this, c, []), t(this, P).current = 0, t(this, d).reset(), this.dispatchEvent(
+  }), b(this, c, []), t(this, k).current = 0, t(this, S).reset(), this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
   );
 };
 Ae = /* @__PURE__ */ new WeakSet();
-ls = function() {
-  t(this, te) || (b(this, te, !0), t(this, d).unsubscribe(t(this, Be)), t(this, d).unlistenAnimationFrame(), t(this, Q).disconnect(), t(this, Vt).disconnect(), t(this, ut).disconnect(), t(this, $).disconnect());
+as = function() {
+  t(this, se) || (b(this, se, !0), t(this, S).unsubscribe(t(this, Be)), t(this, S).unlistenAnimationFrame(), t(this, Q).disconnect(), t(this, Vt).disconnect(), t(this, pt).disconnect(), t(this, F).disconnect());
 };
 Re = /* @__PURE__ */ new WeakSet();
-cs = function() {
-  t(this, te) && (b(this, te, !1), t(this, d).subscribe(t(this, Be)), t(this, Q).connect(), t(this, Vt).connect(), t(this, ut).connect(), t(this, at).current && t(this, $).connect());
-};
-be = /* @__PURE__ */ new WeakSet();
-Ne = function() {
-  t(this, ee) || (b(this, ee, !0), jt.unsubscribe(t(this, et)), t(this, d).reset(), _(this, Ae, ls).call(this), t(this, g).style.transform = "", t(this, J).current && _(this, zt, Qt).call(this), Ft.unregister(this));
+os = function() {
+  t(this, se) && (b(this, se, !1), t(this, S).subscribe(t(this, Be)), t(this, Q).connect(), t(this, Vt).connect(), t(this, pt).connect(), t(this, nt).current && t(this, F).connect());
 };
 _e = /* @__PURE__ */ new WeakSet();
-Ue = function() {
-  t(this, ee) && (b(this, ee, !1), t(this, J).current && _(this, Jt, fe).call(this), Ft.register(this), jt.subscribe(t(this, et), hs.SCROLL), _(this, Re, cs).call(this));
+qe = function() {
+  t(this, ie) || (b(this, ie, !0), ee.unsubscribe(t(this, tt)), t(this, S).reset(), _(this, Ae, as).call(this), t(this, g).style.transform = "", t(this, J).current && _(this, zt, Yt).call(this), Dt.unregister(this));
 };
-et = /* @__PURE__ */ new WeakMap();
+Ce = /* @__PURE__ */ new WeakSet();
+Ne = function() {
+  t(this, ie) && (b(this, ie, !1), t(this, J).current && _(this, Xt, de).call(this), Dt.register(this), ee.subscribe(t(this, tt), is.SCROLL), _(this, Re, os).call(this));
+};
+tt = /* @__PURE__ */ new WeakMap();
 Be = /* @__PURE__ */ new WeakMap();
-Ke = /* @__PURE__ */ new WeakSet();
+Ue = /* @__PURE__ */ new WeakSet();
 Es = function(e) {
-  t(this, R).current ? (t(this, P).current = e % t(this, c).length, t(this, P).current = t(this, P).current < 0 ? t(this, c).length + t(this, P).current : t(this, P).current) : t(this, P).current = rs(e, 0, this.limit);
+  t(this, T).current ? (t(this, k).current = e % t(this, c).length, t(this, k).current = t(this, k).current < 0 ? t(this, c).length + t(this, k).current : t(this, k).current) : t(this, k).current = ys(e, 0, this.limit);
 };
-he = /* @__PURE__ */ new WeakMap();
-Ce = /* @__PURE__ */ new WeakMap();
-ye = /* @__PURE__ */ new WeakSet();
-qe = function(e = "current") {
-  if (t(this, R).current && t(this, c).length) {
-    const i = t(this, d)[e] % (t(this, C) + t(this, E) + t(this, I));
-    return i < 0 ? t(this, C) + i + t(this, E) + t(this, I) : i;
+ae = /* @__PURE__ */ new WeakMap();
+ye = /* @__PURE__ */ new WeakMap();
+ke = /* @__PURE__ */ new WeakSet();
+Ke = function(e = "current") {
+  if (t(this, T).current && t(this, c).length) {
+    const i = t(this, S)[e] % (t(this, C) + t(this, M) + t(this, I));
+    return i < 0 ? t(this, C) + i + t(this, M) + t(this, I) : i;
   } else
-    return t(this, d)[e];
+    return t(this, S)[e];
 };
-de = /* @__PURE__ */ new WeakSet();
+Se = /* @__PURE__ */ new WeakSet();
 Te = function() {
   if (t(this, c).length) {
-    const e = t(this, P).current;
+    const e = t(this, k).current;
     e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end"), t(this, c).forEach((i, r) => {
-      const h = e - this.limit - 1, n = e + t(this, K).current, p = this.sections.length - n;
-      r >= e && r < n || r <= h ? i.mark("current") : r >= n && r < n + p / 2 || r <= h + t(this, K).current ? i.mark("next") : i.mark("previous");
+      const h = e - this.limit - 1, n = e + t(this, U).current, p = this.sections.length - n;
+      r >= e && r < n || r <= h ? i.mark("current") : r >= n && r < n + p / 2 || r <= h + t(this, U).current ? i.mark("next") : i.mark("previous");
     });
   }
 };
@@ -549,41 +548,41 @@ xs = function() {
   }
   return e !== null ? t(this, c)[e] : null;
 };
-Ie = hi([
-  se("e-scroll")
+Ie = ti([
+  re("e-scroll")
 ], Ie);
-var Se;
+var ve;
 class He extends Ws {
   constructor() {
     super(...arguments);
-    z(this, Se, null);
+    z(this, ve, null);
   }
   get scrollElement() {
-    return a(this, Se);
+    return a(this, ve);
   }
   connectedCallback() {
-    const r = si(this, Ie);
-    r instanceof Ie ? F(this, Se, r) : console.error(this, "e-scroll not found");
+    const r = Xs(this, Ie);
+    r instanceof Ie ? O(this, ve, r) : console.error(this, "e-scroll not found");
   }
 }
-Se = new WeakMap();
-var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ci = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? li(i, r) : i, p = e.length - 1, S; p >= 0; p--)
-    (S = e[p]) && (n = (h ? S(i, r, n) : S(n)) || n);
-  return h && n && oi(i, r, n), n;
+ve = new WeakMap();
+var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, hi = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? ri(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && ii(i, r, n), n;
 }, Ls = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, f = (e, i, r) => (Ls(e, i, "read from private field"), r ? r.call(e) : i.get(e)), U = (e, i, r) => {
+}, f = (e, i, r) => (Ls(e, i, "read from private field"), r ? r.call(e) : i.get(e)), q = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, gt = (e, i, r, h) => (Ls(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), ne, A, rt, ht, ae, oe, Nt, ke, Pe, We;
-const ui = as({
+}, mt = (e, i, r, h) => (Ls(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), oe, R, it, rt, le, ce, qt, Pe, We, Me;
+const ni = hs({
   ":host": {
     display: "inline-block",
     zIndex: "1",
-    backgroundColor: ms.colorLight.var
+    backgroundColor: ds.colorLight.var
   },
   ':host([axis="y"])': {
     position: "absolute",
@@ -600,7 +599,7 @@ const ui = as({
     height: "1vmin"
   },
   ".default-thumb": {
-    backgroundColor: ms.colorDark.var,
+    backgroundColor: ds.colorDark.var,
     borderRadius: "1vmin",
     touchAction: "none"
   },
@@ -608,206 +607,209 @@ const ui = as({
     touchAction: "none"
   }
 });
-let ws = class extends He {
+let vs = class extends He {
   constructor() {
-    super(), U(this, ne, null), U(this, A, null), U(this, rt, !1), U(this, ht, 0), U(this, ae, 0), U(this, oe, 0), U(this, Nt, () => {
-      gt(this, rt, this.offsetWidth > this.offsetHeight);
-      const e = f(this, rt) ? this.offsetWidth : this.offsetHeight;
-      gt(this, ht, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), gt(this, ht, Math.max(f(this, ht), 30)), f(this, rt) ? (f(this, A).style.width = f(this, ht) + "px", f(this, A).style.height = "100%") : (f(this, A).style.width = "100%", f(this, A).style.height = f(this, ht) + "px"), gt(this, ae, e - f(this, ht)), this.scrollElement.scrollSize || (this.style.display = "none");
-    }), U(this, ke, () => {
-      gt(this, oe, this.scrollElement.currentProgress * f(this, ae)), f(this, rt) ? f(this, A).style.transform = `translate3d(${f(this, oe)}px, 0px, 0px)` : f(this, A).style.transform = `translate3d(0px, ${f(this, oe)}px, 0px)`;
-    }), U(this, Pe, () => {
+    super(), q(this, oe, null), q(this, R, null), q(this, it, !1), q(this, rt, 0), q(this, le, 0), q(this, ce, 0), q(this, qt, () => {
+      mt(this, it, this.offsetWidth > this.offsetHeight);
+      const e = f(this, it) ? this.offsetWidth : this.offsetHeight;
+      mt(this, rt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), mt(this, rt, Math.max(f(this, rt), 30)), f(this, it) ? (f(this, R).style.width = f(this, rt) + "px", f(this, R).style.height = "100%") : (f(this, R).style.width = "100%", f(this, R).style.height = f(this, rt) + "px"), mt(this, le, e - f(this, rt)), this.scrollElement.scrollSize || (this.style.display = "none");
+    }), q(this, Pe, () => {
+      mt(this, ce, this.scrollElement.currentProgress * f(this, le)), f(this, it) ? f(this, R).style.transform = `translate3d(${f(this, ce)}px, 0px, 0px)` : f(this, R).style.transform = `translate3d(0px, ${f(this, ce)}px, 0px)`;
+    }), q(this, We, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
-    }), U(this, We, (e) => {
-      document.documentElement.classList.add("grabbing"), ei(
+    }), q(this, Me, (e) => {
+      document.documentElement.classList.add("grabbing"), Qs(
         (h) => {
-          const n = f(this, rt) ? h.x : h.y, p = this.scrollElement.distance / f(this, ae), S = (n - r) * p;
-          this.scrollElement.setPosition(i + S);
+          const n = f(this, it) ? h.x : h.y, p = this.scrollElement.distance / f(this, le), d = (n - r) * p;
+          this.scrollElement.setPosition(i + d);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const i = this.scrollElement.targetScrollValue, r = f(this, rt) ? e.x : e.y;
-    }), is && (this.openShadow(ui), ns(this, {
+      const i = this.scrollElement.targetScrollValue, r = f(this, it) ? e.x : e.y;
+    }), ss && (this.openShadow(ni), rs(this, {
       slot: "static",
       "drag-dead-zone": "",
       children: [
-        Fe({
-          ref: (e) => gt(this, ne, e),
+        De({
+          ref: (e) => mt(this, oe, e),
           children: Ge({ class: "default-thumb" })
         })
       ]
     }));
   }
   get thumbElement() {
-    return f(this, A);
+    return f(this, R);
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = f(this, ne).assignedElements()[0] || f(this, ne).firstElementChild;
-    gt(this, A, e), f(this, A).addEventListener("pointerdown", f(this, We)), jt.subscribe(f(this, Nt), hs.SCROLL + 1), gs.subscribe(this, f(this, Nt)), this.scrollElement.onScroll(f(this, ke)), this.scrollElement.axisCSSProperty.subscribe(f(this, Pe));
+    const e = f(this, oe).assignedElements()[0] || f(this, oe).firstElementChild;
+    mt(this, R, e), f(this, R).addEventListener("pointerdown", f(this, Me)), ee.subscribe(f(this, qt), is.SCROLL + 1), Ss.subscribe(this, f(this, qt)), this.scrollElement.onScroll(f(this, Pe)), this.scrollElement.axisCSSProperty.subscribe(f(this, We));
   }
   disconnectedCallback() {
-    f(this, A).removeEventListener("pointerdown", f(this, We)), jt.unsubscribe(f(this, Nt)), gs.unsubscribe(f(this, Nt)), this.scrollElement.offScroll(f(this, ke)), this.scrollElement.axisCSSProperty.unsubscribe(f(this, Pe));
+    f(this, R).removeEventListener("pointerdown", f(this, Me)), ee.unsubscribe(f(this, qt)), Ss.unsubscribe(f(this, qt)), this.scrollElement.offScroll(f(this, Pe)), this.scrollElement.axisCSSProperty.unsubscribe(f(this, We));
   }
 };
-ne = /* @__PURE__ */ new WeakMap();
-A = /* @__PURE__ */ new WeakMap();
-rt = /* @__PURE__ */ new WeakMap();
-ht = /* @__PURE__ */ new WeakMap();
-ae = /* @__PURE__ */ new WeakMap();
 oe = /* @__PURE__ */ new WeakMap();
-Nt = /* @__PURE__ */ new WeakMap();
-ke = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakMap();
+le = /* @__PURE__ */ new WeakMap();
+ce = /* @__PURE__ */ new WeakMap();
+qt = /* @__PURE__ */ new WeakMap();
 Pe = /* @__PURE__ */ new WeakMap();
 We = /* @__PURE__ */ new WeakMap();
-ws = ci([
-  se("e-scrollbar")
-], ws);
-const pi = as({
+Me = /* @__PURE__ */ new WeakMap();
+vs = hi([
+  re("e-scrollbar")
+], vs);
+const ai = hs({
   button: {
     all: "inherit"
   }
 });
 class Vs extends He {
   constructor() {
-    super(), this.openShadow(pi), is && ns(this, {
+    super(), this.openShadow(ai), ss && rs(this, {
       children: [
-        js({
+        Zs({
           onClick: () => {
             this.handleClick();
           },
-          children: [Fe()]
+          children: [De()]
         })
       ]
     });
   }
 }
-var fi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, Si = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? di(i, r) : i, p = e.length - 1, S; p >= 0; p--)
-    (S = e[p]) && (n = (h ? S(i, r, n) : S(n)) || n);
-  return h && n && fi(i, r, n), n;
+var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ci = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? li(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && oi(i, r, n), n;
 };
-let bs = class extends Vs {
+let ms = class extends Vs {
   handleClick() {
     const e = this.getAttribute("index"), i = this.getAttribute("behaviour");
     this.scrollElement.scrollToSection(parseInt(e || "0"), i);
   }
 };
-bs = Si([
-  se("e-scroll-set-button")
-], bs);
-var vi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, gi = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? mi(i, r) : i, p = e.length - 1, S; p >= 0; p--)
-    (S = e[p]) && (n = (h ? S(i, r, n) : S(n)) || n);
-  return h && n && vi(i, r, n), n;
+ms = ci([
+  re("e-scroll-set-button")
+], ms);
+var ui = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, fi = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? pi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && ui(i, r, n), n;
 };
-let _s = class extends Vs {
+let gs = class extends Vs {
   handleClick() {
     const e = this.getAttribute("step"), i = this.getAttribute("behaviour");
     this.scrollElement.shiftSections(parseInt(e || "1"), i);
   }
 };
-_s = gi([
-  se("e-scroll-step-button")
-], _s);
-var wi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, _i = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? bi(i, r) : i, p = e.length - 1, S; p >= 0; p--)
-    (S = e[p]) && (n = (h ? S(i, r, n) : S(n)) || n);
-  return h && n && wi(i, r, n), n;
+gs = fi([
+  re("e-scroll-step-button")
+], gs);
+var di = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, vi = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? Si(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && di(i, r, n), n;
 }, zs = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, Ot = (e, i, r) => (zs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), Cs = (e, i, r) => {
+}, Ot = (e, i, r) => (zs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), ws = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, ys = (e, i, r, h) => (zs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), kt, le, tt, mt, Xt, ve, me, Yt;
-class Ci {
+}, bs = (e, i, r, h) => (zs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), yt, ue, j, vt, jt, me, ge, te;
+class mi {
   constructor(i, r, h) {
-    z(this, tt, void 0);
-    z(this, mt, void 0);
-    z(this, Xt, void 0);
-    z(this, ve, void 0);
-    z(this, me, () => {
-      a(this, mt).scrollToSection(a(this, Xt), a(this, ve));
+    z(this, j, void 0);
+    z(this, vt, void 0);
+    z(this, jt, void 0);
+    z(this, me, void 0);
+    z(this, ge, () => {
+      a(this, vt).scrollToSection(a(this, jt), a(this, me));
     });
-    z(this, Yt, () => {
-      a(this, tt).classList.toggle(
+    z(this, te, () => {
+      a(this, j).classList.toggle(
         "current",
-        a(this, mt).counter.current === a(this, Xt)
+        a(this, vt).counter.current === a(this, jt)
       );
     });
-    F(this, tt, document.createElement("button")), F(this, mt, i), F(this, ve, h), F(this, Xt, r), a(this, tt).addEventListener("click", a(this, me)), a(this, mt).counter.subscribe(a(this, Yt)), a(this, Yt).call(this);
+    O(this, j, document.createElement("button")), O(this, vt, i), O(this, me, h), O(this, jt, r), a(this, j).addEventListener("click", a(this, ge)), a(this, vt).counter.subscribe(a(this, te)), a(this, te).call(this);
   }
   get element() {
-    return a(this, tt);
+    return a(this, j);
   }
   destroy() {
-    a(this, tt).removeEventListener("click", a(this, me)), a(this, mt).counter.unsubscribe(a(this, Yt)), a(this, tt).remove();
+    a(this, j).removeEventListener("click", a(this, ge)), a(this, vt).counter.unsubscribe(a(this, te)), a(this, j).remove();
   }
 }
-tt = new WeakMap(), mt = new WeakMap(), Xt = new WeakMap(), ve = new WeakMap(), me = new WeakMap(), Yt = new WeakMap();
-let ks = class extends He {
+j = new WeakMap(), vt = new WeakMap(), jt = new WeakMap(), me = new WeakMap(), ge = new WeakMap(), te = new WeakMap();
+let _s = class extends He {
   constructor() {
-    super(...arguments), Cs(this, kt, []), Cs(this, le, Ms(() => {
-      Ot(this, kt).forEach((e) => e.destroy()), ys(this, kt, []);
+    super(...arguments), ws(this, yt, []), ws(this, ue, Ms(() => {
+      Ot(this, yt).forEach((e) => e.destroy()), bs(this, yt, []);
       for (let e = 0; e < this.scrollElement.sections.length; e++) {
-        const i = new Ci(
+        const i = new mi(
           this.scrollElement,
           e,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(i.element), Ot(this, kt).push(i);
+        this.appendChild(i.element), Ot(this, yt).push(i);
       }
     }, 0));
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      Ot(this, le)
-    ), Ot(this, le).call(this);
+      Ot(this, ue)
+    ), Ot(this, ue).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      Ot(this, le)
-    ), Ot(this, kt).forEach((e) => e.destroy()), ys(this, kt, []);
+      Ot(this, ue)
+    ), Ot(this, yt).forEach((e) => e.destroy()), bs(this, yt, []);
   }
 };
-kt = /* @__PURE__ */ new WeakMap();
-le = /* @__PURE__ */ new WeakMap();
-ks = _i([
-  se("e-scroll-bullet-buttons")
-], ks);
-var yi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Pi = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? ki(i, r) : i, p = e.length - 1, S; p >= 0; p--)
-    (S = e[p]) && (n = (h ? S(i, r, n) : S(n)) || n);
-  return h && n && yi(i, r, n), n;
-}, us = (e, i, r) => {
+yt = /* @__PURE__ */ new WeakMap();
+ue = /* @__PURE__ */ new WeakMap();
+_s = vi([
+  re("e-scroll-bullet-buttons")
+], _s);
+var gi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, bi = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? wi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && gi(i, r, n), n;
+}, ls = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, s = (e, i, r) => (us(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
+}, s = (e, i, r) => (ls(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, v = (e, i, r, h) => (us(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), y = (e, i, r) => (us(e, i, "access private method"), r), Ut, Pt, Wt, Mt, Et, D, H, G, N, Lt, L, pt, ft, ot, lt, ct, Kt, ce, x, Z, q, dt, St, X, Me, m, qt, Zt, Ee, B, Y, V, M, T, ue, $t, W, xe, Je, ps, $s, Qe, Ds, Xe, Fs, Ye, Os, je, As, ts, Rs, es, Ts, Le, pe, nt, xt, fs, Is, ds, Bs, Ve, ss, ze;
-let Ps = class extends He {
+}, m = (e, i, r, h) => (ls(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), W = (e, i, r) => (ls(e, i, "access private method"), r), Nt, Ut, Kt, Zt, kt, Pt, Wt, Mt, D, B, H, G, Lt, x, at, ot, lt, ct, ut, E, Z, K, ft, dt, X, Ee, v, Jt, Qt, xe, L, Et, $, V, N, pe, $t, P, Je, $s, Qe, Fs, Xe, Ds, Ye, Os, je, As, ts, Rs, Le, fe, ht, xt, cs, Ts, us, Is, Ve, es, ze;
+let Cs = class extends He {
   constructor() {
-    super(...arguments), o(this, xe), o(this, ps), o(this, Qe), o(this, Xe), o(this, Ye), o(this, je), o(this, ts), o(this, es), o(this, nt), o(this, fs), o(this, ds), o(this, Ve), o(this, Ut, new u(this, "--target", "")), o(this, Pt, new u(this, "--disabled", !1)), o(this, Wt, new u(
+    super(), o(this, Je), o(this, Qe), o(this, Xe), o(this, Ye), o(this, je), o(this, ts), o(this, ht), o(this, cs), o(this, us), o(this, Ve), o(this, Nt, new u(this, "--damping", 20)), o(this, Ut, new u(this, "--mass", 0)), o(this, Kt, new u(this, "--stiffness", 0)), o(this, Zt, new u(this, "--target", "")), o(this, kt, new u(this, "--disabled", !1)), o(this, Pt, new u(
       this,
       "--distance-offset",
-      0
-    )), o(this, Mt, new u(this, "--start-offset", 0)), o(this, Et, new u(
+      0,
+      { rawValueCheck: !1 }
+    )), o(this, Wt, new u(this, "--start-offset", 0, {
+      rawValueCheck: !1
+    })), o(this, Mt, new u(
       this,
       "--capture-once",
       !1
-    )), o(this, D, new u(this, "--captured", "")), o(this, H, new u(this, "--released", "")), o(this, G, new u(
+    )), o(this, D, new u(this, "--captured", "")), o(this, B, new u(this, "--released", "")), o(this, H, new u(
       this,
       "--captured-from-start",
       ""
-    )), o(this, N, new u(
+    )), o(this, G, new u(
       this,
       "--captured-from-finish",
       ""
@@ -815,331 +817,326 @@ let Ps = class extends He {
       this,
       "--released-from-start",
       ""
-    )), o(this, L, new u(
+    )), o(this, x, new u(
       this,
       "--released-from-finish",
       ""
-    )), o(this, pt, new u(this, "--passed-var", "")), o(this, ft, new u(this, "--progress-var", "")), o(this, ot, new u(this, "--distance-var", "")), o(this, lt, new u(this, "--start-var", "")), o(this, ct, new u(this, "--finish-var", "")), o(this, Kt, new u(this, "--smoothstep", !1)), o(this, ce, new u(
-      this,
-      "--smootherstep",
-      !1
-    )), o(this, x, new wt(!1)), o(this, Z, new wt(!1)), o(this, q, new wt(!1)), o(this, dt, new wt(!1)), o(this, St, new wt(!1)), o(this, X, new wt(!1)), o(this, Me, []), o(this, m, this), o(this, qt, 0), o(this, Zt, 0), o(this, Ee, 0), o(this, B, 0), o(this, Y, 0), o(this, V, 0), o(this, M, 0), o(this, T, 0), o(this, ue, !1), o(this, $t, !1), o(this, W, !0), o(this, Le, () => {
-      s(this, W) || (this.resize(), s(this, pe).call(this));
-    }), o(this, pe, () => {
-      !s(this, W) && s(this, ue) && this.tick();
+    )), o(this, at, new u(this, "--passed-var", "")), o(this, ot, new u(this, "--progress-var", "")), o(this, lt, new u(this, "--distance-var", "")), o(this, ct, new u(this, "--start-var", "")), o(this, ut, new u(this, "--finish-var", "")), o(this, E, new gt(!1)), o(this, Z, new gt(!1)), o(this, K, new gt(!1)), o(this, ft, new gt(!1)), o(this, dt, new gt(!1)), o(this, X, new gt(!1)), o(this, Ee, []), o(this, v, this), o(this, Jt, 0), o(this, Qt, 0), o(this, xe, 0), o(this, L, new Ps(0, { order: ks.SCROLL - 1, min: 0, max: 1 })), o(this, Et, 0), o(this, $, 0), o(this, V, 0), o(this, N, 0), o(this, pe, !1), o(this, $t, !1), o(this, P, !0), o(this, Le, () => {
+      s(this, P) || (this.resize(), s(this, fe).call(this));
+    }), o(this, fe, () => {
+      !s(this, P) && s(this, pe) && this.tick();
     }), o(this, ze, Ms(() => {
-      const e = Ft.getAll(this).reverse();
+      const e = Dt.getAll(this).reverse();
       let i = 0;
       e.forEach((r, h) => {
         r.element === this.scrollElement && (i = h);
-      }), v(this, Me, e.slice(i + 1));
+      }), m(this, Ee, e.slice(i + 1));
     }, 0));
   }
   get distanceOffsetCSSProperty() {
-    return s(this, Wt);
+    return s(this, Pt);
   }
   get startOffsetCSSProperty() {
-    return s(this, Mt);
+    return s(this, Wt);
   }
   get captureOnceCSSProperty() {
-    return s(this, Et);
+    return s(this, Mt);
   }
   get capturedCSSProperty() {
     return s(this, D);
   }
   get releasedCSSProperty() {
-    return s(this, H);
+    return s(this, B);
   }
   get capturedFromStartCSSProperty() {
-    return s(this, G);
+    return s(this, H);
   }
   get capturedFromFinishCSSProperty() {
-    return s(this, N);
+    return s(this, G);
   }
   get releasedFromStartCSSProperty() {
     return s(this, Lt);
   }
   get releasedFromFinishCSSProperty() {
-    return s(this, L);
+    return s(this, x);
   }
   get passedVarCSSProperty() {
-    return s(this, pt);
+    return s(this, at);
   }
   get progressVarCSSProperty() {
-    return s(this, ft);
+    return s(this, ot);
   }
   get distanceVarCSSProperty() {
-    return s(this, ot);
+    return s(this, lt);
   }
   get startVarCSSProperty() {
-    return s(this, lt);
+    return s(this, ct);
   }
   get finishVarCSSProperty() {
-    return s(this, ct);
+    return s(this, ut);
   }
-  get smoothstepCSSProperty() {
-    return s(this, Kt);
+  get disabledCSSProperty() {
+    return s(this, kt);
   }
-  get smootherstepCSSProperty() {
-    return s(this, ce);
+  get dampingCSSProperty() {
+    return s(this, Nt);
   }
-  get disabledCSSProperty() {
-    return s(this, Pt);
+  get massCSSProperty() {
+    return s(this, Ut);
+  }
+  get stiffnessCSSProperty() {
+    return s(this, Kt);
   }
   get targetCSSProperty() {
-    return s(this, Ut);
+    return s(this, Zt);
   }
   get isCaptured() {
-    return s(this, x);
+    return s(this, E);
   }
   get isReleased() {
     return s(this, Z);
   }
   get isCapturedFromStart() {
-    return s(this, q);
+    return s(this, K);
   }
   get isReleasedFromStart() {
-    return s(this, dt);
+    return s(this, ft);
   }
   get isCapturedFromFinish() {
-    return s(this, St);
+    return s(this, dt);
   }
   get isReleasedFromFinish() {
     return s(this, X);
   }
   get directionPosition() {
-    return s(this, qt);
+    return s(this, Jt);
   }
   get directionSize() {
-    return s(this, Zt);
+    return s(this, Qt);
   }
   get passed() {
-    return s(this, B);
+    return s(this, L);
   }
   get progress() {
-    return s(this, Y);
+    return s(this, Et);
   }
   get start() {
-    return s(this, V);
+    return s(this, $);
   }
   get finish() {
-    return s(this, T);
+    return s(this, N);
   }
   get distance() {
-    return s(this, M);
+    return s(this, V);
   }
   get isCapturedOnce() {
     return s(this, $t);
   }
   get isDisabled() {
-    return s(this, W);
+    return s(this, P);
   }
   resize() {
-    v(this, Zt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), v(this, qt, this.scrollElement.vertical ? $e(this, this.scrollElement) : De(this, this.scrollElement)), v(this, V, this.getStart()), v(this, M, this.getDistance()), v(this, V, s(this, V) + s(this, Mt).current), v(this, M, s(this, M) + s(this, Wt).current), v(this, T, s(this, V) + s(this, M)), this.scrollElement.currentScrollValue > s(this, T) && !s(this, x).current && !s(this, Z).current && (s(this, x).current = !0), this.setVar(s(this, lt).current, s(this, V)), this.setVar(s(this, ct).current, s(this, T)), this.setVar(s(this, ot).current, s(this, M)), v(this, ue, !0);
+    m(this, Qt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), m(this, Jt, this.scrollElement.vertical ? $e(this, this.scrollElement) : Fe(this, this.scrollElement)), m(this, $, this.getStart()), m(this, V, this.getDistance()), m(this, $, s(this, $) + s(this, Wt).current), m(this, V, s(this, V) + s(this, Pt).current), m(this, N, s(this, $) + s(this, V)), this.scrollElement.currentScrollValue > s(this, N) && !s(this, E).current && !s(this, Z).current && (s(this, E).current = !0), this.setVar(s(this, ct).current, s(this, $)), this.setVar(s(this, ut).current, s(this, N)), this.setVar(s(this, lt).current, s(this, V)), s(this, L).max = s(this, V), m(this, pe, !0);
   }
   tick() {
     let e = this.scrollElement.currentScrollValue;
-    s(this, Me).forEach((r) => {
+    s(this, Ee).forEach((r) => {
       e += r.value;
-    }), v(this, B, this.updateValue(e - s(this, V), 0, s(this, M)) || 0), v(this, Y, s(this, B) / s(this, M) || 0);
+    }), s(this, L).set(e - s(this, $));
     const i = Math.round(e);
-    s(this, x).current && (i > s(this, V) ? s(this, q).current || y(this, Ye, Os).call(this) : s(this, q).current && !s(this, dt).current && y(this, ts, Rs).call(this), i < s(this, T) ? s(this, X).current && !s(this, St).current && y(this, je, As).call(this) : s(this, q).current && !s(this, X).current && y(this, es, Ts).call(this)), i > s(this, V) && i < s(this, T) ? (y(this, xe, Je).call(this), s(this, x).current || y(this, Qe, Ds).call(this)) : s(this, x).current && (v(this, B, Ns(s(this, M) / 2, s(this, B), 0, s(this, M))), v(this, Y, s(this, B) / s(this, M)), y(this, xe, Je).call(this), y(this, Xe, Fs).call(this)), s(this, $t) && s(this, Et).current && (s(this, D).current && s(this, m).classList.add(s(this, D).current), v(this, W, !0));
+    s(this, E).current && (i > s(this, $) ? s(this, K).current || W(this, Xe, Ds).call(this) : s(this, K).current && !s(this, ft).current && W(this, je, As).call(this), i < s(this, N) ? s(this, X).current && !s(this, dt).current && W(this, Ye, Os).call(this) : s(this, K).current && !s(this, X).current && W(this, ts, Rs).call(this)), i > s(this, $) && i < s(this, N) ? s(this, E).current || W(this, Je, $s).call(this) : s(this, E).current && (s(this, L).set(
+      Gs(s(this, V) / 2, s(this, L).current, 0, s(this, V))
+    ), W(this, Qe, Fs).call(this)), s(this, $t) && s(this, Mt).current && (s(this, D).current && s(this, v).classList.add(s(this, D).current), m(this, P, !0));
   }
   disable() {
-    this.style.cssText = "", v(this, qt, 0), v(this, Zt, 0), v(this, B, 0), v(this, Y, 0), v(this, V, 0), v(this, M, 0), v(this, T, 0), v(this, ue, !1), s(this, x).current = !1, s(this, Z).current = !1, s(this, q).current = !1, s(this, dt).current = !1, s(this, St).current = !1, s(this, X).current = !1, v(this, $t, !1), v(this, W, !0), y(this, Ve, ss).call(this);
+    this.style.cssText = "", m(this, Jt, 0), m(this, Qt, 0), s(this, L).reset(), m(this, Et, 0), m(this, $, 0), m(this, V, 0), m(this, N, 0), m(this, pe, !1), s(this, E).current = !1, s(this, Z).current = !1, s(this, K).current = !1, s(this, ft).current = !1, s(this, dt).current = !1, s(this, X).current = !1, m(this, $t, !1), m(this, P, !0), W(this, Ve, es).call(this);
   }
   enable() {
-    v(this, W, !1);
+    m(this, P, !1);
   }
   connectedCallback() {
-    super.connectedCallback(), s(this, Ut).observe(), s(this, Pt).observe(), s(this, Wt).observe(), s(this, Mt).observe(), s(this, Et).observe(), s(this, D).observe(), s(this, H).observe(), s(this, G).observe(), s(this, N).observe(), s(this, Lt).observe(), s(this, L).observe(), s(this, pt).observe(), s(this, ft).observe(), s(this, ot).observe(), s(this, lt).observe(), s(this, ct).observe(), s(this, Kt).observe(), s(this, ce).observe();
+    super.connectedCallback(), s(this, Nt).observe(), s(this, Ut).observe(), s(this, Kt).observe(), s(this, Zt).observe(), s(this, kt).observe(), s(this, Pt).observe(), s(this, Wt).observe(), s(this, Mt).observe(), s(this, D).observe(), s(this, B).observe(), s(this, H).observe(), s(this, G).observe(), s(this, Lt).observe(), s(this, x).observe(), s(this, at).observe(), s(this, ot).observe(), s(this, lt).observe(), s(this, ct).observe(), s(this, ut).observe();
     let e = !1;
     this.scrollElement.addEventListener(
       "sectionsChange",
       s(this, ze)
-    ), s(this, ze).call(this), s(this, Pt).current || this.enable(), s(this, Ut).subscribe((i) => {
-      i.previous && y(this, Ve, ss).call(this), i.current ? i.current === "parent" ? v(this, m, this.parentElement || this) : v(this, m, document.querySelector(i.current) || this) : v(this, m, this);
-    }), s(this, Pt).subscribe((i) => {
+    ), s(this, ze).call(this), s(this, kt).current || this.enable(), s(this, Nt).subscribe((i) => {
+      s(this, L).damping = i.current;
+    }), s(this, Ut).subscribe((i) => {
+      s(this, L).mass = i.current;
+    }), s(this, Kt).subscribe((i) => {
+      s(this, L).stiffness = i.current;
+    }), s(this, Zt).subscribe((i) => {
+      i.previous && W(this, Ve, es).call(this), i.current ? i.current === "parent" ? m(this, v, this.parentElement || this) : m(this, v, document.querySelector(i.current) || this) : m(this, v, this);
+    }), s(this, kt).subscribe((i) => {
       i.current && !i.previous ? this.disable() : !i.current && i.previous && (this.resize(), this.enable());
-    }), s(this, Mt).subscribe(() => {
-      e && !s(this, W) && this.resize();
     }), s(this, Wt).subscribe(() => {
-      e && !s(this, W) && this.resize();
+      e && !s(this, P) && this.resize();
+    }), s(this, Pt).subscribe(() => {
+      e && !s(this, P) && this.resize();
     }), s(this, D).subscribe((i) => {
-      y(this, nt, xt).call(this, i);
-    }), s(this, G).subscribe((i) => {
-      y(this, nt, xt).call(this, i);
-    }), s(this, N).subscribe((i) => {
-      y(this, nt, xt).call(this, i);
+      W(this, ht, xt).call(this, i);
     }), s(this, H).subscribe((i) => {
-      y(this, nt, xt).call(this, i);
+      W(this, ht, xt).call(this, i);
+    }), s(this, G).subscribe((i) => {
+      W(this, ht, xt).call(this, i);
+    }), s(this, B).subscribe((i) => {
+      W(this, ht, xt).call(this, i);
     }), s(this, Lt).subscribe((i) => {
-      y(this, nt, xt).call(this, i);
-    }), s(this, L).subscribe((i) => {
-      y(this, nt, xt).call(this, i);
-    }), s(this, Et).subscribe((i) => {
-      s(this, W) || !i.current && i.previous && (this.resize(), this.enable());
-    }), s(this, pt).subscribe((i) => {
-      s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, this.passed));
-    }), s(this, ft).subscribe((i) => {
-      s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, s(this, Y)));
-    }), s(this, lt).subscribe((i) => {
-      s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, s(this, V)));
-    }), s(this, ct).subscribe((i) => {
-      s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, s(this, T)));
+      W(this, ht, xt).call(this, i);
+    }), s(this, x).subscribe((i) => {
+      W(this, ht, xt).call(this, i);
+    }), s(this, Mt).subscribe((i) => {
+      s(this, P) || !i.current && i.previous && (this.resize(), this.enable());
+    }), s(this, at).subscribe((i) => {
+      s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, this.passed.current));
     }), s(this, ot).subscribe((i) => {
-      s(this, W) || (this.removeVar(i.previous), this.setVar(i.current, s(this, M)));
-    }), jt.subscribe(s(this, Le), hs.SEGMENT), this.scrollElement.onScroll(s(this, pe)), e = !0;
+      s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, Et)));
+    }), s(this, ct).subscribe((i) => {
+      s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, $)));
+    }), s(this, ut).subscribe((i) => {
+      s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, N)));
+    }), s(this, lt).subscribe((i) => {
+      s(this, P) || (this.removeVar(i.previous), this.setVar(i.current, s(this, V)));
+    }), s(this, L).subscribe((i) => {
+      m(this, Et, s(this, L).current / s(this, V) || 0), this.setVar(
+        s(this, at).current,
+        s(this, L).current.toFixed(6)
+      ), this.setVar(
+        s(this, ot).current,
+        s(this, Et).toFixed(6)
+      );
+    }), ee.subscribe(s(this, Le), is.SEGMENT), this.scrollElement.onScroll(s(this, fe)), e = !0;
   }
   disconnectedCallback() {
-    jt.unsubscribe(s(this, Le)), this.scrollElement.offScroll(s(this, pe)), s(this, Ut).close(), s(this, Pt).close(), s(this, Wt).close(), s(this, Mt).close(), s(this, Et).close(), s(this, D).close(), s(this, H).close(), s(this, G).close(), s(this, N).close(), s(this, Lt).close(), s(this, L).close(), s(this, pt).close(), s(this, ft).close(), s(this, ot).close(), s(this, lt).close(), s(this, ct).close(), s(this, Kt).close(), s(this, ce).close(), s(this, x).close(), s(this, Z).close(), s(this, q).close(), s(this, dt).close(), s(this, St).close(), s(this, X).close(), this.disable();
+    ee.unsubscribe(s(this, Le)), this.scrollElement.offScroll(s(this, fe)), s(this, Nt).close(), s(this, Ut).close(), s(this, Kt).close(), s(this, Zt).close(), s(this, kt).close(), s(this, Pt).close(), s(this, Wt).close(), s(this, Mt).close(), s(this, D).close(), s(this, B).close(), s(this, H).close(), s(this, G).close(), s(this, Lt).close(), s(this, x).close(), s(this, at).close(), s(this, ot).close(), s(this, lt).close(), s(this, ct).close(), s(this, ut).close(), s(this, E).close(), s(this, Z).close(), s(this, K).close(), s(this, ft).close(), s(this, dt).close(), s(this, X).close(), this.disable();
   }
   removeVar(e) {
-    e && s(this, m).style.removeProperty(`--${e}`);
+    e && s(this, v).style.removeProperty(`--${e}`);
   }
   setVar(e, i) {
-    e && s(this, m).style.setProperty(`--${e}`, i.toString());
-  }
-  updateValue(e, i = 0, r = 1) {
-    return this.smootherstepCSSProperty.current ? Us(e, i, r) * r : s(this, Kt).current ? Ks(e, i, r) * r : rs(e, i, r);
+    e && s(this, v).style.setProperty(`--${e}`, i.toString());
   }
   getDistance() {
-    return s(this, Zt) + s(this, Ee);
+    return s(this, Qt) + s(this, xe);
   }
   getStart() {
-    return s(this, qt) - s(this, Ee);
+    return s(this, Jt) - s(this, xe);
   }
 };
+Nt = /* @__PURE__ */ new WeakMap();
 Ut = /* @__PURE__ */ new WeakMap();
+Kt = /* @__PURE__ */ new WeakMap();
+Zt = /* @__PURE__ */ new WeakMap();
+kt = /* @__PURE__ */ new WeakMap();
 Pt = /* @__PURE__ */ new WeakMap();
 Wt = /* @__PURE__ */ new WeakMap();
 Mt = /* @__PURE__ */ new WeakMap();
-Et = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
 H = /* @__PURE__ */ new WeakMap();
 G = /* @__PURE__ */ new WeakMap();
-N = /* @__PURE__ */ new WeakMap();
 Lt = /* @__PURE__ */ new WeakMap();
-L = /* @__PURE__ */ new WeakMap();
-pt = /* @__PURE__ */ new WeakMap();
-ft = /* @__PURE__ */ new WeakMap();
+x = /* @__PURE__ */ new WeakMap();
+at = /* @__PURE__ */ new WeakMap();
 ot = /* @__PURE__ */ new WeakMap();
 lt = /* @__PURE__ */ new WeakMap();
 ct = /* @__PURE__ */ new WeakMap();
-Kt = /* @__PURE__ */ new WeakMap();
-ce = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
+ut = /* @__PURE__ */ new WeakMap();
+E = /* @__PURE__ */ new WeakMap();
 Z = /* @__PURE__ */ new WeakMap();
-q = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
+ft = /* @__PURE__ */ new WeakMap();
 dt = /* @__PURE__ */ new WeakMap();
-St = /* @__PURE__ */ new WeakMap();
 X = /* @__PURE__ */ new WeakMap();
-Me = /* @__PURE__ */ new WeakMap();
-m = /* @__PURE__ */ new WeakMap();
-qt = /* @__PURE__ */ new WeakMap();
-Zt = /* @__PURE__ */ new WeakMap();
 Ee = /* @__PURE__ */ new WeakMap();
-B = /* @__PURE__ */ new WeakMap();
-Y = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+Jt = /* @__PURE__ */ new WeakMap();
+Qt = /* @__PURE__ */ new WeakMap();
+xe = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+Et = /* @__PURE__ */ new WeakMap();
+$ = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
-M = /* @__PURE__ */ new WeakMap();
-T = /* @__PURE__ */ new WeakMap();
-ue = /* @__PURE__ */ new WeakMap();
+N = /* @__PURE__ */ new WeakMap();
+pe = /* @__PURE__ */ new WeakMap();
 $t = /* @__PURE__ */ new WeakMap();
-W = /* @__PURE__ */ new WeakMap();
-xe = /* @__PURE__ */ new WeakSet();
-Je = function() {
-  y(this, ps, $s).call(this), this.setVar(s(this, pt).current, s(this, B)), this.setVar(s(this, ft).current, s(this, Y));
-};
-ps = /* @__PURE__ */ new WeakSet();
+P = /* @__PURE__ */ new WeakMap();
+Je = /* @__PURE__ */ new WeakSet();
 $s = function() {
-  this.dispatchEvent(
-    new CustomEvent("segmentPass", {
-      detail: {
-        distance: s(this, M),
-        start: s(this, V),
-        finish: s(this, T),
-        passed: s(this, B),
-        progress: s(this, Y)
-      }
-    })
-  );
+  s(this, E).current = !0, s(this, Z).current = !1, m(this, $t, !0), s(this, B).current && s(this, v).classList.remove(s(this, B).current), s(this, x).current && s(this, v).classList.remove(
+    s(this, x).current
+  ), s(this, x).current && s(this, v).classList.remove(
+    s(this, x).current
+  ), s(this, D).current && s(this, v).classList.add(s(this, D).current);
 };
 Qe = /* @__PURE__ */ new WeakSet();
-Ds = function() {
-  s(this, x).current = !0, s(this, Z).current = !1, v(this, $t, !0), s(this, H).current && s(this, m).classList.remove(s(this, H).current), s(this, L).current && s(this, m).classList.remove(
-    s(this, L).current
-  ), s(this, L).current && s(this, m).classList.remove(
-    s(this, L).current
-  ), s(this, D).current && s(this, m).classList.add(s(this, D).current);
-};
-Xe = /* @__PURE__ */ new WeakSet();
 Fs = function() {
-  s(this, Z).current = !0, s(this, x).current = !1, v(this, $t, !0), s(this, D).current && s(this, m).classList.remove(s(this, D).current), s(this, G).current && s(this, m).classList.remove(
+  s(this, Z).current = !0, s(this, E).current = !1, m(this, $t, !0), s(this, D).current && s(this, v).classList.remove(s(this, D).current), s(this, H).current && s(this, v).classList.remove(
+    s(this, H).current
+  ), s(this, G).current && s(this, v).classList.remove(
     s(this, G).current
-  ), s(this, N).current && s(this, m).classList.remove(
-    s(this, N).current
-  ), s(this, H).current && s(this, m).classList.add(s(this, H).current);
+  ), s(this, B).current && s(this, v).classList.add(s(this, B).current);
+};
+Xe = /* @__PURE__ */ new WeakSet();
+Ds = function() {
+  s(this, E).current = !0, s(this, K).current = !0, s(this, ft).current = !1, s(this, H).current && s(this, v).classList.add(
+    s(this, H).current
+  );
 };
 Ye = /* @__PURE__ */ new WeakSet();
 Os = function() {
-  s(this, x).current = !0, s(this, q).current = !0, s(this, dt).current = !1, s(this, G).current && s(this, m).classList.add(
+  s(this, E).current = !0, s(this, dt).current = !0, s(this, X).current = !1, s(this, G).current && s(this, v).classList.add(
     s(this, G).current
   );
 };
 je = /* @__PURE__ */ new WeakSet();
 As = function() {
-  s(this, x).current = !0, s(this, St).current = !0, s(this, X).current = !1, s(this, N).current && s(this, m).classList.add(
-    s(this, N).current
+  s(this, Z).current = !0, s(this, ft).current = !0, s(this, K).current = !1, s(this, x).current && s(this, v).classList.add(
+    s(this, x).current
   );
 };
 ts = /* @__PURE__ */ new WeakSet();
 Rs = function() {
-  s(this, Z).current = !0, s(this, dt).current = !0, s(this, q).current = !1, s(this, L).current && s(this, m).classList.add(
-    s(this, L).current
-  );
-};
-es = /* @__PURE__ */ new WeakSet();
-Ts = function() {
-  s(this, Z).current = !0, s(this, X).current = !0, s(this, St).current = !1, s(this, L).current && s(this, m).classList.add(
-    s(this, L).current
+  s(this, Z).current = !0, s(this, X).current = !0, s(this, dt).current = !1, s(this, x).current && s(this, v).classList.add(
+    s(this, x).current
   );
 };
 Le = /* @__PURE__ */ new WeakMap();
-pe = /* @__PURE__ */ new WeakMap();
-nt = /* @__PURE__ */ new WeakSet();
+fe = /* @__PURE__ */ new WeakMap();
+ht = /* @__PURE__ */ new WeakSet();
 xt = function(e) {
-  if (s(this, W)) {
-    e.previous && s(this, m).classList.remove(e.previous), e.current && s(this, m).classList.remove(e.current);
+  if (s(this, P)) {
+    e.previous && s(this, v).classList.remove(e.previous), e.current && s(this, v).classList.remove(e.current);
     return;
   }
-  e.current && s(this, x).current ? (e.previous && s(this, m).classList.remove(e.previous), s(this, m).classList.add(e.current)) : !e.current && e.previous && s(this, m).classList.remove(e.previous);
+  e.current && s(this, E).current ? (e.previous && s(this, v).classList.remove(e.previous), s(this, v).classList.add(e.current)) : !e.current && e.previous && s(this, v).classList.remove(e.previous);
 };
-fs = /* @__PURE__ */ new WeakSet();
-Is = function(...e) {
+cs = /* @__PURE__ */ new WeakSet();
+Ts = function(...e) {
   e.forEach((i) => {
-    i && s(this, m).classList.remove(i);
+    i && s(this, v).classList.remove(i);
   });
 };
-ds = /* @__PURE__ */ new WeakSet();
-Bs = function(...e) {
+us = /* @__PURE__ */ new WeakSet();
+Is = function(...e) {
   e.forEach((i) => {
-    i && s(this, m).style.removeProperty(`--${i}`);
+    i && s(this, v).style.removeProperty(`--${i}`);
   });
 };
 Ve = /* @__PURE__ */ new WeakSet();
-ss = function() {
-  y(this, fs, Is).call(this, s(this, D).current, s(this, G).current, s(this, N).current, s(this, H).current, s(this, Lt).current, s(this, L).current), y(this, ds, Bs).call(this, s(this, pt).current, s(this, ft).current, s(this, ot).current, s(this, lt).current, s(this, ct).current);
+es = function() {
+  W(this, cs, Ts).call(this, s(this, D).current, s(this, H).current, s(this, G).current, s(this, B).current, s(this, Lt).current, s(this, x).current), W(this, us, Is).call(this, s(this, at).current, s(this, ot).current, s(this, lt).current, s(this, ct).current, s(this, ut).current);
 };
 ze = /* @__PURE__ */ new WeakMap();
-Ps = Pi([
-  se("e-scroll-segment")
-], Ps);
+Cs = bi([
+  re("e-scroll-segment")
+], Cs);
 export {
-  ks as ScrollBulletButtonsElement,
+  _s as ScrollBulletButtonsElement,
   Ie as ScrollElement,
-  Ps as ScrollSegmentElement,
-  bs as ScrollSetButtonElement,
-  _s as ScrollStepButtonElement,
-  ws as ScrollbarElement
+  Cs as ScrollSegmentElement,
+  ms as ScrollSetButtonElement,
+  gs as ScrollStepButtonElement,
+  vs as ScrollbarElement
 };