aptechka 0.33.8 → 0.34.1

package/lib/scroll/vanilla/index.js

@@ -1,96 +1,96 @@
-var ye = Object.defineProperty;
-var le = Object.getOwnPropertySymbols;
-var Ce = Object.prototype.hasOwnProperty, Ee = Object.prototype.propertyIsEnumerable;
-var ae = (a) => {
+var ze = Object.defineProperty;
+var be = Object.getOwnPropertySymbols;
+var De = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable;
+var ge = (a) => {
   throw TypeError(a);
 };
-var ce = (a, r, e) => r in a ? ye(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e, ue = (a, r) => {
-  for (var e in r || (r = {}))
-    Ce.call(r, e) && ce(a, e, r[e]);
-  if (le)
-    for (var e of le(r))
-      Ee.call(r, e) && ce(a, e, r[e]);
+var Se = (a, h, e) => h in a ? ze(a, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[h] = e, ve = (a, h) => {
+  for (var e in h || (h = {}))
+    De.call(h, e) && Se(a, e, h[e]);
+  if (be)
+    for (var e of be(h))
+      Ie.call(h, e) && Se(a, e, h[e]);
   return a;
 };
-var Xt = (a, r, e) => r.has(a) || ae("Cannot " + e);
-var t = (a, r, e) => (Xt(a, r, "read from private field"), e ? e.call(a) : r.get(a)), s = (a, r, e) => r.has(a) ? ae("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, e), h = (a, r, e, i) => (Xt(a, r, "write to private field"), i ? i.call(a, e) : r.set(a, e), e), d = (a, r, e) => (Xt(a, r, "access private method"), e);
-import { S as we } from "../../Store-OTdcl6SX.js";
-import { i as Qt } from "../../browser-0zX67oeU.js";
-import { q as xe } from "../../easings-BEmRlrDd.js";
-import { d as Yt } from "../../events-CsVF98U6.js";
-import { c as fe } from "../../jss-CjccJC-K.js";
-import { a as te, g as ee } from "../../layout-HoBT_Da2.js";
-import { c as pe } from "../../math-BOBiC4TN.js";
+var he = (a, h, e) => h.has(a) || ge("Cannot " + e);
+var t = (a, h, e) => (he(a, h, "read from private field"), e ? e.call(a) : h.get(a)), s = (a, h, e) => h.has(a) ? ge("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(a) : h.set(a, e), n = (a, h, e, i) => (he(a, h, "write to private field"), i ? i.call(a, e) : h.set(a, e), e), d = (a, h, e) => (he(a, h, "access private method"), e);
+import { S as Te } from "../../Store-OTdcl6SX.js";
+import { i as ne } from "../../browser-0zX67oeU.js";
+import { q as Ae } from "../../easings-BEmRlrDd.js";
+import { d as ee } from "../../events-CsVF98U6.js";
+import { c as Ce } from "../../jss-CjccJC-K.js";
+import { a as oe, g as le } from "../../layout-HoBT_Da2.js";
+import { c as we } from "../../math-BOBiC4TN.js";
 import "../../ticker/vanilla/index.js";
-import { TICK_ORDER as Pe, RESIZE_ORDER as me } from "../../order/index.js";
-import { D as Le } from "../../Damped-Chu29wn-.js";
-import { T as ze } from "../../Tweened-B_ZFQKGQ.js";
-import { WheelControls as ke, KeyboardControls as Ie, DragControls as De, AutoplayControls as Ae } from "../../controls/index.js";
-import { windowResizer as Jt } from "../../window-resizer/vanilla/index.js";
-import { scrollEntries as ct } from "../../scroll-entries/index.js";
-import { cssUnitParser as de } from "../../css-unit-parser/index.js";
-import { CSSProperty as p } from "../../css-property/index.js";
-import { device as Te } from "../../device/index.js";
-import { elementResizer as Rt } from "../../element-resizer/vanilla/index.js";
-import { s as Me } from "../../gestures-D2Fdra_G.js";
-import { f as be } from "../../dom-0S_WDL4g.js";
-import { d as Ve } from "../../function-C10DGppn.js";
-import { ScrollSegmentElement as Oe } from "../../scroll-segment/index.js";
-var m, Bt, v, at, V, G;
-class Re {
-  constructor(r, e, i) {
+import { TICK_ORDER as Me, RESIZE_ORDER as Ee } from "../../order/index.js";
+import { D as Ve } from "../../Damped-Chu29wn-.js";
+import { T as Oe } from "../../Tweened-DJzAFsVZ.js";
+import { WheelControls as Re, KeyboardControls as He, DragControls as Be, AutoplayControls as We } from "../../controls/index.js";
+import { windowResizer as re } from "../../window-resizer/vanilla/index.js";
+import { scrollEntries as dt } from "../../scroll-entries/index.js";
+import { cssUnitParser as ye } from "../../css-unit-parser/index.js";
+import { CSSProperty as f } from "../../css-property/index.js";
+import { device as Fe } from "../../device/index.js";
+import { elementResizer as Nt } from "../../element-resizer/vanilla/index.js";
+import { s as $e } from "../../gestures-D2Fdra_G.js";
+import { f as xe } from "../../dom-0S_WDL4g.js";
+import { d as qe } from "../../function-C10DGppn.js";
+import { ScrollSegmentElement as Ne } from "../../scroll-segment/index.js";
+var m, Gt, g, ft, R, Z;
+class Ue {
+  constructor(h, e, i) {
     s(this, m);
-    s(this, Bt);
-    s(this, v);
-    s(this, at, 0);
-    s(this, V, 0);
-    s(this, G, null);
-    h(this, m, r), h(this, Bt, e), h(this, v, i), ct.register(t(this, m));
+    s(this, Gt);
+    s(this, g);
+    s(this, ft, 0);
+    s(this, R, 0);
+    s(this, Z, null);
+    n(this, m, h), n(this, Gt, e), n(this, g, i), dt.register(t(this, m));
   }
   get index() {
-    return t(this, Bt);
+    return t(this, Gt);
   }
   get size() {
-    return t(this, at);
+    return t(this, ft);
   }
   get position() {
-    return t(this, V);
+    return t(this, R);
   }
   destroy() {
-    ct.unregister(t(this, m)), this.unsetTransform();
+    dt.unregister(t(this, m)), this.unsetTransform();
   }
   unsetTransform() {
     t(this, m).style.transform = "", this.mark(null);
   }
-  setSize(r) {
-    r ? (t(this, m).style.setProperty("--size", r + "px"), t(this, v).axisCSSProperty.current === "x" ? (t(this, m).style.width = r + "px", t(this, m).style.height = "") : (t(this, m).style.height = r + "px", t(this, m).style.width = "")) : (t(this, m).style.width = "", t(this, m).style.height = "", t(this, m).style.removeProperty("--size"));
+  setSize(h) {
+    h ? (t(this, m).style.setProperty("--size", h + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, m).style.width = h + "px", t(this, m).style.height = "") : (t(this, m).style.height = h + "px", t(this, m).style.width = "")) : (t(this, m).style.width = "", t(this, m).style.height = "", t(this, m).style.removeProperty("--size"));
   }
   resize() {
-    h(this, at, t(this, v).vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth), h(this, V, t(this, v).vertical ? te(t(this, m)) : ee(t(this, m))), h(this, V, t(this, V) - t(this, v).contentPosition);
+    n(this, ft, t(this, g).vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth), n(this, R, t(this, g).vertical ? oe(t(this, m)) : le(t(this, m))), n(this, R, t(this, R) - t(this, g).contentPosition);
   }
   transform() {
-    let r = 0;
-    const e = t(this, v).viewportSize * t(this, v).sectionDistanceScaleCSSProperty.current;
-    t(this, v).loopCSSProperty.current && t(this, v).overscroll && t(this, V) + t(this, at) < t(this, v).currentScrollValue && (r = t(this, v).distance * -1 - t(this, v).gap), ct.update(
+    let h = 0;
+    const e = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
+    t(this, g).loopCSSProperty.current && t(this, g).overscroll && t(this, R) + t(this, ft) < t(this, g).currentScrollValue && (h = t(this, g).distance * -1 - t(this, g).gap), dt.update(
       t(this, m),
-      t(this, v).axisCSSProperty.current,
-      r
+      t(this, g).axisCSSProperty.current,
+      h
     );
-    const i = t(this, v).currentScrollValue + r, n = t(this, V) - t(this, v).viewportSize - e, c = t(this, V) + t(this, at) + e, b = pe(i, n, c);
-    t(this, v).vertical ? t(this, m).style.transform = `translate3d(0px, ${b * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${b * -1}px, 0px, 0px)`;
+    const i = t(this, g).currentScrollValue + h, r = t(this, R) - t(this, g).viewportSize - e, c = t(this, R) + t(this, ft) + e, b = we(i, r, c);
+    t(this, g).vertical ? t(this, m).style.transform = `translate3d(0px, ${b * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${b * -1}px, 0px, 0px)`;
   }
-  mark(r) {
-    t(this, G) !== r && (t(this, G) && t(this, m).classList.remove(t(this, G)), r && t(this, m).classList.add(r), h(this, G, r), Yt(t(this, m), "scrollSectionMarkChange", {
+  mark(h) {
+    t(this, Z) !== h && (t(this, Z) && t(this, m).classList.remove(t(this, Z)), h && t(this, m).classList.add(h), n(this, Z, h), ee(t(this, m), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
-        mark: t(this, G)
+        mark: t(this, Z)
       },
       custom: !0
     }));
   }
 }
-m = new WeakMap(), Bt = new WeakMap(), v = new WeakMap(), at = new WeakMap(), V = new WeakMap(), G = new WeakMap();
-const He = fe({
+m = new WeakMap(), Gt = new WeakMap(), g = new WeakMap(), ft = new WeakMap(), R = new WeakMap(), Z = new WeakMap();
+const Ge = Ce({
   ":host": {
     position: "relative",
     width: "100%",
@@ -128,350 +128,354 @@ const He = fe({
     flexShrink: "0"
   }
 });
-var u, ut, P, O, R, H, I, K, _, B, Z, dt, D, C, ft, pt, mt, bt, wt, k, gt, j, A, J, F, Q, St, vt, X, Y, f, xt, l, Ft, Wt, y, S, L, T, tt, M, E, g, Pt, et, W, st, yt, Lt, it, $, $t, o, Ot, Et, Zt, jt, se, ie, z, zt, ge, kt, qt, re, ne, lt, he;
-class Ht extends HTMLElement {
+var u, pt, x, H, B, W, D, j, J, F, Q, mt, I, y, bt, St, gt, vt, Pt, z, yt, X, T, Y, $, tt, Ct, wt, et, st, p, Lt, l, Kt, _t, v, S, P, A, it, M, C, w, kt, rt, q, nt, Et, zt, ht, N, Zt, V, o, qt, xt, se, ie, ce, ae, L, Dt, Pe, It, jt, ue, de, ut, fe;
+class Ut extends HTMLElement {
   constructor() {
     super();
     s(this, o);
     s(this, u, null);
-    s(this, ut, new p(this, "--controls", !0));
-    s(this, P, new p(this, "--axis", "y"));
-    s(this, O, new p(this, "--direction", 0));
-    s(this, R, new p(this, "--pages", 0, {
+    s(this, pt, new f(this, "--controls", !0));
+    s(this, x, new f(this, "--axis", "y"));
+    s(this, H, new f(this, "--direction", 0));
+    s(this, B, new f(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
-    s(this, H, new p(this, "--split", !1));
-    s(this, I, new p(this, "--sectional", !1));
-    s(this, K, new p(
+    s(this, W, new f(this, "--split", !1));
+    s(this, D, new f(this, "--sectional", !1));
+    s(this, j, new f(
       this,
-      "--easing",
+      "--tween-easing",
       !1
     ));
-    s(this, _, new p(
+    s(this, J, new f(
       this,
-      "--duration",
+      "--tween-duration",
       !1
     ));
-    s(this, B, new p(this, "--auto-size", !1));
-    s(this, Z, new p(
+    s(this, F, new f(this, "--auto-size", !1));
+    s(this, Q, new f(
       this,
       "--wheel-max-delta",
       !1
     ));
-    s(this, dt, new p(this, "--drag-inertion", 1));
-    s(this, D, new p(
+    s(this, mt, new f(this, "--drag-inertion", 1));
+    s(this, I, new f(
       this,
       "--sections-in-view",
       1
     ));
-    s(this, C, new p(this, "--loop", !1));
-    s(this, ft, new p(this, "--damping", 20));
-    s(this, pt, new p(this, "--mass", 0));
-    s(this, mt, new p(this, "--stiffness", 0));
-    s(this, bt, new p(this, "--mouse-drag", !1));
-    s(this, wt, new p(
+    s(this, y, new f(this, "--loop", !1));
+    s(this, bt, new f(this, "--damping", 20));
+    s(this, St, new f(this, "--mass", 0));
+    s(this, gt, new f(this, "--stiffness", 0));
+    s(this, vt, new f(this, "--mouse-drag", !1));
+    s(this, Pt, new f(
       this,
       "--section-distance-scale",
       0.5
     ));
-    s(this, k, new p(this, "--autoplay", 0));
-    s(this, gt, new p(
+    s(this, z, new f(this, "--autoplay", 0));
+    s(this, yt, new f(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    s(this, j, new p(
+    s(this, X, new f(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    s(this, A, new p(this, "--classes", !1));
-    s(this, J, new p(
+    s(this, T, new f(this, "--classes", !1));
+    s(this, Y, new f(
       this,
       "--current-index-start-offset",
       0
     ));
-    s(this, F, new p(
+    s(this, $, new f(
       this,
       "--current-index-end-offset",
       0
     ));
-    s(this, Q, new p(this, "--focus-delay", 0));
-    s(this, St, new p(
+    s(this, tt, new f(this, "--focus-delay", 0));
+    s(this, Ct, new f(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, vt, new p(this, "--disabled", !1));
-    s(this, X, new p(this, "--hibernated", !1));
-    s(this, Y, null);
-    s(this, f, null);
-    s(this, xt, null);
+    s(this, wt, new f(this, "--disabled", !1));
+    s(this, et, new f(this, "--hibernated", !1));
+    s(this, st, null);
+    s(this, p, null);
+    s(this, Lt, null);
     s(this, l, []);
-    s(this, Ft, 0);
-    s(this, Wt, 0);
-    s(this, y, 0);
+    s(this, Kt, 0);
+    s(this, _t, 0);
+    s(this, v, 0);
     s(this, S, 0);
-    s(this, L, 0);
-    s(this, T, null);
-    s(this, tt, null);
+    s(this, P, 0);
+    s(this, A, null);
+    s(this, it, null);
     s(this, M, null);
-    s(this, E, null);
-    s(this, g, new we(0));
-    s(this, Pt, 0);
-    s(this, et, 0);
-    s(this, W, !1);
-    s(this, st, !0);
-    s(this, yt, !0);
-    s(this, Lt);
-    s(this, it);
-    s(this, $, new ze());
-    s(this, $t, !1);
-    s(this, z, () => {
+    s(this, C, null);
+    s(this, w, new Te(0));
+    s(this, kt, 0);
+    s(this, rt, 0);
+    s(this, q, !1);
+    s(this, nt, !0);
+    s(this, Et, !0);
+    s(this, zt);
+    s(this, ht);
+    s(this, N, new Oe());
+    s(this, Zt, !1);
+    s(this, V, null);
+    s(this, L, () => {
       t(this, u).unlistenAnimationFrame();
-      const e = this.currentScrollValue / t(this, S) || 0, i = t(this, g).current;
-      if (h(this, Ft, this.vertical ? te(this) : ee(this)), h(this, Wt, this.vertical ? te(t(this, f)) : ee(t(this, f))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, L, de.parse(
-        getComputedStyle(t(this, f)).rowGap
-      )) : h(this, L, de.parse(
-        getComputedStyle(t(this, f)).columnGap
-      )), t(this, B).current && t(this, l).length) {
-        const n = t(this, D).current, c = (t(this, y) - t(this, L) * (n - 1)) / n;
+      const e = this.currentScrollValue / t(this, S) || 0, i = t(this, w).current;
+      if (n(this, Kt, this.vertical ? oe(this) : le(this)), n(this, _t, this.vertical ? oe(t(this, p)) : le(t(this, p))), n(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? n(this, P, ye.parse(
+        getComputedStyle(t(this, p)).rowGap
+      )) : n(this, P, ye.parse(
+        getComputedStyle(t(this, p)).columnGap
+      )), t(this, F).current && t(this, l).length) {
+        const r = t(this, I).current, c = (t(this, v) - t(this, P) * (r - 1)) / r;
         t(this, l).forEach((b) => {
           b.setSize(c);
         });
       } else
-        t(this, l).forEach((n) => {
-          n.setSize();
+        t(this, l).forEach((r) => {
+          r.setSize();
         });
-      if (t(this, l).forEach((n) => {
-        n.resize();
-      }), t(this, R).current) {
-        h(this, S, t(this, y) * t(this, R).current);
-        const n = t(this, S) + t(this, y);
-        this.vertical ? (t(this, f).style.width = n + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = n + "px", t(this, f).style.width = "100%");
+      if (t(this, l).forEach((r) => {
+        r.resize();
+      }), t(this, B).current) {
+        n(this, S, t(this, v) * t(this, B).current);
+        const r = t(this, S) + t(this, v);
+        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, y))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", h(this, S, t(this, f).offsetWidth - t(this, y)));
-      if (!t(this, C).current) {
-        const n = getComputedStyle(this), c = this.vertical ? parseFloat(n.paddingBlockStart) + parseFloat(n.paddingBlockEnd) : parseFloat(n.paddingInlineStart) + parseFloat(n.paddingInlineEnd);
-        h(this, S, t(this, S) + c), t(this, u).max = t(this, S);
+        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", n(this, S, t(this, p).offsetHeight - t(this, v))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", n(this, S, t(this, p).offsetWidth - t(this, v)));
+      if (!t(this, y).current) {
+        const r = getComputedStyle(this), c = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
+        n(this, S, t(this, S) + c), t(this, u).max = t(this, S);
       }
-      if (t(this, C).current && t(this, l).length) {
-        const n = t(this, l)[t(this, l).length - 1], c = n.position + n.size - t(this, y), b = t(this, S) - c;
-        h(this, et, n.position + n.size + b);
+      if (t(this, y).current && t(this, l).length) {
+        const r = t(this, l)[t(this, l).length - 1], c = r.position + r.size - t(this, v), b = t(this, S) - c;
+        n(this, rt, r.position + r.size + b);
       } else
-        h(this, et, t(this, S));
-      if (t(this, I).current && t(this, l).length) {
-        const n = t(this, l)[i];
-        t(this, u).set(n.position, {
+        n(this, rt, t(this, S));
+      if (t(this, D).current && t(this, l).length) {
+        const r = t(this, l)[i];
+        t(this, u).set(r.position, {
           equalize: !0
         });
       } else
         t(this, u).set(e * t(this, S), {
           equalize: !0
         });
-      h(this, W, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, W)), t(this, W) ? d(this, o, jt).call(this) : d(this, o, Zt).call(this), t(this, zt).call(this);
+      n(this, q, (this.vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, q)), t(this, q) ? d(this, o, ie).call(this) : d(this, o, se).call(this), t(this, Dt).call(this);
     });
-    s(this, zt, () => {
-      if (!t(this, W))
+    s(this, Dt, () => {
+      if (!t(this, q))
         return;
       const e = this.currentScrollValue;
-      if (h(this, Pt, Math.max(0, e - t(this, S))), t(this, l).length) {
+      if (n(this, kt, Math.max(0, e - t(this, S))), t(this, l).length) {
         let i = 0;
-        for (let n = 0; n < t(this, l).length; n++) {
-          const c = t(this, l)[n];
-          c.transform(), this.targetScrollValue + c.size / 2 >= c.position && (i = n);
+        for (let r = 0; r < t(this, l).length; r++) {
+          const c = t(this, l)[r];
+          c.transform(), this.targetScrollValue + c.size / 2 >= c.position && (i = r);
         }
-        t(this, g).current = i;
+        t(this, w).current = i;
       } 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)`;
-      ct.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)`;
+      dt.update(
         this,
-        t(this, P).current,
+        t(this, x).current,
         e
       );
     });
-    s(this, kt, (e, i) => {
-      t(this, ut).current && (d(this, o, re).call(this, Math.sign(i) || 1), t(this, qt).call(this, e, i));
+    s(this, It, (e, i) => {
+      t(this, pt).current && (d(this, o, ue).call(this, Math.sign(i) || 1), t(this, jt).call(this, e, i));
     });
-    s(this, qt, (e, i) => {
-      if (t(this, O).current) {
-        if (t(this, O).current < 0 && i > 0)
+    s(this, jt, (e, i) => {
+      if (t(this, H).current) {
+        if (t(this, H).current < 0 && i > 0)
           return;
-        if (t(this, O).current > 0 && i < 0)
+        if (t(this, H).current > 0 && i < 0)
           return;
       }
-      if (t(this, it) || t(this, $).unlistenAnimationFrame(), !t(this, k).current && t(this, Q).current && (clearInterval(t(this, Lt)), h(this, Lt, setTimeout(() => {
-        const n = d(this, o, he).call(this);
-        n && this.scrollToSection(n.index, {
+      if (t(this, ht) || t(this, N).unlistenAnimationFrame(), !t(this, z).current && t(this, tt).current && (clearInterval(t(this, zt)), n(this, zt, setTimeout(() => {
+        const r = d(this, o, fe).call(this);
+        r && this.scrollToSection(r.index, {
           tween: {
-            duration: t(this, St).current,
-            easing: xe
+            duration: t(this, Ct).current,
+            easing: Ae
           }
         });
-      }, t(this, Q).current))), !(e.includes("drag") && !Te.isMobile && !t(this, bt).current)) {
-        if (t(this, I).current && e !== "drag") {
-          const n = Math.sign(i);
+      }, t(this, tt).current))), !(e.includes("drag") && !Fe.isMobile && !t(this, vt).current)) {
+        if (t(this, D).current && e !== "drag") {
+          const r = Math.sign(i);
           if (t(this, l).length) {
             const c = {
-              tween: t(this, K).current || t(this, _).current ? {
-                easing: t(this, K).current || "easeInOutCubic",
-                duration: t(this, _).current || 500
+              tween: t(this, j).current || t(this, J).current ? {
+                easing: t(this, j).current || "easeInOutCubic",
+                duration: t(this, J).current || 500
               } : void 0
             };
-            t(this, $t) ? this.scrollToSection(t(this, g).current, c) : this.shiftSections(n, c);
+            t(this, Zt) ? this.scrollToSection(t(this, w).current, c) : this.shiftSections(r, c);
           } else
-            t(this, u).shift(n * t(this, y));
+            t(this, u).shift(r * t(this, v));
         } else
           t(this, u).shift(i);
-        h(this, $t, e === "drag");
+        n(this, Zt, e === "drag");
       }
     });
-    if (Qt) {
+    if (ne) {
       const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [He];
+      e.adoptedStyleSheets = [Ge];
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, Y, document.createElement("div")), t(this, Y).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, xt, document.createElement("slot")), t(this, f).appendChild(t(this, xt)), t(this, Y).appendChild(t(this, f)), e.appendChild(t(this, Y));
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), n(this, st, document.createElement("div")), t(this, st).className = "content-wrapper", n(this, p, document.createElement("div")), t(this, p).className = "content", n(this, Lt, document.createElement("slot")), t(this, p).appendChild(t(this, Lt)), t(this, st).appendChild(t(this, p)), e.appendChild(t(this, st));
     }
   }
   get damped() {
     return t(this, u);
   }
   get controlsCSSProperty() {
-    return t(this, ut);
+    return t(this, pt);
   }
   get axisCSSProperty() {
-    return t(this, P);
+    return t(this, x);
   }
   get directionCSSProperty() {
-    return t(this, O);
+    return t(this, H);
   }
   get pagesCSSProperty() {
-    return t(this, R);
+    return t(this, B);
   }
   get splitCSSProperty() {
-    return t(this, H);
+    return t(this, W);
   }
   get sectionalCSSProperty() {
-    return t(this, I);
+    return t(this, D);
   }
   get easingCSSProperty() {
-    return t(this, K);
+    return t(this, j);
   }
   get durationCSSProperty() {
-    return t(this, _);
+    return t(this, J);
   }
   get autoSizeCSSProperty() {
-    return t(this, B);
+    return t(this, F);
   }
   get wheelMaxDeltaCSSProperty() {
-    return t(this, Z);
+    return t(this, Q);
   }
   get dragInertionCSSProperty() {
-    return t(this, dt);
+    return t(this, mt);
   }
   get sectionsInViewCSSProperty() {
-    return t(this, D);
+    return t(this, I);
   }
   get loopCSSProperty() {
-    return t(this, C);
+    return t(this, y);
   }
   get dampingCSSProperty() {
-    return t(this, ft);
+    return t(this, bt);
   }
   get massCSSProperty() {
-    return t(this, pt);
+    return t(this, St);
   }
   get stiffnessCSSProperty() {
-    return t(this, mt);
+    return t(this, gt);
   }
   get mouseDragCSSProperty() {
-    return t(this, bt);
+    return t(this, vt);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, wt);
+    return t(this, Pt);
   }
   get autoplayCSSProperty() {
-    return t(this, k);
+    return t(this, z);
   }
   get autoplayPauseDurationCSSProperty() {
-    return t(this, gt);
+    return t(this, yt);
   }
   get autoplayUserDirectionCSSProperty() {
-    return t(this, j);
+    return t(this, X);
   }
   get classesCSSProperty() {
-    return t(this, A);
+    return t(this, T);
   }
   get currentIndexStartOffsetCSSProperty() {
-    return t(this, J);
+    return t(this, Y);
   }
   get currentIndexEndOffsetCSSProperty() {
-    return t(this, F);
+    return t(this, $);
   }
   get focusDelayCSSProperty() {
-    return t(this, Q);
+    return t(this, tt);
   }
   get focusDurationCSSProperty() {
-    return t(this, St);
+    return t(this, Ct);
   }
   get disabledCSSProperty() {
-    return t(this, vt);
+    return t(this, wt);
   }
   get hibernatedCSSProperty() {
-    return t(this, X);
+    return t(this, et);
   }
   get currentScrollValue() {
-    return d(this, o, ne).call(this, "current");
+    return d(this, o, de).call(this, "current");
   }
   get targetScrollValue() {
-    return d(this, o, ne).call(this, "target");
+    return d(this, o, de).call(this, "target");
   }
   get contentWrapperElement() {
-    return t(this, Y);
+    return t(this, st);
   }
   get contentElement() {
-    return t(this, f);
+    return t(this, p);
   }
   get sections() {
     return t(this, l);
   }
   get position() {
-    return t(this, Ft);
+    return t(this, Kt);
   }
   get contentPosition() {
-    return t(this, Wt);
+    return t(this, _t);
   }
   get viewportSize() {
-    return t(this, y);
+    return t(this, v);
   }
   get scrollSize() {
     return t(this, S);
   }
   get gap() {
-    return t(this, L);
+    return t(this, P);
   }
   get counter() {
-    return t(this, g);
+    return t(this, w);
   }
   get limit() {
     return Math.ceil(
-      t(this, l).length - t(this, D).current
+      t(this, l).length - t(this, I).current
     );
   }
   get distance() {
-    return t(this, et);
+    return t(this, rt);
   }
   get loopDistance() {
-    return t(this, C).current ? t(this, et) + t(this, L) : t(this, et);
+    return t(this, y).current ? t(this, rt) + t(this, P) : t(this, rt);
   }
   get hasOverflow() {
-    return t(this, W);
+    return t(this, q);
   }
   get overscroll() {
-    return t(this, Pt);
+    return t(this, kt);
+  }
+  get scrollLine() {
+    return t(this, V);
   }
   get vertical() {
-    return t(this, P).current === "y";
+    return t(this, x).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / this.loopDistance || 0;
@@ -480,10 +484,10 @@ class Ht extends HTMLElement {
     return this.targetScrollValue / this.loopDistance || 0;
   }
   get scrollWidth() {
-    return t(this, P).current === "y" ? 0 : t(this, u).distance;
+    return t(this, x).current === "y" ? 0 : t(this, u).distance;
   }
   get scrollHeight() {
-    return t(this, P).current === "x" ? 0 : t(this, u).distance;
+    return t(this, x).current === "x" ? 0 : t(this, u).distance;
   }
   onScroll(...e) {
     return t(this, u).subscribe(...e);
@@ -492,36 +496,34 @@ class Ht extends HTMLElement {
     t(this, u).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
-  range(e, i, n = 0) {
-    const c = e - n, b = c + i + n * 2;
+  range(e, i, r = 0) {
+    const c = e - r, b = c + i + r * 2;
     return this.currentProgress < c ? 0 : this.currentProgress > b ? 1 : (this.currentProgress - c) / (b - c);
   }
-  curve(e, i, n = 0) {
-    return Math.sin(this.range(e, i, n) * Math.PI);
+  curve(e, i, r = 0) {
+    return Math.sin(this.range(e, i, r) * Math.PI);
   }
-  visible(e, i, n = 0) {
-    const c = e - n, b = c + i + n * 2;
+  visible(e, i, r = 0) {
+    const c = e - r, b = c + i + r * 2;
     return this.currentProgress >= c && this.currentProgress <= b;
   }
   scrollToSection(e, i) {
     if (!t(this, l).length)
       return;
-    const n = t(this, g).current;
-    d(this, o, ge).call(this, e);
-    const c = t(this, l)[n], b = t(this, l)[t(this, g).current];
-    if (c && b) {
-      let x = 0;
-      const Ct = d(this, o, he).call(this), ve = Ct ? this.targetScrollValue - Ct.position : 0;
-      t(this, C).current ? t(this, g).current === 0 && n === t(this, l).length - 1 ? x = t(this, S) + t(this, y) - c.position + t(this, L) : t(this, g).current === t(this, l).length - 1 && n === 0 ? x = b.position - (t(this, S) + t(this, y) + t(this, L)) : x = b.position - c.position : x = b.position - c.position, this.shiftPosition(x - ve, i);
+    const r = t(this, w).current, c = d(this, o, Pe).call(this, e), b = t(this, l)[r], k = t(this, l)[c];
+    if (b && k) {
+      let O = 0;
+      const me = d(this, o, fe).call(this), ke = me ? this.targetScrollValue - me.position : 0;
+      t(this, y).current ? c === 0 && r === t(this, l).length - 1 ? O = t(this, S) + t(this, v) - b.position + t(this, P) : c === t(this, l).length - 1 && r === 0 ? O = k.position - (t(this, S) + t(this, v) + t(this, P)) : O = k.position - b.position : O = k.position - b.position, this.shiftPosition(O - ke, i);
     }
   }
   shiftSections(e, i) {
-    t(this, l).length && this.scrollToSection(t(this, g).current + e, i);
+    t(this, l).length && this.scrollToSection(t(this, w).current + e, i);
   }
   setPosition(e, i) {
-    d(this, o, re).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, it) || (t(this, $).set(t(this, u).current, { equalize: !0 }), t(this, $).set(e, ue({}, i.tween)), h(this, it, setTimeout(() => {
-      h(this, it, void 0);
-    }, i.tween.duration))) : t(this, u).set(e, {
+    d(this, o, ue).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ht) || (t(this, N).set(t(this, u).current, { equalize: !0 }), t(this, N).set(e, ve({}, i.tween)), n(this, ht, setTimeout(() => {
+      n(this, ht, void 0);
+    }, i.tween.duration || 0))) : t(this, u).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
     });
   }
@@ -529,174 +531,179 @@ class Ht extends HTMLElement {
     this.setPosition(t(this, u).target + e, i);
   }
   connectedCallback() {
-    ct.register(this), h(this, u, new Le(0, {
+    dt.register(this), n(this, u, new Ve(0, {
       damping: 0.01,
       min: 0,
-      order: Pe.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, T, new ke({ element: t(this, f) })), t(this, T).changeEvent.subscribe(t(this, kt)), h(this, tt, new Ie({
+      order: Me.SCROLL
+    })), this.setAttribute("tabindex", "0"), n(this, A, new Re({ element: t(this, p) })), t(this, A).changeEvent.subscribe(t(this, It)), n(this, it, new He({
       element: this
-    })), t(this, tt).changeEvent.subscribe(
-      t(this, kt)
-    ), h(this, M, new De({ element: t(this, f) })), t(this, M).changeEvent.subscribe(t(this, kt)), h(this, E, new Ae({
+    })), t(this, it).changeEvent.subscribe(
+      t(this, It)
+    ), n(this, M, new Be({ element: t(this, p) })), t(this, M).changeEvent.subscribe(t(this, It)), n(this, C, new We({
       culling: this
-    })), t(this, E).changeEvent.subscribe(t(this, qt)), t(this, P).subscribe(({ current: e }) => {
-      t(this, f).style.flexDirection = e === "x" ? "row" : "column", t(this, T).axis = t(this, Z).current ? "max" : e, t(this, tt).dimension = e === "x" ? "width" : "height", t(this, M).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, z).call(this);
-    }), t(this, Z).subscribe((e) => {
-      t(this, T).axis = e.current ? "max" : t(this, P).current;
-    }), t(this, dt).subscribe((e) => {
+    })), t(this, C).changeEvent.subscribe(t(this, jt)), t(this, x).subscribe(({ current: e }) => {
+      t(this, p).style.flexDirection = e === "x" ? "row" : "column", t(this, A).axis = t(this, Q).current ? "max" : e, t(this, it).dimension = e === "x" ? "width" : "height", t(this, M).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, L).call(this);
+    }), t(this, Q).subscribe((e) => {
+      t(this, A).axis = e.current ? "max" : t(this, x).current;
+    }), t(this, mt).subscribe((e) => {
       t(this, M).inertion = typeof e.current == "number" ? e.current : 1;
-    }), t(this, R).subscribe(() => {
-      this.isConnected && t(this, z).call(this);
-    }), t(this, H).subscribe(({ current: e }) => {
-      this.isConnected && (e ? d(this, o, Ot).call(this) : d(this, o, Et).call(this));
-    }), t(this, I).subscribe((e) => {
-      t(this, T).debounce = e.current, t(this, M).swipe = e.current, t(this, E).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, l).length ? d(this, o, Ot).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, Et).call(this));
-    }), t(this, B).subscribe((e) => {
-      this.isConnected && (t(this, z).call(this), e.current && !e.previous && !t(this, l).length ? d(this, o, Ot).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, Et).call(this));
+    }), t(this, B).subscribe(() => {
+      this.isConnected && t(this, L).call(this);
+    }), t(this, W).subscribe(({ current: e }) => {
+      this.isConnected && (e ? d(this, o, qt).call(this) : d(this, o, xt).call(this));
     }), t(this, D).subscribe((e) => {
-      this.isConnected && (t(this, z).call(this), d(this, o, lt).call(this));
-    }), t(this, C).subscribe((e) => {
-      e.current ? (this.isConnected && (t(this, l).length || (t(this, H).current = !0)), t(this, l).length && (t(this, u).max = 1 / 0, t(this, u).min = -1 / 0)) : (h(this, Pt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
-    }), t(this, ft).subscribe((e) => {
+      t(this, A).debounce = e.current, t(this, M).swipe = e.current, t(this, C).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, l).length ? d(this, o, qt).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, xt).call(this));
+    }), t(this, F).subscribe((e) => {
+      this.isConnected && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? d(this, o, qt).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, xt).call(this));
+    }), t(this, I).subscribe((e) => {
+      this.isConnected && (t(this, L).call(this), d(this, o, ut).call(this));
+    }), t(this, y).subscribe((e) => {
+      e.current ? (this.isConnected && (t(this, l).length || (t(this, W).current = !0)), t(this, l).length && (t(this, u).max = 1 / 0, t(this, u).min = -1 / 0)) : (n(this, kt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
+    }), t(this, bt).subscribe((e) => {
       t(this, u).damping = e.current;
-    }), t(this, pt).subscribe((e) => {
+    }), t(this, St).subscribe((e) => {
       t(this, u).mass = e.current;
-    }), t(this, mt).subscribe((e) => {
+    }), t(this, gt).subscribe((e) => {
       t(this, u).stiffness = e.current;
-    }), t(this, k).subscribe((e) => {
-      t(this, E).speed = e.current, !t(this, st) && e.current && !e.previous ? t(this, E).connect() : !e.current && e.previous && t(this, E).disconnect();
-    }), t(this, j).subscribe((e) => {
-      e.current || (t(this, E).direction = 1);
-    }), t(this, A).subscribe((e) => {
-      this.isConnected && d(this, o, lt).call(this);
-    }), t(this, J).subscribe((e) => {
-      this.isConnected && t(this, A).current && d(this, o, lt).call(this);
-    }), t(this, F).subscribe((e) => {
-      this.isConnected && t(this, A).current && d(this, o, lt).call(this);
+    }), t(this, z).subscribe((e) => {
+      t(this, C).speed = e.current, !t(this, nt) && e.current && !e.previous ? t(this, C).connect() : !e.current && e.previous && t(this, C).disconnect();
+    }), t(this, X).subscribe((e) => {
+      e.current || (t(this, C).direction = 1);
+    }), t(this, T).subscribe((e) => {
+      this.isConnected && d(this, o, ut).call(this);
+    }), t(this, Y).subscribe((e) => {
+      this.isConnected && t(this, T).current && d(this, o, ut).call(this);
+    }), t(this, $).subscribe((e) => {
+      this.isConnected && t(this, T).current && d(this, o, ut).call(this);
     }), t(this, u).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
-    }), t(this, g).subscribe((e) => {
-      t(this, l).length && d(this, o, lt).call(this);
-    }), t(this, $).subscribe((e) => {
-      t(this, $).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
-    }), t(this, vt).subscribe((e) => {
-      e.current && !e.previous ? d(this, o, Zt).call(this) : !e.current && e.previous && d(this, o, jt).call(this);
-    }), t(this, X).subscribe((e) => {
+    }), t(this, w).subscribe((e) => {
+      t(this, l).length && d(this, o, ut).call(this);
+    }), t(this, N).subscribe((e) => {
+      t(this, N).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
+    }), t(this, wt).subscribe((e) => {
       e.current && !e.previous ? d(this, o, se).call(this) : !e.current && e.previous && d(this, o, ie).call(this);
-    }), t(this, ut).observe(), t(this, P).observe(), t(this, O).observe(), t(this, R).observe(), t(this, H).observe(), t(this, I).observe(), t(this, K).observe(), t(this, _).observe(), t(this, B).observe(), t(this, Z).observe(), t(this, dt).observe(), t(this, D).observe(), t(this, C).observe(), t(this, ft).observe(), t(this, pt).observe(), t(this, mt).observe(), t(this, bt).observe(), t(this, wt).observe(), t(this, k).observe(), t(this, k).observe(), t(this, gt).observe(), t(this, j).observe(), t(this, A).observe(), t(this, J).observe(), t(this, F).observe(), t(this, Q).observe(), t(this, St).observe(), t(this, vt).observe(), t(this, X).observe(), t(this, X).current || d(this, o, ie).call(this);
+    }), t(this, et).subscribe((e) => {
+      e.current && !e.previous ? d(this, o, ce).call(this) : !e.current && e.previous && d(this, o, ae).call(this);
+    }), t(this, pt).observe(), t(this, x).observe(), t(this, H).observe(), t(this, B).observe(), t(this, W).observe(), t(this, D).observe(), t(this, j).observe(), t(this, J).observe(), t(this, F).observe(), t(this, Q).observe(), t(this, mt).observe(), t(this, I).observe(), t(this, y).observe(), t(this, bt).observe(), t(this, St).observe(), t(this, gt).observe(), t(this, vt).observe(), t(this, Pt).observe(), t(this, z).observe(), t(this, z).observe(), t(this, yt).observe(), t(this, X).observe(), t(this, T).observe(), t(this, Y).observe(), t(this, $).observe(), t(this, tt).observe(), t(this, Ct).observe(), t(this, wt).observe(), t(this, et).observe(), t(this, et).current || d(this, o, ae).call(this);
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("has-overflow"), t(this, ut).unobserve(), t(this, P).unobserve(), t(this, O).unobserve(), t(this, R).unobserve(), t(this, H).unobserve(), t(this, I).unobserve(), t(this, K).unobserve(), t(this, _).unobserve(), t(this, B).unobserve(), t(this, Z).unobserve(), t(this, dt).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, ft).unobserve(), t(this, pt).unobserve(), t(this, mt).unobserve(), t(this, bt).unobserve(), t(this, wt).unobserve(), t(this, k).unobserve(), t(this, gt).unobserve(), t(this, j).unobserve(), t(this, A).unobserve(), t(this, J).unobserve(), t(this, F).unobserve(), t(this, Q).unobserve(), t(this, St).unobserve(), t(this, vt).unobserve(), t(this, X).unobserve(), d(this, o, se).call(this);
+    this.removeAttribute("tabindex"), this.classList.remove("has-overflow"), t(this, pt).unobserve(), t(this, x).unobserve(), t(this, H).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, D).unobserve(), t(this, j).unobserve(), t(this, J).unobserve(), t(this, F).unobserve(), t(this, Q).unobserve(), t(this, mt).unobserve(), t(this, I).unobserve(), t(this, y).unobserve(), t(this, bt).unobserve(), t(this, St).unobserve(), t(this, gt).unobserve(), t(this, vt).unobserve(), t(this, Pt).unobserve(), t(this, z).unobserve(), t(this, yt).unobserve(), t(this, X).unobserve(), t(this, T).unobserve(), t(this, Y).unobserve(), t(this, $).unobserve(), t(this, tt).unobserve(), t(this, Ct).unobserve(), t(this, wt).unobserve(), t(this, et).unobserve(), d(this, o, ce).call(this);
   }
 }
-u = new WeakMap(), ut = new WeakMap(), P = new WeakMap(), O = new WeakMap(), R = new WeakMap(), H = new WeakMap(), I = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), B = new WeakMap(), Z = new WeakMap(), dt = new WeakMap(), D = new WeakMap(), C = new WeakMap(), ft = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), bt = new WeakMap(), wt = new WeakMap(), k = new WeakMap(), gt = new WeakMap(), j = new WeakMap(), A = new WeakMap(), J = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), St = new WeakMap(), vt = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), f = new WeakMap(), xt = new WeakMap(), l = new WeakMap(), Ft = new WeakMap(), Wt = new WeakMap(), y = new WeakMap(), S = new WeakMap(), L = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), M = new WeakMap(), E = new WeakMap(), g = new WeakMap(), Pt = new WeakMap(), et = new WeakMap(), W = new WeakMap(), st = new WeakMap(), yt = new WeakMap(), Lt = new WeakMap(), it = new WeakMap(), $ = new WeakMap(), $t = new WeakMap(), o = new WeakSet(), Ot = function() {
-  d(this, o, Et).call(this), t(this, xt).assignedElements().forEach((e, i) => {
-    e instanceof HTMLElement && t(this, l).push(new Re(e, i, this));
-  }), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
+u = new WeakMap(), pt = new WeakMap(), x = new WeakMap(), H = new WeakMap(), B = new WeakMap(), W = new WeakMap(), D = new WeakMap(), j = new WeakMap(), J = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), mt = new WeakMap(), I = new WeakMap(), y = new WeakMap(), bt = new WeakMap(), St = new WeakMap(), gt = new WeakMap(), vt = new WeakMap(), Pt = new WeakMap(), z = new WeakMap(), yt = new WeakMap(), X = new WeakMap(), T = new WeakMap(), Y = new WeakMap(), $ = new WeakMap(), tt = new WeakMap(), Ct = new WeakMap(), wt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), p = new WeakMap(), Lt = new WeakMap(), l = new WeakMap(), Kt = new WeakMap(), _t = new WeakMap(), v = new WeakMap(), S = new WeakMap(), P = new WeakMap(), A = new WeakMap(), it = new WeakMap(), M = new WeakMap(), C = new WeakMap(), w = new WeakMap(), kt = new WeakMap(), rt = new WeakMap(), q = new WeakMap(), nt = new WeakMap(), Et = new WeakMap(), zt = new WeakMap(), ht = new WeakMap(), N = new WeakMap(), Zt = new WeakMap(), V = new WeakMap(), o = new WeakSet(), qt = function() {
+  d(this, o, xt).call(this), t(this, Lt).assignedElements().forEach((e, i) => {
+    e instanceof HTMLElement && t(this, l).push(new Ue(e, i, this));
+  }), t(this, p).style.transform = "", ee(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
-  }), t(this, z).call(this), d(this, o, lt).call(this);
-}, Et = function() {
+  }), t(this, L).call(this), d(this, o, ut).call(this);
+}, xt = function() {
   t(this, l).forEach((e) => {
     e.destroy();
-  }), h(this, l, []), t(this, g).reset(), t(this, u).reset(), Yt(this, "scrollSectionsChange", {
+  }), n(this, l, []), t(this, w).reset(), t(this, u).reset(), ee(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
-}, Zt = function() {
-  t(this, st) || (h(this, st, !0), t(this, u).unsubscribe(t(this, zt)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Lt)), clearInterval(t(this, it)), t(this, $).unlistenAnimationFrame(), t(this, T).disconnect(), t(this, tt).disconnect(), t(this, M).disconnect(), t(this, E).disconnect(), t(this, W) || this.sections.forEach((e) => {
+}, se = function() {
+  t(this, nt) || (n(this, nt, !0), t(this, u).unsubscribe(t(this, Dt)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, zt)), clearInterval(t(this, ht)), t(this, N).unlistenAnimationFrame(), t(this, A).disconnect(), t(this, it).disconnect(), t(this, M).disconnect(), t(this, C).disconnect(), t(this, q) || this.sections.forEach((e) => {
     e.unsetTransform();
   }));
-}, jt = function() {
-  t(this, st) && (h(this, st, !1), t(this, u).subscribe(t(this, zt)), t(this, T).connect(), t(this, tt).connect(), t(this, M).connect(), t(this, k).current && t(this, E).connect());
-}, se = function() {
-  t(this, yt) || (h(this, yt, !0), Jt.unsubscribe(t(this, z)), Rt.unsubscribe(t(this, z)), d(this, o, Zt).call(this), t(this, f).style.transform = "", t(this, l).length ? d(this, o, Et).call(this) : (t(this, g).reset(), t(this, u).reset()), ct.unregister(this));
 }, ie = function() {
-  t(this, yt) && (h(this, yt, !1), ct.register(this), (t(this, C).current || t(this, H).current || t(this, C).current || t(this, B).current || t(this, I).current) && d(this, o, Ot).call(this), d(this, o, jt).call(this), Jt.subscribe(t(this, z), me.SCROLL), Rt.subscribe(this, t(this, z)));
-}, z = new WeakMap(), zt = new WeakMap(), ge = function(e) {
-  t(this, C).current ? (t(this, g).current = e % t(this, l).length, t(this, g).current = t(this, g).current < 0 ? t(this, l).length + t(this, g).current : t(this, g).current) : t(this, g).current = pe(e, 0, this.limit);
-}, kt = new WeakMap(), qt = new WeakMap(), re = function(e = 1) {
-  t(this, j).current && (t(this, E).direction = e), t(this, k).current && t(this, E).pauseAndContinue(
-    t(this, gt).current,
+  t(this, nt) && (n(this, nt, !1), t(this, u).subscribe(t(this, Dt)), t(this, A).connect(), t(this, it).connect(), t(this, M).connect(), t(this, z).current && t(this, C).connect());
+}, ce = function() {
+  t(this, Et) || (n(this, Et, !0), re.unsubscribe(t(this, L)), Nt.unsubscribe(t(this, L)), d(this, o, se).call(this), t(this, p).style.transform = "", t(this, l).length ? d(this, o, xt).call(this) : (t(this, w).reset(), t(this, u).reset()), dt.unregister(this));
+}, ae = function() {
+  t(this, Et) && (n(this, Et, !1), dt.register(this), (t(this, y).current || t(this, W).current || t(this, y).current || t(this, F).current || t(this, D).current) && d(this, o, qt).call(this), d(this, o, ie).call(this), re.subscribe(t(this, L), Ee.SCROLL), Nt.subscribe(this, t(this, L)));
+}, L = new WeakMap(), Dt = new WeakMap(), Pe = function(e) {
+  let i = t(this, w).current;
+  return t(this, y).current ? (i = e % t(this, l).length, i = i < 0 ? t(this, l).length + i : i) : i = we(e, 0, this.limit), i;
+}, It = new WeakMap(), jt = new WeakMap(), ue = function(e = 1) {
+  t(this, X).current && (t(this, C).direction = e), t(this, z).current && t(this, C).pauseAndContinue(
+    t(this, yt).current,
     this.sectionalCSSProperty.current
   );
-}, ne = function(e = "current") {
-  if (t(this, C).current && t(this, l).length) {
-    const i = t(this, u)[e] % (t(this, S) + t(this, y) + t(this, L));
-    return i < 0 ? t(this, S) + i + t(this, y) + t(this, L) : i;
+}, de = function(e = "current") {
+  if (t(this, y).current && t(this, l).length) {
+    const i = t(this, u)[e] % (t(this, S) + t(this, v) + t(this, P));
+    return i < 0 ? t(this, S) + i + t(this, v) + t(this, P) : i;
   } else
     return t(this, u)[e];
-}, lt = function() {
-  if (t(this, A).current && t(this, l).length) {
-    const e = t(this, g).current + t(this, J).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, D).current + t(this, F).current;
-    t(this, l).forEach((n, c) => {
-      const b = e - this.limit - 1 + t(this, F).current, x = e + i, Ct = this.sections.length - x;
-      c >= e && c < x || c <= b ? n.mark("current") : c >= x && c < x + Ct / 2 || c <= b + i ? n.mark("next") : n.mark("previous");
-    });
+}, ut = function() {
+  if (t(this, l).length) {
+    const e = t(this, w).current + t(this, Y).current;
+    if (e === 0 ? n(this, V, "start") : e === this.limit ? n(this, V, "end") : n(this, V, null), ee(this, "scrollLine", {
+      detail: { line: t(this, V) }
+    }), t(this, T).current) {
+      this.classList.remove("end", "start"), t(this, V) && this.classList.add(t(this, V));
+      const i = t(this, I).current + t(this, $).current;
+      t(this, l).forEach((r, c) => {
+        const b = e - this.limit - 1 + t(this, $).current, k = e + i, O = this.sections.length - k;
+        c >= e && c < k || c <= b ? r.mark("current") : c >= k && c < k + O / 2 || c <= b + i ? r.mark("next") : r.mark("previous");
+      });
+    }
   }
-}, he = function(e = this.targetScrollValue) {
-  let i = null, n = 1 / 0;
+}, fe = function(e = this.targetScrollValue) {
+  let i = null, r = 1 / 0;
   for (let c = 0; c < t(this, l).length; c++) {
     const b = Math.abs(t(this, l)[c].position - e);
-    b < n && (n = b, i = c);
+    b < r && (r = b, i = c);
   }
   return i !== null ? t(this, l)[i] : null;
 };
-customElements.get("e-scroll") || customElements.define("e-scroll", Ht);
-var Nt;
-class oe extends HTMLElement {
+customElements.get("e-scroll") || customElements.define("e-scroll", Ut);
+var Jt;
+class pe extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, Nt, null);
+    s(this, Jt, null);
   }
   get scrollElement() {
-    return t(this, Nt);
+    return t(this, Jt);
   }
   connectedCallback() {
-    const e = be(this, Ht);
-    e instanceof Ht ? h(this, Nt, e) : console.error(this, "e-scroll not found");
+    const e = xe(this, Ut);
+    e instanceof Ut ? n(this, Jt, e) : console.error(this, "e-scroll not found");
   }
 }
-Nt = new WeakMap();
-var rt, w, q, N, It, Dt, nt, At, Ut, Gt;
-class Be extends oe {
+Jt = new WeakMap();
+var ot, E, U, G, Tt, At, lt, Mt, Qt, Xt;
+class Ke extends pe {
   constructor() {
     super();
-    s(this, rt, null);
-    s(this, w, null);
-    s(this, q, !1);
-    s(this, N, 0);
-    s(this, It, 0);
-    s(this, Dt, 0);
-    s(this, nt, () => {
-      h(this, q, this.offsetWidth > this.offsetHeight);
-      const e = t(this, q) ? this.offsetWidth : this.offsetHeight;
-      h(this, N, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, N, Math.max(t(this, N), 30)), t(this, q) ? (t(this, w).style.width = t(this, N) + "px", t(this, w).style.height = "100%") : (t(this, w).style.width = "100%", t(this, w).style.height = t(this, N) + "px"), h(this, It, e - t(this, N)), this.scrollElement.scrollSize ? this.style.display = "" : this.style.display = "none", t(this, At).call(this);
+    s(this, ot, null);
+    s(this, E, null);
+    s(this, U, !1);
+    s(this, G, 0);
+    s(this, Tt, 0);
+    s(this, At, 0);
+    s(this, lt, () => {
+      n(this, U, this.offsetWidth > this.offsetHeight);
+      const e = t(this, U) ? this.offsetWidth : this.offsetHeight;
+      n(this, G, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), n(this, G, Math.max(t(this, G), 30)), t(this, U) ? (t(this, E).style.width = t(this, G) + "px", t(this, E).style.height = "100%") : (t(this, E).style.width = "100%", t(this, E).style.height = t(this, G) + "px"), n(this, Tt, e - t(this, G)), this.scrollElement.scrollSize ? this.style.display = "" : this.style.display = "none", t(this, Mt).call(this);
     });
-    s(this, At, () => {
-      h(this, Dt, this.scrollElement.currentProgress * t(this, It)), t(this, q) ? t(this, w).style.transform = `translate3d(${t(this, Dt)}px, 0px, 0px)` : t(this, w).style.transform = `translate3d(0px, ${t(this, Dt)}px, 0px)`;
+    s(this, Mt, () => {
+      n(this, At, this.scrollElement.currentProgress * t(this, Tt)), t(this, U) ? t(this, E).style.transform = `translate3d(${t(this, At)}px, 0px, 0px)` : t(this, E).style.transform = `translate3d(0px, ${t(this, At)}px, 0px)`;
     });
-    s(this, Ut, () => {
+    s(this, Qt, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, Gt, (e) => {
-      document.documentElement.classList.add("grabbing"), Me(
+    s(this, Xt, (e) => {
+      document.documentElement.classList.add("grabbing"), $e(
         (c) => {
-          const b = t(this, q) ? c.x : c.y, x = this.scrollElement.distance / t(this, It), Ct = (b - n) * x;
-          this.scrollElement.setPosition(i + Ct);
+          const b = t(this, U) ? c.x : c.y, k = this.scrollElement.distance / t(this, Tt), O = (b - r) * k;
+          this.scrollElement.setPosition(i + O);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const i = this.scrollElement.damped.target, n = t(this, q) ? e.x : e.y;
+      const i = this.scrollElement.damped.target, r = t(this, U) ? e.x : e.y;
     });
-    if (Qt) {
+    if (ne) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets = [
-        fe({
+        Ce({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -725,123 +732,166 @@ class Be extends oe {
             touchAction: "none"
           }
         })
-      ], h(this, rt, document.createElement("slot")), t(this, rt).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, rt));
+      ], n(this, ot, document.createElement("slot")), t(this, ot).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, ot));
     }
   }
   get thumbElement() {
-    return t(this, w);
+    return t(this, E);
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
-    const e = t(this, rt).assignedElements()[0] || t(this, rt).firstElementChild;
-    h(this, w, e), t(this, w).addEventListener("pointerdown", t(this, Gt)), Jt.subscribe(t(this, nt), me.SCROLL), Rt.subscribe(this, t(this, nt)), Rt.subscribe(this.scrollElement, t(this, nt)), this.scrollElement.onScroll(t(this, At)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ut));
+    const e = t(this, ot).assignedElements()[0] || t(this, ot).firstElementChild;
+    n(this, E, e), t(this, E).addEventListener("pointerdown", t(this, Xt)), re.subscribe(t(this, lt), Ee.SCROLL), Nt.subscribe(this, t(this, lt)), Nt.subscribe(this.scrollElement, t(this, lt)), this.scrollElement.onScroll(t(this, Mt)), this.scrollElement.axisCSSProperty.subscribe(t(this, Qt));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, w).removeEventListener("pointerdown", t(this, Gt)), Jt.unsubscribe(t(this, nt)), Rt.unsubscribe(t(this, nt)), this.scrollElement.offScroll(t(this, At)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ut));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, E).removeEventListener("pointerdown", t(this, Xt)), re.unsubscribe(t(this, lt)), Nt.unsubscribe(t(this, lt)), this.scrollElement.offScroll(t(this, Mt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Qt));
   }
 }
-rt = new WeakMap(), w = new WeakMap(), q = new WeakMap(), N = new WeakMap(), It = new WeakMap(), Dt = new WeakMap(), nt = new WeakMap(), At = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap();
-customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Be);
-class Se extends oe {
+ot = new WeakMap(), E = new WeakMap(), U = new WeakMap(), G = new WeakMap(), Tt = new WeakMap(), At = new WeakMap(), lt = new WeakMap(), Mt = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap();
+customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Ke);
+var Vt, Ot, Rt;
+class Le extends pe {
   constructor() {
-    super(), Qt && this.addEventListener("click", () => {
-      const r = this.getAttribute("behaviour"), e = this.getAttribute("easing") || void 0, i = e ? parseFloat(this.getAttribute("duration") || "0") : void 0;
+    super();
+    s(this, Vt, new f(this, "--behaviour", "smooth"));
+    s(this, Ot, new f(
+      this,
+      "--tween-easing",
+      !1
+    ));
+    s(this, Rt, new f(this, "--tween-duration", 0));
+    ne && this.addEventListener("click", () => {
+      const e = t(this, Vt).current, i = t(this, Ot).current, r = t(this, Rt).current;
       this.handleClick({
-        behaviour: r,
-        tween: e ? { easing: e, duration: i } : void 0
+        behaviour: e,
+        tween: i || r ? { easing: i, duration: r } : void 0
       });
     });
   }
+  connectedCallback() {
+    super.connectedCallback(), t(this, Vt).observe(), t(this, Ot).observe(), t(this, Rt).observe();
+  }
+  disconnectedCallback() {
+    t(this, Vt).close(), t(this, Ot).close(), t(this, Rt).close();
+  }
 }
-class Fe extends Se {
-  handleClick(r) {
-    const e = this.getAttribute("index");
-    this.scrollElement.scrollToSection(parseInt(e || "0"), r);
+Vt = new WeakMap(), Ot = new WeakMap(), Rt = new WeakMap();
+var Ht;
+class _e extends Le {
+  constructor() {
+    super(...arguments);
+    s(this, Ht, new f(this, "--set", 1));
+  }
+  handleClick(e) {
+    this.scrollElement.scrollToSection(t(this, Ht).current, e);
+  }
+  connectedCallback() {
+    super.connectedCallback(), t(this, Ht).observe();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), t(this, Ht).close();
   }
 }
-customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Fe);
-class We extends Se {
-  handleClick(r) {
-    const e = this.getAttribute("step");
-    this.scrollElement.shiftSections(parseInt(e || "1"), r);
+Ht = new WeakMap();
+customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", _e);
+var K, Bt;
+class Ze extends Le {
+  constructor() {
+    super(...arguments);
+    s(this, K, new f(this, "--step", 1));
+    s(this, Bt, () => {
+      this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, K).current > 0 && this.scrollElement.scrollLine === "end" || t(this, K).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+    });
+  }
+  handleClick(e) {
+    this.scrollElement.shiftSections(t(this, K).current, e);
+  }
+  connectedCallback() {
+    super.connectedCallback(), t(this, K).subscribe(() => {
+      t(this, Bt).call(this);
+    }), t(this, K).observe(), this.scrollElement.addEventListener("scrollLine", t(this, Bt)), t(this, Bt).call(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), t(this, K).close(), this.removeAttribute("disabled");
   }
 }
-customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", We);
-var U, ht, Tt, Kt, _t, Mt;
-class $e {
-  constructor(r, e, i) {
-    s(this, U, null);
-    s(this, ht, null);
-    s(this, Tt, null);
-    s(this, Kt, null);
-    s(this, _t, () => {
-      t(this, ht).scrollToSection(t(this, Tt), {
-        behaviour: t(this, Kt)
+K = new WeakMap(), Bt = new WeakMap();
+customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", Ze);
+var _, ct, Wt, Yt, te, Ft;
+class je {
+  constructor(h, e, i) {
+    s(this, _, null);
+    s(this, ct, null);
+    s(this, Wt, null);
+    s(this, Yt, null);
+    s(this, te, () => {
+      t(this, ct).scrollToSection(t(this, Wt), {
+        behaviour: t(this, Yt)
       });
     });
-    s(this, Mt, () => {
-      t(this, U).classList.toggle(
+    s(this, Ft, () => {
+      t(this, _).classList.toggle(
         "current",
-        t(this, ht).counter.current === t(this, Tt)
+        t(this, ct).counter.current === t(this, Wt)
       );
     });
-    Qt && (h(this, U, document.createElement("button")), h(this, ht, r), h(this, Kt, i), h(this, Tt, e), t(this, U).addEventListener("click", t(this, _t)), t(this, ht).counter.subscribe(t(this, Mt)), t(this, Mt).call(this));
+    ne && (n(this, _, document.createElement("button")), n(this, ct, h), n(this, Yt, i), n(this, Wt, e), t(this, _).addEventListener("click", t(this, te)), t(this, ct).counter.subscribe(t(this, Ft)), t(this, Ft).call(this));
   }
   get element() {
-    return t(this, U);
+    return t(this, _);
   }
   destroy() {
-    t(this, U).removeEventListener("click", t(this, _t)), t(this, ht).counter.unsubscribe(t(this, Mt)), t(this, U).remove();
+    t(this, _).removeEventListener("click", t(this, te)), t(this, ct).counter.unsubscribe(t(this, Ft)), t(this, _).remove();
   }
 }
-U = new WeakMap(), ht = new WeakMap(), Tt = new WeakMap(), Kt = new WeakMap(), _t = new WeakMap(), Mt = new WeakMap();
-var ot, Vt;
-class qe extends oe {
+_ = new WeakMap(), ct = new WeakMap(), Wt = new WeakMap(), Yt = new WeakMap(), te = new WeakMap(), Ft = new WeakMap();
+var at, $t;
+class Je extends pe {
   constructor() {
     super(...arguments);
-    s(this, ot, []);
-    s(this, Vt, Ve(() => {
-      t(this, ot).forEach((e) => e.destroy()), h(this, ot, []);
+    s(this, at, []);
+    s(this, $t, qe(() => {
+      t(this, at).forEach((e) => e.destroy()), n(this, at, []);
       for (let e = 0; e < this.scrollElement.sections.length; e++) {
-        const i = new $e(
+        const i = new je(
           this.scrollElement,
           e,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(i.element), t(this, ot).push(i);
+        this.appendChild(i.element), t(this, at).push(i);
       }
     }, 0));
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, Vt)
-    ), t(this, Vt).call(this);
+      t(this, $t)
+    ), t(this, $t).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      t(this, Vt)
-    ), t(this, ot).forEach((e) => e.destroy()), h(this, ot, []);
+      t(this, $t)
+    ), t(this, at).forEach((e) => e.destroy()), n(this, at, []);
   }
 }
-ot = new WeakMap(), Vt = new WeakMap();
-customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", qe);
-class Ne extends Oe {
+at = new WeakMap(), $t = new WeakMap();
+customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Je);
+class Qe extends Ne {
   connectedCallback() {
-    const r = be(this, Ht);
-    r instanceof Ht ? (this.scrollContainer = r, this.scrollContainer.addEventListener(
+    const h = xe(this, Ut);
+    h instanceof Ut ? (this.scrollContainer = h, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     )) : console.error(this, "e-scroll not found");
   }
 }
-customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Ne);
+customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Qe);
 export {
-  qe as ScrollBulletButtonsElement,
-  Ht as ScrollElement,
-  Ne as ScrollSegmentElement,
-  Fe as ScrollSetButtonElement,
-  We as ScrollStepButtonElement,
-  Be as ScrollbarElement
+  Je as ScrollBulletButtonsElement,
+  Ut as ScrollElement,
+  Qe as ScrollSegmentElement,
+  _e as ScrollSetButtonElement,
+  Ze as ScrollStepButtonElement,
+  Ke as ScrollbarElement
 };