aptechka 0.5.20 → 0.5.22

package/lib/scroll/index.js

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