aptechka 0.1.3 → 0.1.6

package/lib/scroll/index.js

@@ -1,228 +1,264 @@
-var _t = (s, e, i) => {
-  if (!e.has(s))
-    throw TypeError("Cannot " + i);
+var yt = (i, s, e) => {
+  if (!s.has(i))
+    throw TypeError("Cannot " + e);
 };
-var h = (s, e, i) => (_t(s, e, "read from private field"), i ? i.call(s) : e.get(s)), D = (s, e, i) => {
-  if (e.has(s))
+var n = (i, s, e) => (yt(i, s, "read from private field"), e ? e.call(i) : s.get(i)), D = (i, s, e) => {
+  if (s.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(s) : e.set(s, i);
-}, $ = (s, e, i, o) => (_t(s, e, "write to private field"), o ? o.call(s, i) : e.set(s, i), i);
-import { S as Vt } from "../Store-qq7IjRLE.js";
-import { i as St } from "../browser-S4eq8AeN.js";
-import { a as xt, g as yt } from "../layout-5SJlcXTY.js";
-import { c as Wt } from "../math-_a3IpKOc.js";
+  s instanceof WeakSet ? s.add(i) : s.set(i, e);
+}, $ = (i, s, e, r) => (yt(i, s, "write to private field"), r ? r.call(i, e) : s.set(i, e), e);
+import { S as Ht } from "../Store-JOKrNVEr.js";
+import { D as Ft } from "../Derived-Bc88XJ8J.js";
+import { i as At } from "../browser-0zX67oeU.js";
+import { a as gt, g as wt } from "../layout-HoBT_Da2.js";
+import { c as zt } from "../math-BOBiC4TN.js";
 import "../ticker/index.js";
-import { D as $t } from "../Damped-H3PuZwKV.js";
-import { Attribute as k } from "../attribute/index.js";
-import { W as Pt, K as Tt } from "../WheelControls-9ZQKSYYq.js";
-import { CustomElement as kt, define as Ct } from "../custom-element/index.js";
-import { TICK_ORDER as Rt, RESIZE_ORDER as Mt } from "../order/index.js";
-import { resizer as lt } from "../resizer/index.js";
-import { scrollEnties as G } from "../scroll-entries/index.js";
-import { f as Dt } from "../dom-bHEwc_xV.js";
-import "../intersector/index.js";
-import "../number-bCHB2GAD.js";
-import "../attributes-w0u-KiIb.js";
-import "../notifier/index.js";
-import "../function-zwSFehNd.js";
-var Ht = Object.defineProperty, It = Object.getOwnPropertyDescriptor, Kt = (s, e, i, o) => {
-  for (var u = o > 1 ? void 0 : o ? It(e, i) : e, n = s.length - 1, E; n >= 0; n--)
-    (E = s[n]) && (u = (o ? E(e, i, u) : E(u)) || u);
-  return o && u && Ht(e, i, u), u;
-}, vt = (s, e, i) => {
-  if (!e.has(s))
-    throw TypeError("Cannot " + i);
-}, t = (s, e, i) => (vt(s, e, "read from private field"), i ? i.call(s) : e.get(s)), l = (s, e, i) => {
-  if (e.has(s))
+import { D as Bt } from "../Damped-Csj-9_gH.js";
+import { Attribute as E } from "../attribute/index.js";
+import { W as Kt, K as Gt } from "../WheelControls-CX9WUbBC.js";
+import { CustomElement as Lt, define as $t } from "../custom-element/index.js";
+import { TICK_ORDER as Nt, RESIZE_ORDER as Pt } from "../order/index.js";
+import { windowResizer as ot } from "../window-resizer/index.js";
+import { scrollEntries as I } from "../scroll-entries/index.js";
+import { e as Ot } from "../ElementConstructor-CoKM2CTK.js";
+import { C as Mt, aw as bt } from "../htmlTags-BCNUG7oK.js";
+import { c as Vt } from "../createStylesheet-BON7aJYs.js";
+import { f as Ut } from "../dom-BY7JhTx5.js";
+var Zt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (i, s, e, r) => {
+  for (var a = r > 1 ? void 0 : r ? qt(s, e) : s, g = i.length - 1, x; g >= 0; g--)
+    (x = i[g]) && (a = (r ? x(s, e, a) : x(a)) || a);
+  return r && a && Zt(s, e, a), a;
+}, Et = (i, s, e) => {
+  if (!s.has(i))
+    throw TypeError("Cannot " + e);
+}, t = (i, s, e) => (Et(i, s, "read from private field"), e ? e.call(i) : s.get(i)), h = (i, s, e) => {
+  if (s.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(s) : e.set(s, i);
-}, g = (s, e, i, o) => (vt(s, e, "write to private field"), o ? o.call(s, i) : e.set(s, i), i), f = (s, e, i) => (vt(s, e, "access private method"), i), a, M, A, L, x, y, H, I, K, p, c, Y, w, d, V, q, m, J, P, N, ot, B, Q, at, gt, ct, wt, j, dt, tt, ft, R, pt, mt, At, et, st, bt, _, v, T, W;
-class Gt {
-  constructor(e, i) {
+  s instanceof WeakSet ? s.add(i) : s.set(i, e);
+}, d = (i, s, e, r) => (Et(i, s, "write to private field"), r ? r.call(i, e) : s.set(i, e), e), f = (i, s, e) => (Et(i, s, "access private method"), e), o, C, R, O, T, q, k, J, Q, X, u, ct, c, Y, j, v, p, W, H, m, B, P, N, ut, F, U, pt, kt, ft, Wt, tt, vt, et, _t, V, mt, xt, Dt, st, it, St, _, w, L, y;
+class Qt {
+  constructor(s, e) {
     D(this, _, void 0);
-    D(this, v, void 0);
-    D(this, T, 0);
-    D(this, W, 0);
-    $(this, _, e), $(this, v, i), G.register(h(this, _));
+    D(this, w, void 0);
+    D(this, L, 0);
+    D(this, y, 0);
+    $(this, _, s), $(this, w, e), I.register(n(this, _));
   }
   get size() {
-    return h(this, T);
+    return n(this, L);
   }
   get position() {
-    return h(this, W);
+    return n(this, y);
   }
   destroy() {
-    G.unregister(h(this, _)), h(this, _).style.transform = "";
+    I.unregister(n(this, _)), n(this, _).style.transform = "";
   }
   resize() {
-    $(this, T, h(this, v).vertical ? h(this, _).offsetHeight : h(this, _).offsetWidth), $(this, W, h(this, v).vertical ? xt(h(this, _)) : yt(h(this, _))), $(this, W, h(this, W) - h(this, v).position);
+    $(this, L, n(this, w).vertical ? n(this, _).offsetHeight : n(this, _).offsetWidth), $(this, y, n(this, w).vertical ? gt(n(this, _)) : wt(n(this, _))), $(this, y, n(this, y) - n(this, w).contentPosition);
   }
   transform() {
-    let e = 0;
-    h(this, v).infiniteAttribute.current && h(this, v).overscroll && h(this, W) + h(this, T) < h(this, v).currentScrollValue && (e = h(this, v).distance * -1), G.update(h(this, _), h(this, v).axisAttibute.current, e);
-    const i = Wt(
-      h(this, v).currentScrollValue + e,
-      h(this, W) - h(this, v).viewportSize,
-      h(this, W) + h(this, T)
+    let s = 0;
+    n(this, w).infiniteAttribute.current && n(this, w).overscroll && n(this, y) + n(this, L) < n(this, w).currentScrollValue && (s = n(this, w).distance * -1), I.update(
+      n(this, _),
+      n(this, w).axisAttibute.current,
+      s
     );
-    h(this, v).vertical ? h(this, _).style.transform = `translate3d(0px, ${i * -1}px, 0px)` : h(this, _).style.transform = `translate3d(${i * -1}px, 0px, 0px)`;
+    const e = n(this, w).viewportSize - n(this, L), r = zt(
+      n(this, w).currentScrollValue + s,
+      n(this, y) - n(this, w).viewportSize - e,
+      n(this, y) + n(this, L) + e
+    );
+    n(this, w).vertical ? n(this, _).style.transform = `translate3d(0px, ${r * -1}px, 0px)` : n(this, _).style.transform = `translate3d(${r * -1}px, 0px, 0px)`;
   }
 }
-_ = new WeakMap(), v = new WeakMap(), T = new WeakMap(), W = new WeakMap();
-let ut = class extends kt {
-  constructor() {
-    if (super(), l(this, N), l(this, B), l(this, at), l(this, ct), l(this, j), l(this, tt), l(this, mt), l(this, st), l(this, a, null), l(this, M, new k(this, "axis", "y")), l(this, A, new k(this, "pages", 0, {
+_ = new WeakMap(), w = new WeakMap(), L = new WeakMap(), y = new WeakMap();
+const Xt = Vt({
+  ":host": {
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    outline: "none"
+  },
+  ':host([hibernated="true"])': {
+    display: "contents"
+  },
+  ".static": {
+    position: "absolute",
+    top: "0",
+    left: "0",
+    zIndex: "1",
+    width: "100%",
+    height: "100%"
+  },
+  ".content": {
+    position: "relative",
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    gap: "var(--gap, 0px)"
+  },
+  ':host([hibernated="true"]) .content': {
+    display: "contents"
+  },
+  "::slotted(*)": {
+    flexShrink: "0"
+  }
+});
+let dt = class extends Lt {
+  constructor(i) {
+    if (super(), h(this, N), h(this, F), h(this, pt), h(this, ft), h(this, tt), h(this, et), h(this, xt), h(this, it), h(this, o, null), h(this, C, new E(this, "axis", "y")), h(this, R, new E(this, "pages", 0, {
       validate: (s) => Math.max(0, s - 1)
-    })), l(this, L, new k(this, "sectional", !1)), l(this, x, new k(this, "infinite", !1)), l(this, y, new k(this, "split", !1)), l(this, H, new k(this, "damping", 0.03)), l(this, I, new k(this, "disabled", !1)), l(this, K, new k(this, "hibernated", !1)), l(this, p, null), l(this, c, []), l(this, Y, 0), l(this, w, 0), l(this, d, 0), l(this, V, null), l(this, q, null), l(this, m, new Vt(0)), l(this, J, 0), l(this, P, 0), l(this, R, () => {
-      const s = this.currentScrollValue / t(this, d);
-      if (g(this, Y, this.vertical ? xt(this) : yt(this)), g(this, w, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, A).current) {
-        g(this, d, t(this, w) * t(this, A).current);
-        const e = t(this, d) + t(this, w);
-        this.vertical ? (t(this, p).style.width = e + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = e + "px", t(this, p).style.width = "100%");
+    })), h(this, O, new E(this, "split", !1)), h(this, T, new E(this, "sectional", !1)), h(this, q, new E(
+      this,
+      "wheel-max-delta",
+      !1
+    )), h(this, k, new E(this, "infinite", !1)), h(this, J, new E(this, "damping", 0.03)), h(this, Q, new E(this, "disabled", !1)), h(this, X, new E(this, "hibernated", !1)), h(this, u, null), h(this, ct, null), h(this, c, []), h(this, Y, 0), h(this, j, 0), h(this, v, 0), h(this, p, 0), h(this, W, null), h(this, H, null), h(this, m, new Ht(0)), h(this, B, 0), h(this, P, 0), h(this, V, () => {
+      const s = this.currentScrollValue / t(this, p);
+      if (d(this, Y, this.vertical ? gt(this) : wt(this)), d(this, j, this.vertical ? gt(t(this, u)) : wt(t(this, u))), d(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, R).current) {
+        d(this, p, t(this, v) * t(this, R).current);
+        const e = t(this, p) + t(this, v);
+        this.vertical ? (t(this, u).style.width = e + "px", t(this, u).style.height = "100%") : (t(this, u).style.height = e + "px", t(this, u).style.width = "100%");
       } else
-        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", g(this, d, t(this, p).offsetHeight - t(this, w))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", g(this, d, t(this, p).offsetWidth - t(this, w)));
-      if (t(this, x) || (t(this, a).max = t(this, d)), t(this, c).forEach((e) => {
+        this.vertical ? (t(this, u).style.width = "100%", t(this, u).style.height = "max-content", d(this, p, t(this, u).offsetHeight - t(this, v))) : (t(this, u).style.width = "max-content", t(this, u).style.height = "100%", d(this, p, t(this, u).offsetWidth - t(this, v)));
+      if (!t(this, k).current) {
+        const e = getComputedStyle(this);
+        d(this, p, t(this, p) + (this.vertical ? parseFloat(e.paddingBlockStart) + parseFloat(e.paddingBlockEnd) : parseFloat(e.paddingInlineStart) + parseFloat(e.paddingInlineEnd))), t(this, o).max.current = t(this, p);
+      }
+      if (t(this, c).forEach((e) => {
         e.resize(), e.transform();
-      }), t(this, x).current && t(this, c).length) {
-        const e = t(this, c)[t(this, c).length - 1], i = e.position + e.size - t(this, w), o = t(this, d) - i;
-        g(this, P, e.position + e.size + o);
+      }), t(this, k).current && t(this, c).length) {
+        const e = t(this, c)[t(this, c).length - 1], r = e.position + e.size - t(this, v), a = t(this, p) - r;
+        d(this, P, e.position + e.size + a);
       } else
-        g(this, P, t(this, d));
-      if (t(this, L).current && t(this, c).length) {
+        d(this, P, t(this, p));
+      if (t(this, T).current && t(this, c).length) {
         const e = t(this, c)[t(this, m).current];
-        t(this, a).set(e.position, !0);
+        t(this, o).set(e.position, !0);
       } else
-        t(this, a).set(s * t(this, d), !0);
-    }), l(this, pt, () => {
-      if (t(this, c).length) {
-        let s = 0;
-        for (let e = 0; e < t(this, c).length; e++) {
-          const i = t(this, c)[e];
-          i.transform(), this.targetScrollValue >= i.position && (s = e);
+        t(this, o).set(s * t(this, p), !0);
+    }), h(this, mt, () => {
+      const s = this.currentScrollValue;
+      if (d(this, B, Math.max(0, s - t(this, p))), t(this, c).length) {
+        let e = 0;
+        for (let r = 0; r < t(this, c).length; r++) {
+          const a = t(this, c)[r];
+          a.transform(), this.targetScrollValue + this.viewportSize / 2 >= a.position && (e = r);
         }
-        t(this, m).current = s;
+        t(this, m).current = e;
       } else
-        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${this.currentScrollValue * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${this.currentScrollValue * -1}px, 0px, 0px)`;
-      G.update(this, t(this, M).current, this.currentScrollValue);
-    }), l(this, et, (s) => {
+        this.vertical ? t(this, u).style.transform = `translate3d(0px, ${s * -1}px, 0px)` : t(this, u).style.transform = `translate3d(${s * -1}px, 0px, 0px)`;
+      I.update(this, t(this, C).current, s);
+    }), h(this, st, (s) => {
       if (typeof s == "number")
-        if (t(this, L).current) {
+        if (t(this, T).current) {
           const e = Math.sign(s);
-          t(this, c).length ? this.shiftSections(e) : t(this, a).shift(e * t(this, w));
+          t(this, c).length ? this.shiftSections(e) : t(this, o).shift(e * t(this, v));
         } else
-          t(this, a).shift(s);
+          t(this, o).shift(s);
       else
-        s === "min" ? t(this, a).set(t(this, a).min) : s === "max" && t(this, a).set(t(this, a).delta);
-    }), St) {
-      g(this, a, new $t({ damping: 0.01, min: 0, order: Rt.SCROLL }));
-      const s = this.attachShadow({ mode: "open" }), e = document.createElement("style");
-      e.textContent = `
-        :host {
-          position: relative;
-
-          width: 100%;
-          height: 100%;
-
-          display: block;
-          outline: none;
-        }
-
-        :host([hibernated="true"]) {
-          display: contents;
-        }
-
-        .static {
-          position: absolute;
-          top: 0;
-          left: 0;
-
-          z-index: 1;
-
-          width: 100%;
-          height: 100%;
-
-        }
-  
-        .content {
-          display: flex;
-        }
-
-        :host([hibernated="true"]) .content {
-          display: contents;
-        }
-  
-        ::slotted(*) {
-          flex-shrink: 0;
-        }
-      `, s.appendChild(e), this.tabIndex = 0;
-      const i = document.createElement("div");
-      i.classList.add("static"), s.appendChild(i);
-      const o = document.createElement("slot");
-      o.setAttribute("name", "static"), i.appendChild(o), g(this, p, document.createElement("div")), t(this, p).classList.add("content"), s.appendChild(t(this, p));
-      const u = document.createElement("slot");
-      t(this, p).appendChild(u), g(this, V, new Pt({ element: this })), t(this, V).changeEvent.subscribe(t(this, et)), g(this, q, new Tt({ element: this })), t(this, q).changeEvent.subscribe(t(this, et)), t(this, M).subscribe(({ current: n }) => {
-        t(this, p).style.flexDirection = n === "x" ? "row" : "column", t(this, V).axis = n, this.isConnected && t(this, R).call(this);
-      }), t(this, A).subscribe(() => {
-        this.isConnected && t(this, R).call(this);
-      }), t(this, L).subscribe((n) => {
-        t(this, m).current = 0, t(this, V).debounce = n.current, t(this, a).reset(), this.isConnected && (n.current && !n.previous ? f(this, N, ot).call(this) : !n.current && n.previous && f(this, B, Q).call(this));
-      }), t(this, x).subscribe((n) => {
-        n.current ? (this.isConnected && (t(this, c).length || (t(this, y).current = !0)), t(this, c).length && (t(this, a).max = 1 / 0, t(this, a).min = -1 / 0)) : (g(this, J, 0), t(this, a).max = t(this, d), t(this, a).min = 0);
-      }), t(this, y).subscribe(({ current: n }) => {
-        this.isConnected && (n ? f(this, N, ot).call(this) : f(this, B, Q).call(this));
-      }), t(this, H).subscribe((n) => {
-        t(this, a).damping = n.current;
-      }), t(this, I).subscribe((n) => {
-        n.current && !n.previous ? f(this, at, gt).call(this) : !n.current && n.previous && f(this, ct, wt).call(this);
-      }), t(this, K).subscribe((n) => {
-        n.current && !n.previous ? f(this, j, dt).call(this) : !n.current && n.previous && f(this, tt, ft).call(this);
+        s === "min" ? t(this, o).set(t(this, o).min.current) : s === "max" && t(this, o).set(t(this, o).delta);
+    }), At) {
+      let s, e = i || this.getAttribute("name");
+      e && (s = {
+        name: e
+      }), d(this, o, new Bt({
+        damping: 0.01,
+        min: 0,
+        order: Nt.SCROLL,
+        passport: s
+      })), this.openShadow(Xt), Ot(this, {
+        attributes: {
+          tabIndex: 0
+        },
+        shadowChildren: [
+          Mt({
+            class: "static",
+            children: [bt({ attributes: { name: "static" } })]
+          }),
+          Mt({
+            class: "content",
+            children: [bt({ ref: (r) => d(this, ct, r) })],
+            style: {
+              flexDirection: new Ft(
+                t(this, C),
+                (r) => r === "x" ? "row" : "column"
+              )
+            },
+            ref: (r) => d(this, u, r)
+          })
+        ]
+      }), d(this, W, new Kt({ element: this })), t(this, W).changeEvent.subscribe(t(this, st)), d(this, H, new Gt({ element: this })), t(this, H).changeEvent.subscribe(t(this, st)), t(this, C).subscribe(({ current: r }) => {
+        t(this, u).style.flexDirection = r === "x" ? "row" : "column", t(this, W).axis = t(this, q).current ? "max" : r, this.isConnected && t(this, V).call(this);
+      }), t(this, q).subscribe((r) => {
+        t(this, W).axis = r.current ? "max" : t(this, C).current;
+      }), t(this, R).subscribe(() => {
+        this.isConnected && t(this, V).call(this);
+      }), t(this, O).subscribe(({ current: r }) => {
+        this.isConnected && (r ? f(this, N, ut).call(this) : f(this, F, U).call(this));
+      }), t(this, T).subscribe((r) => {
+        t(this, m).current = 0, t(this, W).debounce = r.current, t(this, o).reset(), this.isConnected && (r.current && !r.previous ? f(this, N, ut).call(this) : !r.current && r.previous && f(this, F, U).call(this));
+      }), t(this, k).subscribe((r) => {
+        r.current ? (this.isConnected && (t(this, c).length || (t(this, O).current = !0)), t(this, c).length && (t(this, o).max.current = 1 / 0, t(this, o).min.current = -1 / 0)) : (d(this, B, 0), t(this, o).max.current = t(this, p), t(this, o).min.current = 0);
+      }), t(this, J).subscribe((r) => {
+        t(this, o).damping = r.current;
+      }), t(this, Q).subscribe((r) => {
+        r.current && !r.previous ? f(this, pt, kt).call(this) : !r.current && r.previous && f(this, ft, Wt).call(this);
+      }), t(this, X).subscribe((r) => {
+        r.current && !r.previous ? f(this, tt, vt).call(this) : !r.current && r.previous && f(this, et, _t).call(this);
       });
     }
   }
   get currentScrollValue() {
-    return f(this, st, bt).call(this, "current");
+    return f(this, it, St).call(this, "current");
   }
   get targetScrollValue() {
-    return f(this, st, bt).call(this, "target");
+    return f(this, it, St).call(this, "target");
   }
   get damped() {
-    return t(this, a);
+    return t(this, o);
   }
   get dampedAttibute() {
-    return t(this, a);
+    return t(this, o);
   }
   get axisAttibute() {
-    return t(this, M);
+    return t(this, C);
   }
   get pagesAttibute() {
-    return t(this, A);
+    return t(this, R);
+  }
+  get splitAttibute() {
+    return t(this, O);
   }
   get sectionalAttibute() {
-    return t(this, L);
+    return t(this, T);
   }
   get infiniteAttribute() {
-    return t(this, x);
-  }
-  get splitAttibute() {
-    return t(this, y);
+    return t(this, k);
   }
   get dampingAttibute() {
-    return t(this, H);
+    return t(this, J);
   }
   get disabledAttibute() {
-    return t(this, I);
+    return t(this, Q);
   }
   get hibernatedAttibute() {
-    return t(this, K);
+    return t(this, X);
+  }
+  get contentElement() {
+    return t(this, u);
   }
   get position() {
     return t(this, Y);
   }
+  get contentPosition() {
+    return t(this, j);
+  }
   get viewportSize() {
-    return t(this, w);
+    return t(this, v);
   }
   get scrollSize() {
-    return t(this, d);
+    return t(this, p);
   }
   get counter() {
     return t(this, m);
@@ -231,10 +267,10 @@ let ut = class extends kt {
     return t(this, P);
   }
   get overscroll() {
-    return t(this, J);
+    return t(this, B);
   }
   get vertical() {
-    return t(this, M).current === "y";
+    return t(this, C).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / t(this, P);
@@ -243,202 +279,201 @@ let ut = class extends kt {
     return this.targetScrollValue / t(this, P);
   }
   // TODO: Поправить значение когда скролл не секционный ??
-  scrollToSection(s, e = "smooth") {
+  scrollToSection(i, s = "smooth") {
     if (!t(this, c).length)
       return;
-    const i = t(this, m).current;
-    f(this, mt, At).call(this, s);
-    const o = t(this, c)[i], u = t(this, c)[t(this, m).current];
-    if (o && u) {
-      let n = 0;
-      const E = t(this, c).length - 1;
-      t(this, m).current === 0 && i === E ? n = t(this, d) + t(this, w) - o.position : t(this, m).current === E && i === 0 ? n = u.position - (t(this, d) + t(this, w)) : n = u.position - o.position, t(this, a).shift(n, e === "instant");
+    const e = t(this, m).current;
+    f(this, xt, Dt).call(this, i);
+    const r = t(this, c)[e], a = t(this, c)[t(this, m).current];
+    if (r && a) {
+      let g = 0;
+      const x = t(this, c).length - 1;
+      t(this, k).current ? t(this, m).current === 0 && e === x ? g = t(this, p) + t(this, v) - r.position : t(this, m).current === x && e === 0 ? g = a.position - (t(this, p) + t(this, v)) : g = a.position - r.position : g = a.position - r.position, t(this, o).shift(g, s === "instant");
     }
   }
-  shiftSections(s, e = "smooth") {
-    t(this, c).length && this.scrollToSection(t(this, m).current + s, e);
+  shiftSections(i, s = "smooth") {
+    t(this, c).length && this.scrollToSection(t(this, m).current + i, s);
   }
   connectedCallback() {
-    f(this, tt, ft).call(this), t(this, M).observe(), t(this, A).observe(), t(this, L).observe(), t(this, x).observe(), t(this, y).observe(), t(this, H).observe(), t(this, I).observe(), t(this, K).observe();
+    f(this, et, _t).call(this);
   }
   disconnectedCallback() {
-    f(this, j, dt).call(this), t(this, M).unobserve(), t(this, A).unobserve(), t(this, L).unobserve(), t(this, x).unobserve(), t(this, y).unobserve(), t(this, H).unobserve(), t(this, I).unobserve(), t(this, K).unobserve();
+    f(this, tt, vt).call(this);
   }
 };
-a = /* @__PURE__ */ new WeakMap();
-M = /* @__PURE__ */ new WeakMap();
-A = /* @__PURE__ */ new WeakMap();
-L = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
-y = /* @__PURE__ */ new WeakMap();
-H = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakMap();
-p = /* @__PURE__ */ new WeakMap();
+o = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
+k = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+X = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+ct = /* @__PURE__ */ new WeakMap();
 c = /* @__PURE__ */ new WeakMap();
 Y = /* @__PURE__ */ new WeakMap();
-w = /* @__PURE__ */ new WeakMap();
-d = /* @__PURE__ */ new WeakMap();
-V = /* @__PURE__ */ new WeakMap();
-q = /* @__PURE__ */ new WeakMap();
+j = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
+p = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+H = /* @__PURE__ */ new WeakMap();
 m = /* @__PURE__ */ new WeakMap();
-J = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
 P = /* @__PURE__ */ new WeakMap();
 N = /* @__PURE__ */ new WeakSet();
-ot = function() {
-  f(this, B, Q).call(this), t(this, p).querySelector("slot").assignedElements().forEach((e) => {
-    e instanceof HTMLElement && t(this, c).push(new Gt(e, this));
-  }), t(this, p).style.transform = "", t(this, R).call(this);
-};
-B = /* @__PURE__ */ new WeakSet();
-Q = function() {
-  t(this, c).forEach((s) => {
-    s.destroy();
-  }), g(this, c, []);
+ut = function() {
+  f(this, F, U).call(this), t(this, ct).assignedElements().forEach((i) => {
+    i instanceof HTMLElement && t(this, c).push(new Qt(i, this));
+  }), t(this, u).style.transform = "", t(this, V).call(this);
 };
-at = /* @__PURE__ */ new WeakSet();
-gt = function() {
-  t(this, a).unsubscribe(t(this, pt)), t(this, a).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, q).disconnect();
+F = /* @__PURE__ */ new WeakSet();
+U = function() {
+  t(this, c).forEach((i) => {
+    i.destroy();
+  }), d(this, c, []);
 };
-ct = /* @__PURE__ */ new WeakSet();
-wt = function() {
-  t(this, a).subscribe(t(this, pt)), t(this, V).connect(), t(this, q).connect();
+pt = /* @__PURE__ */ new WeakSet();
+kt = function() {
+  t(this, o).unsubscribe(t(this, mt)), t(this, o).unlistenAnimationFrame(), t(this, W).disconnect(), t(this, H).disconnect();
 };
-j = /* @__PURE__ */ new WeakSet();
-dt = function() {
-  lt.unsubscribe(t(this, R)), t(this, a).reset(), f(this, at, gt).call(this), t(this, p).style.transform = "", t(this, y).current && f(this, B, Q).call(this), G.unregister(this);
+ft = /* @__PURE__ */ new WeakSet();
+Wt = function() {
+  t(this, o).subscribe(t(this, mt)), t(this, W).connect(), t(this, H).connect();
 };
 tt = /* @__PURE__ */ new WeakSet();
-ft = function() {
-  t(this, y).current && f(this, N, ot).call(this), G.register(this), lt.subscribe(t(this, R), Mt.SCROLL), f(this, ct, wt).call(this);
+vt = function() {
+  ot.unsubscribe(t(this, V)), t(this, o).reset(), f(this, pt, kt).call(this), t(this, u).style.transform = "", t(this, O).current && f(this, F, U).call(this), I.unregister(this);
 };
-R = /* @__PURE__ */ new WeakMap();
-pt = /* @__PURE__ */ new WeakMap();
-mt = /* @__PURE__ */ new WeakSet();
-At = function(s) {
-  t(this, x).current ? (t(this, m).current = s % t(this, c).length, t(this, m).current = t(this, m).current < 0 ? t(this, c).length + t(this, m).current : t(this, m).current) : t(this, m).current = Wt(s, 0, t(this, c).length - 1);
+et = /* @__PURE__ */ new WeakSet();
+_t = function() {
+  t(this, O).current && f(this, N, ut).call(this), I.register(this), ot.subscribe(t(this, V), Pt.SCROLL), f(this, ft, Wt).call(this);
+};
+V = /* @__PURE__ */ new WeakMap();
+mt = /* @__PURE__ */ new WeakMap();
+xt = /* @__PURE__ */ new WeakSet();
+Dt = function(i) {
+  t(this, k).current ? (t(this, m).current = i % t(this, c).length, t(this, m).current = t(this, m).current < 0 ? t(this, c).length + t(this, m).current : t(this, m).current) : t(this, m).current = zt(i, 0, t(this, c).length - 1);
 };
-et = /* @__PURE__ */ new WeakMap();
-st = /* @__PURE__ */ new WeakSet();
-bt = function(s = "current") {
-  if (t(this, x).current && t(this, c).length) {
-    const e = t(this, a)[s] % (t(this, d) + t(this, w)), i = e < 0 ? t(this, d) + e + t(this, w) : e;
-    return g(this, J, Math.max(0, i - t(this, d))), i;
+st = /* @__PURE__ */ new WeakMap();
+it = /* @__PURE__ */ new WeakSet();
+St = function(i = "current") {
+  if (t(this, k).current && t(this, c).length) {
+    const s = t(this, o)[i] % (t(this, p) + t(this, v));
+    return s < 0 ? t(this, p) + s + t(this, v) : s;
   } else
-    return t(this, a)[s];
+    return t(this, o)[i];
 };
-ut = Kt([
-  Ct("e-scroll")
-], ut);
-var X;
-class qt extends kt {
+dt = Jt([
+  $t("e-scroll")
+], dt);
+var Z;
+class Yt extends Lt {
   constructor() {
     super(...arguments);
-    D(this, X, null);
+    D(this, Z, null);
   }
   get scrollElement() {
-    return h(this, X);
+    return n(this, Z);
   }
   connectedCallback() {
-    const i = Dt(this, ut);
-    i instanceof ut ? $(this, X, i) : console.error(this, "e-scroll not found");
+    const e = Ut(this, dt);
+    e instanceof dt ? $(this, Z, e) : console.error(this, "e-scroll not found");
   }
 }
-X = new WeakMap();
-var Bt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, Ut = (s, e, i, o) => {
-  for (var u = o > 1 ? void 0 : o ? Ft(e, i) : e, n = s.length - 1, E; n >= 0; n--)
-    (E = s[n]) && (u = (o ? E(e, i, u) : E(u)) || u);
-  return o && u && Bt(e, i, u), u;
-}, Lt = (s, e, i) => {
-  if (!e.has(s))
-    throw TypeError("Cannot " + i);
-}, r = (s, e, i) => (Lt(s, e, "read from private field"), i ? i.call(s) : e.get(s)), S = (s, e, i) => {
-  if (e.has(s))
+Z = new WeakMap();
+var jt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, ee = (i, s, e, r) => {
+  for (var a = r > 1 ? void 0 : r ? te(s, e) : s, g = i.length - 1, x; g >= 0; g--)
+    (x = i[g]) && (a = (r ? x(s, e, a) : x(a)) || a);
+  return r && a && jt(s, e, a), a;
+}, Rt = (i, s, e) => {
+  if (!s.has(i))
+    throw TypeError("Cannot " + e);
+}, l = (i, s, e) => (Rt(i, s, "read from private field"), e ? e.call(i) : s.get(i)), S = (i, s, e) => {
+  if (s.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(s) : e.set(s, i);
-}, C = (s, e, i, o) => (Lt(s, e, "write to private field"), o ? o.call(s, i) : e.set(s, i), i), F, b, z, O, U, Z, it, nt, rt, ht;
-let Et = class extends qt {
+  s instanceof WeakSet ? s.add(i) : s.set(i, e);
+}, M = (i, s, e, r) => (Rt(i, s, "write to private field"), r ? r.call(i, e) : s.set(i, e), e), rt, b, A, z, K, G, nt, ht, lt, at;
+const se = Vt({
+  ":host": {
+    display: "inline-block",
+    zIndex: "1",
+    backgroundColor: "#efefef"
+  },
+  ':host([axis="y"])': {
+    position: "absolute",
+    right: "0",
+    top: "0",
+    width: "1vmin",
+    height: "100%"
+  },
+  ':host([axis="x"])': {
+    position: "absolute",
+    left: "0",
+    bottom: "0",
+    width: "100%",
+    height: "1vmin"
+  },
+  ".default-thumb": {
+    backgroundColor: "#181818",
+    borderRadius: "1vmin",
+    touchAction: "none"
+  },
+  "::slotted(*)": {
+    touchAction: "none"
+  }
+});
+let Ct = class extends Yt {
   constructor() {
-    if (super(), S(this, F, null), S(this, b, null), S(this, z, !1), S(this, O, 0), S(this, U, 0), S(this, Z, 0), S(this, it, () => {
-      C(this, z, this.offsetWidth > this.offsetHeight);
-      const s = r(this, z) ? this.offsetWidth : this.offsetHeight;
-      C(this, O, s / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / s)), C(this, O, Math.max(r(this, O), 30)), r(this, z) ? (r(this, b).style.width = r(this, O) + "px", r(this, b).style.height = "100%") : (r(this, b).style.width = "100%", r(this, b).style.height = r(this, O) + "px"), C(this, U, s - r(this, O)), this.scrollElement.scrollSize || (this.style.display = "none");
-    }), S(this, nt, () => {
-      C(this, Z, this.scrollElement.currentProgress * r(this, U)), r(this, z) ? r(this, b).style.transform = `translate3d(${r(this, Z)}px, 0px, 0px)` : r(this, b).style.transform = `translate3d(0px, ${r(this, Z)}px, 0px)`;
-    }), S(this, rt, () => {
+    super(), S(this, rt, null), S(this, b, null), S(this, A, !1), S(this, z, 0), S(this, K, 0), S(this, G, 0), S(this, nt, () => {
+      M(this, A, this.offsetWidth > this.offsetHeight);
+      const i = l(this, A) ? this.offsetWidth : this.offsetHeight;
+      M(this, z, i / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / i)), M(this, z, Math.max(l(this, z), 30)), l(this, A) ? (l(this, b).style.width = l(this, z) + "px", l(this, b).style.height = "100%") : (l(this, b).style.width = "100%", l(this, b).style.height = l(this, z) + "px"), M(this, K, i - l(this, z)), this.scrollElement.scrollSize || (this.style.display = "none");
+    }), S(this, ht, () => {
+      M(this, G, this.scrollElement.currentProgress * l(this, K)), l(this, A) ? l(this, b).style.transform = `translate3d(${l(this, G)}px, 0px, 0px)` : l(this, b).style.transform = `translate3d(0px, ${l(this, G)}px, 0px)`;
+    }), S(this, lt, () => {
       this.setAttribute("axis", this.scrollElement.axisAttibute.current);
-    }), S(this, ht, (s) => {
-      const e = (n) => {
-        const E = r(this, z) ? n.x : n.y, zt = this.scrollElement.distance / r(this, U), Ot = (E - u) * zt;
-        this.scrollElement.damped.set(o + Ot);
-      }, i = () => {
-        removeEventListener("pointermove", e), removeEventListener("pointerup", i), removeEventListener("touchend", i);
+    }), S(this, at, (i) => {
+      const s = (g) => {
+        const x = l(this, A) ? g.x : g.y, Tt = this.scrollElement.distance / l(this, K), It = (x - a) * Tt;
+        this.scrollElement.damped.set(r + It);
+      }, e = () => {
+        removeEventListener("pointermove", s), removeEventListener("pointerup", e), removeEventListener("touchend", e);
       };
-      addEventListener("pointermove", e), addEventListener("pointerup", i), addEventListener("touchend", i);
-      const o = this.scrollElement.damped.target, u = r(this, z) ? s.x : s.y;
-    }), St) {
-      const s = this.attachShadow({ mode: "open" }), e = document.createElement("style");
-      e.textContent = `
-        :host {
-          display: inline-block;
-          z-index: 1;
-          background-color: #efefef;
-        }
-
-        :host([axis="y"]) {
-          position: absolute;
-          right: 0;
-          top: 0;
-          width: 1vmin;
-          height: 100%;
-        }
-
-        :host([axis="x"]) {
-          position: absolute;
-          left: 0;
-          bottom: 0;
-          width: 100%;
-          height: 1vmin;
-        }
-
-        .default-thumb {
-          background-color: #181818;
-          border-radius: 1vmin;
-          touch-action: none;
-        }
-
-        ::slotted(*) {
-          touch-action: none;
-        }
-      `, s.appendChild(e), C(this, F, document.createElement("slot")), s.appendChild(r(this, F));
-    }
+      addEventListener("pointermove", s), addEventListener("pointerup", e), addEventListener("touchend", e);
+      const r = this.scrollElement.damped.target, a = l(this, A) ? i.x : i.y;
+    }), At && (this.openShadow(se), Ot(this, {
+      shadowChildren: [bt({ ref: (i) => M(this, rt, i) })]
+    }));
   }
   get thumbElement() {
-    return r(this, b);
+    return l(this, b);
   }
   connectedCallback() {
     super.connectedCallback();
-    const s = r(this, F).assignedElements()[0];
-    s instanceof HTMLElement ? C(this, b, s) : (C(this, b, document.createElement("div")), r(this, b).classList.add("default-thumb"), this.shadowRoot.appendChild(r(this, b))), r(this, b).addEventListener("pointerdown", r(this, ht)), lt.subscribe(r(this, it), Mt.SCROLL + 1), this.scrollElement.damped.subscribe(r(this, nt)), this.scrollElement.axisAttibute.subscribe(r(this, rt));
+    const i = l(this, rt).assignedElements()[0];
+    i instanceof HTMLElement ? M(this, b, i) : (M(this, b, document.createElement("div")), l(this, b).classList.add("default-thumb"), this.shadowRoot.appendChild(l(this, b))), l(this, b).addEventListener("pointerdown", l(this, at)), ot.subscribe(l(this, nt), Pt.SCROLL + 1), this.scrollElement.damped.subscribe(l(this, ht)), this.scrollElement.axisAttibute.subscribe(l(this, lt));
   }
   disconnectedCallback() {
-    r(this, b).removeEventListener("pointerdown", r(this, ht)), lt.unsubscribe(r(this, it)), this.scrollElement.damped.unsubscribe(r(this, nt)), this.scrollElement.axisAttibute.unsubscribe(r(this, rt));
+    l(this, b).removeEventListener("pointerdown", l(this, at)), ot.unsubscribe(l(this, nt)), this.scrollElement.damped.unsubscribe(l(this, ht)), this.scrollElement.axisAttibute.unsubscribe(l(this, lt));
   }
 };
-F = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakMap();
 b = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
 z = /* @__PURE__ */ new WeakMap();
-O = /* @__PURE__ */ new WeakMap();
-U = /* @__PURE__ */ new WeakMap();
-Z = /* @__PURE__ */ new WeakMap();
-it = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
+G = /* @__PURE__ */ new WeakMap();
 nt = /* @__PURE__ */ new WeakMap();
-rt = /* @__PURE__ */ new WeakMap();
 ht = /* @__PURE__ */ new WeakMap();
-Et = Ut([
-  Ct("e-scrollbar")
-], Et);
+lt = /* @__PURE__ */ new WeakMap();
+at = /* @__PURE__ */ new WeakMap();
+Ct = ee([
+  $t("e-scrollbar")
+], Ct);
 export {
-  ut as ScrollElement,
-  Et as ScrollbarElement
+  dt as ScrollElement,
+  Ct as ScrollbarElement
 };