aptechka 0.50.27 → 0.51.0

package/lib/scroll/index.js

@@ -1,60 +1,60 @@
-var Be = Object.defineProperty;
-var Ie = Object.getOwnPropertySymbols;
-var We = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
-var Ae = (u) => {
-  throw TypeError(u);
+var We = Object.defineProperty;
+var ke = Object.getOwnPropertySymbols;
+var Fe = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
+var Me = (d) => {
+  throw TypeError(d);
 };
-var ke = (u, n, e) => n in u ? Be(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, Me = (u, n) => {
+var Ae = (d, n, e) => n in d ? We(d, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[n] = e, Te = (d, n) => {
   for (var e in n || (n = {}))
-    We.call(n, e) && ke(u, e, n[e]);
-  if (Ie)
-    for (var e of Ie(n))
-      Fe.call(n, e) && ke(u, e, n[e]);
-  return u;
+    Fe.call(n, e) && Ae(d, e, n[e]);
+  if (ke)
+    for (var e of ke(n))
+      Ne.call(n, e) && Ae(d, e, n[e]);
+  return d;
 };
-var ge = (u, n, e) => n.has(u) || Ae("Cannot " + e);
-var t = (u, n, e) => (ge(u, n, "read from private field"), e ? e.call(u) : n.get(u)), s = (u, n, e) => n.has(u) ? Ae("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(u) : n.set(u, e), h = (u, n, e, i) => (ge(u, n, "write to private field"), i ? i.call(u, e) : n.set(u, e), e), l = (u, n, e) => (ge(u, n, "access private method"), e);
-import { S as Ne } from "../Store-D2xCXENW.js";
+var ve = (d, n, e) => n.has(d) || Me("Cannot " + e);
+var t = (d, n, e) => (ve(d, n, "read from private field"), e ? e.call(d) : n.get(d)), s = (d, n, e) => n.has(d) ? Me("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, e), h = (d, n, e, i) => (ve(d, n, "write to private field"), i ? i.call(d, e) : n.set(d, e), e), l = (d, n, e) => (ve(d, n, "access private method"), e);
+import { S as qe } from "../Store-swP_0ymB.js";
 import { i as H } from "../index-euf5anj6.js";
-import { a as qe } from "../easings-Bni3YAAW.js";
+import { a as Ue } from "../easings-Bni3YAAW.js";
 import { d as Yt } from "../events-CsVF98U6.js";
-import { c as De } from "../jss-DtnXPEnq.js";
-import { a as ve, g as Ce } from "../layout-DpZo-I0y.js";
-import { c as Ve } from "../math-BOBiC4TN.js";
-import { l as Ue } from "../number-DwCxt_Ck.js";
+import { c as Ve } from "../jss-DtnXPEnq.js";
+import { a as ye, g as Ce } from "../layout-DpZo-I0y.js";
+import { c as Re } from "../math-BOBiC4TN.js";
+import { l as Ge } from "../number-DwCxt_Ck.js";
 import "../ticker/index.js";
-import { TICK_ORDER as Ge, RESIZE_ORDER as ye } from "../order/index.js";
-import { D as Ke } from "../Damped-BXsGpI-B.js";
-import { T as _e } from "../Tweened-BhDWLNF0.js";
-import { WheelControls as Ze, KeyboardControls as je, DragControls as Je, AutoplayControls as Qe } from "../controls/index.js";
-import { windowResizer as Dt } from "../window-resizer/index.js";
+import { TICK_ORDER as Ke, RESIZE_ORDER as we } from "../order/index.js";
+import { D as _e } from "../Damped-GyAS-U-z.js";
+import { T as Ze } from "../Tweened-BSC-evuL.js";
+import { WheelControls as je, KeyboardControls as Je, DragControls as Qe, AutoplayControls as Xe } from "../controls/index.js";
+import { windowResizer as Vt } from "../window-resizer/index.js";
 import { scrollEntries as gt } from "../scroll-entries/index.js";
-import { cssUnitParser as Te } from "../css-unit-parser/index.js";
-import { CSSProperty as p } from "../css-property/index.js";
-import { device as Xe } from "../device/index.js";
+import { cssUnitParser as De } from "../css-unit-parser/index.js";
+import { CSSProperty as f } from "../css-property/index.js";
+import { device as Ye } from "../device/index.js";
 import { elementResizer as ie } from "../element-resizer/index.js";
-import { s as Ye } from "../gestures-CcXV6fCp.js";
-import { b as Re } from "../dom-CVWzyXPH.js";
-import { d as ts } from "../function-C10DGppn.js";
-import { ScrollSegmentElement as es } from "../scroll-segment/index.js";
-var b, Rt, g, vt, $, Y, Ct, yt, te;
-class ss {
+import { s as ts } from "../gestures-CcXV6fCp.js";
+import { b as Oe } from "../dom-CVWzyXPH.js";
+import { d as es } from "../function-C10DGppn.js";
+import { ScrollSegmentElement as ss } from "../scroll-segment/index.js";
+var b, Ot, g, vt, $, Y, yt, Ct, te;
+class is {
   constructor(n, e, i) {
-    s(this, yt);
+    s(this, Ct);
     s(this, b);
-    s(this, Rt);
+    s(this, Ot);
     s(this, g);
     s(this, vt, 0);
     s(this, $, 0);
     s(this, Y, null);
-    s(this, Ct, 0);
-    h(this, b, n), h(this, Rt, e), h(this, g, i), gt.register(t(this, b)), this.setIndex(t(this, Rt));
+    s(this, yt, 0);
+    h(this, b, n), h(this, Ot, e), h(this, g, i), gt.register(t(this, b)), this.setIndex(t(this, Ot));
   }
   get element() {
     return t(this, b);
   }
   get index() {
-    return t(this, Rt);
+    return t(this, Ot);
   }
   get size() {
     return t(this, vt);
@@ -63,7 +63,7 @@ class ss {
     return t(this, $);
   }
   get transformPosition() {
-    return t(this, Ct);
+    return t(this, yt);
   }
   destroy() {
     gt.unregister(t(this, b)), this.unsetTransform();
@@ -75,18 +75,19 @@ class ss {
     n ? (t(this, b).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, b).style.width = n + "px", t(this, b).style.height = "") : (t(this, b).style.height = n + "px", t(this, b).style.width = "")) : (t(this, b).style.width = "", t(this, b).style.height = "", t(this, b).style.removeProperty("--size"));
   }
   resize() {
-    h(this, vt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), h(this, $, t(this, g).vertical ? ve(t(this, b)) : Ce(t(this, b))), h(this, $, t(this, $) - t(this, g).contentPosition);
+    h(this, vt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), h(this, $, t(this, g).vertical ? ye(t(this, b)) : Ce(t(this, b))), h(this, $, t(this, $) - t(this, g).contentPosition);
   }
   transform() {
-    let n = 0;
-    const e = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
-    t(this, g).loopCSSProperty.current && t(this, g).overscroll && t(this, $) + t(this, vt) < t(this, g).currentScrollValue && (n = t(this, g).distance * -1 - t(this, g).gap), gt.update(
+    const n = t(this, g).shiftSectionPositionCSSProperty.current;
+    let e = n;
+    const i = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
+    t(this, g).loopCSSProperty.current && t(this, $) + t(this, vt) < t(this, g).currentScrollValue - n && (e = (t(this, g).distance - n) * -1 - t(this, g).gap), gt.update(
       t(this, b),
       t(this, g).axisCSSProperty.current,
-      n
+      e
     );
-    const i = t(this, g).currentScrollValue + n, r = t(this, $) - t(this, g).viewportSize - e, a = t(this, $) + t(this, vt) + e, m = Ve(i, r, a);
-    h(this, Ct, m * -1), t(this, g).vertical ? t(this, b).style.transform = `translate3d(0px, ${t(this, Ct)}px, 0px)` : t(this, b).style.transform = `translate3d(${t(this, Ct)}px, 0px, 0px)`;
+    const r = t(this, g).currentScrollValue + e, a = t(this, $) - t(this, g).viewportSize - i, m = t(this, $) + t(this, vt) + i, v = Re(r, a, m);
+    h(this, yt, v * -1), t(this, g).vertical ? t(this, b).style.transform = `translate3d(0px, ${t(this, yt)}px, 0px)` : t(this, b).style.transform = `translate3d(${t(this, yt)}px, 0px, 0px)`;
   }
   setMark(n) {
     t(this, Y) !== n && (t(this, Y) && t(this, b).classList.remove(t(this, Y)), n && t(this, b).classList.add(n), h(this, Y, n), Yt(t(this, b), "scrollSectionMarkChange", {
@@ -101,22 +102,22 @@ class ss {
     t(this, b).classList.toggle("middle", n);
   }
   setIndex(n) {
-    l(this, yt, te).call(this, "index", n);
+    l(this, Ct, te).call(this, "index", n);
   }
   setCurrentIndex(n) {
-    l(this, yt, te).call(this, "current-index", n);
+    l(this, Ct, te).call(this, "current-index", n);
   }
   setCurrentIndexArc(n) {
-    l(this, yt, te).call(this, "current-index-arc", n);
+    l(this, Ct, te).call(this, "current-index-arc", n);
   }
   setCurrentIndexArcAbs(n) {
-    l(this, yt, te).call(this, "current-index-arc-abs", n);
+    l(this, Ct, te).call(this, "current-index-arc-abs", n);
   }
 }
-b = new WeakMap(), Rt = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), $ = new WeakMap(), Y = new WeakMap(), Ct = new WeakMap(), yt = new WeakSet(), te = function(n, e) {
+b = new WeakMap(), Ot = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), $ = new WeakMap(), Y = new WeakMap(), yt = new WeakMap(), Ct = new WeakSet(), te = function(n, e) {
   e !== null ? (t(this, b).style.setProperty(`--${n}`, e.toString()), t(this, b).setAttribute(`data-${n}`, e.toString())) : (t(this, b).style.removeProperty(`--${n}`), t(this, b).removeAttribute(`data-${n}`));
 };
-const is = De({
+const rs = Ve({
   ":host": {
     position: "relative",
     width: "100%",
@@ -154,121 +155,127 @@ const is = De({
     flexShrink: "0"
   }
 });
-var d, wt, E, tt, B, W, F, T, et, st, N, it, xt, D, y, Et, Pt, Lt, zt, Ot, A, It, rt, M, nt, q, ht, kt, ot, lt, ct, f, Ht, c, re, ne, v, S, k, V, at, R, w, P, $t, U, G, K, _, Bt, ut, Z, Wt, O, x, he, dt, o, we, ee, Tt, be, me, xe, Ee, L, Ft, Oe, Nt, oe, Pe, Le, St, He, se, le;
-class Vt extends HTMLElement {
+var u, wt, E, tt, B, W, F, T, et, st, N, it, xt, D, C, Et, Pt, Lt, zt, Ht, A, It, rt, M, nt, q, kt, ht, At, ot, lt, ct, p, $t, c, re, ne, y, S, k, V, at, R, x, P, Bt, U, G, K, _, Wt, ut, Z, Ft, O, w, he, dt, o, xe, ee, Dt, me, Se, Ee, Pe, L, oe, He, Nt, le, Le, ze, St, $e, se, ce;
+class Rt extends HTMLElement {
   constructor() {
     super();
     s(this, o);
-    s(this, d, null);
-    s(this, wt, new p(this, "--controls", !0));
-    s(this, E, new p(this, "--axis", "y"));
-    s(this, tt, new p(this, "--reverse", !1));
-    s(this, B, new p(this, "--direction", 0));
-    s(this, W, new p(this, "--pages", 0, {
+    s(this, u, null);
+    s(this, wt, new f(this, "--controls", !0));
+    s(this, E, new f(this, "--axis", "y"));
+    s(this, tt, new f(this, "--reverse", !1));
+    s(this, B, new f(this, "--direction", 0));
+    s(this, W, new f(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
-    s(this, F, new p(this, "--split", !1));
-    s(this, T, new p(this, "--sectional", !1));
-    s(this, et, new p(
+    s(this, F, new f(this, "--split", !1));
+    s(this, T, new f(this, "--sectional", !1));
+    s(this, et, new f(
       this,
       "--tween-easing",
       !1
     ));
-    s(this, st, new p(
+    s(this, st, new f(
       this,
       "--tween-duration",
       !1
     ));
-    s(this, N, new p(this, "--auto-size", !1));
-    s(this, it, new p(
+    s(this, N, new f(this, "--auto-size", !1));
+    s(this, it, new f(
       this,
       "--wheel-max-delta",
       !1
     ));
-    s(this, xt, new p(this, "--drag-inertion", 1));
-    s(this, D, new p(
+    s(this, xt, new f(this, "--drag-inertion", 1));
+    s(this, D, new f(
       this,
       "--sections-in-view",
       1
     ));
-    s(this, y, new p(this, "--loop", !1));
-    s(this, Et, new p(this, "--damping", 20));
-    s(this, Pt, new p(this, "--mass", 0));
-    s(this, Lt, new p(this, "--stiffness", 0));
-    s(this, zt, new p(this, "--mouse-drag", !1));
-    s(this, Ot, new p(
+    s(this, C, new f(this, "--loop", !1));
+    s(this, Et, new f(this, "--damping", 20));
+    s(this, Pt, new f(this, "--mass", 0));
+    s(this, Lt, new f(this, "--stiffness", 0));
+    s(this, zt, new f(this, "--mouse-drag", !1));
+    s(this, Ht, new f(
       this,
       "--section-distance-scale",
       0.5
     ));
-    s(this, A, new p(this, "--autoplay", 0));
-    s(this, It, new p(
+    s(this, A, new f(this, "--autoplay", 0));
+    s(this, It, new f(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    s(this, rt, new p(
+    s(this, rt, new f(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    s(this, M, new p(this, "--classes", !1));
-    s(this, nt, new p(
+    s(this, M, new f(this, "--classes", !1));
+    s(this, nt, new f(
       this,
       "--current-index-start-offset",
       0
     ));
-    s(this, q, new p(
+    s(this, q, new f(
       this,
       "--current-index-end-offset",
       0
     ));
-    s(this, ht, new p(this, "--focus-delay", 0));
-    s(this, kt, new p(
+    s(this, kt, new f(
+      this,
+      "--shift-section-position",
+      0,
+      { rawValueCheck: !1 }
+    ));
+    s(this, ht, new f(this, "--focus-delay", 0));
+    s(this, At, new f(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, ot, new p(this, "--disabled", !1));
-    s(this, lt, new p(this, "--hibernate", !1));
+    s(this, ot, new f(this, "--disabled", !1));
+    s(this, lt, new f(this, "--hibernate", !1));
     s(this, ct, null);
-    s(this, f, null);
-    s(this, Ht, null);
+    s(this, p, null);
+    s(this, $t, null);
     s(this, c, []);
     s(this, re, 0);
     s(this, ne, 0);
-    s(this, v, 0);
+    s(this, y, 0);
     s(this, S, 0);
     s(this, k, 0);
     s(this, V, null);
     s(this, at, null);
     s(this, R, null);
-    s(this, w, null);
-    s(this, P, new Ne(0));
-    s(this, $t, 0);
+    s(this, x, null);
+    s(this, P, new qe(0));
+    s(this, Bt, 0);
     s(this, U, 0);
     s(this, G, !1);
     s(this, K, !0);
     s(this, _, !0);
-    s(this, Bt);
+    s(this, Wt);
     s(this, ut);
-    s(this, Z, new _e());
-    s(this, Wt, !1);
+    s(this, Z, new Ze());
+    s(this, Ft, !1);
     s(this, O, null);
-    s(this, x, !1);
+    s(this, w, !1);
     s(this, he, null);
     s(this, dt, []);
     s(this, L, () => {
       if (t(this, lt).current)
         return;
-      t(this, d).unlistenAnimationFrame();
+      t(this, u).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, S) || 0, i = t(this, P).current;
-      if (h(this, re, this.vertical ? ve(this) : Ce(this)), h(this, ne, this.vertical ? ve(t(this, f)) : Ce(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Te.parse(
-        getComputedStyle(t(this, f)).rowGap
-      )) : h(this, k, Te.parse(
-        getComputedStyle(t(this, f)).columnGap
+      if (h(this, re, this.vertical ? ye(this) : Ce(this)), h(this, ne, this.vertical ? ye(t(this, p)) : Ce(t(this, p))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, De.parse(
+        getComputedStyle(t(this, p)).rowGap
+      )) : h(this, k, De.parse(
+        getComputedStyle(t(this, p)).columnGap
       )), t(this, N).current && t(this, c).length) {
-        const r = t(this, D).current, a = (t(this, v) - t(this, k) * (r - 1)) / r;
+        const r = t(this, D).current, a = (t(this, y) - t(this, k) * (r - 1)) / r;
         t(this, c).forEach((m) => {
           m.setSize(a);
         });
@@ -279,66 +286,66 @@ class Vt extends HTMLElement {
       if (t(this, c).forEach((r) => {
         r.resize();
       }), t(this, W).current) {
-        h(this, S, t(this, v) * t(this, W).current);
-        const r = t(this, S) + t(this, v);
-        this.vertical ? (t(this, f).style.width = r + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = r + "px", t(this, f).style.width = "100%");
+        h(this, S, t(this, y) * t(this, W).current);
+        const r = t(this, S) + t(this, y);
+        this.vertical ? (t(this, p).style.width = r + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = r + "px", t(this, p).style.width = "100%");
       } else
-        this.vertical ? (t(this, f).style.width = "100%", t(this, f).style.height = "max-content", h(this, S, t(this, f).offsetHeight - t(this, v))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", h(this, S, t(this, f).offsetWidth - t(this, v)));
-      if (!t(this, y).current) {
+        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", h(this, S, t(this, p).offsetHeight - t(this, y))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", h(this, S, t(this, p).offsetWidth - t(this, y)));
+      if (!t(this, C).current) {
         const r = getComputedStyle(this), a = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
-        h(this, S, t(this, S) + a), t(this, d).max = t(this, S);
+        h(this, S, t(this, S) + a), t(this, u).max = t(this, S);
       }
-      if (t(this, y).current && t(this, c).length) {
-        const r = t(this, c)[t(this, c).length - 1], a = r.position + r.size - t(this, v), m = t(this, S) - a;
+      if (t(this, C).current && t(this, c).length) {
+        const r = t(this, c)[t(this, c).length - 1], a = r.position + r.size - t(this, y), m = t(this, S) - a;
         h(this, U, r.position + r.size + m);
       } else
         h(this, U, t(this, S));
       if (t(this, T).current && t(this, c).length) {
         const r = t(this, c)[i];
-        t(this, d).set(r.position, {
+        t(this, u).set(r.position, {
           equalize: !0
         });
       } else
-        t(this, d).set(e * t(this, S), {
+        t(this, u).set(e * t(this, S), {
           equalize: !0
         });
-      h(this, G, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ot).current || l(this, o, me).call(this) : l(this, o, be).call(this), Yt(this, "scrollResize", { custom: !0 }), t(this, Ft).call(this);
+      h(this, G, (this.vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ot).current || l(this, o, Se).call(this) : l(this, o, me).call(this), Yt(this, "scrollResize", { custom: !0 }), t(this, u).notify();
     });
-    s(this, Ft, () => {
+    s(this, oe, () => {
       if (!t(this, G) || t(this, _) || t(this, K))
         return;
       const e = this.currentScrollValue;
-      if (h(this, $t, Math.max(0, e - t(this, S))), t(this, c).length) {
+      if (h(this, Bt, Math.max(0, e - t(this, S))), t(this, c).length) {
         for (let i = 0; i < t(this, c).length; i++)
           t(this, c)[i].transform();
         t(this, P).current = l(this, o, se).call(this);
       } else
-        this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      l(this, o, He).call(this), gt.update(
+        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
+      l(this, o, $e).call(this), gt.update(
         this,
         t(this, E).current,
         e
       );
     });
     s(this, Nt, (e, i) => {
-      t(this, wt).current && (l(this, o, Pe).call(this, Math.sign(i) || 1), t(this, oe).call(this, e, i));
+      t(this, wt).current && (l(this, o, Le).call(this, Math.sign(i) || 1), t(this, le).call(this, e, i));
     });
-    s(this, oe, (e, i) => {
+    s(this, le, (e, i) => {
       if (t(this, B).current) {
         if (t(this, B).current < 0 && i > 0)
           return;
         if (t(this, B).current > 0 && i < 0)
           return;
       }
-      if (t(this, ut) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, ht).current && (clearInterval(t(this, Bt)), h(this, Bt, setTimeout(() => {
+      if (t(this, ut) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, ht).current && (clearInterval(t(this, Wt)), h(this, Wt, setTimeout(() => {
         const r = t(this, c)[l(this, o, se).call(this)];
         r && this.scrollToSection(r.index, {
           tween: {
-            duration: t(this, kt).current,
-            easing: qe
+            duration: t(this, At).current,
+            easing: Ue
           }
         });
-      }, t(this, ht).current))), !(e.includes("drag") && !Xe.isTouch && !t(this, zt).current)) {
+      }, t(this, ht).current))), !(e.includes("drag") && !Ye.isTouch && !t(this, zt).current)) {
         if (t(this, T).current && e !== "drag") {
           const r = Math.sign(i);
           if (t(this, c).length) {
@@ -348,28 +355,28 @@ class Vt extends HTMLElement {
                 duration: t(this, st).current || 500
               } : void 0
             };
-            t(this, Wt) ? this.scrollToSection(l(this, o, se).call(this, !0), a) : this.shiftSections(r, a);
+            t(this, Ft) ? this.scrollToSection(l(this, o, se).call(this, !0), a) : this.shiftSections(r, a);
           } else
-            t(this, d).shift(r * t(this, v));
+            t(this, u).shift(r * t(this, y));
         } else
-          t(this, d).shift(i);
-        h(this, Wt, e === "drag");
+          t(this, u).shift(i);
+        h(this, Ft, e === "drag");
       }
     });
-    s(this, le, () => {
-      h(this, x, !0), this.hibernatedCSSProperty.current || l(this, o, Ee).call(this);
+    s(this, ce, () => {
+      h(this, w, !0), this.hibernatedCSSProperty.current || l(this, o, Pe).call(this);
     });
     if (H) {
       const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [is];
+      e.adoptedStyleSheets = [rs];
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ct, document.createElement("div")), t(this, ct).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, Ht, document.createElement("slot")), t(this, f).appendChild(t(this, Ht)), t(this, ct).appendChild(t(this, f)), e.appendChild(t(this, ct)), h(this, he, new MutationObserver((r) => {
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ct, document.createElement("div")), t(this, ct).className = "content-wrapper", h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, $t, document.createElement("slot")), t(this, p).appendChild(t(this, $t)), t(this, ct).appendChild(t(this, p)), e.appendChild(t(this, ct)), h(this, he, new MutationObserver((r) => {
         this.tryResplit();
       }));
     }
   }
   get damped() {
-    return t(this, d);
+    return t(this, u);
   }
   get controlsCSSProperty() {
     return t(this, wt);
@@ -411,7 +418,7 @@ class Vt extends HTMLElement {
     return t(this, D);
   }
   get loopCSSProperty() {
-    return t(this, y);
+    return t(this, C);
   }
   get dampingCSSProperty() {
     return t(this, Et);
@@ -426,7 +433,7 @@ class Vt extends HTMLElement {
     return t(this, zt);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, Ot);
+    return t(this, Ht);
   }
   get autoplayCSSProperty() {
     return t(this, A);
@@ -446,11 +453,14 @@ class Vt extends HTMLElement {
   get currentIndexEndOffsetCSSProperty() {
     return t(this, q);
   }
+  get shiftSectionPositionCSSProperty() {
+    return t(this, kt);
+  }
   get focusDelayCSSProperty() {
     return t(this, ht);
   }
   get focusDurationCSSProperty() {
-    return t(this, kt);
+    return t(this, At);
   }
   get disabledCSSProperty() {
     return t(this, ot);
@@ -459,16 +469,16 @@ class Vt extends HTMLElement {
     return t(this, lt);
   }
   get currentScrollValue() {
-    return l(this, o, Le).call(this, "current");
+    return l(this, o, ze).call(this, "current");
   }
   get targetScrollValue() {
-    return l(this, o, Le).call(this, "target");
+    return l(this, o, ze).call(this, "target");
   }
   get contentWrapperElement() {
     return t(this, ct);
   }
   get contentElement() {
-    return t(this, f);
+    return t(this, p);
   }
   get sections() {
     return t(this, c);
@@ -480,7 +490,7 @@ class Vt extends HTMLElement {
     return t(this, ne);
   }
   get viewportSize() {
-    return t(this, v);
+    return t(this, y);
   }
   get scrollSize() {
     return t(this, S);
@@ -500,13 +510,13 @@ class Vt extends HTMLElement {
     return t(this, U);
   }
   get loopDistance() {
-    return t(this, y).current ? t(this, U) + t(this, k) : t(this, U);
+    return t(this, C).current ? t(this, U) + t(this, k) : t(this, U);
   }
   get hasOverflow() {
     return t(this, G);
   }
   get overscroll() {
-    return t(this, $t);
+    return t(this, Bt);
   }
   get scrollLine() {
     return t(this, O);
@@ -521,19 +531,19 @@ class Vt extends HTMLElement {
     return this.targetScrollValue / this.loopDistance || 0;
   }
   get scrollWidth() {
-    return t(this, E).current === "y" ? 0 : t(this, d).distance;
+    return t(this, E).current === "y" ? 0 : t(this, u).distance;
   }
   get scrollHeight() {
-    return t(this, E).current === "x" ? 0 : t(this, d).distance;
+    return t(this, E).current === "x" ? 0 : t(this, u).distance;
   }
   tryResplit() {
-    !t(this, _) && (t(this, y).current || t(this, F).current || t(this, y).current || t(this, N).current || t(this, T).current) && l(this, o, ee).call(this);
+    !t(this, _) && (t(this, C).current || t(this, F).current || t(this, C).current || t(this, N).current || t(this, T).current) && l(this, o, ee).call(this);
   }
   onScroll(...e) {
-    return t(this, d).subscribe(...e);
+    return t(this, u).subscribe(...e);
   }
   offScroll(...e) {
-    t(this, d).unsubscribe(...e);
+    t(this, u).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
   range(e, i, r = 0) {
@@ -550,130 +560,132 @@ class Vt extends HTMLElement {
   scrollToSection(e, i) {
     if (!t(this, c).length)
       return;
-    const r = t(this, P).current, a = l(this, o, Oe).call(this, e), m = t(this, c)[r], C = t(this, c)[a];
-    if (m && C) {
+    const r = t(this, P).current, a = l(this, o, He).call(this, e), m = t(this, c)[r], v = t(this, c)[a];
+    if (m && v) {
       let I = 0;
-      const Se = l(this, o, se).call(this), Mt = t(this, c)[Se], fe = Mt ? this.targetScrollValue - Mt.position : 0;
-      t(this, y).current ? a === 0 && r === t(this, c).length - 1 ? I = t(this, S) + t(this, v) - m.position + t(this, k) : a === t(this, c).length - 1 && r === 0 ? I = C.position - (t(this, S) + t(this, v) + t(this, k)) : I = C.position - m.position : I = C.position - m.position, this.shiftPosition(I - fe, i);
+      const ge = l(this, o, se).call(this), Tt = t(this, c)[ge], be = Tt ? this.targetScrollValue - Tt.position : 0;
+      t(this, C).current ? a === 0 && r === t(this, c).length - 1 ? I = t(this, S) + t(this, y) - m.position + t(this, k) : a === t(this, c).length - 1 && r === 0 ? I = v.position - (t(this, S) + t(this, y) + t(this, k)) : I = v.position - m.position : I = v.position - m.position, this.shiftPosition(I - be, i);
     }
   }
   shiftSections(e, i) {
     t(this, c).length && this.scrollToSection(t(this, P).current + e, i);
   }
   setPosition(e, i) {
-    l(this, o, Pe).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, Z).set(t(this, d).current, { equalize: !0 }), t(this, Z).set(e, Me({}, i.tween)), h(this, ut, setTimeout(() => {
+    l(this, o, Le).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, Z).set(t(this, u).current, { equalize: !0 }), t(this, Z).set(e, Te({}, i.tween)), h(this, ut, setTimeout(() => {
       h(this, ut, void 0);
-    }, i.tween.duration || 0))) : t(this, d).set(e, {
+    }, i.tween.duration || 0))) : t(this, u).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
     });
   }
   shiftPosition(e, i) {
-    this.setPosition(t(this, d).target + e, i);
+    this.setPosition(t(this, u).target + e, i);
   }
   connectedCallback() {
-    gt.register(this), h(this, d, new Ke(0, {
+    gt.register(this), h(this, u, new _e(0, {
       damping: 0.01,
       min: 0,
-      order: Ge.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, V, new Ze({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, Nt)), h(this, at, new je({
+      order: Ke.SCROLL
+    })), this.setAttribute("tabindex", "0"), h(this, V, new je({ element: t(this, p) })), t(this, V).changeEvent.subscribe(t(this, Nt)), h(this, at, new Je({
       element: this
     })), t(this, at).changeEvent.subscribe(
       t(this, Nt)
-    ), h(this, R, new Je({ element: t(this, f) })), t(this, R).changeEvent.subscribe(t(this, Nt)), h(this, w, new Qe({
+    ), h(this, R, new Qe({ element: t(this, p) })), t(this, R).changeEvent.subscribe(t(this, Nt)), h(this, x, new Xe({
       culling: this
-    })), t(this, w).changeEvent.subscribe(t(this, oe)), t(this, E).subscribe(() => {
-      l(this, o, we).call(this);
+    })), t(this, x).changeEvent.subscribe(t(this, le)), t(this, E).subscribe(() => {
+      l(this, o, xe).call(this);
     }), t(this, tt).subscribe(() => {
-      l(this, o, we).call(this);
+      l(this, o, xe).call(this);
     }), t(this, it).subscribe((e) => {
       t(this, V).axis = e.current ? "max" : t(this, E).current;
     }), t(this, xt).subscribe((e) => {
       t(this, R).inertion = typeof e.current == "number" ? e.current : 1;
     }), t(this, W).subscribe(() => {
-      t(this, x) && t(this, L).call(this);
+      t(this, w) && t(this, L).call(this);
     }), t(this, F).subscribe(({ current: e }) => {
-      t(this, x) && (e ? l(this, o, ee).call(this) : l(this, o, Tt).call(this));
+      t(this, w) && (e ? l(this, o, ee).call(this) : l(this, o, Dt).call(this));
     }), t(this, T).subscribe((e) => {
-      t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
+      t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, x).interval = e.current, t(this, w) && (e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Dt).call(this));
     }), t(this, N).subscribe((e) => {
-      t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
+      t(this, w) && (t(this, L).call(this), e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Dt).call(this));
     }), t(this, D).subscribe((e) => {
-      t(this, x) && (t(this, L).call(this), l(this, o, St).call(this));
-    }), t(this, y).subscribe((e) => {
-      e.current ? (t(this, x) && (t(this, c).length || (t(this, F).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, $t, 0), t(this, d).max = t(this, S), t(this, d).min = 0);
+      t(this, w) && (t(this, L).call(this), l(this, o, St).call(this));
+    }), t(this, C).subscribe((e) => {
+      e.current ? (t(this, w) && (t(this, c).length || (t(this, F).current = !0)), t(this, u).max = 1 / 0, t(this, u).min = -1 / 0) : (h(this, Bt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
     }), t(this, Et).subscribe((e) => {
-      t(this, d).damping = e.current;
+      t(this, u).damping = e.current;
     }), t(this, Pt).subscribe((e) => {
-      t(this, d).mass = e.current;
+      t(this, u).mass = e.current;
     }), t(this, Lt).subscribe((e) => {
-      t(this, d).stiffness = e.current;
+      t(this, u).stiffness = e.current;
     }), t(this, A).subscribe((e) => {
-      t(this, w).speed = e.current, !t(this, K) && e.current && !e.previous ? t(this, w).connect() : !e.current && e.previous && t(this, w).disconnect();
+      t(this, x).speed = e.current, !t(this, K) && e.current && !e.previous ? t(this, x).connect() : !e.current && e.previous && t(this, x).disconnect();
     }), t(this, rt).subscribe((e) => {
-      e.current || (t(this, w).direction = 1);
+      e.current || (t(this, x).direction = 1);
     }), t(this, M).subscribe((e) => {
-      t(this, x) && l(this, o, St).call(this);
+      t(this, w) && l(this, o, St).call(this);
     }), t(this, nt).subscribe((e) => {
-      t(this, x) && t(this, M).current && l(this, o, St).call(this);
+      t(this, w) && t(this, M).current && l(this, o, St).call(this);
     }), t(this, q).subscribe((e) => {
-      t(this, x) && t(this, M).current && l(this, o, St).call(this);
-    }), t(this, d).isRunning.subscribe((e) => {
+      t(this, w) && t(this, M).current && l(this, o, St).call(this);
+    }), t(this, kt).subscribe((e) => {
+      t(this, w) && t(this, u).notify();
+    }), t(this, u).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
     }), t(this, P).subscribe((e) => {
       t(this, c).length && l(this, o, St).call(this);
     }), t(this, Z).subscribe((e) => {
-      t(this, Z).isRunning.current && t(this, d).set(e.current, { equalize: !0 });
+      t(this, Z).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
     }), t(this, ot).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("disabled"), l(this, o, be).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), l(this, o, me).call(this));
+      e.current && !e.previous ? (this.classList.add("disabled"), l(this, o, me).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), l(this, o, Se).call(this));
     }), t(this, lt).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o, xe).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), l(this, o, Ee).call(this));
-    }), t(this, wt).observe(), t(this, E).observe(), t(this, tt).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, et).observe(), t(this, st).observe(), t(this, N).observe(), t(this, it).observe(), t(this, xt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, Ot).observe(), t(this, A).observe(), t(this, A).observe(), t(this, It).observe(), t(this, rt).observe(), t(this, M).observe(), t(this, nt).observe(), t(this, q).observe(), t(this, ht).observe(), t(this, kt).observe(), t(this, ot).observe(), t(this, lt).observe(), Dt.subscribe(t(this, le), ye.LAST);
+      e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o, Ee).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), l(this, o, Pe).call(this));
+    }), t(this, wt).observe(), t(this, E).observe(), t(this, tt).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, et).observe(), t(this, st).observe(), t(this, N).observe(), t(this, it).observe(), t(this, xt).observe(), t(this, D).observe(), t(this, C).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, Ht).observe(), t(this, A).observe(), t(this, A).observe(), t(this, It).observe(), t(this, rt).observe(), t(this, M).observe(), t(this, nt).observe(), t(this, q).observe(), t(this, kt).observe(), t(this, ht).observe(), t(this, At).observe(), t(this, ot).observe(), t(this, lt).observe(), Vt.subscribe(t(this, ce), we.LAST);
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, tt).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, et).unobserve(), t(this, st).unobserve(), t(this, N).unobserve(), t(this, it).unobserve(), t(this, xt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, Ot).unobserve(), t(this, A).unobserve(), t(this, It).unobserve(), t(this, rt).unobserve(), t(this, M).unobserve(), t(this, nt).unobserve(), t(this, q).unobserve(), t(this, ht).unobserve(), t(this, kt).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), Dt.unsubscribe(t(this, le)), l(this, o, xe).call(this), t(this, he).disconnect();
+    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, tt).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, et).unobserve(), t(this, st).unobserve(), t(this, N).unobserve(), t(this, it).unobserve(), t(this, xt).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, Ht).unobserve(), t(this, A).unobserve(), t(this, It).unobserve(), t(this, rt).unobserve(), t(this, M).unobserve(), t(this, nt).unobserve(), t(this, q).unobserve(), t(this, kt).unobserve(), t(this, ht).unobserve(), t(this, At).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), Vt.unsubscribe(t(this, ce)), l(this, o, Ee).call(this), t(this, he).disconnect();
   }
 }
-d = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), et = new WeakMap(), st = new WeakMap(), N = new WeakMap(), it = new WeakMap(), xt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), Ot = new WeakMap(), A = new WeakMap(), It = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), nt = new WeakMap(), q = new WeakMap(), ht = new WeakMap(), kt = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), f = new WeakMap(), Ht = new WeakMap(), c = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), v = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), at = new WeakMap(), R = new WeakMap(), w = new WeakMap(), P = new WeakMap(), $t = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), Bt = new WeakMap(), ut = new WeakMap(), Z = new WeakMap(), Wt = new WeakMap(), O = new WeakMap(), x = new WeakMap(), he = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), we = function() {
+u = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), et = new WeakMap(), st = new WeakMap(), N = new WeakMap(), it = new WeakMap(), xt = new WeakMap(), D = new WeakMap(), C = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), Ht = new WeakMap(), A = new WeakMap(), It = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), nt = new WeakMap(), q = new WeakMap(), kt = new WeakMap(), ht = new WeakMap(), At = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), p = new WeakMap(), $t = new WeakMap(), c = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), y = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), at = new WeakMap(), R = new WeakMap(), x = new WeakMap(), P = new WeakMap(), Bt = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), Wt = new WeakMap(), ut = new WeakMap(), Z = new WeakMap(), Ft = new WeakMap(), O = new WeakMap(), w = new WeakMap(), he = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), xe = function() {
   const e = t(this, E).current, i = t(this, tt).current ? "-reverse" : "";
-  t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, it).current ? "max" : e, t(this, at).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
+  t(this, p).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, it).current ? "max" : e, t(this, at).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, w) && t(this, L).call(this);
 }, ee = function() {
-  l(this, o, Tt).call(this), t(this, Ht).assignedElements().forEach((e, i) => {
-    e instanceof HTMLElement && t(this, c).push(new ss(e, i, this));
-  }), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
+  l(this, o, Dt).call(this), t(this, $t).assignedElements().forEach((e, i) => {
+    e instanceof HTMLElement && t(this, c).push(new is(e, i, this));
+  }), t(this, p).style.transform = "", Yt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   }), t(this, L).call(this), l(this, o, St).call(this);
-}, Tt = function() {
+}, Dt = function() {
   t(this, c).forEach((e) => {
     e.destroy();
-  }), h(this, c, []), t(this, P).reset(), t(this, d).reset(), Yt(this, "scrollSectionsChange", {
+  }), h(this, c, []), t(this, P).reset(), t(this, u).reset(), Yt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
-}, be = function() {
-  t(this, K) || (h(this, K, !0), t(this, d).unsubscribe(t(this, Ft)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Bt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, G) || (this.sections.forEach((e) => {
+}, me = function() {
+  t(this, K) || (h(this, K, !0), t(this, u).unsubscribe(t(this, oe)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Wt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this, x).disconnect(), t(this, G) || (this.sections.forEach((e) => {
     e.unsetTransform();
   }), t(this, L).call(this)));
-}, me = function() {
-  t(this, K) && (h(this, K, !1), t(this, d).subscribe(t(this, Ft)), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this, w).connect());
-}, xe = function() {
-  t(this, _) || (h(this, _, !0), Dt.unsubscribe(t(this, L)), ie.unsubscribe(t(this, L)), l(this, o, be).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, c).length ? l(this, o, Tt).call(this) : (t(this, P).reset(), t(this, d).reset()), gt.unregister(this));
+}, Se = function() {
+  t(this, K) && (h(this, K, !1), t(this, u).subscribe(t(this, oe), -1e4), t(this, u).notify(), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this, x).connect());
 }, Ee = function() {
-  t(this, _) && (h(this, _, !1), gt.register(this), this.tryResplit(), l(this, o, me).call(this), Dt.subscribe(t(this, L), ye.SCROLL), ie.subscribe(this, t(this, L)));
-}, L = new WeakMap(), Ft = new WeakMap(), Oe = function(e) {
+  t(this, _) || (h(this, _, !0), Vt.unsubscribe(t(this, L)), ie.unsubscribe(t(this, L)), l(this, o, me).call(this), t(this, p).style.transform = "", t(this, p).style.height = "", t(this, p).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, c).length ? l(this, o, Dt).call(this) : (t(this, P).reset(), t(this, u).reset()), gt.unregister(this));
+}, Pe = function() {
+  t(this, _) && (h(this, _, !1), gt.register(this), this.tryResplit(), l(this, o, Se).call(this), Vt.subscribe(t(this, L), we.SCROLL), ie.subscribe(this, t(this, L)));
+}, L = new WeakMap(), oe = new WeakMap(), He = function(e) {
   let i = t(this, P).current;
-  return t(this, y).current ? i = Ue(e, t(this, c).length) : i = Ve(e, 0, this.limit), i;
-}, Nt = new WeakMap(), oe = new WeakMap(), Pe = function(e = 1) {
-  t(this, rt).current && (t(this, w).direction = e), t(this, A).current && t(this, w).pauseAndContinue(
+  return t(this, C).current ? i = Ge(e, t(this, c).length) : i = Re(e, 0, this.limit), i;
+}, Nt = new WeakMap(), le = new WeakMap(), Le = function(e = 1) {
+  t(this, rt).current && (t(this, x).direction = e), t(this, A).current && t(this, x).pauseAndContinue(
     t(this, It).current,
     this.sectionalCSSProperty.current
   );
-}, Le = function(e = "current") {
-  if (t(this, y).current && t(this, c).length) {
-    const i = t(this, d)[e] % Math.round(t(this, S) + t(this, v) + t(this, k));
-    return i < 0 ? t(this, S) + i + t(this, v) + t(this, k) : i;
+}, ze = function(e = "current") {
+  if (t(this, C).current && t(this, c).length) {
+    const i = t(this, u)[e] % Math.round(t(this, S) + t(this, y) + t(this, k));
+    return i < 0 ? t(this, S) + i + t(this, y) + t(this, k) : i;
   } else
-    return t(this, d)[e];
+    return t(this, u)[e];
 }, St = function() {
   if (t(this, c).length) {
     const e = t(this, P).current + t(this, nt).current;
@@ -684,12 +696,12 @@ d = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B
       const i = t(this, D).current + t(this, q).current;
       h(this, dt, []), t(this, c).forEach((r, a) => {
         r.setCurrentIndex(null), r.setCurrentIndexArc(null), r.setCurrentIndexArcAbs(null);
-        const m = e - this.limit - 1 + t(this, q).current, C = e + i, I = this.sections.length - C;
-        a >= e && a < C || a <= m ? (r.setMark("current"), t(this, dt).push(r)) : a >= C && a < C + I / 2 || a <= m + i ? r.setMark("next") : r.setMark("previous");
+        const m = e - this.limit - 1 + t(this, q).current, v = e + i, I = this.sections.length - v;
+        a >= e && a < v || a <= m ? (r.setMark("current"), t(this, dt).push(r)) : a >= v && a < v + I / 2 || a <= m + i ? r.setMark("next") : r.setMark("previous");
       });
     }
   }
-}, He = function() {
+}, $e = function() {
   if (t(this, M).current) {
     const e = Math.floor(t(this, dt).length / 2);
     t(this, dt).sort((i, r) => i.element.getBoundingClientRect().left - r.element.getBoundingClientRect().left), t(this, dt).forEach((i, r) => {
@@ -699,43 +711,43 @@ d = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B
   }
 }, se = function(e = !1) {
   let i = this.targetScrollValue, r = 1 / 0, a = 0;
-  const m = t(this, d).direction;
-  for (let C = 0; C < t(this, c).length; C++) {
-    const I = t(this, c)[C];
-    let Se = t(this, Wt) ? I.size * m * -1 * 0.4 : 0, Mt = I.position;
-    this.overscroll && Mt === 0 && e && (Mt = t(this, U));
-    let fe = Math.abs(Mt + Se - i);
-    fe <= r && (r = fe, a = C);
+  const m = t(this, u).direction;
+  for (let v = 0; v < t(this, c).length; v++) {
+    const I = t(this, c)[v];
+    let ge = t(this, Ft) ? I.size * m * -1 * 0.4 : 0, Tt = I.position;
+    this.overscroll && Tt === 0 && e && (Tt = t(this, U));
+    let be = Math.abs(Tt + ge - i);
+    be <= r && (r = be, a = v);
   }
   return a;
-}, le = new WeakMap();
-H && !customElements.get("e-scroll") && customElements.define("e-scroll", Vt);
-var ce;
-class ze extends HTMLElement {
+}, ce = new WeakMap();
+H && !customElements.get("e-scroll") && customElements.define("e-scroll", Rt);
+var ae;
+class Ie extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, ce, null);
+    s(this, ae, null);
   }
   get scrollElement() {
-    return t(this, ce);
+    return t(this, ae);
   }
   connectedCallback() {
-    const e = Re(this, Vt);
-    e instanceof Vt ? h(this, ce, e) : console.error(this, "e-scroll not found");
+    const e = Oe(this, Rt);
+    e instanceof Rt ? h(this, ae, e) : console.error(this, "e-scroll not found");
   }
 }
-ce = new WeakMap();
-var pt, z, j, J, qt, Ut, ft, Gt, ae, ue;
-class rs extends ze {
+ae = new WeakMap();
+var ft, z, j, J, qt, Ut, pt, Gt, ue, de;
+class ns extends Ie {
   constructor() {
     super();
-    s(this, pt, null);
+    s(this, ft, null);
     s(this, z, null);
     s(this, j, !1);
     s(this, J, 0);
     s(this, qt, 0);
     s(this, Ut, 0);
-    s(this, ft, () => {
+    s(this, pt, () => {
       h(this, j, this.offsetWidth > this.offsetHeight);
       const e = t(this, j) ? this.offsetWidth : this.offsetHeight;
       h(this, J, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, J, Math.max(t(this, J), 30)), t(this, j) ? (t(this, z).style.width = t(this, J) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, J) + "px"), h(this, qt, e - t(this, J)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Gt).call(this);
@@ -743,13 +755,13 @@ class rs extends ze {
     s(this, Gt, () => {
       h(this, Ut, this.scrollElement.currentProgress * t(this, qt)), t(this, j) ? t(this, z).style.transform = `translate3d(${t(this, Ut)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, Ut)}px, 0px)`;
     });
-    s(this, ae, () => {
+    s(this, ue, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, ue, (e) => {
-      document.documentElement.classList.add("grabbing"), Ye(
+    s(this, de, (e) => {
+      document.documentElement.classList.add("grabbing"), ts(
         (a) => {
-          const m = t(this, j) ? a.x : a.y, C = this.scrollElement.distance / t(this, qt), I = (m - r) * C;
+          const m = t(this, j) ? a.x : a.y, v = this.scrollElement.distance / t(this, qt), I = (m - r) * v;
           this.scrollElement.setPosition(i + I);
         },
         () => {
@@ -761,7 +773,7 @@ class rs extends ze {
     if (H) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets = [
-        De({
+        Ve({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -790,7 +802,7 @@ class rs extends ze {
             touchAction: "none"
           }
         })
-      ], h(this, pt, document.createElement("slot")), t(this, pt).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, pt));
+      ], h(this, ft, document.createElement("slot")), t(this, ft).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, ft));
     }
   }
   get thumbElement() {
@@ -798,26 +810,26 @@ class rs extends ze {
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
-    const e = t(this, pt).assignedElements()[0] || t(this, pt).firstElementChild;
-    h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ue)), Dt.subscribe(t(this, ft), ye.SCROLL), ie.subscribe(this, t(this, ft)), ie.subscribe(this.scrollElement, t(this, ft)), this.scrollElement.onScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ae));
+    const e = t(this, ft).assignedElements()[0] || t(this, ft).firstElementChild;
+    h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, de)), Vt.subscribe(t(this, pt), we.SCROLL), ie.subscribe(this, t(this, pt)), ie.subscribe(this.scrollElement, t(this, pt)), this.scrollElement.onScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ue));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ue)), Dt.unsubscribe(t(this, ft)), ie.unsubscribe(t(this, ft)), this.scrollElement.offScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ae));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, de)), Vt.unsubscribe(t(this, pt)), ie.unsubscribe(t(this, pt)), this.scrollElement.offScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ue));
   }
 }
-pt = new WeakMap(), z = new WeakMap(), j = new WeakMap(), J = new WeakMap(), qt = new WeakMap(), Ut = new WeakMap(), ft = new WeakMap(), Gt = new WeakMap(), ae = new WeakMap(), ue = new WeakMap();
-H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", rs);
+ft = new WeakMap(), z = new WeakMap(), j = new WeakMap(), J = new WeakMap(), qt = new WeakMap(), Ut = new WeakMap(), pt = new WeakMap(), Gt = new WeakMap(), ue = new WeakMap(), de = new WeakMap();
+H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", ns);
 var Kt, _t, Zt;
-class $e extends ze {
+class Be extends Ie {
   constructor() {
     super();
-    s(this, Kt, new p(this, "--behaviour", "smooth"));
-    s(this, _t, new p(
+    s(this, Kt, new f(this, "--behaviour", "smooth"));
+    s(this, _t, new f(
       this,
       "--tween-easing",
       !1
     ));
-    s(this, Zt, new p(this, "--tween-duration", 0));
+    s(this, Zt, new f(this, "--tween-duration", 0));
     H && this.addEventListener("click", () => {
       const e = t(this, Kt).current, i = t(this, _t).current, r = t(this, Zt).current;
       this.handleClick({
@@ -835,10 +847,10 @@ class $e extends ze {
 }
 Kt = new WeakMap(), _t = new WeakMap(), Zt = new WeakMap();
 var jt;
-class ns extends $e {
+class hs extends Be {
   constructor() {
     super(...arguments);
-    s(this, jt, new p(this, "--set", 1));
+    s(this, jt, new f(this, "--set", 1));
   }
   handleClick(e) {
     this.scrollElement.scrollToSection(t(this, jt).current, e);
@@ -851,12 +863,12 @@ class ns extends $e {
   }
 }
 jt = new WeakMap();
-H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ns);
+H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", hs);
 var Q, Jt;
-class hs extends $e {
+class os extends Be {
   constructor() {
     super(...arguments);
-    s(this, Q, new p(this, "--step", 1));
+    s(this, Q, new f(this, "--step", 1));
     s(this, Jt, () => {
       this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, Q).current > 0 && this.scrollElement.scrollLine === "end" || t(this, Q).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
     });
@@ -877,17 +889,17 @@ class hs extends $e {
   }
 }
 Q = new WeakMap(), Jt = new WeakMap();
-H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", hs);
-var X, bt, Qt, de, pe, Xt;
-class os {
+H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", os);
+var X, bt, Qt, fe, pe, Xt;
+class ls {
   constructor(n, e, i) {
     s(this, X, null);
     s(this, bt, null);
     s(this, Qt, null);
-    s(this, de, null);
+    s(this, fe, null);
     s(this, pe, () => {
       t(this, bt).scrollToSection(t(this, Qt), {
-        behaviour: t(this, de)
+        behaviour: t(this, fe)
       });
     });
     s(this, Xt, () => {
@@ -896,7 +908,7 @@ class os {
         t(this, bt).counter.current === t(this, Qt)
       );
     });
-    H && (h(this, X, document.createElement("button")), h(this, bt, n), h(this, de, i), h(this, Qt, e), t(this, X).addEventListener("click", t(this, pe)), t(this, bt).counter.subscribe(t(this, Xt)), t(this, Xt).call(this));
+    H && (h(this, X, document.createElement("button")), h(this, bt, n), h(this, fe, i), h(this, Qt, e), t(this, X).addEventListener("click", t(this, pe)), t(this, bt).counter.subscribe(t(this, Xt)), t(this, Xt).call(this));
   }
   get element() {
     return t(this, X);
@@ -905,17 +917,17 @@ class os {
     t(this, X).removeEventListener("click", t(this, pe)), t(this, bt).counter.unsubscribe(t(this, Xt)), t(this, X).remove();
   }
 }
-X = new WeakMap(), bt = new WeakMap(), Qt = new WeakMap(), de = new WeakMap(), pe = new WeakMap(), Xt = new WeakMap();
-var mt, At;
-class ls extends ze {
+X = new WeakMap(), bt = new WeakMap(), Qt = new WeakMap(), fe = new WeakMap(), pe = new WeakMap(), Xt = new WeakMap();
+var mt, Mt;
+class cs extends Ie {
   constructor() {
     super(...arguments);
     s(this, mt, []);
-    s(this, At, ts(() => {
+    s(this, Mt, es(() => {
       t(this, mt).forEach((i) => i.destroy()), h(this, mt, []);
       const e = this.scrollElement.sections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
       for (let i = 0; i < e; i++) {
-        const r = new os(
+        const r = new ls(
           this.scrollElement,
           i,
           this.getAttribute("behaviour") || "smooth"
@@ -927,43 +939,43 @@ class ls extends ze {
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, At)
+      t(this, Mt)
     ), this.scrollElement.sectionsInViewCSSProperty.subscribe(
-      t(this, At)
+      t(this, Mt)
     );
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      t(this, At)
+      t(this, Mt)
     ), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
-      t(this, At)
+      t(this, Mt)
     ), t(this, mt).forEach((e) => e.destroy()), h(this, mt, []);
   }
 }
-mt = new WeakMap(), At = new WeakMap();
-H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ls);
-class cs extends es {
+mt = new WeakMap(), Mt = new WeakMap();
+H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", cs);
+class as extends ss {
   connectedCallback() {
-    const n = Re(this, Vt);
-    n instanceof Vt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
+    const n = Oe(this, Rt);
+    n instanceof Rt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     ), this.scrollContainer.addEventListener("scrollResize", this.resize), this.resize()) : console.error(this, "e-scroll not found");
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.scrollContainer instanceof Vt && (this.scrollContainer.removeEventListener(
+    super.disconnectedCallback(), this.scrollContainer instanceof Rt && (this.scrollContainer.removeEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     ), this.scrollContainer.removeEventListener("scrollResize", this.resize));
   }
 }
-H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", cs);
+H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", as);
 export {
-  ls as ScrollBulletButtonsElement,
-  Vt as ScrollElement,
-  cs as ScrollSegmentElement,
-  ns as ScrollSetButtonElement,
-  hs as ScrollStepButtonElement,
-  rs as ScrollbarElement
+  cs as ScrollBulletButtonsElement,
+  Rt as ScrollElement,
+  as as ScrollSegmentElement,
+  hs as ScrollSetButtonElement,
+  os as ScrollStepButtonElement,
+  ns as ScrollbarElement
 };