aptechka 0.4.14 → 0.4.15

package/lib/scroll/index.js

@@ -1,81 +1,84 @@
-var is = (e, i, r) => {
+var as = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
 };
-var o = (e, i, r) => (is(e, i, "read from private field"), r ? r.call(e) : i.get(e)), F = (e, i, r) => {
+var a = (e, i, r) => (as(e, i, "read from private field"), r ? r.call(e) : i.get(e)), $ = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, A = (e, i, r, h) => (is(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r);
-import { D as xs } from "../Damped-BZujMwuv.js";
-import { i as Ue } from "../browser-0zX67oeU.js";
-import { a as Ce, g as ye } from "../layout-HoBT_Da2.js";
-import { c as qe, s as Ls, b as Vs, a as $s } from "../math-BOBiC4TN.js";
+}, R = (e, i, r, h) => (as(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r);
+import { D as $s } from "../Damped-B91XlC1a.js";
+import { i as Ze } from "../browser-0zX67oeU.js";
+import { a as ke, g as Pe } from "../layout-HoBT_Da2.js";
+import { c as Je, s as Fs, b as Os, a as Ds } from "../math-BOBiC4TN.js";
 import "../path-data-polyfill-DgeDWYeI.js";
 import { S as mt } from "../Store-Cd-E5W1z.js";
-import { D as Fs } from "../Derived-DH-ouLBq.js";
+import { D as Rs } from "../Derived-DH-ouLBq.js";
 import "../ticker/index.js";
-import { W as Os, K as zs, D as Ds } from "../DragControls-Ch_JO2ML.js";
-import { CustomElement as ds, define as Ut } from "../custom-element/index.js";
-import { TICK_ORDER as As, RESIZE_ORDER as Ne } from "../order/index.js";
-import { windowResizer as Ht } from "../window-resizer/index.js";
-import { scrollEntries as Et } from "../scroll-entries/index.js";
-import { e as Ze, D as $e, ay as ke, p as Rs } from "../tags-BoPv9fDr.js";
-import { c as Je } from "../createStylesheet-KMRQhSa-.js";
-import { cssUnitParser as rs } from "../css-unit-parser/index.js";
-import { CSSProperty as m } from "../css-property/index.js";
-import { d as Ts } from "../Viewport-Bx-VImCe.js";
-import { s as Is } from "../gestures-D2Fdra_G.js";
-import { f as Bs } from "../dom-0S_WDL4g.js";
-import { aptechkaTheme as hs } from "../theme/index.js";
-import { elementResizer as ns } from "../element-resizer/index.js";
-import { d as ms } from "../function-C10DGppn.js";
-var Hs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, Ks = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? Gs(i, r) : i, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (n = (h ? f(i, r, n) : f(n)) || n);
-  return h && n && Hs(i, r, n), n;
-}, Qe = (e, i, r) => {
+import { W as Ts, K as As, D as Is } from "../DragControls-Ch_JO2ML.js";
+import { CustomElement as gs, define as qt } from "../custom-element/index.js";
+import { TICK_ORDER as Bs, RESIZE_ORDER as Qe } from "../order/index.js";
+import { windowResizer as Gt } from "../window-resizer/index.js";
+import { scrollEntries as xt } from "../scroll-entries/index.js";
+import { e as Xe, D as Oe, ay as We, p as Hs } from "../tags-BoPv9fDr.js";
+import { c as Ye } from "../createStylesheet-KMRQhSa-.js";
+import { cssUnitParser as os } from "../css-unit-parser/index.js";
+import { CSSProperty as f } from "../css-property/index.js";
+import { d as Gs } from "../Viewport-Bx-VImCe.js";
+import { s as Ks } from "../gestures-D2Fdra_G.js";
+import { f as Us } from "../dom-0S_WDL4g.js";
+import { aptechkaTheme as ls } from "../theme/index.js";
+import { elementResizer as cs } from "../element-resizer/index.js";
+import { d as ws } from "../function-C10DGppn.js";
+var qs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, Zs = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? Ns(i, r) : i, u = e.length - 1, m; u >= 0; u--)
+    (m = e[u]) && (n = (h ? m(i, r, n) : m(n)) || n);
+  return h && n && qs(i, r, n), n;
+}, je = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, s = (e, i, r) => (Qe(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
+}, s = (e, i, r) => (je(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, g = (e, i, r, h) => (Qe(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), C = (e, i, r) => (Qe(e, i, "access private method"), r), p, O, j, N, tt, Lt, D, St, ne, ae, Vt, $t, Ft, w, We, S, oe, le, L, b, K, Z, Wt, at, W, qt, vt, Gt, Kt, ee, Pe, Tt, se, Ee, Xe, Me, Ye, ce, Fe, ue, Oe, Mt, Le, ze, Ss, Nt, pe, De, V, k, pt, X;
-class Us {
+}, g = (e, i, r, h) => (je(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), C = (e, i, r) => (je(e, i, "access private method"), r), p, F, tt, N, et, vt, st, Nt, D, Vt, oe, le, zt, $t, Ft, w, Me, d, ce, ue, E, _, A, Z, Wt, lt, y, Zt, gt, Kt, Ut, ie, Ee, It, re, xe, ts, Le, es, pe, De, fe, Re, j, $e, Te, bs, Jt, de, Ae, Ve, ss, b, P, Et, X;
+class Js {
   constructor(i, r) {
-    F(this, V, void 0);
-    F(this, k, void 0);
-    F(this, pt, 0);
-    F(this, X, 0);
-    A(this, V, i), A(this, k, r), Et.register(o(this, V));
+    $(this, b, void 0);
+    $(this, P, void 0);
+    $(this, Et, 0);
+    $(this, X, 0);
+    R(this, b, i), R(this, P, r), xt.register(a(this, b));
   }
   get size() {
-    return o(this, pt);
+    return a(this, Et);
   }
   get position() {
-    return o(this, X);
+    return a(this, X);
   }
   destroy() {
-    Et.unregister(o(this, V)), o(this, V).style.transform = "";
+    xt.unregister(a(this, b)), a(this, b).style.transform = "";
+  }
+  setSize(i) {
+    i ? (a(this, b).style.setProperty("--size", i + "px"), a(this, P).axisCSSProperty.current === "x" ? (a(this, b).style.width = i + "px", a(this, b).style.height = "") : (a(this, b).style.height = i + "px", a(this, b).style.width = "")) : (a(this, b).style.width = "", a(this, b).style.height = "", a(this, b).style.removeProperty("--size"));
   }
   resize() {
-    A(this, pt, o(this, k).vertical ? o(this, V).offsetHeight : o(this, V).offsetWidth), A(this, X, o(this, k).vertical ? Ce(o(this, V)) : ye(o(this, V))), A(this, X, o(this, X) - o(this, k).contentPosition);
+    R(this, Et, a(this, P).vertical ? a(this, b).offsetHeight : a(this, b).offsetWidth), R(this, X, a(this, P).vertical ? ke(a(this, b)) : Pe(a(this, b))), R(this, X, a(this, X) - a(this, P).contentPosition);
   }
   transform() {
     let i = 0;
-    const r = o(this, k).viewportSize - o(this, pt);
-    o(this, k).infiniteCSSProperty.current && o(this, k).overscroll && o(this, X) + o(this, pt) < o(this, k).currentScrollValue && (i = o(this, k).distance * -1 - o(this, k).gap), Et.update(
-      o(this, V),
-      o(this, k).axisAttibute.current,
+    const r = a(this, P).viewportSize;
+    a(this, P).infiniteCSSProperty.current && a(this, P).overscroll && a(this, X) + a(this, Et) < a(this, P).currentScrollValue && (i = a(this, P).distance * -1 - a(this, P).gap), xt.update(
+      a(this, b),
+      a(this, P).axisCSSProperty.current,
       i
     );
-    const h = o(this, k).currentScrollValue + i, n = o(this, X) - o(this, k).viewportSize - r, u = o(this, X) + o(this, pt) + r, f = qe(h, n, u);
-    o(this, k).vertical ? o(this, V).style.transform = `translate3d(0px, ${f * -1}px, 0px)` : o(this, V).style.transform = `translate3d(${f * -1}px, 0px, 0px)`;
+    const h = a(this, P).currentScrollValue + i, n = a(this, X) - a(this, P).viewportSize - r, u = a(this, X) + a(this, Et) + r, m = Je(h, n, u);
+    a(this, P).vertical ? a(this, b).style.transform = `translate3d(0px, ${m * -1}px, 0px)` : a(this, b).style.transform = `translate3d(${m * -1}px, 0px, 0px)`;
   }
 }
-V = new WeakMap(), k = new WeakMap(), pt = new WeakMap(), X = new WeakMap();
-const qs = Je({
+b = new WeakMap(), P = new WeakMap(), Et = new WeakMap(), X = new WeakMap();
+const Qs = Ye({
   ":host": {
     position: "relative",
     width: "100%",
@@ -87,11 +90,11 @@ const qs = Je({
     display: "contents"
   },
   ".static": {
-    position: "absolute",
-    top: "0",
-    left: "0",
-    width: "100%",
-    height: "100%"
+    position: "var(--static-position, absolute)",
+    top: "var(--static-top, 0)",
+    left: "var(--static-left, 0)",
+    width: "var(--static-width, 100%)",
+    height: "var(--static-height, 100%)"
   },
   ".content": {
     position: "relative",
@@ -107,191 +110,219 @@ const qs = Je({
     flexShrink: "0"
   }
 });
-let xe = class extends ds {
+let ze = class extends gs {
   constructor() {
-    super(), l(this, ee), l(this, Tt), l(this, Ee), l(this, Me), l(this, ce), l(this, ue), l(this, ze), l(this, pe), l(this, p, null), l(this, O, new m(this, "--axis", "y")), l(this, j, new m(this, "--pages", 0, {
+    super(), l(this, ie), l(this, It), l(this, xe), l(this, Le), l(this, pe), l(this, fe), l(this, Te), l(this, de), l(this, Ve), l(this, p, null), l(this, F, new f(this, "--axis", "y")), l(this, tt, new f(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
-    })), l(this, N, new m(this, "--split", !1)), l(this, tt, new m(this, "--sectional", !1)), l(this, Lt, new m(
+    })), l(this, N, new f(this, "--split", !1)), l(this, et, new f(this, "--sectional", !1)), l(this, vt, new f(
       this,
       "--wheel-max-delta",
       !1
-    )), l(this, D, new m(this, "--infinite", !1)), l(this, St, new m(this, "--damping", 20)), l(this, ne, new m(this, "--mass", 0)), l(this, ae, new m(this, "--stiffness", 0)), l(this, Vt, new m(this, "--mouse-drag", !1)), l(this, $t, new m(this, "--disabled", !1)), l(this, Ft, new m(this, "--hibernated", !1)), l(this, w, null), l(this, We, null), l(this, S, []), l(this, oe, 0), l(this, le, 0), l(this, L, 0), l(this, b, 0), l(this, K, 0), l(this, Z, null), l(this, Wt, null), l(this, at, null), l(this, W, new mt(0)), l(this, qt, 0), l(this, vt, 0), l(this, Gt, !0), l(this, Kt, !0), l(this, Mt, () => {
-      const e = this.currentScrollValue / s(this, b) || 0;
-      if (g(this, oe, this.vertical ? Ce(this) : ye(this)), g(this, le, this.vertical ? Ce(s(this, w)) : ye(s(this, w))), g(this, L, this.vertical ? this.offsetHeight : this.offsetWidth), s(this, j).current) {
-        g(this, b, s(this, L) * s(this, j).current);
-        const i = s(this, b) + s(this, L);
+    )), l(this, st, new f(
+      this,
+      "--sections-in-view",
+      1
+    )), l(this, Nt, new f(this, "--auto-size", !1)), l(this, D, new f(this, "--infinite", !1)), l(this, Vt, new f(this, "--damping", 20)), l(this, oe, new f(this, "--mass", 0)), l(this, le, new f(this, "--stiffness", 0)), l(this, zt, new f(this, "--mouse-drag", !1)), l(this, $t, new f(this, "--disabled", !1)), l(this, Ft, new f(this, "--hibernated", !1)), l(this, w, null), l(this, Me, null), l(this, d, []), l(this, ce, 0), l(this, ue, 0), l(this, E, 0), l(this, _, 0), l(this, A, 0), l(this, Z, null), l(this, Wt, null), l(this, lt, null), l(this, y, new mt(0)), l(this, Zt, 0), l(this, gt, 0), l(this, Kt, !0), l(this, Ut, !0), l(this, j, () => {
+      const e = this.currentScrollValue / s(this, _) || 0;
+      if (g(this, ce, this.vertical ? ke(this) : Pe(this)), g(this, ue, this.vertical ? ke(s(this, w)) : Pe(s(this, w))), g(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), s(this, tt).current) {
+        g(this, _, s(this, E) * s(this, tt).current);
+        const i = s(this, _) + s(this, E);
         this.vertical ? (s(this, w).style.width = i + "px", s(this, w).style.height = "100%") : (s(this, w).style.height = i + "px", s(this, w).style.width = "100%");
       } else
-        this.vertical ? (s(this, w).style.width = "100%", s(this, w).style.height = "max-content", g(this, b, s(this, w).offsetHeight - s(this, L))) : (s(this, w).style.width = "max-content", s(this, w).style.height = "100%", g(this, b, s(this, w).offsetWidth - s(this, L)));
-      if (this.vertical ? g(this, K, rs.parse(
+        this.vertical ? (s(this, w).style.width = "100%", s(this, w).style.height = "max-content", g(this, _, s(this, w).offsetHeight - s(this, E))) : (s(this, w).style.width = "max-content", s(this, w).style.height = "100%", g(this, _, s(this, w).offsetWidth - s(this, E)));
+      if (this.vertical ? g(this, A, os.parse(
         getComputedStyle(s(this, w)).rowGap
-      )) : g(this, K, rs.parse(
+      )) : g(this, A, os.parse(
         getComputedStyle(s(this, w)).columnGap
-      )), !s(this, D).current) {
+      )), s(this, Nt).current && s(this, d).length) {
+        const i = s(this, st).current, r = (s(this, E) - s(this, A) * (i - 1)) / i;
+        s(this, d).forEach((h) => {
+          h.setSize(r);
+        });
+      } else
+        s(this, d).forEach((i) => {
+          i.setSize();
+        });
+      if (!s(this, D).current) {
         const i = getComputedStyle(this);
-        g(this, b, s(this, b) + (this.vertical ? parseFloat(i.paddingBlockStart) + parseFloat(i.paddingBlockEnd) : parseFloat(i.paddingInlineStart) + parseFloat(i.paddingInlineEnd))), s(this, p).max = s(this, b);
+        g(this, _, s(this, _) + (this.vertical ? parseFloat(i.paddingBlockStart) + parseFloat(i.paddingBlockEnd) : parseFloat(i.paddingInlineStart) + parseFloat(i.paddingInlineEnd))), s(this, p).max = s(this, _);
       }
-      if (s(this, S).forEach((i) => {
+      if (s(this, d).forEach((i) => {
         i.resize(), i.transform();
-      }), s(this, D).current && s(this, S).length) {
-        const i = s(this, S)[s(this, S).length - 1], r = i.position + i.size - s(this, L), h = s(this, b) - r;
-        g(this, vt, i.position + i.size + h);
+      }), s(this, D).current && s(this, d).length) {
+        const i = s(this, d)[s(this, d).length - 1], r = i.position + i.size - s(this, E), h = s(this, _) - r;
+        g(this, gt, i.position + i.size + h);
       } else
-        g(this, vt, s(this, b));
-      if (s(this, tt).current && s(this, S).length) {
-        const i = s(this, S)[s(this, W).current];
+        g(this, gt, s(this, _));
+      if (s(this, et).current && s(this, d).length) {
+        const i = s(this, d)[s(this, y).current];
         s(this, p).set(i.position, !0);
       } else
-        s(this, p).set(e * s(this, b), !0);
-    }), l(this, Le, () => {
+        s(this, p).set(e * s(this, _), !0);
+    }), l(this, $e, () => {
       const e = this.currentScrollValue;
-      if (g(this, qt, Math.max(0, e - s(this, b))), s(this, S).length) {
+      if (g(this, Zt, Math.max(0, e - s(this, _))), s(this, d).length) {
         let i = 0;
-        for (let r = 0; r < s(this, S).length; r++) {
-          const h = s(this, S)[r];
-          h.transform(), this.targetScrollValue + this.viewportSize / 2 >= h.position && (i = r);
+        for (let r = 0; r < s(this, d).length; r++) {
+          const h = s(this, d)[r];
+          h.transform(), this.targetScrollValue + h.size / 2 >= h.position && (i = r);
         }
-        s(this, W).current = i;
+        s(this, y).current = i;
       } else
         this.vertical ? s(this, w).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : s(this, w).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      Et.update(
+      xt.update(
         this,
-        s(this, O).current,
+        s(this, F).current,
         e
       );
-    }), l(this, Nt, (e, i) => {
-      if (!(e === "drag" && !Ts.isMobile && !s(this, Vt).current))
-        if (s(this, tt).current) {
+    }), l(this, Jt, (e, i) => {
+      if (!(e === "drag" && !Gs.isMobile && !s(this, zt).current))
+        if (s(this, et).current) {
           const r = Math.sign(i);
-          s(this, S).length ? this.shiftSections(r) : s(this, p).shift(r * s(this, L));
+          s(this, d).length ? this.shiftSections(r) : s(this, p).shift(r * s(this, E));
         } else
           s(this, p).shift(i);
-    }), Ue && (g(this, p, new xs(0, {
+    }), Ze && (g(this, p, new $s(0, {
       damping: 0.01,
       min: 0,
-      order: As.SCROLL
-    })), this.openShadow(qs), Ze(this, {
+      order: Bs.SCROLL
+    })), this.openShadow(Qs), Xe(this, {
       tabIndex: 0,
       children: [
-        $e({
+        Oe({
           class: "static",
-          children: [ke({ name: "static" })]
+          children: [We({ name: "static" })]
         }),
-        $e({
+        Oe({
           class: "content",
-          children: [ke({ ref: (e) => g(this, We, e) })],
+          children: [We({ ref: (e) => g(this, Me, e) })],
           style: {
-            flexDirection: new Fs(
-              s(this, O),
+            flexDirection: new Rs(
+              s(this, F),
               (e) => e === "x" ? "row" : "column"
             )
           },
           ref: (e) => g(this, w, e)
         })
       ]
-    }), g(this, Z, new Os({ element: this })), s(this, Z).changeEvent.subscribe(s(this, Nt)), g(this, Wt, new zs({ element: this })), s(this, Wt).changeEvent.subscribe(s(this, Nt)), g(this, at, new Ds({ element: this })), s(this, at).changeEvent.subscribe(s(this, Nt)), s(this, O).subscribe(({ current: e }) => {
-      s(this, w).style.flexDirection = e === "x" ? "row" : "column", s(this, Z).axis = s(this, Lt).current ? "max" : e, s(this, Wt).dimension = e === "x" ? "width" : "height", s(this, at).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && s(this, Mt).call(this);
-    }), s(this, Lt).subscribe((e) => {
-      s(this, Z).axis = e.current ? "max" : s(this, O).current;
-    }), s(this, j).subscribe(() => {
-      this.isConnected && s(this, Mt).call(this);
+    }), g(this, Z, new Ts({ element: this })), s(this, Z).changeEvent.subscribe(s(this, Jt)), g(this, Wt, new As({ element: this })), s(this, Wt).changeEvent.subscribe(s(this, Jt)), g(this, lt, new Is({ element: this })), s(this, lt).changeEvent.subscribe(s(this, Jt)), s(this, F).subscribe(({ current: e }) => {
+      s(this, w).style.flexDirection = e === "x" ? "row" : "column", s(this, Z).axis = s(this, vt).current ? "max" : e, s(this, Wt).dimension = e === "x" ? "width" : "height", s(this, lt).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && s(this, j).call(this);
+    }), s(this, vt).subscribe((e) => {
+      s(this, Z).axis = e.current ? "max" : s(this, F).current;
+    }), s(this, tt).subscribe(() => {
+      this.isConnected && s(this, j).call(this);
     }), s(this, N).subscribe(({ current: e }) => {
-      this.isConnected && (e ? C(this, ee, Pe).call(this) : C(this, Tt, se).call(this));
-    }), s(this, tt).subscribe((e) => {
-      s(this, W).current = 0, s(this, Z).debounce = e.current, s(this, at).swipe = e.current, s(this, p).reset(), this.isConnected && (e.current && !e.previous ? C(this, ee, Pe).call(this) : !e.current && e.previous && C(this, Tt, se).call(this));
+      this.isConnected && (e ? C(this, ie, Ee).call(this) : C(this, It, re).call(this));
+    }), s(this, et).subscribe((e) => {
+      s(this, y).current = 0, s(this, Z).debounce = e.current, s(this, lt).swipe = e.current, s(this, p).reset(), this.isConnected && (e.current && !e.previous ? C(this, ie, Ee).call(this) : !e.current && e.previous && C(this, It, re).call(this));
+    }), s(this, st).subscribe((e) => {
+      this.isConnected && s(this, j).call(this);
+    }), s(this, Nt).subscribe((e) => {
+      this.isConnected && s(this, j).call(this);
     }), s(this, D).subscribe((e) => {
-      e.current ? (this.isConnected && (s(this, S).length || (s(this, N).current = !0)), s(this, S).length && (s(this, p).max = 1 / 0, s(this, p).min = -1 / 0)) : (g(this, qt, 0), s(this, p).max = s(this, b), s(this, p).min = 0);
-    }), s(this, St).subscribe((e) => {
+      e.current ? (this.isConnected && (s(this, d).length || (s(this, N).current = !0)), s(this, d).length && (s(this, p).max = 1 / 0, s(this, p).min = -1 / 0)) : (g(this, Zt, 0), s(this, p).max = s(this, _), s(this, p).min = 0);
+    }), s(this, Vt).subscribe((e) => {
       s(this, p).damping = e.current;
-    }), s(this, ne).subscribe((e) => {
+    }), s(this, oe).subscribe((e) => {
       s(this, p).mass = e.current;
-    }), s(this, ae).subscribe((e) => {
+    }), s(this, le).subscribe((e) => {
       s(this, p).stiffness = e.current;
     }), s(this, $t).subscribe((e) => {
-      e.current && !e.previous ? C(this, Ee, Xe).call(this) : !e.current && e.previous && C(this, Me, Ye).call(this);
+      e.current && !e.previous ? C(this, xe, ts).call(this) : !e.current && e.previous && C(this, Le, es).call(this);
     }), s(this, Ft).subscribe((e) => {
-      e.current && !e.previous ? C(this, ce, Fe).call(this) : !e.current && e.previous && C(this, ue, Oe).call(this);
+      e.current && !e.previous ? C(this, pe, De).call(this) : !e.current && e.previous && C(this, fe, Re).call(this);
     }), s(this, p).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
+    }), s(this, y).subscribe((e) => {
+      s(this, d).length && C(this, Ve, ss).call(this);
     }));
   }
-  get dampingCSSProperty() {
-    return s(this, St);
-  }
-  get maxxCSSProperty() {
-    return s(this, ne);
+  get axisCSSProperty() {
+    return s(this, F);
   }
-  get stiffnessCSSProperty() {
-    return s(this, ae);
+  get pagesCSSProperty() {
+    return s(this, tt);
   }
-  get mouseDragCSSProperty() {
-    return s(this, Vt);
+  get splitCSSProperty() {
+    return s(this, N);
   }
-  get axisAttibute() {
-    return s(this, O);
+  get sectionalCSSProperty() {
+    return s(this, et);
   }
-  get pagesAttibute() {
-    return s(this, j);
+  get wheelMaxDeltaCSSProperty() {
+    return s(this, vt);
   }
-  get splitAttibute() {
-    return s(this, N);
+  get sectionsInViewCSSProperty() {
+    return s(this, st);
   }
-  get sectionalAttibute() {
-    return s(this, tt);
+  get autoSizeCSSProperty() {
+    return s(this, Nt);
   }
   get infiniteCSSProperty() {
     return s(this, D);
   }
-  get dampingAttibute() {
-    return s(this, St);
+  get dampingCSSProperty() {
+    return s(this, Vt);
+  }
+  get massCSSProperty() {
+    return s(this, oe);
+  }
+  get stiffnessCSSProperty() {
+    return s(this, le);
+  }
+  get mouseDragCSSProperty() {
+    return s(this, zt);
   }
-  get disabledAttibute() {
+  get disabledCSSProperty() {
     return s(this, $t);
   }
-  get hibernatedAttibute() {
+  get hibernatedCSSProperty() {
     return s(this, Ft);
   }
   get currentScrollValue() {
-    return C(this, pe, De).call(this, "current");
+    return C(this, de, Ae).call(this, "current");
   }
   get targetScrollValue() {
-    return C(this, pe, De).call(this, "target");
+    return C(this, de, Ae).call(this, "target");
   }
   get contentElement() {
     return s(this, w);
   }
   get sections() {
-    return s(this, S);
+    return s(this, d);
   }
   get position() {
-    return s(this, oe);
+    return s(this, ce);
   }
   get contentPosition() {
-    return s(this, le);
+    return s(this, ue);
   }
   get viewportSize() {
-    return s(this, L);
+    return s(this, E);
   }
   get scrollSize() {
-    return s(this, b);
+    return s(this, _);
   }
   get gap() {
-    return s(this, K);
+    return s(this, A);
   }
   get counter() {
-    return s(this, W);
+    return s(this, y);
+  }
+  get limit() {
+    return s(this, d).length - s(this, st).current;
   }
   get distance() {
-    return s(this, vt);
+    return s(this, gt);
   }
   get infiniteDistance() {
-    return s(this, D).current ? s(this, vt) + s(this, K) : s(this, vt);
+    return s(this, D).current ? s(this, gt) + s(this, A) : s(this, gt);
   }
   get overscroll() {
-    return s(this, qt);
+    return s(this, Zt);
   }
   get vertical() {
-    return s(this, O).current === "y";
+    return s(this, F).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / this.infiniteDistance || 0;
@@ -309,10 +340,10 @@ let xe = class extends ds {
     return s(this, p).isRunning;
   }
   get scrollWidth() {
-    return s(this, O).current === "y" ? 0 : s(this, p).length;
+    return s(this, F).current === "y" ? 0 : s(this, p).length;
   }
   get scrollHeight() {
-    return s(this, O).current === "x" ? 0 : s(this, p).length;
+    return s(this, F).current === "x" ? 0 : s(this, p).length;
   }
   onScroll(...e) {
     return s(this, p).subscribe(...e);
@@ -334,145 +365,150 @@ let xe = class extends ds {
   }
   // TODO: Поправить значение когда скролл не секционный ??
   scrollToSection(e, i = "smooth") {
-    if (!s(this, S).length)
+    if (!s(this, d).length)
       return;
-    const r = s(this, W).current;
-    C(this, ze, Ss).call(this, e);
-    const h = s(this, S)[r], n = s(this, S)[s(this, W).current];
+    const r = s(this, y).current;
+    C(this, Te, bs).call(this, e);
+    const h = s(this, d)[r], n = s(this, d)[s(this, y).current];
     if (h && n) {
       let u = 0;
-      const f = s(this, S).length - 1;
-      s(this, D).current ? s(this, W).current === 0 && r === f ? u = s(this, b) + s(this, L) - h.position + s(this, K) : s(this, W).current === f && r === 0 ? u = n.position - (s(this, b) + s(this, L) + s(this, K)) : u = n.position - h.position : u = n.position - h.position, s(this, p).shift(u, i === "instant");
+      s(this, D).current ? s(this, y).current === 0 && r === this.limit ? u = s(this, _) + s(this, E) - h.position + s(this, A) : s(this, y).current === this.limit && r === 0 ? u = n.position - (s(this, _) + s(this, E) + s(this, A)) : u = n.position - h.position : u = n.position - h.position, s(this, p).shift(u, i === "instant");
     }
   }
   shiftSections(e, i = "smooth") {
-    s(this, S).length && this.scrollToSection(s(this, W).current + e, i);
+    s(this, d).length && this.scrollToSection(s(this, y).current + e, i);
   }
   setPosition(e, i = "smooth") {
     s(this, p).set(e, i === "instant");
   }
   connectedCallback() {
-    s(this, O).observe(), s(this, j).observe(), s(this, N).observe(), s(this, tt).observe(), s(this, Lt).observe(), s(this, D).observe(), s(this, St).observe(), s(this, Vt).observe(), s(this, $t).observe(), s(this, Ft).observe(), C(this, ue, Oe).call(this);
+    s(this, F).observe(), s(this, tt).observe(), s(this, N).observe(), s(this, et).observe(), s(this, vt).observe(), s(this, st).observe(), s(this, D).observe(), s(this, Vt).observe(), s(this, zt).observe(), s(this, $t).observe(), s(this, Ft).observe(), C(this, fe, Re).call(this);
   }
   disconnectedCallback() {
-    s(this, O).unobserve(), s(this, j).unobserve(), s(this, N).unobserve(), s(this, tt).unobserve(), s(this, Lt).unobserve(), s(this, D).unobserve(), s(this, St).unobserve(), s(this, Vt).unobserve(), s(this, $t).unobserve(), s(this, Ft).unobserve(), C(this, ce, Fe).call(this);
+    s(this, F).unobserve(), s(this, tt).unobserve(), s(this, N).unobserve(), s(this, et).unobserve(), s(this, vt).unobserve(), s(this, st).unobserve(), s(this, D).unobserve(), s(this, Vt).unobserve(), s(this, zt).unobserve(), s(this, $t).unobserve(), s(this, Ft).unobserve(), C(this, pe, De).call(this);
   }
 };
 p = /* @__PURE__ */ new WeakMap();
-O = /* @__PURE__ */ new WeakMap();
-j = /* @__PURE__ */ new WeakMap();
-N = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
 tt = /* @__PURE__ */ new WeakMap();
-Lt = /* @__PURE__ */ new WeakMap();
+N = /* @__PURE__ */ new WeakMap();
+et = /* @__PURE__ */ new WeakMap();
+vt = /* @__PURE__ */ new WeakMap();
+st = /* @__PURE__ */ new WeakMap();
+Nt = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
-St = /* @__PURE__ */ new WeakMap();
-ne = /* @__PURE__ */ new WeakMap();
-ae = /* @__PURE__ */ new WeakMap();
 Vt = /* @__PURE__ */ new WeakMap();
+oe = /* @__PURE__ */ new WeakMap();
+le = /* @__PURE__ */ new WeakMap();
+zt = /* @__PURE__ */ new WeakMap();
 $t = /* @__PURE__ */ new WeakMap();
 Ft = /* @__PURE__ */ new WeakMap();
 w = /* @__PURE__ */ new WeakMap();
-We = /* @__PURE__ */ new WeakMap();
-S = /* @__PURE__ */ new WeakMap();
-oe = /* @__PURE__ */ new WeakMap();
-le = /* @__PURE__ */ new WeakMap();
-L = /* @__PURE__ */ new WeakMap();
-b = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakMap();
+Me = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakMap();
+ce = /* @__PURE__ */ new WeakMap();
+ue = /* @__PURE__ */ new WeakMap();
+E = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
 Z = /* @__PURE__ */ new WeakMap();
 Wt = /* @__PURE__ */ new WeakMap();
-at = /* @__PURE__ */ new WeakMap();
-W = /* @__PURE__ */ new WeakMap();
-qt = /* @__PURE__ */ new WeakMap();
-vt = /* @__PURE__ */ new WeakMap();
-Gt = /* @__PURE__ */ new WeakMap();
+lt = /* @__PURE__ */ new WeakMap();
+y = /* @__PURE__ */ new WeakMap();
+Zt = /* @__PURE__ */ new WeakMap();
+gt = /* @__PURE__ */ new WeakMap();
 Kt = /* @__PURE__ */ new WeakMap();
-ee = /* @__PURE__ */ new WeakSet();
-Pe = function() {
-  C(this, Tt, se).call(this), s(this, We).assignedElements().forEach((e) => {
-    e instanceof HTMLElement && s(this, S).push(new Us(e, this));
+Ut = /* @__PURE__ */ new WeakMap();
+ie = /* @__PURE__ */ new WeakSet();
+Ee = function() {
+  C(this, It, re).call(this), s(this, Me).assignedElements().forEach((e) => {
+    e instanceof HTMLElement && s(this, d).push(new Js(e, this));
   }), s(this, w).style.transform = "", this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
-  ), s(this, Mt).call(this);
+  ), s(this, j).call(this), C(this, Ve, ss).call(this);
 };
-Tt = /* @__PURE__ */ new WeakSet();
-se = function() {
-  s(this, S).forEach((e) => {
+It = /* @__PURE__ */ new WeakSet();
+re = function() {
+  s(this, d).forEach((e) => {
     e.destroy();
-  }), g(this, S, []), this.dispatchEvent(
+  }), g(this, d, []), this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
   );
 };
-Ee = /* @__PURE__ */ new WeakSet();
-Xe = function() {
-  s(this, Gt) || (g(this, Gt, !0), s(this, p).unsubscribe(s(this, Le)), s(this, p).unlistenAnimationFrame(), s(this, Z).disconnect(), s(this, Wt).disconnect(), s(this, at).disconnect());
+xe = /* @__PURE__ */ new WeakSet();
+ts = function() {
+  s(this, Kt) || (g(this, Kt, !0), s(this, p).unsubscribe(s(this, $e)), s(this, p).unlistenAnimationFrame(), s(this, Z).disconnect(), s(this, Wt).disconnect(), s(this, lt).disconnect());
 };
-Me = /* @__PURE__ */ new WeakSet();
-Ye = function() {
-  s(this, Gt) && (g(this, Gt, !1), s(this, p).subscribe(s(this, Le)), s(this, Z).connect(), s(this, Wt).connect(), s(this, at).connect());
+Le = /* @__PURE__ */ new WeakSet();
+es = function() {
+  s(this, Kt) && (g(this, Kt, !1), s(this, p).subscribe(s(this, $e)), s(this, Z).connect(), s(this, Wt).connect(), s(this, lt).connect());
 };
-ce = /* @__PURE__ */ new WeakSet();
-Fe = function() {
-  s(this, Kt) || (g(this, Kt, !0), Ht.unsubscribe(s(this, Mt)), s(this, p).reset(), C(this, Ee, Xe).call(this), s(this, w).style.transform = "", s(this, N).current && C(this, Tt, se).call(this), Et.unregister(this));
+pe = /* @__PURE__ */ new WeakSet();
+De = function() {
+  s(this, Ut) || (g(this, Ut, !0), Gt.unsubscribe(s(this, j)), s(this, p).reset(), C(this, xe, ts).call(this), s(this, w).style.transform = "", s(this, N).current && C(this, It, re).call(this), xt.unregister(this));
 };
-ue = /* @__PURE__ */ new WeakSet();
-Oe = function() {
-  s(this, Kt) && (g(this, Kt, !1), s(this, N).current && C(this, ee, Pe).call(this), Et.register(this), Ht.subscribe(s(this, Mt), Ne.SCROLL), C(this, Me, Ye).call(this));
+fe = /* @__PURE__ */ new WeakSet();
+Re = function() {
+  s(this, Ut) && (g(this, Ut, !1), s(this, N).current && C(this, ie, Ee).call(this), xt.register(this), Gt.subscribe(s(this, j), Qe.SCROLL), C(this, Le, es).call(this));
 };
-Mt = /* @__PURE__ */ new WeakMap();
-Le = /* @__PURE__ */ new WeakMap();
-ze = /* @__PURE__ */ new WeakSet();
-Ss = function(e) {
-  s(this, D).current ? (s(this, W).current = e % s(this, S).length, s(this, W).current = s(this, W).current < 0 ? s(this, S).length + s(this, W).current : s(this, W).current) : s(this, W).current = qe(e, 0, s(this, S).length - 1);
+j = /* @__PURE__ */ new WeakMap();
+$e = /* @__PURE__ */ new WeakMap();
+Te = /* @__PURE__ */ new WeakSet();
+bs = function(e) {
+  s(this, D).current ? (s(this, y).current = e % s(this, d).length, s(this, y).current = s(this, y).current < 0 ? s(this, d).length + s(this, y).current : s(this, y).current) : s(this, y).current = Je(e, 0, this.limit);
 };
-Nt = /* @__PURE__ */ new WeakMap();
-pe = /* @__PURE__ */ new WeakSet();
-De = function(e = "current") {
-  if (s(this, D).current && s(this, S).length) {
-    const i = s(this, p)[e] % (s(this, b) + s(this, L) + s(this, K));
-    return i < 0 ? s(this, b) + i + s(this, L) + s(this, K) : i;
+Jt = /* @__PURE__ */ new WeakMap();
+de = /* @__PURE__ */ new WeakSet();
+Ae = function(e = "current") {
+  if (s(this, D).current && s(this, d).length) {
+    const i = s(this, p)[e] % (s(this, _) + s(this, E) + s(this, A));
+    return i < 0 ? s(this, _) + i + s(this, E) + s(this, A) : i;
   } else
     return s(this, p)[e];
 };
-xe = Ks([
-  Ut("e-scroll")
-], xe);
-var ie;
-class Ve extends ds {
+Ve = /* @__PURE__ */ new WeakSet();
+ss = function() {
+  s(this, d).length && (s(this, y).current === 0 ? this.classList.add("start") : this.classList.remove("start"), s(this, y).current === this.limit ? this.classList.add("end") : this.classList.remove("end"));
+};
+ze = Zs([
+  qt("e-scroll")
+], ze);
+var he;
+class Fe extends gs {
   constructor() {
     super(...arguments);
-    F(this, ie, null);
+    $(this, he, null);
   }
   get scrollElement() {
-    return o(this, ie);
+    return a(this, he);
   }
   connectedCallback() {
-    const r = Bs(this, xe);
-    r instanceof xe ? A(this, ie, r) : console.error(this, "e-scroll not found");
+    const r = Us(this, ze);
+    r instanceof ze ? R(this, he, r) : console.error(this, "e-scroll not found");
   }
 }
-ie = new WeakMap();
-var Ns = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, Js = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? Zs(i, r) : i, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (n = (h ? f(i, r, n) : f(n)) || n);
-  return h && n && Ns(i, r, n), n;
-}, vs = (e, i, r) => {
+he = new WeakMap();
+var Xs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, js = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? Ys(i, r) : i, u = e.length - 1, m; u >= 0; u--)
+    (m = e[u]) && (n = (h ? m(i, r, n) : m(n)) || n);
+  return h && n && Xs(i, r, n), n;
+}, _s = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, c = (e, i, r) => (vs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), G = (e, i, r) => {
+}, c = (e, i, r) => (_s(e, i, "read from private field"), r ? r.call(e) : i.get(e)), K = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, dt = (e, i, r, h) => (vs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), Zt, z, et, st, Jt, Qt, Ot, fe, de, me;
-const Qs = Je({
+}, St = (e, i, r, h) => (_s(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), Qt, O, it, rt, Xt, Yt, Ot, Se, me, ve;
+const ti = Ye({
   ":host": {
     display: "inline-block",
     zIndex: "1",
-    backgroundColor: hs.colorLight.var
+    backgroundColor: ls.colorLight.var
   },
   ':host([axis="y"])': {
     position: "absolute",
@@ -489,7 +525,7 @@ const Qs = Je({
     height: "1vmin"
   },
   ".default-thumb": {
-    backgroundColor: hs.colorDark.var,
+    backgroundColor: ls.colorDark.var,
     borderRadius: "1vmin",
     touchAction: "none"
   },
@@ -497,289 +533,289 @@ const Qs = Je({
     touchAction: "none"
   }
 });
-let as = class extends Ve {
+let us = class extends Fe {
   constructor() {
-    super(), G(this, Zt, null), G(this, z, null), G(this, et, !1), G(this, st, 0), G(this, Jt, 0), G(this, Qt, 0), G(this, Ot, () => {
-      dt(this, et, this.offsetWidth > this.offsetHeight);
-      const e = c(this, et) ? this.offsetWidth : this.offsetHeight;
-      dt(this, st, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), dt(this, st, Math.max(c(this, st), 30)), c(this, et) ? (c(this, z).style.width = c(this, st) + "px", c(this, z).style.height = "100%") : (c(this, z).style.width = "100%", c(this, z).style.height = c(this, st) + "px"), dt(this, Jt, e - c(this, st)), this.scrollElement.scrollSize || (this.style.display = "none");
-    }), G(this, fe, () => {
-      dt(this, Qt, this.scrollElement.currentProgress * c(this, Jt)), c(this, et) ? c(this, z).style.transform = `translate3d(${c(this, Qt)}px, 0px, 0px)` : c(this, z).style.transform = `translate3d(0px, ${c(this, Qt)}px, 0px)`;
-    }), G(this, de, () => {
-      this.setAttribute("axis", this.scrollElement.axisAttibute.current);
-    }), G(this, me, (e) => {
-      document.documentElement.classList.add("grabbing"), Is(
+    super(), K(this, Qt, null), K(this, O, null), K(this, it, !1), K(this, rt, 0), K(this, Xt, 0), K(this, Yt, 0), K(this, Ot, () => {
+      St(this, it, this.offsetWidth > this.offsetHeight);
+      const e = c(this, it) ? this.offsetWidth : this.offsetHeight;
+      St(this, rt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), St(this, rt, Math.max(c(this, rt), 30)), c(this, it) ? (c(this, O).style.width = c(this, rt) + "px", c(this, O).style.height = "100%") : (c(this, O).style.width = "100%", c(this, O).style.height = c(this, rt) + "px"), St(this, Xt, e - c(this, rt)), this.scrollElement.scrollSize || (this.style.display = "none");
+    }), K(this, Se, () => {
+      St(this, Yt, this.scrollElement.currentProgress * c(this, Xt)), c(this, it) ? c(this, O).style.transform = `translate3d(${c(this, Yt)}px, 0px, 0px)` : c(this, O).style.transform = `translate3d(0px, ${c(this, Yt)}px, 0px)`;
+    }), K(this, me, () => {
+      this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
+    }), K(this, ve, (e) => {
+      document.documentElement.classList.add("grabbing"), Ks(
         (h) => {
-          const n = c(this, et) ? h.x : h.y, u = this.scrollElement.distance / c(this, Jt), f = (n - r) * u;
-          this.scrollElement.setPosition(i + f);
+          const n = c(this, it) ? h.x : h.y, u = this.scrollElement.distance / c(this, Xt), m = (n - r) * u;
+          this.scrollElement.setPosition(i + m);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const i = this.scrollElement.targetScrollValue, r = c(this, et) ? e.x : e.y;
-    }), Ue && (this.openShadow(Qs), Ze(this, {
+      const i = this.scrollElement.targetScrollValue, r = c(this, it) ? e.x : e.y;
+    }), Ze && (this.openShadow(ti), Xe(this, {
       slot: "static",
       "drag-dead-zone": "",
       children: [
-        ke({
-          ref: (e) => dt(this, Zt, e),
-          children: $e({ class: "default-thumb" })
+        We({
+          ref: (e) => St(this, Qt, e),
+          children: Oe({ class: "default-thumb" })
         })
       ]
     }));
   }
   get thumbElement() {
-    return c(this, z);
+    return c(this, O);
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = c(this, Zt).assignedElements()[0] || c(this, Zt).firstElementChild;
-    dt(this, z, e), c(this, z).addEventListener("pointerdown", c(this, me)), Ht.subscribe(c(this, Ot), Ne.SCROLL + 1), ns.subscribe(this, c(this, Ot)), this.scrollElement.onScroll(c(this, fe)), this.scrollElement.axisAttibute.subscribe(c(this, de));
+    const e = c(this, Qt).assignedElements()[0] || c(this, Qt).firstElementChild;
+    St(this, O, e), c(this, O).addEventListener("pointerdown", c(this, ve)), Gt.subscribe(c(this, Ot), Qe.SCROLL + 1), cs.subscribe(this, c(this, Ot)), this.scrollElement.onScroll(c(this, Se)), this.scrollElement.axisCSSProperty.subscribe(c(this, me));
   }
   disconnectedCallback() {
-    c(this, z).removeEventListener("pointerdown", c(this, me)), Ht.unsubscribe(c(this, Ot)), ns.unsubscribe(c(this, Ot)), this.scrollElement.offScroll(c(this, fe)), this.scrollElement.axisAttibute.unsubscribe(c(this, de));
+    c(this, O).removeEventListener("pointerdown", c(this, ve)), Gt.unsubscribe(c(this, Ot)), cs.unsubscribe(c(this, Ot)), this.scrollElement.offScroll(c(this, Se)), this.scrollElement.axisCSSProperty.unsubscribe(c(this, me));
   }
 };
-Zt = /* @__PURE__ */ new WeakMap();
-z = /* @__PURE__ */ new WeakMap();
-et = /* @__PURE__ */ new WeakMap();
-st = /* @__PURE__ */ new WeakMap();
-Jt = /* @__PURE__ */ new WeakMap();
 Qt = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakMap();
+Xt = /* @__PURE__ */ new WeakMap();
+Yt = /* @__PURE__ */ new WeakMap();
 Ot = /* @__PURE__ */ new WeakMap();
-fe = /* @__PURE__ */ new WeakMap();
-de = /* @__PURE__ */ new WeakMap();
+Se = /* @__PURE__ */ new WeakMap();
 me = /* @__PURE__ */ new WeakMap();
-as = Js([
-  Ut("e-scrollbar")
-], as);
-const Xs = Je({
+ve = /* @__PURE__ */ new WeakMap();
+us = js([
+  qt("e-scrollbar")
+], us);
+const ei = Ye({
   button: {
     all: "inherit"
   }
 });
-class gs extends Ve {
+class Cs extends Fe {
   constructor() {
-    super(), this.openShadow(Xs), Ue && Ze(this, {
+    super(), this.openShadow(ei), Ze && Xe(this, {
       children: [
-        Rs({
+        Hs({
           onClick: () => {
             this.handleClick();
           },
-          children: [ke()]
+          children: [We()]
         })
       ]
     });
   }
 }
-var Ys = Object.defineProperty, js = Object.getOwnPropertyDescriptor, ti = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? js(i, r) : i, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (n = (h ? f(i, r, n) : f(n)) || n);
-  return h && n && Ys(i, r, n), n;
+var si = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ri = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? ii(i, r) : i, u = e.length - 1, m; u >= 0; u--)
+    (m = e[u]) && (n = (h ? m(i, r, n) : m(n)) || n);
+  return h && n && si(i, r, n), n;
 };
-let os = class extends gs {
+let ps = class extends Cs {
   handleClick() {
     const e = this.getAttribute("index"), i = this.getAttribute("behaviour");
     this.scrollElement.scrollToSection(parseInt(e || "0"), i);
   }
 };
-os = ti([
-  Ut("e-scroll-set-button")
-], os);
-var ei = Object.defineProperty, si = Object.getOwnPropertyDescriptor, ii = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? si(i, r) : i, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (n = (h ? f(i, r, n) : f(n)) || n);
-  return h && n && ei(i, r, n), n;
+ps = ri([
+  qt("e-scroll-set-button")
+], ps);
+var hi = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ai = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? ni(i, r) : i, u = e.length - 1, m; u >= 0; u--)
+    (m = e[u]) && (n = (h ? m(i, r, n) : m(n)) || n);
+  return h && n && hi(i, r, n), n;
 };
-let ls = class extends gs {
+let fs = class extends Cs {
   handleClick() {
     const e = this.getAttribute("step"), i = this.getAttribute("behaviour");
     this.scrollElement.shiftSections(parseInt(e || "1"), i);
   }
 };
-ls = ii([
-  Ut("e-scroll-step-button")
-], ls);
-var ri = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, ni = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? hi(i, r) : i, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (n = (h ? f(i, r, n) : f(n)) || n);
-  return h && n && ri(i, r, n), n;
-}, ws = (e, i, r) => {
+fs = ai([
+  qt("e-scroll-step-button")
+], fs);
+var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ci = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? li(i, r) : i, u = e.length - 1, m; u >= 0; u--)
+    (m = e[u]) && (n = (h ? m(i, r, n) : m(n)) || n);
+  return h && n && oi(i, r, n), n;
+}, ys = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, xt = (e, i, r) => (ws(e, i, "read from private field"), r ? r.call(e) : i.get(e)), cs = (e, i, r) => {
+}, Lt = (e, i, r) => (ys(e, i, "read from private field"), r ? r.call(e) : i.get(e)), ds = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, us = (e, i, r, h) => (ws(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), gt, Xt, Y, ft, It, re, he, Bt;
-class ai {
+}, Ss = (e, i, r, h) => (ys(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), wt, jt, Y, dt, Bt, ne, ae, Ht;
+class ui {
   constructor(i, r, h) {
-    F(this, Y, void 0);
-    F(this, ft, void 0);
-    F(this, It, void 0);
-    F(this, re, void 0);
-    F(this, he, () => {
-      o(this, ft).scrollToSection(o(this, It), o(this, re));
+    $(this, Y, void 0);
+    $(this, dt, void 0);
+    $(this, Bt, void 0);
+    $(this, ne, void 0);
+    $(this, ae, () => {
+      a(this, dt).scrollToSection(a(this, Bt), a(this, ne));
     });
-    F(this, Bt, () => {
-      o(this, Y).classList.toggle(
+    $(this, Ht, () => {
+      a(this, Y).classList.toggle(
         "current",
-        o(this, ft).counter.current === o(this, It)
+        a(this, dt).counter.current === a(this, Bt)
       );
     });
-    A(this, Y, document.createElement("button")), A(this, ft, i), A(this, re, h), A(this, It, r), o(this, Y).addEventListener("click", o(this, he)), o(this, ft).counter.subscribe(o(this, Bt)), o(this, Bt).call(this);
+    R(this, Y, document.createElement("button")), R(this, dt, i), R(this, ne, h), R(this, Bt, r), a(this, Y).addEventListener("click", a(this, ae)), a(this, dt).counter.subscribe(a(this, Ht)), a(this, Ht).call(this);
   }
   get element() {
-    return o(this, Y);
+    return a(this, Y);
   }
   destroy() {
-    o(this, Y).removeEventListener("click", o(this, he)), o(this, ft).counter.unsubscribe(o(this, Bt)), o(this, Y).remove();
+    a(this, Y).removeEventListener("click", a(this, ae)), a(this, dt).counter.unsubscribe(a(this, Ht)), a(this, Y).remove();
   }
 }
-Y = new WeakMap(), ft = new WeakMap(), It = new WeakMap(), re = new WeakMap(), he = new WeakMap(), Bt = new WeakMap();
-let ps = class extends Ve {
+Y = new WeakMap(), dt = new WeakMap(), Bt = new WeakMap(), ne = new WeakMap(), ae = new WeakMap(), Ht = new WeakMap();
+let ms = class extends Fe {
   constructor() {
-    super(...arguments), cs(this, gt, []), cs(this, Xt, ms(() => {
-      xt(this, gt).forEach((e) => e.destroy()), us(this, gt, []);
+    super(...arguments), ds(this, wt, []), ds(this, jt, ws(() => {
+      Lt(this, wt).forEach((e) => e.destroy()), Ss(this, wt, []);
       for (let e = 0; e < this.scrollElement.sections.length; e++) {
-        const i = new ai(
+        const i = new ui(
           this.scrollElement,
           e,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(i.element), xt(this, gt).push(i);
+        this.appendChild(i.element), Lt(this, wt).push(i);
       }
     }, 0));
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      xt(this, Xt)
-    ), xt(this, Xt).call(this);
+      Lt(this, jt)
+    ), Lt(this, jt).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      xt(this, Xt)
-    ), xt(this, gt).forEach((e) => e.destroy()), us(this, gt, []);
+      Lt(this, jt)
+    ), Lt(this, wt).forEach((e) => e.destroy()), Ss(this, wt, []);
   }
 };
-gt = /* @__PURE__ */ new WeakMap();
-Xt = /* @__PURE__ */ new WeakMap();
-ps = ni([
-  Ut("e-scroll-bullet-buttons")
-], ps);
-var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ci = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? li(i, r) : i, u = e.length - 1, f; u >= 0; u--)
-    (f = e[u]) && (n = (h ? f(i, r, n) : f(n)) || n);
-  return h && n && oi(i, r, n), n;
-}, je = (e, i, r) => {
+wt = /* @__PURE__ */ new WeakMap();
+jt = /* @__PURE__ */ new WeakMap();
+ms = ci([
+  qt("e-scroll-bullet-buttons")
+], ms);
+var pi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, di = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? fi(i, r) : i, u = e.length - 1, m; u >= 0; u--)
+    (m = e[u]) && (n = (h ? m(i, r, n) : m(n)) || n);
+  return h && n && pi(i, r, n), n;
+}, is = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, t = (e, i, r) => (je(e, i, "read from private field"), r ? r.call(e) : i.get(e)), a = (e, i, r) => {
+}, t = (e, i, r) => (is(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, d = (e, i, r, h) => (je(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), _ = (e, i, r) => (je(e, i, "access private method"), r), zt, wt, bt, _t, Ct, $, I, B, H, kt, M, ot, lt, rt, ht, nt, Dt, Yt, E, q, U, ct, ut, J, Se, v, At, Rt, ve, T, Q, x, P, R, jt, Pt, y, ge, Ae, ts, bs, Re, _s, Te, Cs, Ie, ys, Be, ks, He, Ws, Ge, Ps, we, te, it, yt, es, Es, ss, Ms, be, Ke, _e;
-let fs = class extends Ve {
+}, S = (e, i, r, h) => (is(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), k = (e, i, r) => (is(e, i, "access private method"), r), Dt, bt, _t, Ct, yt, z, B, H, G, Pt, L, ct, ut, nt, at, ot, Rt, te, x, q, U, pt, ft, J, ge, v, Tt, At, we, I, Q, V, M, T, ee, Mt, W, be, Ie, rs, ks, Be, Ps, He, Ws, Ge, Ms, Ke, Es, Ue, xs, qe, Ls, _e, se, ht, kt, hs, Vs, ns, zs, Ce, Ne, ye;
+let vs = class extends Fe {
   constructor() {
-    super(...arguments), a(this, ge), a(this, ts), a(this, Re), a(this, Te), a(this, Ie), a(this, Be), a(this, He), a(this, Ge), a(this, it), a(this, es), a(this, ss), a(this, be), a(this, zt, new m(this, "--target", "")), a(this, wt, new m(this, "--disabled", !1)), a(this, bt, new m(
+    super(...arguments), o(this, be), o(this, rs), o(this, Be), o(this, He), o(this, Ge), o(this, Ke), o(this, Ue), o(this, qe), o(this, ht), o(this, hs), o(this, ns), o(this, Ce), o(this, Dt, new f(this, "--target", "")), o(this, bt, new f(this, "--disabled", !1)), o(this, _t, new f(
       this,
       "--distance-offset",
       0
-    )), a(this, _t, new m(this, "--start-offset", 0)), a(this, Ct, new m(
+    )), o(this, Ct, new f(this, "--start-offset", 0)), o(this, yt, new f(
       this,
       "--capture-once",
       !1
-    )), a(this, $, new m(this, "--captured", "")), a(this, I, new m(this, "--released", "")), a(this, B, new m(
+    )), o(this, z, new f(this, "--captured", "")), o(this, B, new f(this, "--released", "")), o(this, H, new f(
       this,
       "--captured-from-start",
       ""
-    )), a(this, H, new m(
+    )), o(this, G, new f(
       this,
       "--captured-from-finish",
       ""
-    )), a(this, kt, new m(
+    )), o(this, Pt, new f(
       this,
       "--released-from-start",
       ""
-    )), a(this, M, new m(
+    )), o(this, L, new f(
       this,
       "--released-from-finish",
       ""
-    )), a(this, ot, new m(this, "--passed-var", "")), a(this, lt, new m(this, "--progress-var", "")), a(this, rt, new m(this, "--distance-var", "")), a(this, ht, new m(this, "--start-var", "")), a(this, nt, new m(this, "--finish-var", "")), a(this, Dt, new m(this, "--smoothstep", !1)), a(this, Yt, new m(
+    )), o(this, ct, new f(this, "--passed-var", "")), o(this, ut, new f(this, "--progress-var", "")), o(this, nt, new f(this, "--distance-var", "")), o(this, at, new f(this, "--start-var", "")), o(this, ot, new f(this, "--finish-var", "")), o(this, Rt, new f(this, "--smoothstep", !1)), o(this, te, new f(
       this,
       "--smootherstep",
       !1
-    )), a(this, E, new mt(!1)), a(this, q, new mt(!1)), a(this, U, new mt(!1)), a(this, ct, new mt(!1)), a(this, ut, new mt(!1)), a(this, J, new mt(!1)), a(this, Se, []), a(this, v, this), a(this, At, 0), a(this, Rt, 0), a(this, ve, 0), a(this, T, 0), a(this, Q, 0), a(this, x, 0), a(this, P, 0), a(this, R, 0), a(this, jt, !1), a(this, Pt, !1), a(this, y, !0), a(this, we, () => {
-      t(this, y) || (this.resize(), t(this, te).call(this));
-    }), a(this, te, () => {
-      !t(this, y) && t(this, jt) && this.tick();
-    }), a(this, _e, ms(() => {
-      const e = Et.getAll(this).reverse();
+    )), o(this, x, new mt(!1)), o(this, q, new mt(!1)), o(this, U, new mt(!1)), o(this, pt, new mt(!1)), o(this, ft, new mt(!1)), o(this, J, new mt(!1)), o(this, ge, []), o(this, v, this), o(this, Tt, 0), o(this, At, 0), o(this, we, 0), o(this, I, 0), o(this, Q, 0), o(this, V, 0), o(this, M, 0), o(this, T, 0), o(this, ee, !1), o(this, Mt, !1), o(this, W, !0), o(this, _e, () => {
+      t(this, W) || (this.resize(), t(this, se).call(this));
+    }), o(this, se, () => {
+      !t(this, W) && t(this, ee) && this.tick();
+    }), o(this, ye, ws(() => {
+      const e = xt.getAll(this).reverse();
       let i = 0;
       e.forEach((r, h) => {
         r.element === this.scrollElement && (i = h);
-      }), d(this, Se, e.slice(i + 1));
+      }), S(this, ge, e.slice(i + 1));
     }, 0));
   }
   get distanceOffsetCSSProperty() {
-    return t(this, bt);
+    return t(this, _t);
   }
   get startOffsetCSSProperty() {
-    return t(this, _t);
+    return t(this, Ct);
   }
   get captureOnceCSSProperty() {
-    return t(this, Ct);
+    return t(this, yt);
   }
   get capturedCSSProperty() {
-    return t(this, $);
+    return t(this, z);
   }
   get releasedCSSProperty() {
-    return t(this, I);
+    return t(this, B);
   }
   get capturedFromStartCSSProperty() {
-    return t(this, B);
+    return t(this, H);
   }
   get capturedFromFinishCSSProperty() {
-    return t(this, H);
+    return t(this, G);
   }
   get releasedFromStartCSSProperty() {
-    return t(this, kt);
+    return t(this, Pt);
   }
   get releasedFromFinishCSSProperty() {
-    return t(this, M);
+    return t(this, L);
   }
   get passedVarCSSProperty() {
-    return t(this, ot);
+    return t(this, ct);
   }
   get progressVarCSSProperty() {
-    return t(this, lt);
+    return t(this, ut);
   }
   get distanceVarCSSProperty() {
-    return t(this, rt);
+    return t(this, nt);
   }
   get startVarCSSProperty() {
-    return t(this, ht);
+    return t(this, at);
   }
   get finishVarCSSProperty() {
-    return t(this, nt);
+    return t(this, ot);
   }
   get smoothstepCSSProperty() {
-    return t(this, Dt);
+    return t(this, Rt);
   }
   get smootherstepCSSProperty() {
-    return t(this, Yt);
+    return t(this, te);
   }
   get disabledCSSProperty() {
-    return t(this, wt);
+    return t(this, bt);
   }
   get targetCSSProperty() {
-    return t(this, zt);
+    return t(this, Dt);
   }
   get isCaptured() {
-    return t(this, E);
+    return t(this, x);
   }
   get isReleased() {
     return t(this, q);
@@ -788,100 +824,100 @@ let fs = class extends Ve {
     return t(this, U);
   }
   get isReleasedFromStart() {
-    return t(this, ct);
+    return t(this, pt);
   }
   get isCapturedFromFinish() {
-    return t(this, ut);
+    return t(this, ft);
   }
   get isReleasedFromFinish() {
     return t(this, J);
   }
   get directionPosition() {
-    return t(this, At);
+    return t(this, Tt);
   }
   get directionSize() {
-    return t(this, Rt);
+    return t(this, At);
   }
   get passed() {
-    return t(this, T);
+    return t(this, I);
   }
   get progress() {
     return t(this, Q);
   }
   get start() {
-    return t(this, x);
+    return t(this, V);
   }
   get finish() {
-    return t(this, R);
+    return t(this, T);
   }
   get distance() {
-    return t(this, P);
+    return t(this, M);
   }
   get isCapturedOnce() {
-    return t(this, Pt);
+    return t(this, Mt);
   }
   get isDisabled() {
-    return t(this, y);
+    return t(this, W);
   }
   resize() {
-    d(this, Rt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), d(this, At, this.scrollElement.vertical ? Ce(this, this.scrollElement) : ye(this, this.scrollElement)), d(this, x, this.getStart()), d(this, P, this.getDistance()), d(this, x, t(this, x) + t(this, _t).current), d(this, P, t(this, P) + t(this, bt).current), d(this, R, t(this, x) + t(this, P)), this.scrollElement.currentScrollValue > t(this, R) && !t(this, E).current && !t(this, q).current && (t(this, E).current = !0), this.setVar(t(this, ht).current, t(this, x)), this.setVar(t(this, nt).current, t(this, R)), this.setVar(t(this, rt).current, t(this, P)), d(this, jt, !0);
+    S(this, At, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), S(this, Tt, this.scrollElement.vertical ? ke(this, this.scrollElement) : Pe(this, this.scrollElement)), S(this, V, this.getStart()), S(this, M, this.getDistance()), S(this, V, t(this, V) + t(this, Ct).current), S(this, M, t(this, M) + t(this, _t).current), S(this, T, t(this, V) + t(this, M)), this.scrollElement.currentScrollValue > t(this, T) && !t(this, x).current && !t(this, q).current && (t(this, x).current = !0), this.setVar(t(this, at).current, t(this, V)), this.setVar(t(this, ot).current, t(this, T)), this.setVar(t(this, nt).current, t(this, M)), S(this, ee, !0);
   }
   tick() {
     let e = this.scrollElement.currentScrollValue;
-    t(this, Se).forEach((r) => {
+    t(this, ge).forEach((r) => {
       e += r.value;
-    }), d(this, T, this.updateValue(e - t(this, x), 0, t(this, P)) || 0), d(this, Q, t(this, T) / t(this, P) || 0);
+    }), S(this, I, this.updateValue(e - t(this, V), 0, t(this, M)) || 0), S(this, Q, t(this, I) / t(this, M) || 0);
     const i = Math.round(e);
-    t(this, E).current && (i > t(this, x) ? t(this, U).current || _(this, Ie, ys).call(this) : t(this, U).current && !t(this, ct).current && _(this, He, Ws).call(this), i < t(this, R) ? t(this, J).current && !t(this, ut).current && _(this, Be, ks).call(this) : t(this, U).current && !t(this, J).current && _(this, Ge, Ps).call(this)), i > t(this, x) && i < t(this, R) ? (_(this, ge, Ae).call(this), t(this, E).current || _(this, Re, _s).call(this)) : t(this, E).current && (d(this, T, Ls(t(this, P) / 2, t(this, T), 0, t(this, P))), d(this, Q, t(this, T) / t(this, P)), _(this, ge, Ae).call(this), _(this, Te, Cs).call(this)), t(this, Pt) && t(this, Ct).current && (t(this, $).current && t(this, v).classList.add(t(this, $).current), d(this, y, !0));
+    t(this, x).current && (i > t(this, V) ? t(this, U).current || k(this, Ge, Ms).call(this) : t(this, U).current && !t(this, pt).current && k(this, Ue, xs).call(this), i < t(this, T) ? t(this, J).current && !t(this, ft).current && k(this, Ke, Es).call(this) : t(this, U).current && !t(this, J).current && k(this, qe, Ls).call(this)), i > t(this, V) && i < t(this, T) ? (k(this, be, Ie).call(this), t(this, x).current || k(this, Be, Ps).call(this)) : t(this, x).current && (S(this, I, Fs(t(this, M) / 2, t(this, I), 0, t(this, M))), S(this, Q, t(this, I) / t(this, M)), k(this, be, Ie).call(this), k(this, He, Ws).call(this)), t(this, Mt) && t(this, yt).current && (t(this, z).current && t(this, v).classList.add(t(this, z).current), S(this, W, !0));
   }
   disable() {
-    this.style.cssText = "", d(this, At, 0), d(this, Rt, 0), d(this, T, 0), d(this, Q, 0), d(this, x, 0), d(this, P, 0), d(this, R, 0), d(this, jt, !1), t(this, E).current = !1, t(this, q).current = !1, t(this, U).current = !1, t(this, ct).current = !1, t(this, ut).current = !1, t(this, J).current = !1, d(this, Pt, !1), d(this, y, !0), _(this, be, Ke).call(this);
+    this.style.cssText = "", S(this, Tt, 0), S(this, At, 0), S(this, I, 0), S(this, Q, 0), S(this, V, 0), S(this, M, 0), S(this, T, 0), S(this, ee, !1), t(this, x).current = !1, t(this, q).current = !1, t(this, U).current = !1, t(this, pt).current = !1, t(this, ft).current = !1, t(this, J).current = !1, S(this, Mt, !1), S(this, W, !0), k(this, Ce, Ne).call(this);
   }
   enable() {
-    d(this, y, !1);
+    S(this, W, !1);
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, zt).observe(), t(this, wt).observe(), t(this, bt).observe(), t(this, _t).observe(), t(this, Ct).observe(), t(this, $).observe(), t(this, I).observe(), t(this, B).observe(), t(this, H).observe(), t(this, kt).observe(), t(this, M).observe(), t(this, ot).observe(), t(this, lt).observe(), t(this, rt).observe(), t(this, ht).observe(), t(this, nt).observe(), t(this, Dt).observe(), t(this, Yt).observe();
+    super.connectedCallback(), t(this, Dt).observe(), t(this, bt).observe(), t(this, _t).observe(), t(this, Ct).observe(), t(this, yt).observe(), t(this, z).observe(), t(this, B).observe(), t(this, H).observe(), t(this, G).observe(), t(this, Pt).observe(), t(this, L).observe(), t(this, ct).observe(), t(this, ut).observe(), t(this, nt).observe(), t(this, at).observe(), t(this, ot).observe(), t(this, Rt).observe(), t(this, te).observe();
     let e = !1;
     this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, _e)
-    ), t(this, _e).call(this), t(this, wt).current || this.enable(), t(this, zt).subscribe((i) => {
-      i.previous && _(this, be, Ke).call(this), i.current ? i.current === "parent" ? d(this, v, this.parentElement || this) : d(this, v, document.querySelector(i.current) || this) : d(this, v, this);
-    }), t(this, wt).subscribe((i) => {
+      t(this, ye)
+    ), t(this, ye).call(this), t(this, bt).current || this.enable(), t(this, Dt).subscribe((i) => {
+      i.previous && k(this, Ce, Ne).call(this), i.current ? i.current === "parent" ? S(this, v, this.parentElement || this) : S(this, v, document.querySelector(i.current) || this) : S(this, v, this);
+    }), t(this, bt).subscribe((i) => {
       i.current && !i.previous ? this.disable() : !i.current && i.previous && (this.resize(), this.enable());
+    }), t(this, Ct).subscribe(() => {
+      e && !t(this, W) && this.resize();
     }), t(this, _t).subscribe(() => {
-      e && !t(this, y) && this.resize();
-    }), t(this, bt).subscribe(() => {
-      e && !t(this, y) && this.resize();
-    }), t(this, $).subscribe((i) => {
-      _(this, it, yt).call(this, i);
-    }), t(this, B).subscribe((i) => {
-      _(this, it, yt).call(this, i);
+      e && !t(this, W) && this.resize();
+    }), t(this, z).subscribe((i) => {
+      k(this, ht, kt).call(this, i);
     }), t(this, H).subscribe((i) => {
-      _(this, it, yt).call(this, i);
-    }), t(this, I).subscribe((i) => {
-      _(this, it, yt).call(this, i);
-    }), t(this, kt).subscribe((i) => {
-      _(this, it, yt).call(this, i);
-    }), t(this, M).subscribe((i) => {
-      _(this, it, yt).call(this, i);
-    }), t(this, Ct).subscribe((i) => {
-      t(this, y) || !i.current && i.previous && (this.resize(), this.enable());
+      k(this, ht, kt).call(this, i);
+    }), t(this, G).subscribe((i) => {
+      k(this, ht, kt).call(this, i);
+    }), t(this, B).subscribe((i) => {
+      k(this, ht, kt).call(this, i);
+    }), t(this, Pt).subscribe((i) => {
+      k(this, ht, kt).call(this, i);
+    }), t(this, L).subscribe((i) => {
+      k(this, ht, kt).call(this, i);
+    }), t(this, yt).subscribe((i) => {
+      t(this, W) || !i.current && i.previous && (this.resize(), this.enable());
+    }), t(this, ct).subscribe((i) => {
+      t(this, W) || (this.removeVar(i.previous), this.setVar(i.current, this.passed));
+    }), t(this, ut).subscribe((i) => {
+      t(this, W) || (this.removeVar(i.previous), this.setVar(i.current, t(this, Q)));
+    }), t(this, at).subscribe((i) => {
+      t(this, W) || (this.removeVar(i.previous), this.setVar(i.current, t(this, V)));
     }), t(this, ot).subscribe((i) => {
-      t(this, y) || (this.removeVar(i.previous), this.setVar(i.current, this.passed));
-    }), t(this, lt).subscribe((i) => {
-      t(this, y) || (this.removeVar(i.previous), this.setVar(i.current, t(this, Q)));
-    }), t(this, ht).subscribe((i) => {
-      t(this, y) || (this.removeVar(i.previous), this.setVar(i.current, t(this, x)));
+      t(this, W) || (this.removeVar(i.previous), this.setVar(i.current, t(this, T)));
     }), t(this, nt).subscribe((i) => {
-      t(this, y) || (this.removeVar(i.previous), this.setVar(i.current, t(this, R)));
-    }), t(this, rt).subscribe((i) => {
-      t(this, y) || (this.removeVar(i.previous), this.setVar(i.current, t(this, P)));
-    }), Ht.subscribe(t(this, we), Ne.SEGMENT), this.scrollElement.onScroll(t(this, te)), e = !0;
+      t(this, W) || (this.removeVar(i.previous), this.setVar(i.current, t(this, M)));
+    }), Gt.subscribe(t(this, _e), Qe.SEGMENT), this.scrollElement.onScroll(t(this, se)), e = !0;
   }
   disconnectedCallback() {
-    Ht.unsubscribe(t(this, we)), this.scrollElement.offScroll(t(this, te)), t(this, zt).close(), t(this, wt).close(), t(this, bt).close(), t(this, _t).close(), t(this, Ct).close(), t(this, $).close(), t(this, I).close(), t(this, B).close(), t(this, H).close(), t(this, kt).close(), t(this, M).close(), t(this, ot).close(), t(this, lt).close(), t(this, rt).close(), t(this, ht).close(), t(this, nt).close(), t(this, Dt).close(), t(this, Yt).close(), t(this, E).close(), t(this, q).close(), t(this, U).close(), t(this, ct).close(), t(this, ut).close(), t(this, J).close(), this.disable();
+    Gt.unsubscribe(t(this, _e)), this.scrollElement.offScroll(t(this, se)), t(this, Dt).close(), t(this, bt).close(), t(this, _t).close(), t(this, Ct).close(), t(this, yt).close(), t(this, z).close(), t(this, B).close(), t(this, H).close(), t(this, G).close(), t(this, Pt).close(), t(this, L).close(), t(this, ct).close(), t(this, ut).close(), t(this, nt).close(), t(this, at).close(), t(this, ot).close(), t(this, Rt).close(), t(this, te).close(), t(this, x).close(), t(this, q).close(), t(this, U).close(), t(this, pt).close(), t(this, ft).close(), t(this, J).close(), this.disable();
   }
   removeVar(e) {
     e && t(this, v).style.removeProperty(`--${e}`);
@@ -890,145 +926,145 @@ let fs = class extends Ve {
     e && t(this, v).style.setProperty(`--${e}`, i.toString());
   }
   updateValue(e, i = 0, r = 1) {
-    return this.smootherstepCSSProperty.current ? Vs(e, i, r) * r : t(this, Dt).current ? $s(e, i, r) * r : qe(e, i, r);
+    return this.smootherstepCSSProperty.current ? Os(e, i, r) * r : t(this, Rt).current ? Ds(e, i, r) * r : Je(e, i, r);
   }
   getDistance() {
-    return t(this, Rt) + t(this, ve);
+    return t(this, At) + t(this, we);
   }
   getStart() {
-    return t(this, At) - t(this, ve);
+    return t(this, Tt) - t(this, we);
   }
 };
-zt = /* @__PURE__ */ new WeakMap();
-wt = /* @__PURE__ */ new WeakMap();
+Dt = /* @__PURE__ */ new WeakMap();
 bt = /* @__PURE__ */ new WeakMap();
 _t = /* @__PURE__ */ new WeakMap();
 Ct = /* @__PURE__ */ new WeakMap();
-$ = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
+yt = /* @__PURE__ */ new WeakMap();
+z = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
 H = /* @__PURE__ */ new WeakMap();
-kt = /* @__PURE__ */ new WeakMap();
-M = /* @__PURE__ */ new WeakMap();
-ot = /* @__PURE__ */ new WeakMap();
-lt = /* @__PURE__ */ new WeakMap();
-rt = /* @__PURE__ */ new WeakMap();
-ht = /* @__PURE__ */ new WeakMap();
+G = /* @__PURE__ */ new WeakMap();
+Pt = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+ct = /* @__PURE__ */ new WeakMap();
+ut = /* @__PURE__ */ new WeakMap();
 nt = /* @__PURE__ */ new WeakMap();
-Dt = /* @__PURE__ */ new WeakMap();
-Yt = /* @__PURE__ */ new WeakMap();
-E = /* @__PURE__ */ new WeakMap();
+at = /* @__PURE__ */ new WeakMap();
+ot = /* @__PURE__ */ new WeakMap();
+Rt = /* @__PURE__ */ new WeakMap();
+te = /* @__PURE__ */ new WeakMap();
+x = /* @__PURE__ */ new WeakMap();
 q = /* @__PURE__ */ new WeakMap();
 U = /* @__PURE__ */ new WeakMap();
-ct = /* @__PURE__ */ new WeakMap();
-ut = /* @__PURE__ */ new WeakMap();
+pt = /* @__PURE__ */ new WeakMap();
+ft = /* @__PURE__ */ new WeakMap();
 J = /* @__PURE__ */ new WeakMap();
-Se = /* @__PURE__ */ new WeakMap();
+ge = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
+Tt = /* @__PURE__ */ new WeakMap();
 At = /* @__PURE__ */ new WeakMap();
-Rt = /* @__PURE__ */ new WeakMap();
-ve = /* @__PURE__ */ new WeakMap();
-T = /* @__PURE__ */ new WeakMap();
+we = /* @__PURE__ */ new WeakMap();
+I = /* @__PURE__ */ new WeakMap();
 Q = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
-P = /* @__PURE__ */ new WeakMap();
-R = /* @__PURE__ */ new WeakMap();
-jt = /* @__PURE__ */ new WeakMap();
-Pt = /* @__PURE__ */ new WeakMap();
-y = /* @__PURE__ */ new WeakMap();
-ge = /* @__PURE__ */ new WeakSet();
-Ae = function() {
-  _(this, ts, bs).call(this), this.setVar(t(this, ot).current, t(this, T)), this.setVar(t(this, lt).current, t(this, Q));
+V = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
+ee = /* @__PURE__ */ new WeakMap();
+Mt = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+be = /* @__PURE__ */ new WeakSet();
+Ie = function() {
+  k(this, rs, ks).call(this), this.setVar(t(this, ct).current, t(this, I)), this.setVar(t(this, ut).current, t(this, Q));
 };
-ts = /* @__PURE__ */ new WeakSet();
-bs = function() {
+rs = /* @__PURE__ */ new WeakSet();
+ks = function() {
   this.dispatchEvent(
     new CustomEvent("segmentPass", {
       detail: {
-        distance: t(this, P),
-        start: t(this, x),
-        finish: t(this, R),
-        passed: t(this, T),
+        distance: t(this, M),
+        start: t(this, V),
+        finish: t(this, T),
+        passed: t(this, I),
         progress: t(this, Q)
       }
     })
   );
 };
-Re = /* @__PURE__ */ new WeakSet();
-_s = function() {
-  t(this, E).current = !0, t(this, q).current = !1, d(this, Pt, !0), t(this, I).current && t(this, v).classList.remove(t(this, I).current), t(this, M).current && t(this, v).classList.remove(
-    t(this, M).current
-  ), t(this, M).current && t(this, v).classList.remove(
-    t(this, M).current
-  ), t(this, $).current && t(this, v).classList.add(t(this, $).current);
+Be = /* @__PURE__ */ new WeakSet();
+Ps = function() {
+  t(this, x).current = !0, t(this, q).current = !1, S(this, Mt, !0), t(this, B).current && t(this, v).classList.remove(t(this, B).current), t(this, L).current && t(this, v).classList.remove(
+    t(this, L).current
+  ), t(this, L).current && t(this, v).classList.remove(
+    t(this, L).current
+  ), t(this, z).current && t(this, v).classList.add(t(this, z).current);
 };
-Te = /* @__PURE__ */ new WeakSet();
-Cs = function() {
-  t(this, q).current = !0, t(this, E).current = !1, d(this, Pt, !0), t(this, $).current && t(this, v).classList.remove(t(this, $).current), t(this, B).current && t(this, v).classList.remove(
-    t(this, B).current
-  ), t(this, H).current && t(this, v).classList.remove(
+He = /* @__PURE__ */ new WeakSet();
+Ws = function() {
+  t(this, q).current = !0, t(this, x).current = !1, S(this, Mt, !0), t(this, z).current && t(this, v).classList.remove(t(this, z).current), t(this, H).current && t(this, v).classList.remove(
     t(this, H).current
-  ), t(this, I).current && t(this, v).classList.add(t(this, I).current);
+  ), t(this, G).current && t(this, v).classList.remove(
+    t(this, G).current
+  ), t(this, B).current && t(this, v).classList.add(t(this, B).current);
 };
-Ie = /* @__PURE__ */ new WeakSet();
-ys = function() {
-  t(this, E).current = !0, t(this, U).current = !0, t(this, ct).current = !1, t(this, B).current && t(this, v).classList.add(
-    t(this, B).current
+Ge = /* @__PURE__ */ new WeakSet();
+Ms = function() {
+  t(this, x).current = !0, t(this, U).current = !0, t(this, pt).current = !1, t(this, H).current && t(this, v).classList.add(
+    t(this, H).current
   );
 };
-Be = /* @__PURE__ */ new WeakSet();
-ks = function() {
-  t(this, E).current = !0, t(this, ut).current = !0, t(this, J).current = !1, t(this, H).current && t(this, v).classList.add(
-    t(this, H).current
+Ke = /* @__PURE__ */ new WeakSet();
+Es = function() {
+  t(this, x).current = !0, t(this, ft).current = !0, t(this, J).current = !1, t(this, G).current && t(this, v).classList.add(
+    t(this, G).current
   );
 };
-He = /* @__PURE__ */ new WeakSet();
-Ws = function() {
-  t(this, q).current = !0, t(this, ct).current = !0, t(this, U).current = !1, t(this, M).current && t(this, v).classList.add(
-    t(this, M).current
+Ue = /* @__PURE__ */ new WeakSet();
+xs = function() {
+  t(this, q).current = !0, t(this, pt).current = !0, t(this, U).current = !1, t(this, L).current && t(this, v).classList.add(
+    t(this, L).current
   );
 };
-Ge = /* @__PURE__ */ new WeakSet();
-Ps = function() {
-  t(this, q).current = !0, t(this, J).current = !0, t(this, ut).current = !1, t(this, M).current && t(this, v).classList.add(
-    t(this, M).current
+qe = /* @__PURE__ */ new WeakSet();
+Ls = function() {
+  t(this, q).current = !0, t(this, J).current = !0, t(this, ft).current = !1, t(this, L).current && t(this, v).classList.add(
+    t(this, L).current
   );
 };
-we = /* @__PURE__ */ new WeakMap();
-te = /* @__PURE__ */ new WeakMap();
-it = /* @__PURE__ */ new WeakSet();
-yt = function(e) {
-  if (t(this, y)) {
+_e = /* @__PURE__ */ new WeakMap();
+se = /* @__PURE__ */ new WeakMap();
+ht = /* @__PURE__ */ new WeakSet();
+kt = function(e) {
+  if (t(this, W)) {
     e.previous && t(this, v).classList.remove(e.previous), e.current && t(this, v).classList.remove(e.current);
     return;
   }
-  e.current && t(this, E).current ? (e.previous && t(this, v).classList.remove(e.previous), t(this, v).classList.add(e.current)) : !e.current && e.previous && t(this, v).classList.remove(e.previous);
+  e.current && t(this, x).current ? (e.previous && t(this, v).classList.remove(e.previous), t(this, v).classList.add(e.current)) : !e.current && e.previous && t(this, v).classList.remove(e.previous);
 };
-es = /* @__PURE__ */ new WeakSet();
-Es = function(...e) {
+hs = /* @__PURE__ */ new WeakSet();
+Vs = function(...e) {
   e.forEach((i) => {
     i && t(this, v).classList.remove(i);
   });
 };
-ss = /* @__PURE__ */ new WeakSet();
-Ms = function(...e) {
+ns = /* @__PURE__ */ new WeakSet();
+zs = function(...e) {
   e.forEach((i) => {
     i && t(this, v).style.removeProperty(`--${i}`);
   });
 };
-be = /* @__PURE__ */ new WeakSet();
-Ke = function() {
-  _(this, es, Es).call(this, t(this, $).current, t(this, B).current, t(this, H).current, t(this, I).current, t(this, kt).current, t(this, M).current), _(this, ss, Ms).call(this, t(this, ot).current, t(this, lt).current, t(this, rt).current, t(this, ht).current, t(this, nt).current);
+Ce = /* @__PURE__ */ new WeakSet();
+Ne = function() {
+  k(this, hs, Vs).call(this, t(this, z).current, t(this, H).current, t(this, G).current, t(this, B).current, t(this, Pt).current, t(this, L).current), k(this, ns, zs).call(this, t(this, ct).current, t(this, ut).current, t(this, nt).current, t(this, at).current, t(this, ot).current);
 };
-_e = /* @__PURE__ */ new WeakMap();
-fs = ci([
-  Ut("e-scroll-segment")
-], fs);
+ye = /* @__PURE__ */ new WeakMap();
+vs = di([
+  qt("e-scroll-segment")
+], vs);
 export {
-  ps as ScrollBulletButtonsElement,
-  xe as ScrollElement,
-  fs as ScrollSegmentElement,
-  os as ScrollSetButtonElement,
-  ls as ScrollStepButtonElement,
-  as as ScrollbarElement
+  ms as ScrollBulletButtonsElement,
+  ze as ScrollElement,
+  vs as ScrollSegmentElement,
+  ps as ScrollSetButtonElement,
+  fs as ScrollStepButtonElement,
+  us as ScrollbarElement
 };