aptechka 0.50.22 → 0.50.24

package/lib/scroll/index.js

@@ -1,23 +1,23 @@
 var We = Object.defineProperty;
-var ke = Object.getOwnPropertySymbols;
+var ze = Object.getOwnPropertySymbols;
 var Fe = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
-var ze = (u) => {
+var Ie = (u) => {
   throw TypeError(u);
 };
-var Ie = (u, n, e) => n in u ? We(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, Me = (u, n) => {
+var ke = (u, n, e) => n in u ? We(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, Me = (u, n) => {
   for (var e in n || (n = {}))
-    Fe.call(n, e) && Ie(u, e, n[e]);
-  if (ke)
-    for (var e of ke(n))
-      $e.call(n, e) && Ie(u, e, n[e]);
+    Fe.call(n, e) && ke(u, e, n[e]);
+  if (ze)
+    for (var e of ze(n))
+      $e.call(n, e) && ke(u, e, n[e]);
   return u;
 };
-var Se = (u, n, e) => n.has(u) || ze("Cannot " + e);
-var t = (u, n, e) => (Se(u, n, "read from private field"), e ? e.call(u) : n.get(u)), s = (u, n, e) => n.has(u) ? ze("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(u) : n.set(u, e), h = (u, n, e, i) => (Se(u, n, "write to private field"), i ? i.call(u, e) : n.set(u, e), e), c = (u, n, e) => (Se(u, n, "access private method"), e);
+var Se = (u, n, e) => n.has(u) || Ie("Cannot " + e);
+var t = (u, n, e) => (Se(u, n, "read from private field"), e ? e.call(u) : n.get(u)), s = (u, n, e) => n.has(u) ? Ie("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(u) : n.set(u, e), h = (u, n, e, i) => (Se(u, n, "write to private field"), i ? i.call(u, e) : n.set(u, e), e), c = (u, n, e) => (Se(u, n, "access private method"), e);
 import { S as Ne } from "../Store-D2xCXENW.js";
 import { i as H } from "../index-euf5anj6.js";
 import { a as qe } from "../easings-Bni3YAAW.js";
-import { d as ue } from "../events-CsVF98U6.js";
+import { d as Yt } from "../events-CsVF98U6.js";
 import { c as Te } from "../jss-DtnXPEnq.js";
 import { a as ge, g as ve } from "../layout-DpZo-I0y.js";
 import { c as De } from "../math-BOBiC4TN.js";
@@ -32,29 +32,29 @@ import { scrollEntries as gt } from "../scroll-entries/index.js";
 import { cssUnitParser as Ae } from "../css-unit-parser/index.js";
 import { CSSProperty as p } from "../css-property/index.js";
 import { device as Xe } from "../device/index.js";
-import { elementResizer as Yt } from "../element-resizer/index.js";
+import { elementResizer as ee } from "../element-resizer/index.js";
 import { s as Ye } from "../gestures-CcXV6fCp.js";
 import { b as Ve } from "../dom-CVWzyXPH.js";
 import { d as ts } from "../function-C10DGppn.js";
 import { ScrollSegmentElement as es } from "../scroll-segment/index.js";
-var m, Tt, g, vt, B, X, yt, Dt, de;
+var m, Dt, g, vt, B, X, yt, Vt, de;
 class ss {
   constructor(n, e, i) {
-    s(this, Dt);
+    s(this, Vt);
     s(this, m);
-    s(this, Tt);
+    s(this, Dt);
     s(this, g);
     s(this, vt, 0);
     s(this, B, 0);
     s(this, X, null);
     s(this, yt, 0);
-    h(this, m, n), h(this, Tt, e), h(this, g, i), gt.register(t(this, m)), this.setIndex(t(this, Tt));
+    h(this, m, n), h(this, Dt, e), h(this, g, i), gt.register(t(this, m)), this.setIndex(t(this, Dt));
   }
   get element() {
     return t(this, m);
   }
   get index() {
-    return t(this, Tt);
+    return t(this, Dt);
   }
   get size() {
     return t(this, vt);
@@ -69,7 +69,7 @@ class ss {
     gt.unregister(t(this, m)), this.unsetTransform();
   }
   unsetTransform() {
-    t(this, m).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setSize();
+    t(this, m).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setMiddle(!1), this.setSize();
   }
   setSize(n) {
     n ? (t(this, m).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, m).style.width = n + "px", t(this, m).style.height = "") : (t(this, m).style.height = n + "px", t(this, m).style.width = "")) : (t(this, m).style.width = "", t(this, m).style.height = "", t(this, m).style.removeProperty("--size"));
@@ -89,7 +89,7 @@ class ss {
     h(this, yt, b * -1), t(this, g).vertical ? t(this, m).style.transform = `translate3d(0px, ${t(this, yt)}px, 0px)` : t(this, m).style.transform = `translate3d(${t(this, yt)}px, 0px, 0px)`;
   }
   setMark(n) {
-    t(this, X) !== n && (t(this, X) && t(this, m).classList.remove(t(this, X)), n && t(this, m).classList.add(n), h(this, X, n), ue(t(this, m), "scrollSectionMarkChange", {
+    t(this, X) !== n && (t(this, X) && t(this, m).classList.remove(t(this, X)), n && t(this, m).classList.add(n), h(this, X, n), Yt(t(this, m), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
         mark: t(this, X)
@@ -97,17 +97,20 @@ class ss {
       custom: !0
     }));
   }
+  setMiddle(n) {
+    t(this, m).classList.toggle("middle", n);
+  }
   setIndex(n) {
-    c(this, Dt, de).call(this, "--index", n);
+    c(this, Vt, de).call(this, "--index", n);
   }
   setCurrentIndex(n) {
-    c(this, Dt, de).call(this, "--current-index", n);
+    c(this, Vt, de).call(this, "--current-index", n);
   }
   setCurrentIndexArc(n) {
-    c(this, Dt, de).call(this, "--current-index-arc", n);
+    c(this, Vt, de).call(this, "--current-index-arc", n);
   }
 }
-m = new WeakMap(), Tt = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), B = new WeakMap(), X = new WeakMap(), yt = new WeakMap(), Dt = new WeakSet(), de = function(n, e) {
+m = new WeakMap(), Dt = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), B = new WeakMap(), X = new WeakMap(), yt = new WeakMap(), Vt = new WeakSet(), de = function(n, e) {
   e !== null ? t(this, m).style.setProperty(n, e.toString()) : t(this, m).style.removeProperty(n);
 };
 const is = Te({
@@ -148,8 +151,8 @@ const is = Te({
     flexShrink: "0"
   }
 });
-var d, Ct, P, Y, W, F, $, T, tt, et, N, st, wt, D, y, Et, xt, Pt, Lt, Vt, M, kt, it, A, rt, q, nt, It, ht, ot, lt, f, Rt, l, ee, se, v, S, I, V, ct, R, w, E, Ot, at, U, G, K, Ht, ut, _, Bt, O, x, ie, dt, o, Ce, Xt, Mt, pe, fe, we, Ee, L, Wt, Re, Ft, re, xe, Pe, St, Oe, me, ne;
-class te extends HTMLElement {
+var d, Ct, P, Y, W, F, $, T, tt, et, N, st, wt, D, y, Et, xt, Pt, Lt, Rt, M, zt, it, A, rt, q, nt, kt, ht, ot, lt, f, Ot, l, se, ie, v, S, k, V, ct, R, w, E, Ht, at, U, G, K, Bt, ut, _, Wt, O, x, re, dt, o, Ce, te, Mt, pe, fe, we, Ee, L, Ft, Re, $t, ne, xe, Pe, St, Oe, me, he;
+class Tt extends HTMLElement {
   constructor() {
     super();
     s(this, o);
@@ -190,13 +193,13 @@ class te extends HTMLElement {
     s(this, xt, new p(this, "--mass", 0));
     s(this, Pt, new p(this, "--stiffness", 0));
     s(this, Lt, new p(this, "--mouse-drag", !1));
-    s(this, Vt, new p(
+    s(this, Rt, new p(
       this,
       "--section-distance-scale",
       0.5
     ));
     s(this, M, new p(this, "--autoplay", 0));
-    s(this, kt, new p(
+    s(this, zt, new p(
       this,
       "--autoplay-pause-duration",
       0
@@ -218,7 +221,7 @@ class te extends HTMLElement {
       0
     ));
     s(this, nt, new p(this, "--focus-delay", 0));
-    s(this, It, new p(
+    s(this, kt, new p(
       this,
       "--focus-duration",
       3e3
@@ -227,42 +230,42 @@ class te extends HTMLElement {
     s(this, ot, new p(this, "--hibernate", !1));
     s(this, lt, null);
     s(this, f, null);
-    s(this, Rt, null);
+    s(this, Ot, null);
     s(this, l, []);
-    s(this, ee, 0);
     s(this, se, 0);
+    s(this, ie, 0);
     s(this, v, 0);
     s(this, S, 0);
-    s(this, I, 0);
+    s(this, k, 0);
     s(this, V, null);
     s(this, ct, null);
     s(this, R, null);
     s(this, w, null);
     s(this, E, new Ne(0));
-    s(this, Ot, 0);
+    s(this, Ht, 0);
     s(this, at, 0);
     s(this, U, !1);
     s(this, G, !0);
     s(this, K, !0);
-    s(this, Ht);
+    s(this, Bt);
     s(this, ut);
     s(this, _, new _e());
-    s(this, Bt, !1);
+    s(this, Wt, !1);
     s(this, O, null);
     s(this, x, !1);
-    s(this, ie, null);
+    s(this, re, null);
     s(this, dt, []);
     s(this, L, () => {
       if (t(this, ot).current)
         return;
       t(this, d).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, S) || 0, i = t(this, E).current;
-      if (h(this, ee, this.vertical ? ge(this) : ve(this)), h(this, se, this.vertical ? ge(t(this, f)) : ve(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, I, Ae.parse(
+      if (h(this, se, this.vertical ? ge(this) : ve(this)), h(this, ie, this.vertical ? ge(t(this, f)) : ve(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Ae.parse(
         getComputedStyle(t(this, f)).rowGap
-      )) : h(this, I, Ae.parse(
+      )) : h(this, k, Ae.parse(
         getComputedStyle(t(this, f)).columnGap
       )), t(this, N).current && t(this, l).length) {
-        const r = t(this, D).current, a = (t(this, v) - t(this, I) * (r - 1)) / r;
+        const r = t(this, D).current, a = (t(this, v) - t(this, k) * (r - 1)) / r;
         t(this, l).forEach((b) => {
           b.setSize(a);
         });
@@ -296,13 +299,13 @@ class te extends HTMLElement {
         t(this, d).set(e * t(this, S), {
           equalize: !0
         });
-      h(this, U, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, U)), t(this, U) ? t(this, ht).current || c(this, o, fe).call(this) : c(this, o, pe).call(this), t(this, Wt).call(this);
+      h(this, U, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, U)), t(this, U) ? t(this, ht).current || c(this, o, fe).call(this) : c(this, o, pe).call(this), Yt(this, "scrollResize", { custom: !0 }), t(this, Ft).call(this);
     });
-    s(this, Wt, () => {
+    s(this, Ft, () => {
       if (!t(this, U) || t(this, K) || t(this, G))
         return;
       const e = this.currentScrollValue;
-      if (h(this, Ot, Math.max(0, e - t(this, S))), t(this, l).length) {
+      if (h(this, Ht, Math.max(0, e - t(this, S))), t(this, l).length) {
         for (let i = 0; i < t(this, l).length; i++)
           t(this, l)[i].transform();
         t(this, E).current = c(this, o, me).call(this);
@@ -314,21 +317,21 @@ class te extends HTMLElement {
         e
       );
     });
-    s(this, Ft, (e, i) => {
-      t(this, Ct).current && (c(this, o, xe).call(this, Math.sign(i) || 1), t(this, re).call(this, e, i));
+    s(this, $t, (e, i) => {
+      t(this, Ct).current && (c(this, o, xe).call(this, Math.sign(i) || 1), t(this, ne).call(this, e, i));
     });
-    s(this, re, (e, i) => {
+    s(this, ne, (e, i) => {
       if (t(this, W).current) {
         if (t(this, W).current < 0 && i > 0)
           return;
         if (t(this, W).current > 0 && i < 0)
           return;
       }
-      if (t(this, ut) || t(this, _).unlistenAnimationFrame(), !t(this, M).current && t(this, nt).current && (clearInterval(t(this, Ht)), h(this, Ht, setTimeout(() => {
+      if (t(this, ut) || t(this, _).unlistenAnimationFrame(), !t(this, M).current && t(this, nt).current && (clearInterval(t(this, Bt)), h(this, Bt, setTimeout(() => {
         const r = t(this, l)[c(this, o, me).call(this)];
         r && this.scrollToSection(r.index, {
           tween: {
-            duration: t(this, It).current,
+            duration: t(this, kt).current,
             easing: qe
           }
         });
@@ -342,22 +345,22 @@ class te extends HTMLElement {
                 duration: t(this, et).current || 500
               } : void 0
             };
-            t(this, Bt) ? this.scrollToSection(t(this, E).current, a) : this.shiftSections(r, a);
+            t(this, Wt) ? this.scrollToSection(t(this, E).current, a) : this.shiftSections(r, a);
           } else
             t(this, d).shift(r * t(this, v));
         } else
           t(this, d).shift(i);
-        h(this, Bt, e === "drag");
+        h(this, Wt, e === "drag");
       }
     });
-    s(this, ne, () => {
+    s(this, he, () => {
       h(this, x, !0), this.hibernatedCSSProperty.current || c(this, o, Ee).call(this);
     });
     if (H) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets = [is];
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, lt, document.createElement("div")), t(this, lt).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, Rt, document.createElement("slot")), t(this, f).appendChild(t(this, Rt)), t(this, lt).appendChild(t(this, f)), e.appendChild(t(this, lt)), h(this, ie, new MutationObserver((r) => {
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, lt, document.createElement("div")), t(this, lt).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, Ot, document.createElement("slot")), t(this, f).appendChild(t(this, Ot)), t(this, lt).appendChild(t(this, f)), e.appendChild(t(this, lt)), h(this, re, new MutationObserver((r) => {
         this.tryResplit();
       }));
     }
@@ -420,13 +423,13 @@ class te extends HTMLElement {
     return t(this, Lt);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, Vt);
+    return t(this, Rt);
   }
   get autoplayCSSProperty() {
     return t(this, M);
   }
   get autoplayPauseDurationCSSProperty() {
-    return t(this, kt);
+    return t(this, zt);
   }
   get autoplayUserDirectionCSSProperty() {
     return t(this, it);
@@ -444,7 +447,7 @@ class te extends HTMLElement {
     return t(this, nt);
   }
   get focusDurationCSSProperty() {
-    return t(this, It);
+    return t(this, kt);
   }
   get disabledCSSProperty() {
     return t(this, ht);
@@ -468,10 +471,10 @@ class te extends HTMLElement {
     return t(this, l);
   }
   get position() {
-    return t(this, ee);
+    return t(this, se);
   }
   get contentPosition() {
-    return t(this, se);
+    return t(this, ie);
   }
   get viewportSize() {
     return t(this, v);
@@ -480,7 +483,7 @@ class te extends HTMLElement {
     return t(this, S);
   }
   get gap() {
-    return t(this, I);
+    return t(this, k);
   }
   get counter() {
     return t(this, E);
@@ -494,13 +497,13 @@ class te extends HTMLElement {
     return t(this, at);
   }
   get loopDistance() {
-    return t(this, y).current ? t(this, at) + t(this, I) : t(this, at);
+    return t(this, y).current ? t(this, at) + t(this, k) : t(this, at);
   }
   get hasOverflow() {
     return t(this, U);
   }
   get overscroll() {
-    return t(this, Ot);
+    return t(this, Ht);
   }
   get scrollLine() {
     return t(this, O);
@@ -521,7 +524,7 @@ class te extends HTMLElement {
     return t(this, P).current === "x" ? 0 : t(this, d).distance;
   }
   tryResplit() {
-    !t(this, K) && (t(this, y).current || t(this, $).current || t(this, y).current || t(this, N).current || t(this, T).current) && c(this, o, Xt).call(this);
+    !t(this, K) && (t(this, y).current || t(this, $).current || t(this, y).current || t(this, N).current || t(this, T).current) && c(this, o, te).call(this);
   }
   onScroll(...e) {
     return t(this, d).subscribe(...e);
@@ -546,9 +549,9 @@ class te extends HTMLElement {
       return;
     const r = t(this, E).current, a = c(this, o, Re).call(this, e), b = t(this, l)[r], C = t(this, l)[a];
     if (b && C) {
-      let z = 0;
-      const be = c(this, o, me).call(this), Qt = t(this, l)[be], Be = Qt ? this.targetScrollValue - Qt.position : 0;
-      t(this, y).current ? a === 0 && r === t(this, l).length - 1 ? z = t(this, S) + t(this, v) - b.position + t(this, I) : a === t(this, l).length - 1 && r === 0 ? z = C.position - (t(this, S) + t(this, v) + t(this, I)) : z = C.position - b.position : z = C.position - b.position, this.shiftPosition(z - Be, i);
+      let I = 0;
+      const be = c(this, o, me).call(this), Xt = t(this, l)[be], Be = Xt ? this.targetScrollValue - Xt.position : 0;
+      t(this, y).current ? a === 0 && r === t(this, l).length - 1 ? I = t(this, S) + t(this, v) - b.position + t(this, k) : a === t(this, l).length - 1 && r === 0 ? I = C.position - (t(this, S) + t(this, v) + t(this, k)) : I = C.position - b.position : I = C.position - b.position, this.shiftPosition(I - Be, i);
     }
   }
   shiftSections(e, i) {
@@ -569,13 +572,13 @@ class te extends HTMLElement {
       damping: 0.01,
       min: 0,
       order: Ge.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, V, new Ze({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, Ft)), h(this, ct, new je({
+    })), this.setAttribute("tabindex", "0"), h(this, V, new Ze({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, $t)), h(this, ct, new je({
       element: this
     })), t(this, ct).changeEvent.subscribe(
-      t(this, Ft)
-    ), h(this, R, new Je({ element: t(this, f) })), t(this, R).changeEvent.subscribe(t(this, Ft)), h(this, w, new Qe({
+      t(this, $t)
+    ), h(this, R, new Je({ element: t(this, f) })), t(this, R).changeEvent.subscribe(t(this, $t)), h(this, w, new Qe({
       culling: this
-    })), t(this, w).changeEvent.subscribe(t(this, re)), t(this, P).subscribe(() => {
+    })), t(this, w).changeEvent.subscribe(t(this, ne)), t(this, P).subscribe(() => {
       c(this, o, Ce).call(this);
     }), t(this, Y).subscribe(() => {
       c(this, o, Ce).call(this);
@@ -586,15 +589,15 @@ class te extends HTMLElement {
     }), t(this, F).subscribe(() => {
       t(this, x) && t(this, L).call(this);
     }), t(this, $).subscribe(({ current: e }) => {
-      t(this, x) && (e ? c(this, o, Xt).call(this) : c(this, o, Mt).call(this));
+      t(this, x) && (e ? c(this, o, te).call(this) : c(this, o, Mt).call(this));
     }), t(this, T).subscribe((e) => {
-      t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, l).length ? c(this, o, Xt).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Mt).call(this));
+      t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, l).length ? c(this, o, te).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Mt).call(this));
     }), t(this, N).subscribe((e) => {
-      t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o, Xt).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Mt).call(this));
+      t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o, te).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Mt).call(this));
     }), t(this, D).subscribe((e) => {
       t(this, x) && (t(this, L).call(this), c(this, o, St).call(this));
     }), t(this, y).subscribe((e) => {
-      e.current ? (t(this, x) && (t(this, l).length || (t(this, $).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, Ot, 0), t(this, d).max = t(this, S), t(this, d).min = 0);
+      e.current ? (t(this, x) && (t(this, l).length || (t(this, $).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, Ht, 0), t(this, d).max = t(this, S), t(this, d).min = 0);
     }), t(this, Et).subscribe((e) => {
       t(this, d).damping = e.current;
     }), t(this, xt).subscribe((e) => {
@@ -621,65 +624,65 @@ class te extends HTMLElement {
       e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, pe).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, fe).call(this));
     }), t(this, ot).subscribe((e) => {
       e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, we).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, Ee).call(this));
-    }), t(this, Ct).observe(), t(this, P).observe(), t(this, Y).observe(), t(this, W).observe(), t(this, F).observe(), t(this, $).observe(), t(this, T).observe(), t(this, tt).observe(), t(this, et).observe(), t(this, N).observe(), t(this, st).observe(), t(this, wt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, Vt).observe(), t(this, M).observe(), t(this, M).observe(), t(this, kt).observe(), t(this, it).observe(), t(this, A).observe(), t(this, rt).observe(), t(this, q).observe(), t(this, nt).observe(), t(this, It).observe(), t(this, ht).observe(), t(this, ot).observe(), At.subscribe(t(this, ne), ye.LAST);
+    }), t(this, Ct).observe(), t(this, P).observe(), t(this, Y).observe(), t(this, W).observe(), t(this, F).observe(), t(this, $).observe(), t(this, T).observe(), t(this, tt).observe(), t(this, et).observe(), t(this, N).observe(), t(this, st).observe(), t(this, wt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, Rt).observe(), t(this, M).observe(), t(this, M).observe(), t(this, zt).observe(), t(this, it).observe(), t(this, A).observe(), t(this, rt).observe(), t(this, q).observe(), t(this, nt).observe(), t(this, kt).observe(), t(this, ht).observe(), t(this, ot).observe(), At.subscribe(t(this, he), ye.LAST);
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, Ct).unobserve(), t(this, P).unobserve(), t(this, Y).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, $).unobserve(), t(this, T).unobserve(), t(this, tt).unobserve(), t(this, et).unobserve(), t(this, N).unobserve(), t(this, st).unobserve(), t(this, wt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, xt).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, Vt).unobserve(), t(this, M).unobserve(), t(this, kt).unobserve(), t(this, it).unobserve(), t(this, A).unobserve(), t(this, rt).unobserve(), t(this, q).unobserve(), t(this, nt).unobserve(), t(this, It).unobserve(), t(this, ht).unobserve(), t(this, ot).unobserve(), At.unsubscribe(t(this, ne)), c(this, o, we).call(this), t(this, ie).disconnect();
+    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, Ct).unobserve(), t(this, P).unobserve(), t(this, Y).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, $).unobserve(), t(this, T).unobserve(), t(this, tt).unobserve(), t(this, et).unobserve(), t(this, N).unobserve(), t(this, st).unobserve(), t(this, wt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, xt).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, Rt).unobserve(), t(this, M).unobserve(), t(this, zt).unobserve(), t(this, it).unobserve(), t(this, A).unobserve(), t(this, rt).unobserve(), t(this, q).unobserve(), t(this, nt).unobserve(), t(this, kt).unobserve(), t(this, ht).unobserve(), t(this, ot).unobserve(), At.unsubscribe(t(this, he)), c(this, o, we).call(this), t(this, re).disconnect();
   }
 }
-d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), F = new WeakMap(), $ = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), N = new WeakMap(), st = new WeakMap(), wt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), Vt = new WeakMap(), M = new WeakMap(), kt = new WeakMap(), it = new WeakMap(), A = new WeakMap(), rt = new WeakMap(), q = new WeakMap(), nt = new WeakMap(), It = new WeakMap(), ht = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), f = new WeakMap(), Rt = new WeakMap(), l = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), v = new WeakMap(), S = new WeakMap(), I = new WeakMap(), V = new WeakMap(), ct = new WeakMap(), R = new WeakMap(), w = new WeakMap(), E = new WeakMap(), Ot = new WeakMap(), at = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), Ht = new WeakMap(), ut = new WeakMap(), _ = new WeakMap(), Bt = new WeakMap(), O = new WeakMap(), x = new WeakMap(), ie = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), Ce = function() {
+d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), F = new WeakMap(), $ = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), N = new WeakMap(), st = new WeakMap(), wt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), Rt = new WeakMap(), M = new WeakMap(), zt = new WeakMap(), it = new WeakMap(), A = new WeakMap(), rt = new WeakMap(), q = new WeakMap(), nt = new WeakMap(), kt = new WeakMap(), ht = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), f = new WeakMap(), Ot = new WeakMap(), l = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), v = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), ct = new WeakMap(), R = new WeakMap(), w = new WeakMap(), E = new WeakMap(), Ht = new WeakMap(), at = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), Bt = new WeakMap(), ut = new WeakMap(), _ = new WeakMap(), Wt = new WeakMap(), O = new WeakMap(), x = new WeakMap(), re = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), Ce = function() {
   const e = t(this, P).current, i = t(this, Y).current ? "-reverse" : "";
   t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, st).current ? "max" : e, t(this, ct).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
-}, Xt = function() {
-  c(this, o, Mt).call(this), t(this, Rt).assignedElements().forEach((e, i) => {
+}, te = function() {
+  c(this, o, Mt).call(this), t(this, Ot).assignedElements().forEach((e, i) => {
     e instanceof HTMLElement && t(this, l).push(new ss(e, i, this));
-  }), t(this, f).style.transform = "", ue(this, "scrollSectionsChange", {
+  }), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   }), t(this, L).call(this), c(this, o, St).call(this);
 }, Mt = function() {
   t(this, l).forEach((e) => {
     e.destroy();
-  }), h(this, l, []), t(this, E).reset(), t(this, d).reset(), ue(this, "scrollSectionsChange", {
+  }), h(this, l, []), t(this, E).reset(), t(this, d).reset(), Yt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
 }, pe = function() {
-  t(this, G) || (h(this, G, !0), t(this, d).unsubscribe(t(this, Wt)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Ht)), clearInterval(t(this, ut)), t(this, _).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, ct).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, U) || (this.sections.forEach((e) => {
+  t(this, G) || (h(this, G, !0), t(this, d).unsubscribe(t(this, Ft)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Bt)), clearInterval(t(this, ut)), t(this, _).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, ct).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, U) || (this.sections.forEach((e) => {
     e.unsetTransform();
   }), t(this, L).call(this)));
 }, fe = function() {
-  t(this, G) && (h(this, G, !1), t(this, d).subscribe(t(this, Wt)), t(this, V).connect(), t(this, ct).connect(), t(this, R).connect(), t(this, M).current && t(this, w).connect());
+  t(this, G) && (h(this, G, !1), t(this, d).subscribe(t(this, Ft)), t(this, V).connect(), t(this, ct).connect(), t(this, R).connect(), t(this, M).current && t(this, w).connect());
 }, we = function() {
-  t(this, K) || (h(this, K, !0), At.unsubscribe(t(this, L)), Yt.unsubscribe(t(this, L)), c(this, o, pe).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, Mt).call(this) : (t(this, E).reset(), t(this, d).reset()), gt.unregister(this));
+  t(this, K) || (h(this, K, !0), At.unsubscribe(t(this, L)), ee.unsubscribe(t(this, L)), c(this, o, pe).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, Mt).call(this) : (t(this, E).reset(), t(this, d).reset()), gt.unregister(this));
 }, Ee = function() {
-  t(this, K) && (h(this, K, !1), gt.register(this), this.tryResplit(), c(this, o, fe).call(this), At.subscribe(t(this, L), ye.SCROLL), Yt.subscribe(this, t(this, L)));
-}, L = new WeakMap(), Wt = new WeakMap(), Re = function(e) {
+  t(this, K) && (h(this, K, !1), gt.register(this), this.tryResplit(), c(this, o, fe).call(this), At.subscribe(t(this, L), ye.SCROLL), ee.subscribe(this, t(this, L)));
+}, L = new WeakMap(), Ft = new WeakMap(), Re = function(e) {
   let i = t(this, E).current;
   return t(this, y).current ? i = Ue(e, t(this, l).length) : i = De(e, 0, this.limit), i;
-}, Ft = new WeakMap(), re = new WeakMap(), xe = function(e = 1) {
+}, $t = new WeakMap(), ne = new WeakMap(), xe = function(e = 1) {
   t(this, it).current && (t(this, w).direction = e), t(this, M).current && t(this, w).pauseAndContinue(
-    t(this, kt).current,
+    t(this, zt).current,
     this.sectionalCSSProperty.current
   );
 }, Pe = function(e = "current") {
   if (t(this, y).current && t(this, l).length) {
-    const i = t(this, d)[e] % (t(this, S) + t(this, v) + t(this, I));
-    return i < 0 ? t(this, S) + i + t(this, v) + t(this, I) : i;
+    const i = t(this, d)[e] % (t(this, S) + t(this, v) + t(this, k));
+    return i < 0 ? t(this, S) + i + t(this, v) + t(this, k) : i;
   } else
     return t(this, d)[e];
 }, St = function() {
   if (t(this, l).length) {
     const e = t(this, E).current + t(this, rt).current;
-    if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), ue(this, "scrollLine", {
+    if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), Yt(this, "scrollLine", {
       detail: { line: t(this, O) }
     }), t(this, A).current) {
       this.classList.remove("end", "start"), t(this, O) && this.classList.add(t(this, O));
       const i = t(this, D).current + t(this, q).current;
       h(this, dt, []), t(this, l).forEach((r, a) => {
         r.setCurrentIndex(null), r.setCurrentIndexArc(null);
-        const b = e - this.limit - 1 + t(this, q).current, C = e + i, z = this.sections.length - C;
-        a >= e && a < C || a <= b ? (r.setMark("current"), t(this, dt).push(r)) : a >= C && a < C + z / 2 || a <= b + i ? r.setMark("next") : r.setMark("previous");
+        const b = e - this.limit - 1 + t(this, q).current, C = e + i, I = this.sections.length - C;
+        a >= e && a < C || a <= b ? (r.setMark("current"), t(this, dt).push(r)) : a >= C && a < C + I / 2 || a <= b + i ? r.setMark("next") : r.setMark("previous");
       });
     }
   }
@@ -688,7 +691,7 @@ d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W =
     const e = Math.floor(t(this, dt).length / 2);
     t(this, dt).sort((i, r) => i.element.getBoundingClientRect().left - r.element.getBoundingClientRect().left), t(this, dt).forEach((i, r) => {
       const a = Math.abs(r - e);
-      i.setCurrentIndex(r), i.setCurrentIndexArc(a);
+      i.setCurrentIndex(r), i.setCurrentIndexArc(a), console.log(r === e), i.setMiddle(r === e);
     });
   }
 }, // TODO: Учитывать loop
@@ -697,54 +700,54 @@ me = function() {
   const a = t(this, d).direction;
   for (let b = 0; b < t(this, l).length; b++) {
     const C = t(this, l)[b];
-    let z = t(this, Bt) ? C.size * a * -1 * 0.4 : 0, be = C.position;
-    const Qt = Math.abs(be + z - e);
-    Qt < i && (i = Qt, r = b);
+    let I = t(this, Wt) ? C.size * a * -1 * 0.4 : 0, be = C.position;
+    const Xt = Math.abs(be + I - e);
+    Xt < i && (i = Xt, r = b);
   }
   return r;
-}, ne = new WeakMap();
-H && !customElements.get("e-scroll") && customElements.define("e-scroll", te);
-var he;
+}, he = new WeakMap();
+H && !customElements.get("e-scroll") && customElements.define("e-scroll", Tt);
+var oe;
 class Le extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, he, null);
+    s(this, oe, null);
   }
   get scrollElement() {
-    return t(this, he);
+    return t(this, oe);
   }
   connectedCallback() {
-    const e = Ve(this, te);
-    e instanceof te ? h(this, he, e) : console.error(this, "e-scroll not found");
+    const e = Ve(this, Tt);
+    e instanceof Tt ? h(this, oe, e) : console.error(this, "e-scroll not found");
   }
 }
-he = new WeakMap();
-var pt, k, Z, j, $t, Nt, ft, qt, oe, le;
+oe = new WeakMap();
+var pt, z, Z, j, Nt, qt, ft, Ut, le, ce;
 class rs extends Le {
   constructor() {
     super();
     s(this, pt, null);
-    s(this, k, null);
+    s(this, z, null);
     s(this, Z, !1);
     s(this, j, 0);
-    s(this, $t, 0);
     s(this, Nt, 0);
+    s(this, qt, 0);
     s(this, ft, () => {
       h(this, Z, this.offsetWidth > this.offsetHeight);
       const e = t(this, Z) ? this.offsetWidth : this.offsetHeight;
-      h(this, j, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, j, Math.max(t(this, j), 30)), t(this, Z) ? (t(this, k).style.width = t(this, j) + "px", t(this, k).style.height = "100%") : (t(this, k).style.width = "100%", t(this, k).style.height = t(this, j) + "px"), h(this, $t, e - t(this, j)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, qt).call(this);
+      h(this, j, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, j, Math.max(t(this, j), 30)), t(this, Z) ? (t(this, z).style.width = t(this, j) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, j) + "px"), h(this, Nt, e - t(this, j)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Ut).call(this);
     });
-    s(this, qt, () => {
-      h(this, Nt, this.scrollElement.currentProgress * t(this, $t)), t(this, Z) ? t(this, k).style.transform = `translate3d(${t(this, Nt)}px, 0px, 0px)` : t(this, k).style.transform = `translate3d(0px, ${t(this, Nt)}px, 0px)`;
+    s(this, Ut, () => {
+      h(this, qt, this.scrollElement.currentProgress * t(this, Nt)), t(this, Z) ? t(this, z).style.transform = `translate3d(${t(this, qt)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, qt)}px, 0px)`;
     });
-    s(this, oe, () => {
+    s(this, le, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, le, (e) => {
+    s(this, ce, (e) => {
       document.documentElement.classList.add("grabbing"), Ye(
         (a) => {
-          const b = t(this, Z) ? a.x : a.y, C = this.scrollElement.distance / t(this, $t), z = (b - r) * C;
-          this.scrollElement.setPosition(i + z);
+          const b = t(this, Z) ? a.x : a.y, C = this.scrollElement.distance / t(this, Nt), I = (b - r) * C;
+          this.scrollElement.setPosition(i + I);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
@@ -788,32 +791,32 @@ class rs extends Le {
     }
   }
   get thumbElement() {
-    return t(this, k);
+    return t(this, z);
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
     const e = t(this, pt).assignedElements()[0] || t(this, pt).firstElementChild;
-    h(this, k, e), t(this, k).addEventListener("pointerdown", t(this, le)), At.subscribe(t(this, ft), ye.SCROLL), Yt.subscribe(this, t(this, ft)), Yt.subscribe(this.scrollElement, t(this, ft)), this.scrollElement.onScroll(t(this, qt)), this.scrollElement.axisCSSProperty.subscribe(t(this, oe));
+    h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ce)), At.subscribe(t(this, ft), ye.SCROLL), ee.subscribe(this, t(this, ft)), ee.subscribe(this.scrollElement, t(this, ft)), this.scrollElement.onScroll(t(this, Ut)), this.scrollElement.axisCSSProperty.subscribe(t(this, le));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, k).removeEventListener("pointerdown", t(this, le)), At.unsubscribe(t(this, ft)), Yt.unsubscribe(t(this, ft)), this.scrollElement.offScroll(t(this, qt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, oe));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ce)), At.unsubscribe(t(this, ft)), ee.unsubscribe(t(this, ft)), this.scrollElement.offScroll(t(this, Ut)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, le));
   }
 }
-pt = new WeakMap(), k = new WeakMap(), Z = new WeakMap(), j = new WeakMap(), $t = new WeakMap(), Nt = new WeakMap(), ft = new WeakMap(), qt = new WeakMap(), oe = new WeakMap(), le = new WeakMap();
+pt = new WeakMap(), z = new WeakMap(), Z = new WeakMap(), j = new WeakMap(), Nt = new WeakMap(), qt = new WeakMap(), ft = new WeakMap(), Ut = new WeakMap(), le = new WeakMap(), ce = new WeakMap();
 H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", rs);
-var Ut, Gt, Kt;
+var Gt, Kt, _t;
 class He extends Le {
   constructor() {
     super();
-    s(this, Ut, new p(this, "--behaviour", "smooth"));
-    s(this, Gt, new p(
+    s(this, Gt, new p(this, "--behaviour", "smooth"));
+    s(this, Kt, new p(
       this,
       "--tween-easing",
       !1
     ));
-    s(this, Kt, new p(this, "--tween-duration", 0));
+    s(this, _t, new p(this, "--tween-duration", 0));
     H && this.addEventListener("click", () => {
-      const e = t(this, Ut).current, i = t(this, Gt).current, r = t(this, Kt).current;
+      const e = t(this, Gt).current, i = t(this, Kt).current, r = t(this, _t).current;
       this.handleClick({
         behaviour: e,
         tween: i || r ? { easing: i, duration: r } : void 0
@@ -821,37 +824,37 @@ class He extends Le {
     });
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, Ut).observe(), t(this, Gt).observe(), t(this, Kt).observe();
+    super.connectedCallback(), t(this, Gt).observe(), t(this, Kt).observe(), t(this, _t).observe();
   }
   disconnectedCallback() {
-    t(this, Ut).close(), t(this, Gt).close(), t(this, Kt).close();
+    t(this, Gt).close(), t(this, Kt).close(), t(this, _t).close();
   }
 }
-Ut = new WeakMap(), Gt = new WeakMap(), Kt = new WeakMap();
-var _t;
+Gt = new WeakMap(), Kt = new WeakMap(), _t = new WeakMap();
+var Zt;
 class ns extends He {
   constructor() {
     super(...arguments);
-    s(this, _t, new p(this, "--set", 1));
+    s(this, Zt, new p(this, "--set", 1));
   }
   handleClick(e) {
-    this.scrollElement.scrollToSection(t(this, _t).current, e);
+    this.scrollElement.scrollToSection(t(this, Zt).current, e);
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, _t).observe();
+    super.connectedCallback(), t(this, Zt).observe();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), t(this, _t).close();
+    super.disconnectedCallback(), t(this, Zt).close();
   }
 }
-_t = new WeakMap();
+Zt = new WeakMap();
 H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ns);
-var J, Zt;
+var J, jt;
 class hs extends He {
   constructor() {
     super(...arguments);
     s(this, J, new p(this, "--step", 1));
-    s(this, Zt, () => {
+    s(this, jt, () => {
       this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, J).current > 0 && this.scrollElement.scrollLine === "end" || t(this, J).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
     });
   }
@@ -860,52 +863,52 @@ class hs extends He {
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement && (t(this, J).subscribe(() => {
-      t(this, Zt).call(this);
+      t(this, jt).call(this);
     }), t(this, J).observe(), this.scrollElement.addEventListener(
       "scrollLine",
-      t(this, Zt)
-    ), t(this, Zt).call(this));
+      t(this, jt)
+    ), t(this, jt).call(this));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), t(this, J).close(), this.removeAttribute("disabled");
   }
 }
-J = new WeakMap(), Zt = new WeakMap();
+J = new WeakMap(), jt = new WeakMap();
 H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", hs);
-var Q, mt, jt, ce, ae, Jt;
+var Q, mt, Jt, ae, ue, Qt;
 class os {
   constructor(n, e, i) {
     s(this, Q, null);
     s(this, mt, null);
-    s(this, jt, null);
-    s(this, ce, null);
-    s(this, ae, () => {
-      t(this, mt).scrollToSection(t(this, jt), {
-        behaviour: t(this, ce)
+    s(this, Jt, null);
+    s(this, ae, null);
+    s(this, ue, () => {
+      t(this, mt).scrollToSection(t(this, Jt), {
+        behaviour: t(this, ae)
       });
     });
-    s(this, Jt, () => {
+    s(this, Qt, () => {
       t(this, Q).classList.toggle(
         "current",
-        t(this, mt).counter.current === t(this, jt)
+        t(this, mt).counter.current === t(this, Jt)
       );
     });
-    H && (h(this, Q, document.createElement("button")), h(this, mt, n), h(this, ce, i), h(this, jt, e), t(this, Q).addEventListener("click", t(this, ae)), t(this, mt).counter.subscribe(t(this, Jt)), t(this, Jt).call(this));
+    H && (h(this, Q, document.createElement("button")), h(this, mt, n), h(this, ae, i), h(this, Jt, e), t(this, Q).addEventListener("click", t(this, ue)), t(this, mt).counter.subscribe(t(this, Qt)), t(this, Qt).call(this));
   }
   get element() {
     return t(this, Q);
   }
   destroy() {
-    t(this, Q).removeEventListener("click", t(this, ae)), t(this, mt).counter.unsubscribe(t(this, Jt)), t(this, Q).remove();
+    t(this, Q).removeEventListener("click", t(this, ue)), t(this, mt).counter.unsubscribe(t(this, Qt)), t(this, Q).remove();
   }
 }
-Q = new WeakMap(), mt = new WeakMap(), jt = new WeakMap(), ce = new WeakMap(), ae = new WeakMap(), Jt = new WeakMap();
-var bt, zt;
+Q = new WeakMap(), mt = new WeakMap(), Jt = new WeakMap(), ae = new WeakMap(), ue = new WeakMap(), Qt = new WeakMap();
+var bt, It;
 class ls extends Le {
   constructor() {
     super(...arguments);
     s(this, bt, []);
-    s(this, zt, ts(() => {
+    s(this, It, ts(() => {
       t(this, bt).forEach((i) => i.destroy()), h(this, bt, []);
       const e = this.scrollElement.sections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
       for (let i = 0; i < e; i++) {
@@ -921,35 +924,41 @@ class ls extends Le {
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, zt)
+      t(this, It)
     ), this.scrollElement.sectionsInViewCSSProperty.subscribe(
-      t(this, zt)
+      t(this, It)
     );
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      t(this, zt)
+      t(this, It)
     ), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
-      t(this, zt)
+      t(this, It)
     ), t(this, bt).forEach((e) => e.destroy()), h(this, bt, []);
   }
 }
-bt = new WeakMap(), zt = new WeakMap();
+bt = new WeakMap(), It = new WeakMap();
 H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ls);
 class cs extends es {
   connectedCallback() {
-    const n = Ve(this, te);
-    n instanceof te ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
+    const n = Ve(this, Tt);
+    n instanceof Tt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
+      "scrollSectionsChange",
+      this.findAnotherScrollEntries
+    ), this.scrollContainer.addEventListener("scrollResize", this.resize), this.resize()) : console.error(this, "e-scroll not found");
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.scrollContainer instanceof Tt && (this.scrollContainer.removeEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
-    )) : console.error(this, "e-scroll not found");
+    ), this.scrollContainer.removeEventListener("scrollResize", this.resize));
   }
 }
 H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", cs);
 export {
   ls as ScrollBulletButtonsElement,
-  te as ScrollElement,
+  Tt as ScrollElement,
   cs as ScrollSegmentElement,
   ns as ScrollSetButtonElement,
   hs as ScrollStepButtonElement,