aptechka 0.4.26 → 0.4.28

package/lib/scroll/index.js

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