aptechka 0.13.1 → 0.15.0

package/lib/scroll/index.js

@@ -1,98 +1,95 @@
-var me = Object.defineProperty;
-var js = Object.getOwnPropertySymbols;
-var be = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable;
-var Qs = (f) => {
-  throw TypeError(f);
+var de = Object.defineProperty;
+var Gs = Object.getOwnPropertySymbols;
+var fe = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
+var _s = (d) => {
+  throw TypeError(d);
 };
-var Js = (f, n, e) => n in f ? me(f, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[n] = e, Xs = (f, n) => {
-  for (var e in n || (n = {}))
-    be.call(n, e) && Js(f, e, n[e]);
-  if (js)
-    for (var e of js(n))
-      ge.call(n, e) && Js(f, e, n[e]);
-  return f;
+var Ks = (d, n, s) => n in d ? de(d, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[n] = s, Zs = (d, n) => {
+  for (var s in n || (n = {}))
+    fe.call(n, s) && Ks(d, s, n[s]);
+  if (Gs)
+    for (var s of Gs(n))
+      pe.call(n, s) && Ks(d, s, n[s]);
+  return d;
 };
-var Os = (f, n, e) => n.has(f) || Qs("Cannot " + e);
-var t = (f, n, e) => (Os(f, n, "read from private field"), e ? e.call(f) : n.get(f)), i = (f, n, e) => n.has(f) ? Qs("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(f) : n.set(f, e), r = (f, n, e, s) => (Os(f, n, "write to private field"), s ? s.call(f, e) : n.set(f, e), e), o = (f, n, e) => (Os(f, n, "access private method"), e);
-import { S as Ft } from "../Store-C46i0nvr.js";
-import { D as ve } from "../Derived-Vo_RsJfi.js";
-import { i as Ns } from "../browser-0zX67oeU.js";
-import { p as ye } from "../easings-BKi40vHz.js";
+var As = (d, n, s) => n.has(d) || _s("Cannot " + s);
+var t = (d, n, s) => (As(d, n, "read from private field"), s ? s.call(d) : n.get(d)), r = (d, n, s) => n.has(d) ? _s("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, s), h = (d, n, s, e) => (As(d, n, "write to private field"), e ? e.call(d, s) : n.set(d, s), s), o = (d, n, s) => (As(d, n, "access private method"), s);
+import { S as kt } from "../Store-OTdcl6SX.js";
+import { i as Ms } from "../browser-0zX67oeU.js";
+import { p as me } from "../easings-BKi40vHz.js";
+import { c as Js } from "../jss-CjccJC-K.js";
 import { a as ks, g as Ds } from "../layout-HoBT_Da2.js";
-import { c as se, s as Ce } from "../math-BOBiC4TN.js";
+import { c as Qs, s as Se } from "../math-BOBiC4TN.js";
 import "../ticker/index.js";
-import { TICK_ORDER as ee, RESIZE_ORDER as Ks } from "../order/index.js";
-import { D as ie } from "../Damped-DbJKrUIf.js";
-import { T as Pe } from "../Tweened-DOSHLCZa.js";
-import { WheelControls as we, KeyboardControls as Ee, DragControls as xe, AutoplayControls as Le } from "../controls/index.js";
+import { TICK_ORDER as Xs, RESIZE_ORDER as Us } from "../order/index.js";
+import { D as Ys } from "../Damped-DEHDEq-b.js";
+import { T as be } from "../Tweened-C52xXDLY.js";
+import { WheelControls as ge, KeyboardControls as ve, DragControls as ye, AutoplayControls as Ce } from "../controls/index.js";
 import { windowResizer as fs } from "../window-resizer/index.js";
-import { scrollEntries as Qt } from "../scroll-entries/index.js";
-import { e as _s, D as As, ay as Is, p as Ve } from "../tags-BL3kQp9o.js";
-import { c as Zs } from "../createStylesheet-COAZH1Mw.js";
-import { cssUnitParser as Ys } from "../css-unit-parser/index.js";
+import { scrollEntries as Xt } from "../scroll-entries/index.js";
+import { cssUnitParser as js } from "../css-unit-parser/index.js";
 import { CSSProperty as c } from "../css-property/index.js";
-import { d as ze } from "../Viewport-B55BvLsV.js";
-import { elementResizer as Ms } from "../element-resizer/index.js";
-import { s as Fe } from "../gestures-D2Fdra_G.js";
-import { aptechkaTheme as te } from "../theme/index.js";
-import { f as ke } from "../dom-P5QbAASX.js";
-import { d as re } from "../function-C10DGppn.js";
-var b, ps, C, It, j, ft;
-class De {
-  constructor(n, e, s) {
-    i(this, b);
-    i(this, ps);
-    i(this, C);
-    i(this, It, 0);
-    i(this, j, 0);
-    i(this, ft, null);
-    r(this, b, n), r(this, ps, e), r(this, C, s), Qt.register(t(this, b));
+import { d as Pe } from "../Viewport-taEXS8Uv.js";
+import { elementResizer as Is } from "../element-resizer/index.js";
+import { s as Ee } from "../gestures-D2Fdra_G.js";
+import { f as we } from "../dom-0S_WDL4g.js";
+import { d as te } from "../function-C10DGppn.js";
+var b, ms, C, Mt, j, dt;
+class xe {
+  constructor(n, s, e) {
+    r(this, b);
+    r(this, ms);
+    r(this, C);
+    r(this, Mt, 0);
+    r(this, j, 0);
+    r(this, dt, null);
+    h(this, b, n), h(this, ms, s), h(this, C, e), Xt.register(t(this, b));
   }
   get index() {
-    return t(this, ps);
+    return t(this, ms);
   }
   get size() {
-    return t(this, It);
+    return t(this, Mt);
   }
   get position() {
     return t(this, j);
   }
   destroy() {
-    Qt.unregister(t(this, b)), t(this, b).style.transform = "", this.mark(null);
+    Xt.unregister(t(this, b)), t(this, b).style.transform = "", this.mark(null);
   }
   setSize(n) {
     n ? (t(this, b).style.setProperty("--size", n + "px"), t(this, C).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() {
-    r(this, It, t(this, C).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), r(this, j, t(this, C).vertical ? ks(t(this, b)) : Ds(t(this, b))), r(this, j, t(this, j) - t(this, C).contentPosition);
+    h(this, Mt, t(this, C).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), h(this, j, t(this, C).vertical ? ks(t(this, b)) : Ds(t(this, b))), h(this, j, t(this, j) - t(this, C).contentPosition);
   }
   transform() {
     let n = 0;
-    const e = t(this, C).viewportSize * t(this, C).sectionDistanceScaleCSSProperty.current;
-    t(this, C).loopCSSProperty.current && t(this, C).overscroll && t(this, j) + t(this, It) < t(this, C).currentScrollValue && (n = t(this, C).distance * -1 - t(this, C).gap), Qt.update(
+    const s = t(this, C).viewportSize * t(this, C).sectionDistanceScaleCSSProperty.current;
+    t(this, C).loopCSSProperty.current && t(this, C).overscroll && t(this, j) + t(this, Mt) < t(this, C).currentScrollValue && (n = t(this, C).distance * -1 - t(this, C).gap), Xt.update(
       t(this, b),
       t(this, C).axisCSSProperty.current,
       n
     );
-    const s = t(this, C).currentScrollValue + n, h = t(this, j) - t(this, C).viewportSize - e, a = t(this, j) + t(this, It) + e, g = se(s, h, a);
+    const e = t(this, C).currentScrollValue + n, i = t(this, j) - t(this, C).viewportSize - s, a = t(this, j) + t(this, Mt) + s, g = Qs(e, i, a);
     t(this, C).vertical ? t(this, b).style.transform = `translate3d(0px, ${g * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${g * -1}px, 0px, 0px)`;
   }
   mark(n) {
-    t(this, ft) !== n && (t(this, ft) && t(this, b).classList.remove(t(this, ft)), n && t(this, b).classList.add(n), r(this, ft, n), t(this, b).dispatchEvent(
+    t(this, dt) !== n && (t(this, dt) && t(this, b).classList.remove(t(this, dt)), n && t(this, b).classList.add(n), h(this, dt, n), t(this, b).dispatchEvent(
       new CustomEvent(
         "sectionsChange",
         {
           composed: !0,
           detail: {
-            mark: t(this, ft)
+            mark: t(this, dt)
           }
         }
       )
     ));
   }
 }
-b = new WeakMap(), ps = new WeakMap(), C = new WeakMap(), It = new WeakMap(), j = new WeakMap(), ft = new WeakMap();
-const Ie = Zs({
+b = new WeakMap(), ms = new WeakMap(), C = new WeakMap(), Mt = new WeakMap(), j = new WeakMap(), dt = new WeakMap();
+const Le = Js({
   ":host": {
     position: "relative",
     width: "100%",
@@ -125,260 +122,247 @@ const Ie = Zs({
     flexShrink: "0"
   }
 });
-var d, Mt, k, J, Q, U, X, dt, pt, G, D, Rt, Ot, At, Tt, ts, N, Ht, St, K, mt, Y, bt, $t, Bt, Wt, m, Ss, l, ms, bs, w, v, O, _, gt, tt, V, y, ss, vt, qt, Ut, es, st, u, ds, Yt, Hs, $s, Bs, Ws, A, gs, he, is, vs, qs, kt, Us;
-class Ts extends HTMLElement {
+var f, Rt, R, J, Q, N, X, ft, pt, U, k, At, Ot, Tt, Ht, ss, G, Bt, mt, K, St, Y, bt, $t, Wt, qt, p, es, l, Ss, bs, E, v, A, _, gt, tt, V, y, is, vt, Nt, Ut, rs, st, u, ps, ts, Ts, Hs, Bs, $s, O, gs, se, hs, vs, Ws, Dt, qs;
+class Os extends HTMLElement {
   constructor() {
     super();
-    i(this, u);
-    i(this, d, null);
-    i(this, Mt, new c(this, "--controls", !0));
-    i(this, k, new c(this, "--axis", "y"));
-    i(this, J, new c(this, "--direction", 0));
-    i(this, Q, new c(this, "--pages", 0, {
-      validate: (e) => Math.max(0, e - 1)
+    r(this, u);
+    r(this, f, null);
+    r(this, Rt, new c(this, "--controls", !0));
+    r(this, R, new c(this, "--axis", "y"));
+    r(this, J, new c(this, "--direction", 0));
+    r(this, Q, new c(this, "--pages", 0, {
+      validate: (s) => Math.max(0, s - 1)
     }));
-    i(this, U, new c(this, "--split", !1));
-    i(this, X, new c(this, "--sectional", !1));
-    i(this, dt, new c(this, "--auto-size", !1));
-    i(this, pt, new c(
+    r(this, N, new c(this, "--split", !1));
+    r(this, X, new c(this, "--sectional", !1));
+    r(this, ft, new c(this, "--auto-size", !1));
+    r(this, pt, new c(
       this,
       "--wheel-max-delta",
       !1
     ));
-    i(this, G, new c(
+    r(this, U, new c(
       this,
       "--sections-in-view",
       1
     ));
-    i(this, D, new c(this, "--loop", !1));
-    i(this, Rt, new c(this, "--damping", 20));
-    i(this, Ot, new c(this, "--mass", 0));
-    i(this, At, new c(this, "--stiffness", 0));
-    i(this, Tt, new c(this, "--mouse-drag", !1));
-    i(this, ts, new c(
+    r(this, k, new c(this, "--loop", !1));
+    r(this, At, new c(this, "--damping", 20));
+    r(this, Ot, new c(this, "--mass", 0));
+    r(this, Tt, new c(this, "--stiffness", 0));
+    r(this, Ht, new c(this, "--mouse-drag", !1));
+    r(this, ss, new c(
       this,
       "--section-distance-scale",
       0.5
     ));
-    i(this, N, new c(this, "--autoplay", 0));
-    i(this, Ht, new c(
+    r(this, G, new c(this, "--autoplay", 0));
+    r(this, Bt, new c(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    i(this, St, new c(
+    r(this, mt, new c(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    i(this, K, new c(this, "--classes", 0));
-    i(this, mt, new c(
+    r(this, K, new c(this, "--classes", 0));
+    r(this, St, new c(
       this,
       "--current-index-start-offset",
       0
     ));
-    i(this, Y, new c(
+    r(this, Y, new c(
       this,
       "--current-index-end-offset",
       0
     ));
-    i(this, bt, new c(this, "--focus-delay", 0));
-    i(this, $t, new c(
+    r(this, bt, new c(this, "--focus-delay", 0));
+    r(this, $t, new c(
       this,
       "--focus-duration",
       3e3
     ));
-    i(this, Bt, new c(this, "--disabled", !1));
-    i(this, Wt, new c(this, "--hibernated", !1));
-    i(this, m, null);
-    i(this, Ss, null);
-    i(this, l, []);
-    i(this, ms, 0);
-    i(this, bs, 0);
-    i(this, w, 0);
-    i(this, v, 0);
-    i(this, O, 0);
-    i(this, _, null);
-    i(this, gt, null);
-    i(this, tt, null);
-    i(this, V, null);
-    i(this, y, new Ft(0));
-    i(this, ss, 0);
-    i(this, vt, 0);
-    i(this, qt, !0);
-    i(this, Ut, !0);
-    i(this, es);
-    i(this, st, new Pe());
-    i(this, A, () => {
-      t(this, d).unlistenAnimationFrame();
-      const e = this.currentScrollValue / t(this, v) || 0, s = t(this, y).current;
-      if (r(this, ms, this.vertical ? ks(this) : Ds(this)), r(this, bs, this.vertical ? ks(t(this, m)) : Ds(t(this, m))), r(this, w, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, O, Ys.parse(
-        getComputedStyle(t(this, m)).rowGap
-      )) : r(this, O, Ys.parse(
-        getComputedStyle(t(this, m)).columnGap
-      )), t(this, dt).current && t(this, l).length) {
-        const h = t(this, G).current, a = (t(this, w) - t(this, O) * (h - 1)) / h;
+    r(this, Wt, new c(this, "--disabled", !1));
+    r(this, qt, new c(this, "--hibernated", !1));
+    r(this, p, null);
+    r(this, es, null);
+    r(this, l, []);
+    r(this, Ss, 0);
+    r(this, bs, 0);
+    r(this, E, 0);
+    r(this, v, 0);
+    r(this, A, 0);
+    r(this, _, null);
+    r(this, gt, null);
+    r(this, tt, null);
+    r(this, V, null);
+    r(this, y, new kt(0));
+    r(this, is, 0);
+    r(this, vt, 0);
+    r(this, Nt, !0);
+    r(this, Ut, !0);
+    r(this, rs);
+    r(this, st, new be());
+    r(this, O, () => {
+      t(this, f).unlistenAnimationFrame();
+      const s = this.currentScrollValue / t(this, v) || 0, e = t(this, y).current;
+      if (h(this, Ss, this.vertical ? ks(this) : Ds(this)), h(this, bs, this.vertical ? ks(t(this, p)) : Ds(t(this, p))), h(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, A, js.parse(
+        getComputedStyle(t(this, p)).rowGap
+      )) : h(this, A, js.parse(
+        getComputedStyle(t(this, p)).columnGap
+      )), t(this, ft).current && t(this, l).length) {
+        const i = t(this, U).current, a = (t(this, E) - t(this, A) * (i - 1)) / i;
         t(this, l).forEach((g) => {
           g.setSize(a);
         });
       } else
-        t(this, l).forEach((h) => {
-          h.setSize();
+        t(this, l).forEach((i) => {
+          i.setSize();
         });
-      if (t(this, l).forEach((h) => {
-        h.resize();
+      if (t(this, l).forEach((i) => {
+        i.resize();
       }), t(this, Q).current) {
-        r(this, v, t(this, w) * t(this, Q).current);
-        const h = t(this, v) + t(this, w);
-        this.vertical ? (t(this, m).style.width = h + "px", t(this, m).style.height = "100%") : (t(this, m).style.height = h + "px", t(this, m).style.width = "100%");
+        h(this, v, t(this, E) * t(this, Q).current);
+        const i = t(this, v) + t(this, E);
+        this.vertical ? (t(this, p).style.width = i + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = i + "px", t(this, p).style.width = "100%");
       } else
-        this.vertical ? (t(this, m).style.width = "100%", t(this, m).style.height = "max-content", r(this, v, t(this, m).offsetHeight - t(this, w))) : (t(this, m).style.width = "max-content", t(this, m).style.height = "100%", r(this, v, t(this, m).offsetWidth - t(this, w)));
-      if (!t(this, D).current) {
-        const h = getComputedStyle(this), a = this.vertical ? parseFloat(h.paddingBlockStart) + parseFloat(h.paddingBlockEnd) : parseFloat(h.paddingInlineStart) + parseFloat(h.paddingInlineEnd);
-        r(this, v, t(this, v) + a), t(this, d).max = t(this, v);
+        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", h(this, v, t(this, p).offsetHeight - t(this, E))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", h(this, v, t(this, p).offsetWidth - t(this, E)));
+      if (!t(this, k).current) {
+        const i = getComputedStyle(this), a = this.vertical ? parseFloat(i.paddingBlockStart) + parseFloat(i.paddingBlockEnd) : parseFloat(i.paddingInlineStart) + parseFloat(i.paddingInlineEnd);
+        h(this, v, t(this, v) + a), t(this, f).max = t(this, v);
       }
-      if (t(this, D).current && t(this, l).length) {
-        const h = t(this, l)[t(this, l).length - 1], a = h.position + h.size - t(this, w), g = t(this, v) - a;
-        r(this, vt, h.position + h.size + g);
+      if (t(this, k).current && t(this, l).length) {
+        const i = t(this, l)[t(this, l).length - 1], a = i.position + i.size - t(this, E), g = t(this, v) - a;
+        h(this, vt, i.position + i.size + g);
       } else
-        r(this, vt, t(this, v));
+        h(this, vt, t(this, v));
       if (t(this, X).current && t(this, l).length) {
-        const h = t(this, l)[s];
-        t(this, d).set(h.position, {
+        const i = t(this, l)[e];
+        t(this, f).set(i.position, {
           equalize: !0
         });
       } else
-        t(this, d).set(e * t(this, v), {
+        t(this, f).set(s * t(this, v), {
           equalize: !0
         });
     });
-    i(this, gs, () => {
-      const e = this.currentScrollValue;
-      if (r(this, ss, Math.max(0, e - t(this, v))), t(this, l).length) {
-        let s = 0;
-        for (let h = 0; h < t(this, l).length; h++) {
-          const a = t(this, l)[h];
-          a.transform(), this.targetScrollValue + a.size / 2 >= a.position && (s = h);
+    r(this, gs, () => {
+      const s = this.currentScrollValue;
+      if (h(this, is, Math.max(0, s - t(this, v))), t(this, l).length) {
+        let e = 0;
+        for (let i = 0; i < t(this, l).length; i++) {
+          const a = t(this, l)[i];
+          a.transform(), this.targetScrollValue + a.size / 2 >= a.position && (e = i);
         }
-        t(this, y).current = s;
+        t(this, y).current = e;
       } else
-        this.vertical ? t(this, m).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      Qt.update(
+        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${s * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${s * -1}px, 0px, 0px)`;
+      Xt.update(
         this,
-        t(this, k).current,
-        e
+        t(this, R).current,
+        s
       );
     });
-    i(this, is, (e, s) => {
-      t(this, Mt).current && (t(this, St).current && (t(this, V).pauseAndContinue(
-        t(this, Ht).current
-      ), t(this, V).direction = Math.sign(s) || 1), t(this, vs).call(this, e, s));
+    r(this, hs, (s, e) => {
+      t(this, Rt).current && (t(this, mt).current && (t(this, V).pauseAndContinue(
+        t(this, Bt).current
+      ), t(this, V).direction = Math.sign(e) || 1), t(this, vs).call(this, s, e));
     });
-    i(this, vs, (e, s) => {
+    r(this, vs, (s, e) => {
       if (t(this, J).current) {
-        if (t(this, J).current < 0 && s > 0)
+        if (t(this, J).current < 0 && e > 0)
           return;
-        if (t(this, J).current > 0 && s < 0)
+        if (t(this, J).current > 0 && e < 0)
           return;
       }
-      if (t(this, st).unlistenAnimationFrame(), !t(this, N).current && t(this, bt).current && (clearInterval(t(this, es)), r(this, es, setTimeout(() => {
-        const h = o(this, u, Us).call(this);
-        h && this.scrollToSection(h.index, {
+      if (t(this, st).unlistenAnimationFrame(), !t(this, G).current && t(this, bt).current && (clearInterval(t(this, rs)), h(this, rs, setTimeout(() => {
+        const i = o(this, u, qs).call(this);
+        i && this.scrollToSection(i.index, {
           tween: {
             duration: t(this, $t).current,
-            easing: ye
+            easing: me
           }
         });
-      }, t(this, bt).current))), !(e === "drag" && !ze.isMobile && !t(this, Tt).current))
+      }, t(this, bt).current))), !(s === "drag" && !Pe.isMobile && !t(this, Ht).current))
         if (t(this, X).current) {
-          const h = Math.sign(s);
-          t(this, l).length ? this.shiftSections(h) : t(this, d).shift(h * t(this, w));
+          const i = Math.sign(e);
+          t(this, l).length ? this.shiftSections(i) : t(this, f).shift(i * t(this, E));
         } else
-          t(this, d).shift(s);
+          t(this, f).shift(e);
     });
-    Ns && (r(this, d, new ie(0, {
-      damping: 0.01,
-      min: 0,
-      order: ee.SCROLL
-    })), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ie), _s(this, {
-      tabIndex: 0,
-      children: [
-        As({
-          class: "static",
-          children: [Is({ name: "static" })]
-        }),
-        As({
-          class: "content",
-          children: [Is({ ref: (s) => r(this, Ss, s) })],
-          style: {
-            flexDirection: new ve(
-              t(this, k),
-              (s) => s === "x" ? "row" : "column"
-            )
-          },
-          ref: (s) => r(this, m, s)
-        })
-      ]
-    }), r(this, _, new we({ element: t(this, m) })), t(this, _).changeEvent.subscribe(
-      t(this, is)
-    ), r(this, gt, new Ee({
-      element: this
-    })), t(this, gt).changeEvent.subscribe(
-      t(this, is)
-    ), r(this, tt, new xe({ element: t(this, m) })), t(this, tt).changeEvent.subscribe(t(this, is)), r(this, V, new Le({
-      culling: this
-    })), t(this, V).changeEvent.subscribe(t(this, vs)), t(this, k).subscribe(({ current: s }) => {
-      t(this, m).style.flexDirection = s === "x" ? "row" : "column", t(this, _).axis = t(this, pt).current ? "max" : s, t(this, gt).dimension = s === "x" ? "width" : "height", t(this, tt).axis = s, s === "x" ? this.style.touchAction = "pan-y" : s === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, A).call(this);
-    }), t(this, pt).subscribe((s) => {
-      t(this, _).axis = s.current ? "max" : t(this, k).current;
-    }), t(this, Q).subscribe(() => {
-      this.isConnected && t(this, A).call(this);
-    }), t(this, U).subscribe(({ current: s }) => {
-      this.isConnected && (s ? o(this, u, ds).call(this) : o(this, u, Yt).call(this));
-    }), t(this, X).subscribe((s) => {
-      t(this, _).debounce = s.current, t(this, tt).swipe = s.current, t(this, V).interval = s.current, this.isConnected && (s.current && !s.previous && !t(this, l).length ? o(this, u, ds).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, Yt).call(this));
-    }), t(this, dt).subscribe((s) => {
-      this.isConnected && (t(this, A).call(this), s.current && !s.previous && !t(this, l).length ? o(this, u, ds).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, Yt).call(this));
-    }), t(this, G).subscribe((s) => {
-      this.isConnected && (t(this, A).call(this), o(this, u, kt).call(this));
-    }), t(this, D).subscribe((s) => {
-      s.current ? (this.isConnected && (t(this, l).length || (t(this, U).current = !0)), t(this, l).length && (t(this, d).max = 1 / 0, t(this, d).min = -1 / 0)) : (r(this, ss, 0), t(this, d).max = t(this, v), t(this, d).min = 0);
-    }), t(this, Rt).subscribe((s) => {
-      t(this, d).damping = s.current;
-    }), t(this, Ot).subscribe((s) => {
-      t(this, d).mass = s.current;
-    }), t(this, At).subscribe((s) => {
-      t(this, d).stiffness = s.current;
-    }), t(this, Bt).subscribe((s) => {
-      s.current && !s.previous ? o(this, u, Hs).call(this) : !s.current && s.previous && o(this, u, $s).call(this);
-    }), t(this, Wt).subscribe((s) => {
-      s.current && !s.previous ? o(this, u, Bs).call(this) : !s.current && s.previous && o(this, u, Ws).call(this);
-    }), t(this, N).subscribe((s) => {
-      t(this, V).speed = s.current, s.current && !s.previous ? t(this, V).connect() : !s.current && s.previous && t(this, V).disconnect();
-    }), t(this, St).subscribe((s) => {
-      s.current || (t(this, V).direction = 1);
-    }), t(this, K).subscribe((s) => {
-      this.isConnected && o(this, u, kt).call(this);
-    }), t(this, mt).subscribe((s) => {
-      this.isConnected && t(this, K).current && o(this, u, kt).call(this);
-    }), t(this, Y).subscribe((s) => {
-      this.isConnected && t(this, K).current && o(this, u, kt).call(this);
-    }), t(this, d).isRunning.subscribe((s) => {
-      this.classList.toggle("active", s.current);
-    }), t(this, y).subscribe((s) => {
-      t(this, l).length && o(this, u, kt).call(this);
-    }), t(this, st).subscribe((s) => {
-      t(this, st).isRunning.current && t(this, d).set(s.current);
-    }));
+    if (Ms) {
+      h(this, f, new Ys(0, {
+        damping: 0.01,
+        min: 0,
+        order: Xs.SCROLL
+      }));
+      const s = this.attachShadow({ mode: "open" });
+      s.adoptedStyleSheets.push(Le), this.tabIndex = 0;
+      const e = document.createElement("div");
+      e.className = "static", e.innerHTML = '<slot name="static"></slot>', s.appendChild(e), h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, es, document.createElement("slot")), t(this, p).appendChild(t(this, es)), s.appendChild(t(this, p)), h(this, _, new ge({ element: t(this, p) })), t(this, _).changeEvent.subscribe(
+        t(this, hs)
+      ), h(this, gt, new ve({
+        element: this
+      })), t(this, gt).changeEvent.subscribe(
+        t(this, hs)
+      ), h(this, tt, new ye({ element: t(this, p) })), t(this, tt).changeEvent.subscribe(t(this, hs)), h(this, V, new Ce({
+        culling: this
+      })), t(this, V).changeEvent.subscribe(t(this, vs)), t(this, R).subscribe(({ current: i }) => {
+        t(this, p).style.flexDirection = i === "x" ? "row" : "column", t(this, _).axis = t(this, pt).current ? "max" : i, t(this, gt).dimension = i === "x" ? "width" : "height", t(this, tt).axis = i, i === "x" ? this.style.touchAction = "pan-y" : i === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, O).call(this);
+      }), t(this, pt).subscribe((i) => {
+        t(this, _).axis = i.current ? "max" : t(this, R).current;
+      }), t(this, Q).subscribe(() => {
+        this.isConnected && t(this, O).call(this);
+      }), t(this, N).subscribe(({ current: i }) => {
+        this.isConnected && (i ? o(this, u, ps).call(this) : o(this, u, ts).call(this));
+      }), t(this, X).subscribe((i) => {
+        t(this, _).debounce = i.current, t(this, tt).swipe = i.current, t(this, V).interval = i.current, this.isConnected && (i.current && !i.previous && !t(this, l).length ? o(this, u, ps).call(this) : !i.current && i.previous && t(this, l).length && o(this, u, ts).call(this));
+      }), t(this, ft).subscribe((i) => {
+        this.isConnected && (t(this, O).call(this), i.current && !i.previous && !t(this, l).length ? o(this, u, ps).call(this) : !i.current && i.previous && t(this, l).length && o(this, u, ts).call(this));
+      }), t(this, U).subscribe((i) => {
+        this.isConnected && (t(this, O).call(this), o(this, u, Dt).call(this));
+      }), t(this, k).subscribe((i) => {
+        i.current ? (this.isConnected && (t(this, l).length || (t(this, N).current = !0)), t(this, l).length && (t(this, f).max = 1 / 0, t(this, f).min = -1 / 0)) : (h(this, is, 0), t(this, f).max = t(this, v), t(this, f).min = 0);
+      }), t(this, At).subscribe((i) => {
+        t(this, f).damping = i.current;
+      }), t(this, Ot).subscribe((i) => {
+        t(this, f).mass = i.current;
+      }), t(this, Tt).subscribe((i) => {
+        t(this, f).stiffness = i.current;
+      }), t(this, Wt).subscribe((i) => {
+        i.current && !i.previous ? o(this, u, Ts).call(this) : !i.current && i.previous && o(this, u, Hs).call(this);
+      }), t(this, qt).subscribe((i) => {
+        i.current && !i.previous ? o(this, u, Bs).call(this) : !i.current && i.previous && o(this, u, $s).call(this);
+      }), t(this, G).subscribe((i) => {
+        t(this, V).speed = i.current, i.current && !i.previous ? t(this, V).connect() : !i.current && i.previous && t(this, V).disconnect();
+      }), t(this, mt).subscribe((i) => {
+        i.current || (t(this, V).direction = 1);
+      }), t(this, K).subscribe((i) => {
+        this.isConnected && o(this, u, Dt).call(this);
+      }), t(this, St).subscribe((i) => {
+        this.isConnected && t(this, K).current && o(this, u, Dt).call(this);
+      }), t(this, Y).subscribe((i) => {
+        this.isConnected && t(this, K).current && o(this, u, Dt).call(this);
+      }), t(this, f).isRunning.subscribe((i) => {
+        this.classList.toggle("active", i.current);
+      }), t(this, y).subscribe((i) => {
+        t(this, l).length && o(this, u, Dt).call(this);
+      }), t(this, st).subscribe((i) => {
+        t(this, st).isRunning.current && t(this, f).set(i.current);
+      });
+    }
   }
   get damped() {
-    return t(this, d);
+    return t(this, f);
   }
   get controlsCSSProperty() {
-    return t(this, Mt);
+    return t(this, Rt);
   }
   get axisCSSProperty() {
-    return t(this, k);
+    return t(this, R);
   }
   get directionCSSProperty() {
     return t(this, J);
@@ -387,52 +371,52 @@ class Ts extends HTMLElement {
     return t(this, Q);
   }
   get splitCSSProperty() {
-    return t(this, U);
+    return t(this, N);
   }
   get sectionalCSSProperty() {
     return t(this, X);
   }
   get autoSizeCSSProperty() {
-    return t(this, dt);
+    return t(this, ft);
   }
   get wheelMaxDeltaCSSProperty() {
     return t(this, pt);
   }
   get sectionsInViewCSSProperty() {
-    return t(this, G);
+    return t(this, U);
   }
   get loopCSSProperty() {
-    return t(this, D);
+    return t(this, k);
   }
   get dampingCSSProperty() {
-    return t(this, Rt);
+    return t(this, At);
   }
   get massCSSProperty() {
     return t(this, Ot);
   }
   get stiffnessCSSProperty() {
-    return t(this, At);
+    return t(this, Tt);
   }
   get mouseDragCSSProperty() {
-    return t(this, Tt);
+    return t(this, Ht);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, ts);
+    return t(this, ss);
   }
   get autoplayCSSProperty() {
-    return t(this, N);
+    return t(this, G);
   }
   get autoplayPauseDurationCSSProperty() {
-    return t(this, Ht);
+    return t(this, Bt);
   }
   get autoplayUserDirectionCSSProperty() {
-    return t(this, St);
+    return t(this, mt);
   }
   get classesCSSProperty() {
     return t(this, K);
   }
   get currentIndexStartOffsetCSSProperty() {
-    return t(this, mt);
+    return t(this, St);
   }
   get currentIndexEndOffsetCSSProperty() {
     return t(this, Y);
@@ -444,55 +428,55 @@ class Ts extends HTMLElement {
     return t(this, $t);
   }
   get disabledCSSProperty() {
-    return t(this, Bt);
+    return t(this, Wt);
   }
   get hibernatedCSSProperty() {
-    return t(this, Wt);
+    return t(this, qt);
   }
   get currentScrollValue() {
-    return o(this, u, qs).call(this, "current");
+    return o(this, u, Ws).call(this, "current");
   }
   get targetScrollValue() {
-    return o(this, u, qs).call(this, "target");
+    return o(this, u, Ws).call(this, "target");
   }
   get contentElement() {
-    return t(this, m);
+    return t(this, p);
   }
   get sections() {
     return t(this, l);
   }
   get position() {
-    return t(this, ms);
+    return t(this, Ss);
   }
   get contentPosition() {
     return t(this, bs);
   }
   get viewportSize() {
-    return t(this, w);
+    return t(this, E);
   }
   get scrollSize() {
     return t(this, v);
   }
   get gap() {
-    return t(this, O);
+    return t(this, A);
   }
   get counter() {
     return t(this, y);
   }
   get limit() {
-    return t(this, l).length - t(this, G).current;
+    return t(this, l).length - t(this, U).current;
   }
   get distance() {
     return t(this, vt);
   }
   get loopDistance() {
-    return t(this, D).current ? t(this, vt) + t(this, O) : t(this, vt);
+    return t(this, k).current ? t(this, vt) + t(this, A) : t(this, vt);
   }
   get overscroll() {
-    return t(this, ss);
+    return t(this, is);
   }
   get vertical() {
-    return t(this, k).current === "y";
+    return t(this, R).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / this.loopDistance || 0;
@@ -501,397 +485,380 @@ class Ts extends HTMLElement {
     return this.targetScrollValue / this.loopDistance || 0;
   }
   get scrollWidth() {
-    return t(this, k).current === "y" ? 0 : t(this, d).distance;
+    return t(this, R).current === "y" ? 0 : t(this, f).distance;
   }
   get scrollHeight() {
-    return t(this, k).current === "x" ? 0 : t(this, d).distance;
+    return t(this, R).current === "x" ? 0 : t(this, f).distance;
   }
-  onScroll(...e) {
-    return t(this, d).subscribe(...e);
+  onScroll(...s) {
+    return t(this, f).subscribe(...s);
   }
-  offScroll(...e) {
-    t(this, d).unsubscribe(...e);
+  offScroll(...s) {
+    t(this, f).unsubscribe(...s);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
-  range(e, s, h = 0) {
-    const a = e - h, g = a + s + h * 2;
+  range(s, e, i = 0) {
+    const a = s - i, g = a + e + i * 2;
     return this.currentProgress < a ? 0 : this.currentProgress > g ? 1 : (this.currentProgress - a) / (g - a);
   }
-  curve(e, s, h = 0) {
-    return Math.sin(this.range(e, s, h) * Math.PI);
+  curve(s, e, i = 0) {
+    return Math.sin(this.range(s, e, i) * Math.PI);
   }
-  visible(e, s, h = 0) {
-    const a = e - h, g = a + s + h * 2;
+  visible(s, e, i = 0) {
+    const a = s - i, g = a + e + i * 2;
     return this.currentProgress >= a && this.currentProgress <= g;
   }
-  scrollToSection(e, s) {
+  scrollToSection(s, e) {
     if (!t(this, l).length)
       return;
-    const h = t(this, y).current;
-    o(this, u, he).call(this, e);
-    const a = t(this, l)[h], g = t(this, l)[t(this, y).current];
+    const i = t(this, y).current;
+    o(this, u, se).call(this, s);
+    const a = t(this, l)[i], g = t(this, l)[t(this, y).current];
     if (a && g) {
-      let R = 0;
-      const Xt = o(this, u, Us).call(this), Se = Xt ? this.targetScrollValue - Xt.position : 0;
-      t(this, D).current ? t(this, y).current === 0 && h === t(this, l).length - 1 ? R = t(this, v) + t(this, w) - a.position + t(this, O) : t(this, y).current === t(this, l).length - 1 && h === 0 ? R = g.position - (t(this, v) + t(this, w) + t(this, O)) : R = g.position - a.position : R = g.position - a.position, this.shiftPosition(R - Se, s);
+      let M = 0;
+      const Yt = o(this, u, qs).call(this), ae = Yt ? this.targetScrollValue - Yt.position : 0;
+      t(this, k).current ? t(this, y).current === 0 && i === t(this, l).length - 1 ? M = t(this, v) + t(this, E) - a.position + t(this, A) : t(this, y).current === t(this, l).length - 1 && i === 0 ? M = g.position - (t(this, v) + t(this, E) + t(this, A)) : M = g.position - a.position : M = g.position - a.position, this.shiftPosition(M - ae, e);
     }
   }
-  shiftSections(e, s) {
-    t(this, l).length && this.scrollToSection(t(this, y).current + e, s);
+  shiftSections(s, e) {
+    t(this, l).length && this.scrollToSection(t(this, y).current + s, e);
   }
-  setPosition(e, s) {
-    s != null && s.tween ? (t(this, st).set(t(this, d).current, { equalize: !0 }), t(this, st).set(e, Xs({}, s.tween))) : t(this, d).set(e, {
-      equalize: (s == null ? void 0 : s.behaviour) === "instant"
+  setPosition(s, e) {
+    e != null && e.tween ? (t(this, st).set(t(this, f).current, { equalize: !0 }), t(this, st).set(s, Zs({}, e.tween))) : t(this, f).set(s, {
+      equalize: (e == null ? void 0 : e.behaviour) === "instant"
     });
   }
-  shiftPosition(e, s) {
-    this.setPosition(t(this, d).target + e, s);
+  shiftPosition(s, e) {
+    this.setPosition(t(this, f).target + s, e);
   }
   connectedCallback() {
-    t(this, Mt).observe(), t(this, k).observe(), t(this, J).observe(), t(this, Q).observe(), t(this, U).observe(), t(this, X).observe(), t(this, dt).observe(), t(this, pt).observe(), t(this, G).observe(), t(this, D).observe(), t(this, Rt).observe(), t(this, Ot).observe(), t(this, At).observe(), t(this, Tt).observe(), t(this, ts).observe(), t(this, N).observe(), t(this, N).observe(), t(this, Ht).observe(), t(this, St).observe(), t(this, K).observe(), t(this, mt).observe(), t(this, Y).observe(), t(this, bt).observe(), t(this, $t).observe(), t(this, Bt).observe(), t(this, Wt).observe(), o(this, u, Ws).call(this);
+    t(this, Rt).observe(), t(this, R).observe(), t(this, J).observe(), t(this, Q).observe(), t(this, N).observe(), t(this, X).observe(), t(this, ft).observe(), t(this, pt).observe(), t(this, U).observe(), t(this, k).observe(), t(this, At).observe(), t(this, Ot).observe(), t(this, Tt).observe(), t(this, Ht).observe(), t(this, ss).observe(), t(this, G).observe(), t(this, G).observe(), t(this, Bt).observe(), t(this, mt).observe(), t(this, K).observe(), t(this, St).observe(), t(this, Y).observe(), t(this, bt).observe(), t(this, $t).observe(), t(this, Wt).observe(), t(this, qt).observe(), o(this, u, $s).call(this);
   }
   disconnectedCallback() {
-    t(this, Mt).unobserve(), t(this, k).unobserve(), t(this, J).unobserve(), t(this, Q).unobserve(), t(this, U).unobserve(), t(this, X).unobserve(), t(this, dt).unobserve(), t(this, pt).unobserve(), t(this, G).unobserve(), t(this, D).unobserve(), t(this, Rt).unobserve(), t(this, Ot).unobserve(), t(this, At).unobserve(), t(this, Tt).unobserve(), t(this, ts).unobserve(), t(this, N).unobserve(), t(this, Ht).unobserve(), t(this, St).unobserve(), t(this, K).unobserve(), t(this, mt).unobserve(), t(this, Y).unobserve(), t(this, bt).unobserve(), t(this, $t).unobserve(), t(this, Bt).unobserve(), t(this, Wt).unobserve(), o(this, u, Bs).call(this);
+    t(this, Rt).unobserve(), t(this, R).unobserve(), t(this, J).unobserve(), t(this, Q).unobserve(), t(this, N).unobserve(), t(this, X).unobserve(), t(this, ft).unobserve(), t(this, pt).unobserve(), t(this, U).unobserve(), t(this, k).unobserve(), t(this, At).unobserve(), t(this, Ot).unobserve(), t(this, Tt).unobserve(), t(this, Ht).unobserve(), t(this, ss).unobserve(), t(this, G).unobserve(), t(this, Bt).unobserve(), t(this, mt).unobserve(), t(this, K).unobserve(), t(this, St).unobserve(), t(this, Y).unobserve(), t(this, bt).unobserve(), t(this, $t).unobserve(), t(this, Wt).unobserve(), t(this, qt).unobserve(), o(this, u, Bs).call(this);
   }
 }
-d = new WeakMap(), Mt = new WeakMap(), k = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), U = new WeakMap(), X = new WeakMap(), dt = new WeakMap(), pt = new WeakMap(), G = new WeakMap(), D = new WeakMap(), Rt = new WeakMap(), Ot = new WeakMap(), At = new WeakMap(), Tt = new WeakMap(), ts = new WeakMap(), N = new WeakMap(), Ht = new WeakMap(), St = new WeakMap(), K = new WeakMap(), mt = new WeakMap(), Y = new WeakMap(), bt = new WeakMap(), $t = new WeakMap(), Bt = new WeakMap(), Wt = new WeakMap(), m = new WeakMap(), Ss = new WeakMap(), l = new WeakMap(), ms = new WeakMap(), bs = new WeakMap(), w = new WeakMap(), v = new WeakMap(), O = new WeakMap(), _ = new WeakMap(), gt = new WeakMap(), tt = new WeakMap(), V = new WeakMap(), y = new WeakMap(), ss = new WeakMap(), vt = new WeakMap(), qt = new WeakMap(), Ut = new WeakMap(), es = new WeakMap(), st = new WeakMap(), u = new WeakSet(), ds = function() {
-  o(this, u, Yt).call(this), t(this, Ss).assignedElements().forEach((e, s) => {
-    e instanceof HTMLElement && t(this, l).push(new De(e, s, this));
-  }), t(this, m).style.transform = "", this.dispatchEvent(
+f = new WeakMap(), Rt = new WeakMap(), R = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), N = new WeakMap(), X = new WeakMap(), ft = new WeakMap(), pt = new WeakMap(), U = new WeakMap(), k = new WeakMap(), At = new WeakMap(), Ot = new WeakMap(), Tt = new WeakMap(), Ht = new WeakMap(), ss = new WeakMap(), G = new WeakMap(), Bt = new WeakMap(), mt = new WeakMap(), K = new WeakMap(), St = new WeakMap(), Y = new WeakMap(), bt = new WeakMap(), $t = new WeakMap(), Wt = new WeakMap(), qt = new WeakMap(), p = new WeakMap(), es = new WeakMap(), l = new WeakMap(), Ss = new WeakMap(), bs = new WeakMap(), E = new WeakMap(), v = new WeakMap(), A = new WeakMap(), _ = new WeakMap(), gt = new WeakMap(), tt = new WeakMap(), V = new WeakMap(), y = new WeakMap(), is = new WeakMap(), vt = new WeakMap(), Nt = new WeakMap(), Ut = new WeakMap(), rs = new WeakMap(), st = new WeakMap(), u = new WeakSet(), ps = function() {
+  o(this, u, ts).call(this), t(this, es).assignedElements().forEach((s, e) => {
+    s instanceof HTMLElement && t(this, l).push(new xe(s, e, this));
+  }), t(this, p).style.transform = "", this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
-  ), t(this, A).call(this), o(this, u, kt).call(this);
-}, Yt = function() {
-  t(this, l).forEach((e) => {
-    e.destroy();
-  }), r(this, l, []), t(this, y).current = 0, t(this, d).reset(), this.dispatchEvent(
+  ), t(this, O).call(this), o(this, u, Dt).call(this);
+}, ts = function() {
+  t(this, l).forEach((s) => {
+    s.destroy();
+  }), h(this, l, []), t(this, y).current = 0, t(this, f).reset(), this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
   );
+}, Ts = function() {
+  t(this, Nt) || (h(this, Nt, !0), t(this, f).unsubscribe(t(this, gs)), t(this, f).unlistenAnimationFrame(), t(this, _).disconnect(), t(this, gt).disconnect(), t(this, tt).disconnect(), t(this, V).disconnect(), clearInterval(t(this, rs)), t(this, st).unlistenAnimationFrame());
 }, Hs = function() {
-  t(this, qt) || (r(this, qt, !0), t(this, d).unsubscribe(t(this, gs)), t(this, d).unlistenAnimationFrame(), t(this, _).disconnect(), t(this, gt).disconnect(), t(this, tt).disconnect(), t(this, V).disconnect(), clearInterval(t(this, es)), t(this, st).unlistenAnimationFrame());
-}, $s = function() {
-  t(this, qt) && (r(this, qt, !1), t(this, d).subscribe(t(this, gs)), t(this, _).connect(), t(this, gt).connect(), t(this, tt).connect(), t(this, N).current && t(this, V).connect());
+  t(this, Nt) && (h(this, Nt, !1), t(this, f).subscribe(t(this, gs)), t(this, _).connect(), t(this, gt).connect(), t(this, tt).connect(), t(this, G).current && t(this, V).connect());
 }, Bs = function() {
-  t(this, Ut) || (r(this, Ut, !0), fs.unsubscribe(t(this, A)), Ms.unsubscribe(t(this, A)), t(this, d).reset(), o(this, u, Hs).call(this), t(this, m).style.transform = "", t(this, U).current && o(this, u, Yt).call(this), Qt.unregister(this));
-}, Ws = function() {
-  t(this, Ut) && (r(this, Ut, !1), t(this, U).current && o(this, u, ds).call(this), Qt.register(this), fs.subscribe(t(this, A), Ks.SCROLL), Ms.subscribe(this, t(this, A)), o(this, u, $s).call(this));
-}, A = new WeakMap(), gs = new WeakMap(), he = function(e) {
-  t(this, D).current ? (t(this, y).current = e % t(this, l).length, t(this, y).current = t(this, y).current < 0 ? t(this, l).length + t(this, y).current : t(this, y).current) : t(this, y).current = se(e, 0, this.limit);
-}, is = new WeakMap(), vs = new WeakMap(), qs = function(e = "current") {
-  if (t(this, D).current && t(this, l).length) {
-    const s = t(this, d)[e] % (t(this, v) + t(this, w) + t(this, O));
-    return s < 0 ? t(this, v) + s + t(this, w) + t(this, O) : s;
+  t(this, Ut) || (h(this, Ut, !0), fs.unsubscribe(t(this, O)), Is.unsubscribe(t(this, O)), t(this, f).reset(), o(this, u, Ts).call(this), t(this, p).style.transform = "", t(this, N).current && o(this, u, ts).call(this), Xt.unregister(this));
+}, $s = function() {
+  t(this, Ut) && (h(this, Ut, !1), t(this, N).current && o(this, u, ps).call(this), Xt.register(this), fs.subscribe(t(this, O), Us.SCROLL), Is.subscribe(this, t(this, O)), o(this, u, Hs).call(this));
+}, O = new WeakMap(), gs = new WeakMap(), se = function(s) {
+  t(this, k).current ? (t(this, y).current = s % t(this, l).length, t(this, y).current = t(this, y).current < 0 ? t(this, l).length + t(this, y).current : t(this, y).current) : t(this, y).current = Qs(s, 0, this.limit);
+}, hs = new WeakMap(), vs = new WeakMap(), Ws = function(s = "current") {
+  if (t(this, k).current && t(this, l).length) {
+    const e = t(this, f)[s] % (t(this, v) + t(this, E) + t(this, A));
+    return e < 0 ? t(this, v) + e + t(this, E) + t(this, A) : e;
   } else
-    return t(this, d)[e];
-}, kt = function() {
+    return t(this, f)[s];
+}, Dt = function() {
   if (t(this, K).current && t(this, l).length) {
-    const e = t(this, y).current + t(this, mt).current;
-    e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end");
-    const s = t(this, G).current + t(this, Y).current;
-    t(this, l).forEach((h, a) => {
-      const g = e - this.limit - 1 + t(this, Y).current, R = e + s, Xt = this.sections.length - R;
-      a >= e && a < R || a <= g ? h.mark("current") : a >= R && a < R + Xt / 2 || a <= g + s ? h.mark("next") : h.mark("previous");
+    const s = t(this, y).current + t(this, St).current;
+    s === 0 ? this.classList.add("start") : this.classList.remove("start"), s === this.limit ? this.classList.add("end") : this.classList.remove("end");
+    const e = t(this, U).current + t(this, Y).current;
+    t(this, l).forEach((i, a) => {
+      const g = s - this.limit - 1 + t(this, Y).current, M = s + e, Yt = this.sections.length - M;
+      a >= s && a < M || a <= g ? i.mark("current") : a >= M && a < M + Yt / 2 || a <= g + e ? i.mark("next") : i.mark("previous");
     });
   }
-}, Us = function() {
-  let e = null, s = 1 / 0;
-  for (let h = 0; h < t(this, l).length; h++) {
-    const a = Math.abs(t(this, l)[h].position - this.targetScrollValue);
-    a < s && (s = a, e = h);
+}, qs = function() {
+  let s = null, e = 1 / 0;
+  for (let i = 0; i < t(this, l).length; i++) {
+    const a = Math.abs(t(this, l)[i].position - this.targetScrollValue);
+    a < e && (e = a, s = i);
   }
-  return e !== null ? t(this, l)[e] : null;
+  return s !== null ? t(this, l)[s] : null;
 };
-customElements.get("e-scroll") || customElements.define("e-scroll", Ts);
+customElements.get("e-scroll") || customElements.define("e-scroll", Os);
 var ys;
 class Rs extends HTMLElement {
   constructor() {
     super(...arguments);
-    i(this, ys, null);
+    r(this, ys, null);
   }
   get scrollElement() {
     return t(this, ys);
   }
   connectedCallback() {
-    const e = ke(this, Ts);
-    e instanceof Ts ? r(this, ys, e) : console.error(this, "e-scroll not found");
+    const s = we(this, Os);
+    s instanceof Os ? h(this, ys, s) : console.error(this, "e-scroll not found");
   }
 }
 ys = new WeakMap();
-const Me = Zs({
-  ":host": {
-    display: "inline-block",
-    zIndex: "1",
-    backgroundColor: te.colorFont.var
-  },
-  ':host([axis="y"])': {
-    position: "absolute",
-    right: "0",
-    top: "0",
-    width: "1vmin",
-    height: "100%"
-  },
-  ':host([axis="x"])': {
-    position: "absolute",
-    left: "0",
-    bottom: "0",
-    width: "100%",
-    height: "1vmin"
-  },
-  ".default-thumb": {
-    backgroundColor: te.colorMain.var,
-    borderRadius: "1vmin",
-    touchAction: "none"
-  },
-  "::slotted(*)": {
-    touchAction: "none"
-  }
-});
-var rs, I, et, it, hs, ns, Gt, Cs, Ps, ws;
-class Re extends Rs {
+var yt, D, et, it, ns, os, Gt, Cs, Ps, Es;
+class Ve extends Rs {
   constructor() {
     super();
-    i(this, rs, null);
-    i(this, I, null);
-    i(this, et, !1);
-    i(this, it, 0);
-    i(this, hs, 0);
-    i(this, ns, 0);
-    i(this, Gt, () => {
-      r(this, et, this.offsetWidth > this.offsetHeight);
-      const e = t(this, et) ? this.offsetWidth : this.offsetHeight;
-      r(this, it, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, it, Math.max(t(this, it), 30)), t(this, et) ? (t(this, I).style.width = t(this, it) + "px", t(this, I).style.height = "100%") : (t(this, I).style.width = "100%", t(this, I).style.height = t(this, it) + "px"), r(this, hs, e - t(this, it)), this.scrollElement.scrollSize || (this.style.display = "none");
+    r(this, yt, null);
+    r(this, D, null);
+    r(this, et, !1);
+    r(this, it, 0);
+    r(this, ns, 0);
+    r(this, os, 0);
+    r(this, Gt, () => {
+      h(this, et, this.offsetWidth > this.offsetHeight);
+      const s = t(this, et) ? this.offsetWidth : this.offsetHeight;
+      h(this, it, s / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / s)), h(this, it, Math.max(t(this, it), 30)), t(this, et) ? (t(this, D).style.width = t(this, it) + "px", t(this, D).style.height = "100%") : (t(this, D).style.width = "100%", t(this, D).style.height = t(this, it) + "px"), h(this, ns, s - t(this, it)), this.scrollElement.scrollSize || (this.style.display = "none");
     });
-    i(this, Cs, () => {
-      r(this, ns, this.scrollElement.currentProgress * t(this, hs)), t(this, et) ? t(this, I).style.transform = `translate3d(${t(this, ns)}px, 0px, 0px)` : t(this, I).style.transform = `translate3d(0px, ${t(this, ns)}px, 0px)`;
+    r(this, Cs, () => {
+      h(this, os, this.scrollElement.currentProgress * t(this, ns)), t(this, et) ? t(this, D).style.transform = `translate3d(${t(this, os)}px, 0px, 0px)` : t(this, D).style.transform = `translate3d(0px, ${t(this, os)}px, 0px)`;
     });
-    i(this, Ps, () => {
+    r(this, Ps, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    i(this, ws, (e) => {
-      document.documentElement.classList.add("grabbing"), Fe(
+    r(this, Es, (s) => {
+      document.documentElement.classList.add("grabbing"), Ee(
         (a) => {
-          const g = t(this, et) ? a.x : a.y, R = this.scrollElement.distance / t(this, hs), Xt = (g - h) * R;
-          this.scrollElement.setPosition(s + Xt);
+          const g = t(this, et) ? a.x : a.y, M = this.scrollElement.distance / t(this, ns), Yt = (g - i) * M;
+          this.scrollElement.setPosition(e + Yt);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const s = this.scrollElement.targetScrollValue, h = t(this, et) ? e.x : e.y;
+      const e = this.scrollElement.damped.target, i = t(this, et) ? s.x : s.y;
     });
-    Ns && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Me), _s(this, {
-      slot: "static",
-      "drag-dead-zone": "",
-      children: [
-        Is({
-          ref: (s) => r(this, rs, s),
-          children: As({ class: "default-thumb" })
+    if (Ms) {
+      const s = this.attachShadow({ mode: "open" });
+      s.adoptedStyleSheets.push(
+        Js({
+          ":host": {
+            display: "inline-block",
+            zIndex: "1",
+            backgroundColor: "#ebebeb"
+          },
+          ':host([axis="y"])': {
+            position: "absolute",
+            right: "0",
+            top: "0",
+            width: "1vmin",
+            height: "100%"
+          },
+          ':host([axis="x"])': {
+            position: "absolute",
+            left: "0",
+            bottom: "0",
+            width: "100%",
+            height: "1vmin"
+          },
+          ".default-thumb": {
+            backgroundColor: "black",
+            borderRadius: "0.3vmin",
+            touchAction: "none"
+          },
+          "::slotted(*)": {
+            touchAction: "none"
+          }
         })
-      ]
-    }));
+      ), this.setAttribute("drag-dead-zone", ""), h(this, yt, document.createElement("slot")), t(this, yt).innerHTML = '<div class="default-thumb"></div>', s.appendChild(t(this, yt));
+    }
   }
   get thumbElement() {
-    return t(this, I);
+    return t(this, D);
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = t(this, rs).assignedElements()[0] || t(this, rs).firstElementChild;
-    r(this, I, e), t(this, I).addEventListener("pointerdown", t(this, ws)), fs.subscribe(t(this, Gt), Ks.SCROLL + 1), Ms.subscribe(this, t(this, Gt)), this.scrollElement.onScroll(t(this, Cs)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ps));
+    const s = t(this, yt).assignedElements()[0] || t(this, yt).firstElementChild;
+    h(this, D, s), t(this, D).addEventListener("pointerdown", t(this, Es)), fs.subscribe(t(this, Gt), Us.SCROLL + 1), Is.subscribe(this, t(this, Gt)), this.scrollElement.onScroll(t(this, Cs)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ps));
   }
   disconnectedCallback() {
-    t(this, I).removeEventListener("pointerdown", t(this, ws)), fs.unsubscribe(t(this, Gt)), Ms.unsubscribe(t(this, Gt)), this.scrollElement.offScroll(t(this, Cs)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ps));
+    t(this, D).removeEventListener("pointerdown", t(this, Es)), fs.unsubscribe(t(this, Gt)), Is.unsubscribe(t(this, Gt)), this.scrollElement.offScroll(t(this, Cs)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ps));
   }
 }
-rs = new WeakMap(), I = new WeakMap(), et = new WeakMap(), it = new WeakMap(), hs = new WeakMap(), ns = new WeakMap(), Gt = new WeakMap(), Cs = new WeakMap(), Ps = new WeakMap(), ws = new WeakMap();
-customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Re);
-const Oe = Zs({
-  button: {
-    all: "inherit"
-  }
-});
-class ne extends Rs {
+yt = new WeakMap(), D = new WeakMap(), et = new WeakMap(), it = new WeakMap(), ns = new WeakMap(), os = new WeakMap(), Gt = new WeakMap(), Cs = new WeakMap(), Ps = new WeakMap(), Es = new WeakMap();
+customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Ve);
+class ee extends Rs {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Oe), Ns && _s(this, {
-      children: [
-        Ve({
-          onClick: () => {
-            this.handleClick();
-          },
-          children: [Is()]
-        })
-      ]
+    super(), Ms && this.addEventListener("click", () => {
+      this.handleClick();
     });
   }
 }
-class Ae extends ne {
+class ze extends ee {
   handleClick() {
-    const n = this.getAttribute("index"), e = this.getAttribute("behaviour");
-    this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: e });
+    const n = this.getAttribute("index"), s = this.getAttribute("behaviour");
+    this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: s });
   }
 }
-customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Ae);
-class Te extends ne {
+customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", ze);
+class Fe extends ee {
   handleClick() {
-    const n = this.getAttribute("step"), e = this.getAttribute("behaviour");
-    this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: e });
+    const n = this.getAttribute("step"), s = this.getAttribute("behaviour");
+    this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: s });
   }
 }
-customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", Te);
-var rt, yt, os, Es, xs, cs;
-class He {
-  constructor(n, e, s) {
-    i(this, rt);
-    i(this, yt);
-    i(this, os);
-    i(this, Es);
-    i(this, xs, () => {
-      t(this, yt).scrollToSection(t(this, os), {
-        behaviour: t(this, Es)
+customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", Fe);
+var rt, Ct, cs, ws, xs, ls;
+class ke {
+  constructor(n, s, e) {
+    r(this, rt, null);
+    r(this, Ct, null);
+    r(this, cs, null);
+    r(this, ws, null);
+    r(this, xs, () => {
+      t(this, Ct).scrollToSection(t(this, cs), {
+        behaviour: t(this, ws)
       });
     });
-    i(this, cs, () => {
+    r(this, ls, () => {
       t(this, rt).classList.toggle(
         "current",
-        t(this, yt).counter.current === t(this, os)
+        t(this, Ct).counter.current === t(this, cs)
       );
     });
-    r(this, rt, document.createElement("button")), r(this, yt, n), r(this, Es, s), r(this, os, e), t(this, rt).addEventListener("click", t(this, xs)), t(this, yt).counter.subscribe(t(this, cs)), t(this, cs).call(this);
+    Ms && (h(this, rt, document.createElement("button")), h(this, Ct, n), h(this, ws, e), h(this, cs, s), t(this, rt).addEventListener("click", t(this, xs)), t(this, Ct).counter.subscribe(t(this, ls)), t(this, ls).call(this));
   }
   get element() {
     return t(this, rt);
   }
   destroy() {
-    t(this, rt).removeEventListener("click", t(this, xs)), t(this, yt).counter.unsubscribe(t(this, cs)), t(this, rt).remove();
+    t(this, rt).removeEventListener("click", t(this, xs)), t(this, Ct).counter.unsubscribe(t(this, ls)), t(this, rt).remove();
   }
 }
-rt = new WeakMap(), yt = new WeakMap(), os = new WeakMap(), Es = new WeakMap(), xs = new WeakMap(), cs = new WeakMap();
-var Ct, ls;
-class $e extends Rs {
+rt = new WeakMap(), Ct = new WeakMap(), cs = new WeakMap(), ws = new WeakMap(), xs = new WeakMap(), ls = new WeakMap();
+var Pt, us;
+class De extends Rs {
   constructor() {
     super(...arguments);
-    i(this, Ct, []);
-    i(this, ls, re(() => {
-      t(this, Ct).forEach((e) => e.destroy()), r(this, Ct, []);
-      for (let e = 0; e < this.scrollElement.sections.length; e++) {
-        const s = new He(
+    r(this, Pt, []);
+    r(this, us, te(() => {
+      t(this, Pt).forEach((s) => s.destroy()), h(this, Pt, []);
+      for (let s = 0; s < this.scrollElement.sections.length; s++) {
+        const e = new ke(
           this.scrollElement,
-          e,
+          s,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(s.element), t(this, Ct).push(s);
+        this.appendChild(e.element), t(this, Pt).push(e);
       }
     }, 0));
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, ls)
-    ), t(this, ls).call(this);
+      t(this, us)
+    ), t(this, us).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      t(this, ls)
-    ), t(this, Ct).forEach((e) => e.destroy()), r(this, Ct, []);
+      t(this, us)
+    ), t(this, Pt).forEach((s) => s.destroy()), h(this, Pt, []);
   }
 }
-Ct = new WeakMap(), ls = new WeakMap();
-customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", $e);
-var Nt, Kt, _t, Zt, Pt, wt, Et, xt, z, T, H, $, Lt, E, ht, nt, ot, ct, lt, x, B, W, ut, at, Z, Ls, p, jt, Jt, Vs, L, Vt, M, F, q, us, zt, P, S, oe, ce, le, ue, ae, fe, zs, as, Dt, de, pe, Gs, Fs;
-class Be extends Rs {
+Pt = new WeakMap(), us = new WeakMap();
+customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", De);
+var Kt, _t, Zt, jt, Et, wt, xt, Lt, z, T, H, B, Vt, w, ht, nt, ot, ct, lt, x, $, W, ut, at, Z, Ls, m, Jt, Qt, Vs, L, zt, I, F, q, as, Ft, P, S, ie, re, he, ne, oe, ce, zs, ds, It, le, ue, Ns, Fs;
+class Ie extends Rs {
   constructor() {
     super();
-    i(this, S);
-    i(this, Nt, new c(this, "--damping", 20));
-    i(this, Kt, new c(this, "--mass", 0));
-    i(this, _t, new c(this, "--stiffness", 0));
-    i(this, Zt, new c(this, "--target", ""));
-    i(this, Pt, new c(this, "--disabled", !1));
-    i(this, wt, new c(
+    r(this, S);
+    r(this, Kt, new c(this, "--damping", 20));
+    r(this, _t, new c(this, "--mass", 0));
+    r(this, Zt, new c(this, "--stiffness", 0));
+    r(this, jt, new c(this, "--target", ""));
+    r(this, Et, new c(this, "--disabled", !1));
+    r(this, wt, new c(
       this,
       "--distance-offset",
       0,
       { rawValueCheck: !1 }
     ));
-    i(this, Et, new c(this, "--start-offset", 0, {
+    r(this, xt, new c(this, "--start-offset", 0, {
       rawValueCheck: !1
     }));
-    i(this, xt, new c(
+    r(this, Lt, new c(
       this,
       "--capture-once",
       !1
     ));
-    i(this, z, new c(this, "--captured", ""));
-    i(this, T, new c(this, "--released", ""));
-    i(this, H, new c(
+    r(this, z, new c(this, "--captured", ""));
+    r(this, T, new c(this, "--released", ""));
+    r(this, H, new c(
       this,
       "--captured-from-start",
       ""
     ));
-    i(this, $, new c(
+    r(this, B, new c(
       this,
       "--captured-from-finish",
       ""
     ));
-    i(this, Lt, new c(
+    r(this, Vt, new c(
       this,
       "--released-from-start",
       ""
     ));
-    i(this, E, new c(
+    r(this, w, new c(
       this,
       "--released-from-finish",
       ""
     ));
-    i(this, ht, new c(this, "--passed-var", ""));
-    i(this, nt, new c(this, "--progress-var", ""));
-    i(this, ot, new c(this, "--distance-var", ""));
-    i(this, ct, new c(this, "--start-var", ""));
-    i(this, lt, new c(this, "--finish-var", ""));
-    i(this, x, new Ft(!1));
-    i(this, B, new Ft(!1));
-    i(this, W, new Ft(!1));
-    i(this, ut, new Ft(!1));
-    i(this, at, new Ft(!1));
-    i(this, Z, new Ft(!1));
-    i(this, Ls, []);
-    i(this, p, this);
-    i(this, jt, 0);
-    i(this, Jt, 0);
-    i(this, Vs, 0);
-    i(this, L, new ie(0, { order: ee.SCROLL - 1, min: 0, max: 1 }));
-    i(this, Vt, 0);
-    i(this, M, 0);
-    i(this, F, 0);
-    i(this, q, 0);
-    i(this, us, !1);
-    i(this, zt, !1);
-    i(this, P, !0);
-    i(this, zs, () => {
-      t(this, P) || (this.resize(), t(this, as).call(this));
+    r(this, ht, new c(this, "--passed-var", ""));
+    r(this, nt, new c(this, "--progress-var", ""));
+    r(this, ot, new c(this, "--distance-var", ""));
+    r(this, ct, new c(this, "--start-var", ""));
+    r(this, lt, new c(this, "--finish-var", ""));
+    r(this, x, new kt(!1));
+    r(this, $, new kt(!1));
+    r(this, W, new kt(!1));
+    r(this, ut, new kt(!1));
+    r(this, at, new kt(!1));
+    r(this, Z, new kt(!1));
+    r(this, Ls, []);
+    r(this, m, this);
+    r(this, Jt, 0);
+    r(this, Qt, 0);
+    r(this, Vs, 0);
+    r(this, L, new Ys(0, { order: Xs.SCROLL - 1, min: 0, max: 1 }));
+    r(this, zt, 0);
+    r(this, I, 0);
+    r(this, F, 0);
+    r(this, q, 0);
+    r(this, as, !1);
+    r(this, Ft, !1);
+    r(this, P, !0);
+    r(this, zs, () => {
+      t(this, P) || (this.resize(), t(this, ds).call(this));
     });
-    i(this, as, () => {
-      !t(this, P) && t(this, us) && this.tick();
+    r(this, ds, () => {
+      !t(this, P) && t(this, as) && this.tick();
     });
-    i(this, Fs, re(() => {
-      const e = Qt.getAll(this).reverse();
-      let s = 0;
-      e.forEach((h, a) => {
-        h.element === this.scrollElement && (s = a);
-      }), r(this, Ls, e.slice(s + 1));
+    r(this, Fs, te(() => {
+      const s = Xt.getAll(this).reverse();
+      let e = 0;
+      s.forEach((i, a) => {
+        i.element === this.scrollElement && (e = a);
+      }), h(this, Ls, s.slice(e + 1));
     }, 0));
   }
   get distanceOffsetCSSProperty() {
     return t(this, wt);
   }
   get startOffsetCSSProperty() {
-    return t(this, Et);
+    return t(this, xt);
   }
   get captureOnceCSSProperty() {
-    return t(this, xt);
+    return t(this, Lt);
   }
   get capturedCSSProperty() {
     return t(this, z);
@@ -903,13 +870,13 @@ class Be extends Rs {
     return t(this, H);
   }
   get capturedFromFinishCSSProperty() {
-    return t(this, $);
+    return t(this, B);
   }
   get releasedFromStartCSSProperty() {
-    return t(this, Lt);
+    return t(this, Vt);
   }
   get releasedFromFinishCSSProperty() {
-    return t(this, E);
+    return t(this, w);
   }
   get passedVarCSSProperty() {
     return t(this, ht);
@@ -927,25 +894,25 @@ class Be extends Rs {
     return t(this, lt);
   }
   get disabledCSSProperty() {
-    return t(this, Pt);
+    return t(this, Et);
   }
   get dampingCSSProperty() {
-    return t(this, Nt);
+    return t(this, Kt);
   }
   get massCSSProperty() {
-    return t(this, Kt);
+    return t(this, _t);
   }
   get stiffnessCSSProperty() {
-    return t(this, _t);
+    return t(this, Zt);
   }
   get targetCSSProperty() {
-    return t(this, Zt);
+    return t(this, jt);
   }
   get isCaptured() {
     return t(this, x);
   }
   get isReleased() {
-    return t(this, B);
+    return t(this, $);
   }
   get isCapturedFromStart() {
     return t(this, W);
@@ -960,19 +927,19 @@ class Be extends Rs {
     return t(this, Z);
   }
   get directionPosition() {
-    return t(this, jt);
+    return t(this, Jt);
   }
   get directionSize() {
-    return t(this, Jt);
+    return t(this, Qt);
   }
   get passed() {
     return t(this, L);
   }
   get progress() {
-    return t(this, Vt);
+    return t(this, zt);
   }
   get start() {
-    return t(this, M);
+    return t(this, I);
   }
   get finish() {
     return t(this, q);
@@ -981,151 +948,151 @@ class Be extends Rs {
     return t(this, F);
   }
   get isCapturedOnce() {
-    return t(this, zt);
+    return t(this, Ft);
   }
   get isDisabled() {
     return t(this, P);
   }
   resize() {
-    r(this, Jt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, jt, this.scrollElement.vertical ? ks(this, this.scrollElement) : Ds(this, this.scrollElement)), r(this, M, this.getStart()), r(this, F, this.getDistance()), r(this, M, t(this, M) + t(this, Et).current), r(this, F, t(this, F) + t(this, wt).current), r(this, q, t(this, M) + t(this, F)), this.scrollElement.currentScrollValue > t(this, q) && !t(this, x).current && !t(this, B).current && (t(this, x).current = !0), this.setVar(t(this, ct).current, t(this, M)), this.setVar(t(this, lt).current, t(this, q)), this.setVar(t(this, ot).current, t(this, F)), t(this, L).max = t(this, F), r(this, us, !0);
+    h(this, Qt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), h(this, Jt, this.scrollElement.vertical ? ks(this, this.scrollElement) : Ds(this, this.scrollElement)), h(this, I, this.getStart()), h(this, F, this.getDistance()), h(this, I, t(this, I) + t(this, xt).current), h(this, F, t(this, F) + t(this, wt).current), h(this, q, t(this, I) + t(this, F)), this.scrollElement.currentScrollValue > t(this, q) && !t(this, x).current && !t(this, $).current && (t(this, x).current = !0), this.setVar(t(this, ct).current, t(this, I)), this.setVar(t(this, lt).current, t(this, q)), this.setVar(t(this, ot).current, t(this, F)), t(this, L).max = t(this, F), h(this, as, !0);
   }
   tick() {
-    let e = this.scrollElement.currentScrollValue;
-    t(this, Ls).forEach((h) => {
-      e += h.value;
-    }), t(this, L).set(e - t(this, M));
-    const s = Math.round(e);
-    t(this, x).current && (s > t(this, M) ? t(this, W).current || o(this, S, le).call(this) : t(this, W).current && !t(this, ut).current && o(this, S, ae).call(this), s < t(this, q) ? t(this, Z).current && !t(this, at).current && o(this, S, ue).call(this) : t(this, W).current && !t(this, Z).current && o(this, S, fe).call(this)), s > t(this, M) && s < t(this, q) ? t(this, x).current || o(this, S, oe).call(this) : t(this, x).current && (t(this, L).set(
-      Ce(t(this, F) / 2, t(this, L).current, 0, t(this, F))
-    ), o(this, S, ce).call(this)), t(this, zt) && t(this, xt).current && (t(this, z).current && t(this, p).classList.add(t(this, z).current), r(this, P, !0));
+    let s = this.scrollElement.currentScrollValue;
+    t(this, Ls).forEach((i) => {
+      s += i.value;
+    }), t(this, L).set(s - t(this, I));
+    const e = Math.round(s);
+    t(this, x).current && (e > t(this, I) ? t(this, W).current || o(this, S, he).call(this) : t(this, W).current && !t(this, ut).current && o(this, S, oe).call(this), e < t(this, q) ? t(this, Z).current && !t(this, at).current && o(this, S, ne).call(this) : t(this, W).current && !t(this, Z).current && o(this, S, ce).call(this)), e > t(this, I) && e < t(this, q) ? t(this, x).current || o(this, S, ie).call(this) : t(this, x).current && (t(this, L).set(
+      Se(t(this, F) / 2, t(this, L).current, 0, t(this, F))
+    ), o(this, S, re).call(this)), t(this, Ft) && t(this, Lt).current && (t(this, z).current && t(this, m).classList.add(t(this, z).current), h(this, P, !0));
   }
   disable() {
-    this.style.cssText = "", r(this, jt, 0), r(this, Jt, 0), t(this, L).reset(), r(this, Vt, 0), r(this, M, 0), r(this, F, 0), r(this, q, 0), r(this, us, !1), t(this, x).current = !1, t(this, B).current = !1, t(this, W).current = !1, t(this, ut).current = !1, t(this, at).current = !1, t(this, Z).current = !1, r(this, zt, !1), r(this, P, !0), o(this, S, Gs).call(this);
+    this.style.cssText = "", h(this, Jt, 0), h(this, Qt, 0), t(this, L).reset(), h(this, zt, 0), h(this, I, 0), h(this, F, 0), h(this, q, 0), h(this, as, !1), t(this, x).current = !1, t(this, $).current = !1, t(this, W).current = !1, t(this, ut).current = !1, t(this, at).current = !1, t(this, Z).current = !1, h(this, Ft, !1), h(this, P, !0), o(this, S, Ns).call(this);
   }
   enable() {
-    r(this, P, !1);
+    h(this, P, !1);
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, Nt).observe(), t(this, Kt).observe(), t(this, _t).observe(), t(this, Zt).observe(), t(this, Pt).observe(), t(this, wt).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, z).observe(), t(this, T).observe(), t(this, H).observe(), t(this, $).observe(), t(this, Lt).observe(), t(this, E).observe(), t(this, ht).observe(), t(this, nt).observe(), t(this, ot).observe(), t(this, ct).observe(), t(this, lt).observe();
-    let e = !1;
+    super.connectedCallback(), t(this, Kt).observe(), t(this, _t).observe(), t(this, Zt).observe(), t(this, jt).observe(), t(this, Et).observe(), t(this, wt).observe(), t(this, xt).observe(), t(this, Lt).observe(), t(this, z).observe(), t(this, T).observe(), t(this, H).observe(), t(this, B).observe(), t(this, Vt).observe(), t(this, w).observe(), t(this, ht).observe(), t(this, nt).observe(), t(this, ot).observe(), t(this, ct).observe(), t(this, lt).observe();
+    let s = !1;
     this.scrollElement.addEventListener(
       "sectionsChange",
       t(this, Fs)
-    ), t(this, Fs).call(this), t(this, Pt).current || this.enable(), t(this, Nt).subscribe((s) => {
-      t(this, L).damping = s.current;
-    }), t(this, Kt).subscribe((s) => {
-      t(this, L).mass = s.current;
-    }), t(this, _t).subscribe((s) => {
-      t(this, L).stiffness = s.current;
-    }), t(this, Zt).subscribe((s) => {
-      s.previous && o(this, S, Gs).call(this), s.current ? s.current === "parent" ? r(this, p, this.parentElement || this) : r(this, p, document.querySelector(s.current) || this) : r(this, p, this);
-    }), t(this, Pt).subscribe((s) => {
-      s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
-    }), t(this, Et).subscribe(() => {
-      e && !t(this, P) && this.resize();
+    ), t(this, Fs).call(this), t(this, Et).current || this.enable(), t(this, Kt).subscribe((e) => {
+      t(this, L).damping = e.current;
+    }), t(this, _t).subscribe((e) => {
+      t(this, L).mass = e.current;
+    }), t(this, Zt).subscribe((e) => {
+      t(this, L).stiffness = e.current;
+    }), t(this, jt).subscribe((e) => {
+      e.previous && o(this, S, Ns).call(this), e.current ? e.current === "parent" ? h(this, m, this.parentElement || this) : h(this, m, document.querySelector(e.current) || this) : h(this, m, this);
+    }), t(this, Et).subscribe((e) => {
+      e.current && !e.previous ? this.disable() : !e.current && e.previous && (this.resize(), this.enable());
+    }), t(this, xt).subscribe(() => {
+      s && !t(this, P) && this.resize();
     }), t(this, wt).subscribe(() => {
-      e && !t(this, P) && this.resize();
-    }), t(this, z).subscribe((s) => {
-      o(this, S, Dt).call(this, s);
-    }), t(this, H).subscribe((s) => {
-      o(this, S, Dt).call(this, s);
-    }), t(this, $).subscribe((s) => {
-      o(this, S, Dt).call(this, s);
-    }), t(this, T).subscribe((s) => {
-      o(this, S, Dt).call(this, s);
-    }), t(this, Lt).subscribe((s) => {
-      o(this, S, Dt).call(this, s);
-    }), t(this, E).subscribe((s) => {
-      o(this, S, Dt).call(this, s);
-    }), t(this, xt).subscribe((s) => {
-      t(this, P) || !s.current && s.previous && (this.resize(), this.enable());
-    }), t(this, ht).subscribe((s) => {
-      t(this, P) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
-    }), t(this, nt).subscribe((s) => {
-      t(this, P) || (this.removeVar(s.previous), this.setVar(s.current, t(this, Vt)));
-    }), t(this, ct).subscribe((s) => {
-      t(this, P) || (this.removeVar(s.previous), this.setVar(s.current, t(this, M)));
-    }), t(this, lt).subscribe((s) => {
-      t(this, P) || (this.removeVar(s.previous), this.setVar(s.current, t(this, q)));
-    }), t(this, ot).subscribe((s) => {
-      t(this, P) || (this.removeVar(s.previous), this.setVar(s.current, t(this, F)));
-    }), t(this, L).subscribe((s) => {
-      r(this, Vt, t(this, L).current / t(this, F) || 0), this.setVar(
+      s && !t(this, P) && this.resize();
+    }), t(this, z).subscribe((e) => {
+      o(this, S, It).call(this, e);
+    }), t(this, H).subscribe((e) => {
+      o(this, S, It).call(this, e);
+    }), t(this, B).subscribe((e) => {
+      o(this, S, It).call(this, e);
+    }), t(this, T).subscribe((e) => {
+      o(this, S, It).call(this, e);
+    }), t(this, Vt).subscribe((e) => {
+      o(this, S, It).call(this, e);
+    }), t(this, w).subscribe((e) => {
+      o(this, S, It).call(this, e);
+    }), t(this, Lt).subscribe((e) => {
+      t(this, P) || !e.current && e.previous && (this.resize(), this.enable());
+    }), t(this, ht).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, this.passed.current));
+    }), t(this, nt).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, zt)));
+    }), t(this, ct).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, I)));
+    }), t(this, lt).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, q)));
+    }), t(this, ot).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, F)));
+    }), t(this, L).subscribe((e) => {
+      h(this, zt, t(this, L).current / t(this, F) || 0), this.setVar(
         t(this, ht).current,
         t(this, L).current.toFixed(6)
       ), this.setVar(
         t(this, nt).current,
-        t(this, Vt).toFixed(6)
+        t(this, zt).toFixed(6)
       );
-    }), fs.subscribe(t(this, zs), Ks.SEGMENT), this.scrollElement.onScroll(t(this, as)), e = !0;
+    }), fs.subscribe(t(this, zs), Us.SEGMENT), this.scrollElement.onScroll(t(this, ds)), s = !0;
   }
   disconnectedCallback() {
-    fs.unsubscribe(t(this, zs)), this.scrollElement.offScroll(t(this, as)), t(this, Nt).close(), t(this, Kt).close(), t(this, _t).close(), t(this, Zt).close(), t(this, Pt).close(), t(this, wt).close(), t(this, Et).close(), t(this, xt).close(), t(this, z).close(), t(this, T).close(), t(this, H).close(), t(this, $).close(), t(this, Lt).close(), t(this, E).close(), t(this, ht).close(), t(this, nt).close(), t(this, ot).close(), t(this, ct).close(), t(this, lt).close(), t(this, x).close(), t(this, B).close(), t(this, W).close(), t(this, ut).close(), t(this, at).close(), t(this, Z).close(), this.disable();
+    fs.unsubscribe(t(this, zs)), this.scrollElement.offScroll(t(this, ds)), t(this, Kt).close(), t(this, _t).close(), t(this, Zt).close(), t(this, jt).close(), t(this, Et).close(), t(this, wt).close(), t(this, xt).close(), t(this, Lt).close(), t(this, z).close(), t(this, T).close(), t(this, H).close(), t(this, B).close(), t(this, Vt).close(), t(this, w).close(), t(this, ht).close(), t(this, nt).close(), t(this, ot).close(), t(this, ct).close(), t(this, lt).close(), t(this, x).close(), t(this, $).close(), t(this, W).close(), t(this, ut).close(), t(this, at).close(), t(this, Z).close(), this.disable();
   }
-  removeVar(e) {
-    e && t(this, p).style.removeProperty(`--${e}`);
+  removeVar(s) {
+    s && t(this, m).style.removeProperty(`--${s}`);
   }
-  setVar(e, s) {
-    e && t(this, p).style.setProperty(`--${e}`, s.toString());
+  setVar(s, e) {
+    s && t(this, m).style.setProperty(`--${s}`, e.toString());
   }
   getDistance() {
-    return t(this, Jt) + t(this, Vs);
+    return t(this, Qt) + t(this, Vs);
   }
   getStart() {
-    return t(this, jt) - t(this, Vs);
+    return t(this, Jt) - t(this, Vs);
   }
 }
-Nt = new WeakMap(), Kt = new WeakMap(), _t = new WeakMap(), Zt = new WeakMap(), Pt = new WeakMap(), wt = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), z = new WeakMap(), T = new WeakMap(), H = new WeakMap(), $ = new WeakMap(), Lt = new WeakMap(), E = new WeakMap(), ht = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ct = new WeakMap(), lt = new WeakMap(), x = new WeakMap(), B = new WeakMap(), W = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), Z = new WeakMap(), Ls = new WeakMap(), p = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), Vs = new WeakMap(), L = new WeakMap(), Vt = new WeakMap(), M = new WeakMap(), F = new WeakMap(), q = new WeakMap(), us = new WeakMap(), zt = new WeakMap(), P = new WeakMap(), S = new WeakSet(), oe = function() {
-  t(this, x).current = !0, t(this, B).current = !1, r(this, zt, !0), t(this, T).current && t(this, p).classList.remove(t(this, T).current), t(this, E).current && t(this, p).classList.remove(
-    t(this, E).current
-  ), t(this, E).current && t(this, p).classList.remove(
-    t(this, E).current
-  ), t(this, z).current && t(this, p).classList.add(t(this, z).current);
-}, ce = function() {
-  t(this, B).current = !0, t(this, x).current = !1, r(this, zt, !0), t(this, z).current && t(this, p).classList.remove(t(this, z).current), t(this, H).current && t(this, p).classList.remove(
+Kt = new WeakMap(), _t = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), Et = new WeakMap(), wt = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), z = new WeakMap(), T = new WeakMap(), H = new WeakMap(), B = new WeakMap(), Vt = new WeakMap(), w = new WeakMap(), ht = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), ct = new WeakMap(), lt = new WeakMap(), x = new WeakMap(), $ = new WeakMap(), W = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), Z = new WeakMap(), Ls = new WeakMap(), m = new WeakMap(), Jt = new WeakMap(), Qt = new WeakMap(), Vs = new WeakMap(), L = new WeakMap(), zt = new WeakMap(), I = new WeakMap(), F = new WeakMap(), q = new WeakMap(), as = new WeakMap(), Ft = new WeakMap(), P = new WeakMap(), S = new WeakSet(), ie = function() {
+  t(this, x).current = !0, t(this, $).current = !1, h(this, Ft, !0), t(this, T).current && t(this, m).classList.remove(t(this, T).current), t(this, w).current && t(this, m).classList.remove(
+    t(this, w).current
+  ), t(this, w).current && t(this, m).classList.remove(
+    t(this, w).current
+  ), t(this, z).current && t(this, m).classList.add(t(this, z).current);
+}, re = function() {
+  t(this, $).current = !0, t(this, x).current = !1, h(this, Ft, !0), t(this, z).current && t(this, m).classList.remove(t(this, z).current), t(this, H).current && t(this, m).classList.remove(
     t(this, H).current
-  ), t(this, $).current && t(this, p).classList.remove(
-    t(this, $).current
-  ), t(this, T).current && t(this, p).classList.add(t(this, T).current);
-}, le = function() {
-  t(this, x).current = !0, t(this, W).current = !0, t(this, ut).current = !1, t(this, H).current && t(this, p).classList.add(
+  ), t(this, B).current && t(this, m).classList.remove(
+    t(this, B).current
+  ), t(this, T).current && t(this, m).classList.add(t(this, T).current);
+}, he = function() {
+  t(this, x).current = !0, t(this, W).current = !0, t(this, ut).current = !1, t(this, H).current && t(this, m).classList.add(
     t(this, H).current
   );
-}, ue = function() {
-  t(this, x).current = !0, t(this, at).current = !0, t(this, Z).current = !1, t(this, $).current && t(this, p).classList.add(
-    t(this, $).current
+}, ne = function() {
+  t(this, x).current = !0, t(this, at).current = !0, t(this, Z).current = !1, t(this, B).current && t(this, m).classList.add(
+    t(this, B).current
   );
-}, ae = function() {
-  t(this, B).current = !0, t(this, ut).current = !0, t(this, W).current = !1, t(this, E).current && t(this, p).classList.add(
-    t(this, E).current
+}, oe = function() {
+  t(this, $).current = !0, t(this, ut).current = !0, t(this, W).current = !1, t(this, w).current && t(this, m).classList.add(
+    t(this, w).current
   );
-}, fe = function() {
-  t(this, B).current = !0, t(this, Z).current = !0, t(this, at).current = !1, t(this, E).current && t(this, p).classList.add(
-    t(this, E).current
+}, ce = function() {
+  t(this, $).current = !0, t(this, Z).current = !0, t(this, at).current = !1, t(this, w).current && t(this, m).classList.add(
+    t(this, w).current
   );
-}, zs = new WeakMap(), as = new WeakMap(), Dt = function(e) {
+}, zs = new WeakMap(), ds = new WeakMap(), It = function(s) {
   if (t(this, P)) {
-    e.previous && t(this, p).classList.remove(e.previous), e.current && t(this, p).classList.remove(e.current);
+    s.previous && t(this, m).classList.remove(s.previous), s.current && t(this, m).classList.remove(s.current);
     return;
   }
-  e.current && t(this, x).current ? (e.previous && t(this, p).classList.remove(e.previous), t(this, p).classList.add(e.current)) : !e.current && e.previous && t(this, p).classList.remove(e.previous);
-}, de = function(...e) {
-  e.forEach((s) => {
-    s && t(this, p).classList.remove(s);
+  s.current && t(this, x).current ? (s.previous && t(this, m).classList.remove(s.previous), t(this, m).classList.add(s.current)) : !s.current && s.previous && t(this, m).classList.remove(s.previous);
+}, le = function(...s) {
+  s.forEach((e) => {
+    e && t(this, m).classList.remove(e);
   });
-}, pe = function(...e) {
-  e.forEach((s) => {
-    s && t(this, p).style.removeProperty(`--${s}`);
+}, ue = function(...s) {
+  s.forEach((e) => {
+    e && t(this, m).style.removeProperty(`--${e}`);
   });
-}, Gs = function() {
-  o(this, S, de).call(this, t(this, z).current, t(this, H).current, t(this, $).current, t(this, T).current, t(this, Lt).current, t(this, E).current), o(this, S, pe).call(this, t(this, ht).current, t(this, nt).current, t(this, ot).current, t(this, ct).current, t(this, lt).current);
+}, Ns = function() {
+  o(this, S, le).call(this, t(this, z).current, t(this, H).current, t(this, B).current, t(this, T).current, t(this, Vt).current, t(this, w).current), o(this, S, ue).call(this, t(this, ht).current, t(this, nt).current, t(this, ot).current, t(this, ct).current, t(this, lt).current);
 }, Fs = new WeakMap();
-customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Be);
+customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Ie);
 export {
-  $e as ScrollBulletButtonsElement,
-  Ts as ScrollElement,
-  Be as ScrollSegmentElement,
-  Ae as ScrollSetButtonElement,
-  Te as ScrollStepButtonElement,
-  Re as ScrollbarElement
+  De as ScrollBulletButtonsElement,
+  Os as ScrollElement,
+  Ie as ScrollSegmentElement,
+  ze as ScrollSetButtonElement,
+  Fe as ScrollStepButtonElement,
+  Ve as ScrollbarElement
 };