aptechka 0.4.4 → 0.4.6

package/lib/scroll/index.js

@@ -1,76 +1,77 @@
-var Mt = (e, s, i) => {
+var Ft = (e, s, i) => {
   if (!s.has(e))
     throw TypeError("Cannot " + i);
 };
-var n = (e, s, i) => (Mt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), F = (e, s, i) => {
+var h = (e, s, i) => (Ft(e, s, "read from private field"), i ? i.call(e) : s.get(e)), S = (e, s, i) => {
   if (s.has(e))
     throw TypeError("Cannot add the same private member more than once");
   s instanceof WeakSet ? s.add(e) : s.set(e, i);
-}, V = (e, s, i, r) => (Mt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i);
-import { D as Bt } from "../Damped-HhitpTP_.js";
-import { S as Kt } from "../Store-BQXXikps.js";
-import { D as Gt } from "../Derived-kPJs5JC5.js";
-import { i as zt } from "../browser-0zX67oeU.js";
-import { a as vt, g as wt } from "../layout-HoBT_Da2.js";
-import { c as At } from "../math-BOBiC4TN.js";
+}, y = (e, s, i, r) => (Ft(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i);
+import { D as ne } from "../Damped-HhitpTP_.js";
+import { S as he } from "../Store-BQXXikps.js";
+import { D as oe } from "../Derived-kPJs5JC5.js";
+import { i as Dt } from "../browser-0zX67oeU.js";
+import { a as Pt, g as Mt } from "../layout-HoBT_Da2.js";
+import { c as Qt } from "../math-BOBiC4TN.js";
 import "../ticker/index.js";
-import { W as Ut, K as Zt } from "../WheelControls-BAyRKpRZ.js";
-import { CustomElement as $t, define as Dt } from "../custom-element/index.js";
-import { TICK_ORDER as qt, RESIZE_ORDER as Ot } from "../order/index.js";
-import { windowResizer as ct } from "../window-resizer/index.js";
-import { scrollEntries as U } from "../scroll-entries/index.js";
-import { e as Vt, D as Ct, ay as bt } from "../tags-CAxO5Rs3.js";
-import { c as Rt } from "../createStylesheet-DrkbCUJk.js";
-import { cssUnitParser as Jt } from "../css-unit-parser/index.js";
-import { CSSProperty as E } from "../css-property/index.js";
-import { f as Nt } from "../dom-0S_WDL4g.js";
-import { aptechkaTheme as Pt } from "../theme/index.js";
-var Qt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, Yt = (e, s, i, r) => {
-  for (var l = r > 1 ? void 0 : r ? Xt(s, i) : s, f = e.length - 1, w; f >= 0; f--)
-    (w = e[f]) && (l = (r ? w(s, i, l) : w(l)) || l);
-  return r && l && Qt(s, i, l), l;
-}, kt = (e, s, i) => {
+import { W as le, K as ae } from "../WheelControls-BAyRKpRZ.js";
+import { CustomElement as Xt, define as at } from "../custom-element/index.js";
+import { TICK_ORDER as ce, RESIZE_ORDER as Yt } from "../order/index.js";
+import { windowResizer as _t } from "../window-resizer/index.js";
+import { scrollEntries as N } from "../scroll-entries/index.js";
+import { e as Tt, D as Lt, ay as St, p as ue } from "../tags-CAxO5Rs3.js";
+import { c as Vt } from "../createStylesheet-DrkbCUJk.js";
+import { cssUnitParser as pe } from "../css-unit-parser/index.js";
+import { CSSProperty as k } from "../css-property/index.js";
+import { f as fe } from "../dom-0S_WDL4g.js";
+import { aptechkaTheme as Gt } from "../theme/index.js";
+import { d as de } from "../function-C10DGppn.js";
+var ve = Object.defineProperty, me = Object.getOwnPropertyDescriptor, ge = (e, s, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? me(s, i) : s, a = e.length - 1, u; a >= 0; a--)
+    (u = e[a]) && (n = (r ? u(s, i, n) : u(n)) || n);
+  return r && n && ve(s, i, n), n;
+}, Rt = (e, s, i) => {
   if (!s.has(e))
     throw TypeError("Cannot " + i);
-}, t = (e, s, i) => (kt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), h = (e, s, i) => {
+}, t = (e, s, i) => (Rt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), o = (e, s, i) => {
   if (s.has(e))
     throw TypeError("Cannot add the same private member more than once");
   s instanceof WeakSet ? s.add(e) : s.set(e, i);
-}, d = (e, s, i, r) => (kt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), m = (e, s, i) => (kt(e, s, "access private method"), i), a, x, L, W, z, B, y, R, K, G, u, ut, c, j, tt, _, p, D, M, H, v, q, T, Q, pt, Z, X, ft, Et, dt, Wt, et, _t, st, St, I, gt, xt, Tt, it, rt, yt, S, g, O, C;
-class jt {
+}, v = (e, s, i, r) => (Rt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), m = (e, s, i) => (Rt(e, s, "access private method"), i), c, E, O, P, z, Z, C, B, q, J, f, Et, p, ct, ut, w, d, T, M, G, b, j, H, rt, xt, Q, nt, yt, It, Ct, Bt, pt, $t, ft, Ot, K, kt, zt, jt, dt, vt, At, _, g, V, L;
+class be {
   constructor(s, i) {
-    F(this, S, void 0);
-    F(this, g, void 0);
-    F(this, O, 0);
-    F(this, C, 0);
-    V(this, S, s), V(this, g, i), U.register(n(this, S));
+    S(this, _, void 0);
+    S(this, g, void 0);
+    S(this, V, 0);
+    S(this, L, 0);
+    y(this, _, s), y(this, g, i), N.register(h(this, _));
   }
   get size() {
-    return n(this, O);
+    return h(this, V);
   }
   get position() {
-    return n(this, C);
+    return h(this, L);
   }
   destroy() {
-    U.unregister(n(this, S)), n(this, S).style.transform = "";
+    N.unregister(h(this, _)), h(this, _).style.transform = "";
   }
   resize() {
-    V(this, O, n(this, g).vertical ? n(this, S).offsetHeight : n(this, S).offsetWidth), V(this, C, n(this, g).vertical ? vt(n(this, S)) : wt(n(this, S))), V(this, C, n(this, C) - n(this, g).contentPosition);
+    y(this, V, h(this, g).vertical ? h(this, _).offsetHeight : h(this, _).offsetWidth), y(this, L, h(this, g).vertical ? Pt(h(this, _)) : Mt(h(this, _))), y(this, L, h(this, L) - h(this, g).contentPosition);
   }
   transform() {
     let s = 0;
-    const i = n(this, g).viewportSize - n(this, O);
-    n(this, g).infiniteProperty.current && n(this, g).overscroll && n(this, C) + n(this, O) < n(this, g).currentScrollValue && (s = n(this, g).distance * -1 - n(this, g).gap), U.update(
-      n(this, S),
-      n(this, g).axisAttibute.current,
+    const i = h(this, g).viewportSize - h(this, V);
+    h(this, g).infiniteProperty.current && h(this, g).overscroll && h(this, L) + h(this, V) < h(this, g).currentScrollValue && (s = h(this, g).distance * -1 - h(this, g).gap), N.update(
+      h(this, _),
+      h(this, g).axisAttibute.current,
       s
     );
-    const r = n(this, g).currentScrollValue + s, l = n(this, C) - n(this, g).viewportSize - i, f = n(this, C) + n(this, O) + i, w = At(r, l, f);
-    n(this, g).vertical ? n(this, S).style.transform = `translate3d(0px, ${w * -1}px, 0px)` : n(this, S).style.transform = `translate3d(${w * -1}px, 0px, 0px)`;
+    const r = h(this, g).currentScrollValue + s, n = h(this, L) - h(this, g).viewportSize - i, a = h(this, L) + h(this, V) + i, u = Qt(r, n, a);
+    h(this, g).vertical ? h(this, _).style.transform = `translate3d(0px, ${u * -1}px, 0px)` : h(this, _).style.transform = `translate3d(${u * -1}px, 0px, 0px)`;
   }
 }
-S = new WeakMap(), g = new WeakMap(), O = new WeakMap(), C = new WeakMap();
-const te = Rt({
+_ = new WeakMap(), g = new WeakMap(), V = new WeakMap(), L = new WeakMap();
+const we = Vt({
   ":host": {
     position: "relative",
     width: "100%",
@@ -102,328 +103,339 @@ const te = Rt({
     flexShrink: "0"
   }
 });
-let mt = class extends $t {
+let Wt = class extends Xt {
   constructor() {
-    super(), h(this, Q), h(this, Z), h(this, ft), h(this, dt), h(this, et), h(this, st), h(this, xt), h(this, rt), h(this, a, null), h(this, x, new E(this, "--axis", "y")), h(this, L, new E(this, "--pages", 0, {
+    super(), o(this, rt), o(this, Q), o(this, yt), o(this, Ct), o(this, pt), o(this, ft), o(this, zt), o(this, vt), o(this, c, null), o(this, E, new k(this, "--axis", "y")), o(this, O, new k(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
-    })), h(this, W, new E(this, "--split", !1)), h(this, z, new E(this, "--sectional", !1)), h(this, B, new E(
+    })), o(this, P, new k(this, "--split", !1)), o(this, z, new k(this, "--sectional", !1)), o(this, Z, new k(
       this,
       "--wheel-max-delta",
       !1
-    )), h(this, y, new E(this, "--infinite", !1)), h(this, R, new E(this, "--damping", 0.03)), h(this, K, new E(this, "--disabled", !1)), h(this, G, new E(this, "--hibernated", !1)), h(this, u, null), h(this, ut, null), h(this, c, []), h(this, j, 0), h(this, tt, 0), h(this, _, 0), h(this, p, 0), h(this, D, 0), h(this, M, null), h(this, H, null), h(this, v, new Kt(0)), h(this, q, 0), h(this, T, 0), h(this, I, () => {
-      const e = this.currentScrollValue / t(this, p) || 0;
-      if (d(this, j, this.vertical ? vt(this) : wt(this)), d(this, tt, this.vertical ? vt(t(this, u)) : wt(t(this, u))), d(this, _, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, L).current) {
-        d(this, p, t(this, _) * t(this, L).current);
-        const s = t(this, p) + t(this, _);
-        this.vertical ? (t(this, u).style.width = s + "px", t(this, u).style.height = "100%") : (t(this, u).style.height = s + "px", t(this, u).style.width = "100%");
+    )), o(this, C, new k(this, "--infinite", !1)), o(this, B, new k(this, "--damping", 0.03)), o(this, q, new k(this, "--disabled", !1)), o(this, J, new k(this, "--hibernated", !1)), o(this, f, null), o(this, Et, null), o(this, p, []), o(this, ct, 0), o(this, ut, 0), o(this, w, 0), o(this, d, 0), o(this, T, 0), o(this, M, null), o(this, G, null), o(this, b, new he(0)), o(this, j, 0), o(this, H, 0), o(this, K, () => {
+      const e = this.currentScrollValue / t(this, d) || 0;
+      if (v(this, ct, this.vertical ? Pt(this) : Mt(this)), v(this, ut, this.vertical ? Pt(t(this, f)) : Mt(t(this, f))), v(this, w, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, O).current) {
+        v(this, d, t(this, w) * t(this, O).current);
+        const s = t(this, d) + t(this, w);
+        this.vertical ? (t(this, f).style.width = s + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = s + "px", t(this, f).style.width = "100%");
       } else
-        this.vertical ? (t(this, u).style.width = "100%", t(this, u).style.height = "max-content", d(this, p, t(this, u).offsetHeight - t(this, _))) : (t(this, u).style.width = "max-content", t(this, u).style.height = "100%", d(this, p, t(this, u).offsetWidth - t(this, _)));
-      if (d(this, D, Jt.parse(getComputedStyle(t(this, u)).gap)), !t(this, y).current) {
+        this.vertical ? (t(this, f).style.width = "100%", t(this, f).style.height = "max-content", v(this, d, t(this, f).offsetHeight - t(this, w))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", v(this, d, t(this, f).offsetWidth - t(this, w)));
+      if (v(this, T, pe.parse(getComputedStyle(t(this, f)).gap)), !t(this, C).current) {
         const s = getComputedStyle(this);
-        d(this, p, t(this, p) + (this.vertical ? parseFloat(s.paddingBlockStart) + parseFloat(s.paddingBlockEnd) : parseFloat(s.paddingInlineStart) + parseFloat(s.paddingInlineEnd))), t(this, a).max = t(this, p);
+        v(this, d, t(this, d) + (this.vertical ? parseFloat(s.paddingBlockStart) + parseFloat(s.paddingBlockEnd) : parseFloat(s.paddingInlineStart) + parseFloat(s.paddingInlineEnd))), t(this, c).max = t(this, d);
       }
-      if (t(this, c).forEach((s) => {
+      if (t(this, p).forEach((s) => {
         s.resize(), s.transform();
-      }), t(this, y).current && t(this, c).length) {
-        const s = t(this, c)[t(this, c).length - 1], i = s.position + s.size - t(this, _), r = t(this, p) - i;
-        d(this, T, s.position + s.size + r);
+      }), t(this, C).current && t(this, p).length) {
+        const s = t(this, p)[t(this, p).length - 1], i = s.position + s.size - t(this, w), r = t(this, d) - i;
+        v(this, H, s.position + s.size + r);
       } else
-        d(this, T, t(this, p));
-      if (t(this, z).current && t(this, c).length) {
-        const s = t(this, c)[t(this, v).current];
-        t(this, a).set(s.position, !0);
+        v(this, H, t(this, d));
+      if (t(this, z).current && t(this, p).length) {
+        const s = t(this, p)[t(this, b).current];
+        t(this, c).set(s.position, !0);
       } else
-        t(this, a).set(e * t(this, p), !0);
-    }), h(this, gt, () => {
+        t(this, c).set(e * t(this, d), !0);
+    }), o(this, kt, () => {
       const e = this.currentScrollValue;
-      if (d(this, q, Math.max(0, e - t(this, p))), t(this, c).length) {
+      if (v(this, j, Math.max(0, e - t(this, d))), t(this, p).length) {
         let s = 0;
-        for (let i = 0; i < t(this, c).length; i++) {
-          const r = t(this, c)[i];
+        for (let i = 0; i < t(this, p).length; i++) {
+          const r = t(this, p)[i];
           r.transform(), this.targetScrollValue + this.viewportSize / 2 >= r.position && (s = i);
         }
-        t(this, v).current = s;
+        t(this, b).current = s;
       } else
-        this.vertical ? t(this, u).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, u).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      U.update(this, t(this, x).current, e);
-    }), h(this, it, (e) => {
+        this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
+      N.update(this, t(this, E).current, e);
+    }), o(this, dt, (e) => {
       if (t(this, z).current) {
         const s = Math.sign(e);
-        t(this, c).length ? this.shiftSections(s) : t(this, a).shift(s * t(this, _));
+        t(this, p).length ? this.shiftSections(s) : t(this, c).shift(s * t(this, w));
       } else
-        t(this, a).shift(e);
-    }), zt && (d(this, a, new Bt(0, {
+        t(this, c).shift(e);
+    }), Dt && (v(this, c, new ne(0, {
       damping: 0.01,
       min: 0,
-      order: qt.SCROLL
-    })), this.openShadow(te), Vt(this, {
+      order: ce.SCROLL
+    })), this.openShadow(we), Tt(this, {
       tabIndex: 0,
       children: [
-        Ct({
+        Lt({
           class: "static",
-          children: [bt({ name: "static" })]
+          children: [St({ name: "static" })]
         }),
-        Ct({
+        Lt({
           class: "content",
-          children: [bt({ ref: (e) => d(this, ut, e) })],
+          children: [St({ ref: (e) => v(this, Et, e) })],
           style: {
-            flexDirection: new Gt(
-              t(this, x),
+            flexDirection: new oe(
+              t(this, E),
               (e) => e === "x" ? "row" : "column"
             )
           },
-          ref: (e) => d(this, u, e)
+          ref: (e) => v(this, f, e)
         })
       ]
-    }), d(this, M, new Ut({ element: this })), t(this, M).changeEvent.subscribe(t(this, it)), d(this, H, new Zt({ element: this })), t(this, H).changeEvent.subscribe(t(this, it)), t(this, x).subscribe(({ current: e }) => {
-      t(this, u).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, B).current ? "max" : e, t(this, H).dimension = e === "x" ? "width" : "height", this.isConnected && t(this, I).call(this);
-    }), t(this, B).subscribe((e) => {
-      t(this, M).axis = e.current ? "max" : t(this, x).current;
-    }), t(this, L).subscribe(() => {
-      this.isConnected && t(this, I).call(this);
-    }), t(this, W).subscribe(({ current: e }) => {
-      this.isConnected && (e ? m(this, Q, pt).call(this) : m(this, Z, X).call(this));
+    }), v(this, M, new le({ element: this })), t(this, M).changeEvent.subscribe(t(this, dt)), v(this, G, new ae({ element: this })), t(this, G).changeEvent.subscribe(t(this, dt)), t(this, E).subscribe(({ current: e }) => {
+      t(this, f).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, Z).current ? "max" : e, t(this, G).dimension = e === "x" ? "width" : "height", this.isConnected && t(this, K).call(this);
+    }), t(this, Z).subscribe((e) => {
+      t(this, M).axis = e.current ? "max" : t(this, E).current;
+    }), t(this, O).subscribe(() => {
+      this.isConnected && t(this, K).call(this);
+    }), t(this, P).subscribe(({ current: e }) => {
+      this.isConnected && (e ? m(this, rt, xt).call(this) : m(this, Q, nt).call(this));
     }), t(this, z).subscribe((e) => {
-      t(this, v).current = 0, t(this, M).debounce = e.current, t(this, a).reset(), this.isConnected && (e.current && !e.previous ? m(this, Q, pt).call(this) : !e.current && e.previous && m(this, Z, X).call(this));
-    }), t(this, y).subscribe((e) => {
-      e.current ? (this.isConnected && (t(this, c).length || (t(this, W).current = !0)), t(this, c).length && (t(this, a).max = 1 / 0, t(this, a).min = -1 / 0)) : (d(this, q, 0), t(this, a).max = t(this, p), t(this, a).min = 0);
-    }), t(this, R).subscribe((e) => {
-      t(this, a).damping = e.current;
-    }), t(this, K).subscribe((e) => {
-      e.current && !e.previous ? m(this, ft, Et).call(this) : !e.current && e.previous && m(this, dt, Wt).call(this);
-    }), t(this, G).subscribe((e) => {
-      e.current && !e.previous ? m(this, et, _t).call(this) : !e.current && e.previous && m(this, st, St).call(this);
+      t(this, b).current = 0, t(this, M).debounce = e.current, t(this, c).reset(), this.isConnected && (e.current && !e.previous ? m(this, rt, xt).call(this) : !e.current && e.previous && m(this, Q, nt).call(this));
+    }), t(this, C).subscribe((e) => {
+      e.current ? (this.isConnected && (t(this, p).length || (t(this, P).current = !0)), t(this, p).length && (t(this, c).max = 1 / 0, t(this, c).min = -1 / 0)) : (v(this, j, 0), t(this, c).max = t(this, d), t(this, c).min = 0);
+    }), t(this, B).subscribe((e) => {
+      t(this, c).damping = e.current;
+    }), t(this, q).subscribe((e) => {
+      e.current && !e.previous ? m(this, yt, It).call(this) : !e.current && e.previous && m(this, Ct, Bt).call(this);
+    }), t(this, J).subscribe((e) => {
+      e.current && !e.previous ? m(this, pt, $t).call(this) : !e.current && e.previous && m(this, ft, Ot).call(this);
     }));
   }
   get dampingProperty() {
-    return t(this, R);
+    return t(this, B);
   }
   get axisAttibute() {
-    return t(this, x);
+    return t(this, E);
   }
   get pagesAttibute() {
-    return t(this, L);
+    return t(this, O);
   }
   get splitAttibute() {
-    return t(this, W);
+    return t(this, P);
   }
   get sectionalAttibute() {
     return t(this, z);
   }
   get infiniteProperty() {
-    return t(this, y);
+    return t(this, C);
   }
   get dampingAttibute() {
-    return t(this, R);
+    return t(this, B);
   }
   get disabledAttibute() {
-    return t(this, K);
+    return t(this, q);
   }
   get hibernatedAttibute() {
-    return t(this, G);
+    return t(this, J);
   }
   get currentScrollValue() {
-    return m(this, rt, yt).call(this, "current");
+    return m(this, vt, At).call(this, "current");
   }
   get targetScrollValue() {
-    return m(this, rt, yt).call(this, "target");
+    return m(this, vt, At).call(this, "target");
   }
   get contentElement() {
-    return t(this, u);
+    return t(this, f);
+  }
+  get sections() {
+    return t(this, p);
   }
   get position() {
-    return t(this, j);
+    return t(this, ct);
   }
   get contentPosition() {
-    return t(this, tt);
+    return t(this, ut);
   }
   get viewportSize() {
-    return t(this, _);
+    return t(this, w);
   }
   get scrollSize() {
-    return t(this, p);
+    return t(this, d);
   }
   get gap() {
-    return t(this, D);
+    return t(this, T);
   }
   get counter() {
-    return t(this, v);
+    return t(this, b);
   }
   get distance() {
-    return t(this, T);
+    return t(this, H);
   }
   get overscroll() {
-    return t(this, q);
+    return t(this, j);
   }
   get vertical() {
-    return t(this, x).current === "y";
+    return t(this, E).current === "y";
   }
   get currentProgress() {
-    return this.currentScrollValue / t(this, T) || 0;
+    return this.currentScrollValue / t(this, H) || 0;
   }
   get targetProgress() {
-    return this.targetScrollValue / t(this, T) || 0;
+    return this.targetScrollValue / t(this, H) || 0;
   }
   get speed() {
-    return t(this, a).speed;
+    return t(this, c).speed;
   }
   get direction() {
-    return t(this, a).direction;
+    return t(this, c).direction;
   }
   get isRunning() {
-    return t(this, a).isRunning;
+    return t(this, c).isRunning;
   }
   get scrollWidth() {
-    return t(this, x).current === "y" ? 0 : t(this, a).length;
+    return t(this, E).current === "y" ? 0 : t(this, c).length;
   }
   get scrollHeight() {
-    return t(this, x).current === "x" ? 0 : t(this, a).length;
+    return t(this, E).current === "x" ? 0 : t(this, c).length;
   }
   onScroll(...e) {
-    return t(this, a).subscribe(...e);
+    return t(this, c).subscribe(...e);
   }
   offScroll(...e) {
-    t(this, a).unsubscribe(...e);
+    t(this, c).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
   range(e, s, i = 0) {
-    const r = e - i, l = r + s + i * 2;
-    return this.currentProgress < r ? 0 : this.currentProgress > l ? 1 : (this.currentProgress - r) / (l - r);
+    const r = e - i, n = r + s + i * 2;
+    return this.currentProgress < r ? 0 : this.currentProgress > n ? 1 : (this.currentProgress - r) / (n - r);
   }
   curve(e, s, i = 0) {
     return Math.sin(this.range(e, s, i) * Math.PI);
   }
   visible(e, s, i = 0) {
-    const r = e - i, l = r + s + i * 2;
-    return this.currentProgress >= r && this.currentProgress <= l;
+    const r = e - i, n = r + s + i * 2;
+    return this.currentProgress >= r && this.currentProgress <= n;
   }
   // TODO: Поправить значение когда скролл не секционный ??
   scrollToSection(e, s = "smooth") {
-    if (!t(this, c).length)
+    if (!t(this, p).length)
       return;
-    const i = t(this, v).current;
-    m(this, xt, Tt).call(this, e);
-    const r = t(this, c)[i], l = t(this, c)[t(this, v).current];
-    if (r && l) {
-      let f = 0;
-      const w = t(this, c).length - 1;
-      t(this, y).current ? t(this, v).current === 0 && i === w ? f = t(this, p) + t(this, _) - r.position + t(this, D) : t(this, v).current === w && i === 0 ? f = l.position - (t(this, p) + t(this, _) + t(this, D)) : f = l.position - r.position : f = l.position - r.position, t(this, a).shift(f, s === "instant");
+    const i = t(this, b).current;
+    m(this, zt, jt).call(this, e);
+    const r = t(this, p)[i], n = t(this, p)[t(this, b).current];
+    if (r && n) {
+      let a = 0;
+      const u = t(this, p).length - 1;
+      t(this, C).current ? t(this, b).current === 0 && i === u ? a = t(this, d) + t(this, w) - r.position + t(this, T) : t(this, b).current === u && i === 0 ? a = n.position - (t(this, d) + t(this, w) + t(this, T)) : a = n.position - r.position : a = n.position - r.position, t(this, c).shift(a, s === "instant");
     }
   }
   shiftSections(e, s = "smooth") {
-    t(this, c).length && this.scrollToSection(t(this, v).current + e, s);
+    t(this, p).length && this.scrollToSection(t(this, b).current + e, s);
   }
   setPosition(e, s = "smooth") {
-    t(this, a).set(e, s === "instant");
+    t(this, c).set(e, s === "instant");
   }
   connectedCallback() {
-    t(this, x).observe(), t(this, L).observe(), t(this, W).observe(), t(this, z).observe(), t(this, B).observe(), t(this, y).observe(), t(this, R).observe(), t(this, K).observe(), t(this, G).observe(), m(this, st, St).call(this);
+    t(this, E).observe(), t(this, O).observe(), t(this, P).observe(), t(this, z).observe(), t(this, Z).observe(), t(this, C).observe(), t(this, B).observe(), t(this, q).observe(), t(this, J).observe(), m(this, ft, Ot).call(this);
   }
   disconnectedCallback() {
-    t(this, x).unobserve(), t(this, L).unobserve(), t(this, W).unobserve(), t(this, z).unobserve(), t(this, B).unobserve(), t(this, y).unobserve(), t(this, R).unobserve(), t(this, K).unobserve(), t(this, G).unobserve(), m(this, et, _t).call(this);
+    t(this, E).unobserve(), t(this, O).unobserve(), t(this, P).unobserve(), t(this, z).unobserve(), t(this, Z).unobserve(), t(this, C).unobserve(), t(this, B).unobserve(), t(this, q).unobserve(), t(this, J).unobserve(), m(this, pt, $t).call(this);
   }
 };
-a = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
-L = /* @__PURE__ */ new WeakMap();
-W = /* @__PURE__ */ new WeakMap();
+c = /* @__PURE__ */ new WeakMap();
+E = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+P = /* @__PURE__ */ new WeakMap();
 z = /* @__PURE__ */ new WeakMap();
+Z = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
-y = /* @__PURE__ */ new WeakMap();
-R = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakMap();
-G = /* @__PURE__ */ new WeakMap();
-u = /* @__PURE__ */ new WeakMap();
-ut = /* @__PURE__ */ new WeakMap();
-c = /* @__PURE__ */ new WeakMap();
-j = /* @__PURE__ */ new WeakMap();
-tt = /* @__PURE__ */ new WeakMap();
-_ = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakMap();
+Et = /* @__PURE__ */ new WeakMap();
 p = /* @__PURE__ */ new WeakMap();
-D = /* @__PURE__ */ new WeakMap();
+ct = /* @__PURE__ */ new WeakMap();
+ut = /* @__PURE__ */ new WeakMap();
+w = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
 M = /* @__PURE__ */ new WeakMap();
+G = /* @__PURE__ */ new WeakMap();
+b = /* @__PURE__ */ new WeakMap();
+j = /* @__PURE__ */ new WeakMap();
 H = /* @__PURE__ */ new WeakMap();
-v = /* @__PURE__ */ new WeakMap();
-q = /* @__PURE__ */ new WeakMap();
-T = /* @__PURE__ */ new WeakMap();
-Q = /* @__PURE__ */ new WeakSet();
-pt = function() {
-  m(this, Z, X).call(this), t(this, ut).assignedElements().forEach((e) => {
-    e instanceof HTMLElement && t(this, c).push(new jt(e, this));
-  }), t(this, u).style.transform = "", t(this, I).call(this);
+rt = /* @__PURE__ */ new WeakSet();
+xt = function() {
+  m(this, Q, nt).call(this), t(this, Et).assignedElements().forEach((e) => {
+    e instanceof HTMLElement && t(this, p).push(new be(e, this));
+  }), t(this, f).style.transform = "", this.dispatchEvent(
+    new CustomEvent("sectionsChange", {
+      composed: !0
+    })
+  ), t(this, K).call(this);
 };
-Z = /* @__PURE__ */ new WeakSet();
-X = function() {
-  t(this, c).forEach((e) => {
+Q = /* @__PURE__ */ new WeakSet();
+nt = function() {
+  t(this, p).forEach((e) => {
     e.destroy();
-  }), d(this, c, []);
+  }), v(this, p, []), this.dispatchEvent(
+    new CustomEvent("sectionsChange", {
+      composed: !0
+    })
+  );
 };
-ft = /* @__PURE__ */ new WeakSet();
-Et = function() {
-  t(this, a).unsubscribe(t(this, gt)), t(this, a).stopAnimation(), t(this, M).disconnect(), t(this, H).disconnect();
+yt = /* @__PURE__ */ new WeakSet();
+It = function() {
+  t(this, c).unsubscribe(t(this, kt)), t(this, c).stopAnimation(), t(this, M).disconnect(), t(this, G).disconnect();
 };
-dt = /* @__PURE__ */ new WeakSet();
-Wt = function() {
-  t(this, a).subscribe(t(this, gt)), t(this, M).connect(), t(this, H).connect();
+Ct = /* @__PURE__ */ new WeakSet();
+Bt = function() {
+  t(this, c).subscribe(t(this, kt)), t(this, M).connect(), t(this, G).connect();
 };
-et = /* @__PURE__ */ new WeakSet();
-_t = function() {
-  ct.unsubscribe(t(this, I)), t(this, a).reset(), m(this, ft, Et).call(this), t(this, u).style.transform = "", t(this, W).current && m(this, Z, X).call(this), U.unregister(this);
+pt = /* @__PURE__ */ new WeakSet();
+$t = function() {
+  _t.unsubscribe(t(this, K)), t(this, c).reset(), m(this, yt, It).call(this), t(this, f).style.transform = "", t(this, P).current && m(this, Q, nt).call(this), N.unregister(this);
 };
-st = /* @__PURE__ */ new WeakSet();
-St = function() {
-  t(this, W).current && m(this, Q, pt).call(this), U.register(this), ct.subscribe(t(this, I), Ot.SCROLL), m(this, dt, Wt).call(this);
+ft = /* @__PURE__ */ new WeakSet();
+Ot = function() {
+  t(this, P).current && m(this, rt, xt).call(this), N.register(this), _t.subscribe(t(this, K), Yt.SCROLL), m(this, Ct, Bt).call(this);
 };
-I = /* @__PURE__ */ new WeakMap();
-gt = /* @__PURE__ */ new WeakMap();
-xt = /* @__PURE__ */ new WeakSet();
-Tt = function(e) {
-  t(this, y).current ? (t(this, v).current = e % t(this, c).length, t(this, v).current = t(this, v).current < 0 ? t(this, c).length + t(this, v).current : t(this, v).current) : t(this, v).current = At(e, 0, t(this, c).length - 1);
+K = /* @__PURE__ */ new WeakMap();
+kt = /* @__PURE__ */ new WeakMap();
+zt = /* @__PURE__ */ new WeakSet();
+jt = function(e) {
+  t(this, C).current ? (t(this, b).current = e % t(this, p).length, t(this, b).current = t(this, b).current < 0 ? t(this, p).length + t(this, b).current : t(this, b).current) : t(this, b).current = Qt(e, 0, t(this, p).length - 1);
 };
-it = /* @__PURE__ */ new WeakMap();
-rt = /* @__PURE__ */ new WeakSet();
-yt = function(e = "current") {
-  if (t(this, y).current && t(this, c).length) {
-    const s = t(this, a)[e] % (t(this, p) + t(this, _) + t(this, D));
-    return s < 0 ? t(this, p) + s + t(this, _) + t(this, D) : s;
+dt = /* @__PURE__ */ new WeakMap();
+vt = /* @__PURE__ */ new WeakSet();
+At = function(e = "current") {
+  if (t(this, C).current && t(this, p).length) {
+    const s = t(this, c)[e] % (t(this, d) + t(this, w) + t(this, T));
+    return s < 0 ? t(this, d) + s + t(this, w) + t(this, T) : s;
   } else
-    return t(this, a)[e];
+    return t(this, c)[e];
 };
-mt = Yt([
-  Dt("e-scroll")
-], mt);
-var Y;
-class ee extends $t {
+Wt = ge([
+  at("e-scroll")
+], Wt);
+var ht;
+class Ht extends Xt {
   constructor() {
     super(...arguments);
-    F(this, Y, null);
+    S(this, ht, null);
   }
   get scrollElement() {
-    return n(this, Y);
+    return h(this, ht);
   }
   connectedCallback() {
-    const i = Nt(this, mt);
-    i instanceof mt ? V(this, Y, i) : console.error(this, "e-scroll not found");
+    const i = fe(this, Wt);
+    i instanceof Wt ? y(this, ht, i) : console.error(this, "e-scroll not found");
   }
 }
-Y = new WeakMap();
-var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, re = (e, s, i, r) => {
-  for (var l = r > 1 ? void 0 : r ? ie(s, i) : s, f = e.length - 1, w; f >= 0; f--)
-    (w = e[f]) && (l = (r ? w(s, i, l) : w(l)) || l);
-  return r && l && se(s, i, l), l;
-}, Ht = (e, s, i) => {
+ht = new WeakMap();
+var _e = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Ee = (e, s, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? Se(s, i) : s, a = e.length - 1, u; a >= 0; a--)
+    (u = e[a]) && (n = (r ? u(s, i, n) : u(n)) || n);
+  return r && n && _e(s, i, n), n;
+}, te = (e, s, i) => {
   if (!s.has(e))
     throw TypeError("Cannot " + i);
-}, o = (e, s, i) => (Ht(e, s, "read from private field"), i ? i.call(e) : s.get(e)), k = (e, s, i) => {
+}, l = (e, s, i) => (te(e, s, "read from private field"), i ? i.call(e) : s.get(e)), W = (e, s, i) => {
   if (s.has(e))
     throw TypeError("Cannot add the same private member more than once");
   s instanceof WeakSet ? s.add(e) : s.set(e, i);
-}, P = (e, s, i, r) => (Ht(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), nt, b, A, $, J, N, ht, ot, lt, at;
-const ne = Rt({
+}, I = (e, s, i, r) => (te(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), tt, x, A, D, et, st, mt, gt, bt, wt;
+const xe = Vt({
   ":host": {
     display: "inline-block",
     zIndex: "1",
-    backgroundColor: Pt.colorLight.var
+    backgroundColor: Gt.colorLight.var
   },
   ':host([axis="y"])': {
     position: "absolute",
@@ -440,7 +452,7 @@ const ne = Rt({
     height: "1vmin"
   },
   ".default-thumb": {
-    backgroundColor: Pt.colorDark.var,
+    backgroundColor: Gt.colorDark.var,
     borderRadius: "1vmin",
     touchAction: "none"
   },
@@ -448,56 +460,180 @@ const ne = Rt({
     touchAction: "none"
   }
 });
-let Lt = class extends ee {
+let Kt = class extends Ht {
   constructor() {
-    super(), k(this, nt, null), k(this, b, null), k(this, A, !1), k(this, $, 0), k(this, J, 0), k(this, N, 0), k(this, ht, () => {
-      P(this, A, this.offsetWidth > this.offsetHeight);
-      const e = o(this, A) ? this.offsetWidth : this.offsetHeight;
-      P(this, $, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), P(this, $, Math.max(o(this, $), 30)), o(this, A) ? (o(this, b).style.width = o(this, $) + "px", o(this, b).style.height = "100%") : (o(this, b).style.width = "100%", o(this, b).style.height = o(this, $) + "px"), P(this, J, e - o(this, $)), this.scrollElement.scrollSize || (this.style.display = "none");
-    }), k(this, ot, () => {
-      P(this, N, this.scrollElement.currentProgress * o(this, J)), o(this, A) ? o(this, b).style.transform = `translate3d(${o(this, N)}px, 0px, 0px)` : o(this, b).style.transform = `translate3d(0px, ${o(this, N)}px, 0px)`;
-    }), k(this, lt, () => {
+    super(), W(this, tt, null), W(this, x, null), W(this, A, !1), W(this, D, 0), W(this, et, 0), W(this, st, 0), W(this, mt, () => {
+      I(this, A, this.offsetWidth > this.offsetHeight);
+      const e = l(this, A) ? this.offsetWidth : this.offsetHeight;
+      I(this, D, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), I(this, D, Math.max(l(this, D), 30)), l(this, A) ? (l(this, x).style.width = l(this, D) + "px", l(this, x).style.height = "100%") : (l(this, x).style.width = "100%", l(this, x).style.height = l(this, D) + "px"), I(this, et, e - l(this, D)), this.scrollElement.scrollSize || (this.style.display = "none");
+    }), W(this, gt, () => {
+      I(this, st, this.scrollElement.currentProgress * l(this, et)), l(this, A) ? l(this, x).style.transform = `translate3d(${l(this, st)}px, 0px, 0px)` : l(this, x).style.transform = `translate3d(0px, ${l(this, st)}px, 0px)`;
+    }), W(this, bt, () => {
       this.setAttribute("axis", this.scrollElement.axisAttibute.current);
-    }), k(this, at, (e) => {
-      const s = (f) => {
-        const w = o(this, A) ? f.x : f.y, It = this.scrollElement.distance / o(this, J), Ft = (w - l) * It;
-        this.scrollElement.setPosition(r + Ft);
+    }), W(this, wt, (e) => {
+      const s = (a) => {
+        const u = l(this, A) ? a.x : a.y, ie = this.scrollElement.distance / l(this, et), re = (u - n) * ie;
+        this.scrollElement.setPosition(r + re);
       }, i = () => {
         removeEventListener("pointermove", s), removeEventListener("pointerup", i), removeEventListener("touchend", i);
       };
       addEventListener("pointermove", s), addEventListener("pointerup", i), addEventListener("touchend", i);
-      const r = this.scrollElement.targetScrollValue, l = o(this, A) ? e.x : e.y;
-    }), zt && (this.openShadow(ne), Vt(this, {
+      const r = this.scrollElement.targetScrollValue, n = l(this, A) ? e.x : e.y;
+    }), Dt && (this.openShadow(xe), Tt(this, {
       slot: "static",
-      children: [bt({ ref: (e) => P(this, nt, e) })]
+      children: [
+        St({
+          ref: (e) => I(this, tt, e),
+          children: Lt({ class: "default-thumb" })
+        })
+      ]
     }));
   }
   get thumbElement() {
-    return o(this, b);
+    return l(this, x);
   }
   connectedCallback() {
     super.connectedCallback();
-    const e = o(this, nt).assignedElements()[0];
-    e instanceof HTMLElement ? P(this, b, e) : (P(this, b, document.createElement("div")), o(this, b).classList.add("default-thumb"), this.shadowRoot.appendChild(o(this, b))), o(this, b).addEventListener("pointerdown", o(this, at)), ct.subscribe(o(this, ht), Ot.SCROLL + 1), this.scrollElement.onScroll(o(this, ot)), this.scrollElement.axisAttibute.subscribe(o(this, lt));
+    const e = l(this, tt).assignedElements()[0] || l(this, tt).firstElementChild;
+    I(this, x, e), l(this, x).addEventListener("pointerdown", l(this, wt)), _t.subscribe(l(this, mt), Yt.SCROLL + 1), this.scrollElement.onScroll(l(this, gt)), this.scrollElement.axisAttibute.subscribe(l(this, bt));
   }
   disconnectedCallback() {
-    o(this, b).removeEventListener("pointerdown", o(this, at)), ct.unsubscribe(o(this, ht)), this.scrollElement.offScroll(o(this, ot)), this.scrollElement.axisAttibute.unsubscribe(o(this, lt));
+    l(this, x).removeEventListener("pointerdown", l(this, wt)), _t.unsubscribe(l(this, mt)), this.scrollElement.offScroll(l(this, gt)), this.scrollElement.axisAttibute.unsubscribe(l(this, bt));
   }
 };
-nt = /* @__PURE__ */ new WeakMap();
-b = /* @__PURE__ */ new WeakMap();
+tt = /* @__PURE__ */ new WeakMap();
+x = /* @__PURE__ */ new WeakMap();
 A = /* @__PURE__ */ new WeakMap();
-$ = /* @__PURE__ */ new WeakMap();
-J = /* @__PURE__ */ new WeakMap();
-N = /* @__PURE__ */ new WeakMap();
-ht = /* @__PURE__ */ new WeakMap();
-ot = /* @__PURE__ */ new WeakMap();
-lt = /* @__PURE__ */ new WeakMap();
-at = /* @__PURE__ */ new WeakMap();
-Lt = re([
-  Dt("e-scrollbar")
-], Lt);
+D = /* @__PURE__ */ new WeakMap();
+et = /* @__PURE__ */ new WeakMap();
+st = /* @__PURE__ */ new WeakMap();
+mt = /* @__PURE__ */ new WeakMap();
+gt = /* @__PURE__ */ new WeakMap();
+bt = /* @__PURE__ */ new WeakMap();
+wt = /* @__PURE__ */ new WeakMap();
+Kt = Ee([
+  at("e-scrollbar")
+], Kt);
+const ye = Vt({
+  button: {
+    all: "inherit"
+  }
+});
+class ee extends Ht {
+  constructor() {
+    super(), this.openShadow(ye), Dt && Tt(this, {
+      children: [
+        ue({
+          onClick: () => {
+            this.handleClick();
+          },
+          children: [St()]
+        })
+      ]
+    });
+  }
+}
+var Ce = Object.defineProperty, We = Object.getOwnPropertyDescriptor, ke = (e, s, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? We(s, i) : s, a = e.length - 1, u; a >= 0; a--)
+    (u = e[a]) && (n = (r ? u(s, i, n) : u(n)) || n);
+  return r && n && Ce(s, i, n), n;
+};
+let Ut = class extends ee {
+  handleClick() {
+    const e = this.getAttribute("index"), s = this.getAttribute("behaviour");
+    this.scrollElement.scrollToSection(parseInt(e || "0"), s);
+  }
+};
+Ut = ke([
+  at("e-scroll-set-button")
+], Ut);
+var Pe = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, Le = (e, s, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? Me(s, i) : s, a = e.length - 1, u; a >= 0; a--)
+    (u = e[a]) && (n = (r ? u(s, i, n) : u(n)) || n);
+  return r && n && Pe(s, i, n), n;
+};
+let Zt = class extends ee {
+  handleClick() {
+    const e = this.getAttribute("step"), s = this.getAttribute("behaviour");
+    this.scrollElement.shiftSections(parseInt(e || "1"), s);
+  }
+};
+Zt = Le([
+  at("e-scroll-step-button")
+], Zt);
+var $e = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, ze = (e, s, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? Oe(s, i) : s, a = e.length - 1, u; a >= 0; a--)
+    (u = e[a]) && (n = (r ? u(s, i, n) : u(n)) || n);
+  return r && n && $e(s, i, n), n;
+}, se = (e, s, i) => {
+  if (!s.has(e))
+    throw TypeError("Cannot " + i);
+}, U = (e, s, i) => (se(e, s, "read from private field"), i ? i.call(e) : s.get(e)), qt = (e, s, i) => {
+  if (s.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  s instanceof WeakSet ? s.add(e) : s.set(e, i);
+}, Jt = (e, s, i, r) => (se(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), F, it, $, R, X, ot, lt, Y;
+class Ae {
+  constructor(s, i, r) {
+    S(this, $, void 0);
+    S(this, R, void 0);
+    S(this, X, void 0);
+    S(this, ot, void 0);
+    S(this, lt, () => {
+      h(this, R).scrollToSection(h(this, X), h(this, ot));
+    });
+    S(this, Y, () => {
+      h(this, $).classList.toggle(
+        "current",
+        h(this, R).counter.current === h(this, X)
+      );
+    });
+    y(this, $, document.createElement("button")), y(this, R, s), y(this, ot, r), y(this, X, i), h(this, $).addEventListener("click", h(this, lt)), h(this, R).counter.subscribe(h(this, Y)), h(this, Y).call(this);
+  }
+  get element() {
+    return h(this, $);
+  }
+  destroy() {
+    h(this, $).removeEventListener("click", h(this, lt)), h(this, R).counter.unsubscribe(h(this, Y)), h(this, $).remove();
+  }
+}
+$ = new WeakMap(), R = new WeakMap(), X = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), Y = new WeakMap();
+let Nt = class extends Ht {
+  constructor() {
+    super(...arguments), qt(this, F, []), qt(this, it, de(() => {
+      U(this, F).forEach((e) => e.destroy()), Jt(this, F, []);
+      for (let e = 0; e < this.scrollElement.sections.length; e++) {
+        const s = new Ae(
+          this.scrollElement,
+          e,
+          this.getAttribute("behaviour") || "smooth"
+        );
+        this.appendChild(s.element), U(this, F).push(s);
+      }
+    }, 0));
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.scrollElement.addEventListener(
+      "sectionsChange",
+      U(this, it)
+    ), U(this, it).call(this);
+  }
+  disconnectedCallback() {
+    this.scrollElement.removeEventListener(
+      "sectionsChange",
+      U(this, it)
+    ), U(this, F).forEach((e) => e.destroy()), Jt(this, F, []);
+  }
+};
+F = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakMap();
+Nt = ze([
+  at("e-scroll-bullet-buttons")
+], Nt);
 export {
-  mt as ScrollElement,
-  Lt as ScrollbarElement
+  Nt as ScrollBulletButtonsElement,
+  Wt as ScrollElement,
+  Ut as ScrollSetButtonElement,
+  Zt as ScrollStepButtonElement,
+  Kt as ScrollbarElement
 };