aptechka 0.5.23 → 0.5.24

package/lib/scroll/index.js

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