aptechka 0.5.19 → 0.5.21

package/lib/scroll/index.js

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