aptechka 0.4.2 → 0.4.4

package/lib/scroll/index.js

@@ -2,74 +2,75 @@ var Mt = (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)), H = (e, s, i) => {
+var n = (e, s, i) => (Mt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), F = (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) => (Mt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i);
-import { D as Ft } from "../Damped-Do9H-LKf.js";
-import { S as Bt } from "../Store-DdDuj5hz.js";
-import { D as Kt } from "../Derived-Dbjm-dob.js";
-import { i as Lt } from "../browser-0zX67oeU.js";
-import { a as bt, g as vt } from "../layout-HoBT_Da2.js";
-import { c as Pt } from "../math-BOBiC4TN.js";
+}, 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";
 import "../ticker/index.js";
-import { Attribute as W } from "../attribute/index.js";
-import { W as Gt, K as Ut } from "../WheelControls-BqO_fTyY.js";
-import { CustomElement as zt, define as $t } from "../custom-element/index.js";
-import { TICK_ORDER as Zt, RESIZE_ORDER as Ot } from "../order/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 G } from "../scroll-entries/index.js";
-import { e as Vt, D as Ct, ay as wt } from "../tags-D9nd9mMM.js";
-import { c as Dt } from "../createStylesheet-CR-XQRVT.js";
-import { cssUnitParser as qt } from "../css-unit-parser/index.js";
-import { f as Jt } from "../dom-0S_WDL4g.js";
-var Nt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, Xt = (e, s, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Qt(s, i) : s, f = e.length - 1, v; f >= 0; f--)
-    (v = e[f]) && (a = (r ? v(s, i, a) : v(a)) || a);
-  return r && a && Nt(s, i, a), a;
-}, Et = (e, s, i) => {
+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) => {
   if (!s.has(e))
     throw TypeError("Cannot " + i);
-}, t = (e, s, i) => (Et(e, s, "read from private field"), i ? i.call(e) : s.get(e)), h = (e, s, i) => {
+}, t = (e, s, i) => (kt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), h = (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) => (Et(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), m = (e, s, i) => (Et(e, s, "access private method"), i), l, E, L, y, P, F, x, R, B, K, u, ut, c, j, tt, _, p, O, M, U, b, q, T, Q, pt, Z, X, ft, Wt, dt, yt, et, _t, st, St, I, gt, xt, Rt, it, rt, kt, S, g, V, C;
-class Yt {
+}, 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 {
   constructor(s, i) {
-    H(this, S, void 0);
-    H(this, g, void 0);
-    H(this, V, 0);
-    H(this, C, 0);
-    D(this, S, s), D(this, g, i), G.register(n(this, S));
+    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));
   }
   get size() {
-    return n(this, V);
+    return n(this, O);
   }
   get position() {
     return n(this, C);
   }
   destroy() {
-    G.unregister(n(this, S)), n(this, S).style.transform = "";
+    U.unregister(n(this, S)), n(this, S).style.transform = "";
   }
   resize() {
-    D(this, V, n(this, g).vertical ? n(this, S).offsetHeight : n(this, S).offsetWidth), D(this, C, n(this, g).vertical ? bt(n(this, S)) : vt(n(this, S))), D(this, C, n(this, C) - n(this, g).contentPosition);
+    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);
   }
   transform() {
     let s = 0;
-    const i = n(this, g).viewportSize - n(this, V);
-    n(this, g).infiniteAttribute.current && n(this, g).overscroll && n(this, C) + n(this, V) < n(this, g).currentScrollValue && (s = n(this, g).distance * -1 - n(this, g).gap), G.update(
+    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,
       s
     );
-    const r = n(this, g).currentScrollValue + s, a = n(this, C) - n(this, g).viewportSize - i, f = n(this, C) + n(this, V) + i, v = Pt(r, a, f);
-    n(this, g).vertical ? n(this, S).style.transform = `translate3d(0px, ${v * -1}px, 0px)` : n(this, S).style.transform = `translate3d(${v * -1}px, 0px, 0px)`;
+    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)`;
   }
 }
-S = new WeakMap(), g = new WeakMap(), V = new WeakMap(), C = new WeakMap();
-const jt = Dt({
+S = new WeakMap(), g = new WeakMap(), O = new WeakMap(), C = new WeakMap();
+const te = Rt({
   ":host": {
     position: "relative",
     width: "100%",
@@ -101,135 +102,131 @@ const jt = Dt({
     flexShrink: "0"
   }
 });
-let mt = class extends zt {
+let mt = class extends $t {
   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, l, null), h(this, E, new W(this, "axis", "y")), h(this, L, new W(this, "pages", 0, {
+    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, {
       validate: (e) => Math.max(0, e - 1)
-    })), h(this, y, new W(this, "split", !1)), h(this, P, new W(this, "sectional", !1)), h(this, F, new W(
+    })), h(this, W, new E(this, "--split", !1)), h(this, z, new E(this, "--sectional", !1)), h(this, B, new E(
       this,
-      "wheel-max-delta",
+      "--wheel-max-delta",
       !1
-    )), h(this, x, new W(this, "infinite", !1)), h(this, R, new W(this, "damping", 0.03)), h(this, B, new W(this, "disabled", !1)), h(this, K, new W(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, O, 0), h(this, M, null), h(this, U, null), h(this, b, new Bt(0)), h(this, q, 0), h(this, T, 0), h(this, I, () => {
+    )), 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 ? bt(this) : vt(this)), d(this, tt, this.vertical ? bt(t(this, u)) : vt(t(this, u))), d(this, _, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, L).current) {
+      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%");
       } 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, O, qt.parse(getComputedStyle(t(this, u)).gap)), !t(this, x).current) {
+      if (d(this, D, Jt.parse(getComputedStyle(t(this, u)).gap)), !t(this, y).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, l).max = t(this, p);
+        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);
       }
       if (t(this, c).forEach((s) => {
         s.resize(), s.transform();
-      }), t(this, x).current && t(this, c).length) {
+      }), 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);
       } else
         d(this, T, t(this, p));
-      if (t(this, P).current && t(this, c).length) {
-        const s = t(this, c)[t(this, b).current];
-        t(this, l).set(s.position, !0);
+      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);
       } else
-        t(this, l).set(e * t(this, p), !0);
+        t(this, a).set(e * t(this, p), !0);
     }), h(this, gt, () => {
       const e = this.currentScrollValue;
       if (d(this, q, Math.max(0, e - t(this, p))), t(this, c).length) {
         let s = 0;
         for (let i = 0; i < t(this, c).length; i++) {
           const r = t(this, c)[i];
-          r.transform(), // this.targetScrollValue + this.viewportSize / 2 >=
-          this.targetScrollValue + this.viewportSize / 2 >= r.position && (s = i);
+          r.transform(), this.targetScrollValue + this.viewportSize / 2 >= r.position && (s = i);
         }
-        t(this, b).current = s;
+        t(this, v).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)`;
-      G.update(this, t(this, E).current, e);
+      U.update(this, t(this, x).current, e);
     }), h(this, it, (e) => {
-      if (typeof e == "number")
-        if (t(this, P).current) {
-          const s = Math.sign(e);
-          t(this, c).length ? this.shiftSections(s) : t(this, l).shift(s * t(this, _));
-        } else
-          t(this, l).shift(e);
-      else
-        e === "min" ? t(this, l).set(t(this, l).min) : e === "max" && t(this, l).set(t(this, l).length);
-    }), Lt && (d(this, l, new Ft(0, {
+      if (t(this, z).current) {
+        const s = Math.sign(e);
+        t(this, c).length ? this.shiftSections(s) : t(this, a).shift(s * t(this, _));
+      } else
+        t(this, a).shift(e);
+    }), zt && (d(this, a, new Bt(0, {
       damping: 0.01,
       min: 0,
-      order: Zt.SCROLL
-    })), this.openShadow(jt), Vt(this, {
+      order: qt.SCROLL
+    })), this.openShadow(te), Vt(this, {
       tabIndex: 0,
       children: [
         Ct({
           class: "static",
-          children: [wt({ name: "static" })]
+          children: [bt({ name: "static" })]
         }),
         Ct({
           class: "content",
-          children: [wt({ ref: (e) => d(this, ut, e) })],
+          children: [bt({ ref: (e) => d(this, ut, e) })],
           style: {
-            flexDirection: new Kt(
-              t(this, E),
+            flexDirection: new Gt(
+              t(this, x),
               (e) => e === "x" ? "row" : "column"
             )
           },
           ref: (e) => d(this, u, e)
         })
       ]
-    }), d(this, M, new Gt({ element: this })), t(this, M).changeEvent.subscribe(t(this, it)), d(this, U, new Ut({ element: this })), t(this, U).changeEvent.subscribe(t(this, it)), t(this, E).subscribe(({ current: e }) => {
-      t(this, u).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, F).current ? "max" : e, this.isConnected && t(this, I).call(this);
-    }), t(this, F).subscribe((e) => {
-      t(this, M).axis = e.current ? "max" : t(this, E).current;
+    }), 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, y).subscribe(({ current: e }) => {
+    }), t(this, W).subscribe(({ current: e }) => {
       this.isConnected && (e ? m(this, Q, pt).call(this) : m(this, Z, X).call(this));
-    }), t(this, P).subscribe((e) => {
-      t(this, b).current = 0, t(this, M).debounce = e.current, t(this, l).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, x).subscribe((e) => {
-      e.current ? (this.isConnected && (t(this, c).length || (t(this, y).current = !0)), t(this, c).length && (t(this, l).max = 1 / 0, t(this, l).min = -1 / 0)) : (d(this, q, 0), t(this, l).max = t(this, p), t(this, l).min = 0);
+    }), 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, l).damping = e.current;
-    }), t(this, B).subscribe((e) => {
-      e.current && !e.previous ? m(this, ft, Wt).call(this) : !e.current && e.previous && m(this, dt, yt).call(this);
+      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);
     }));
   }
-  get dampingAttribute() {
+  get dampingProperty() {
     return t(this, R);
   }
   get axisAttibute() {
-    return t(this, E);
+    return t(this, x);
   }
   get pagesAttibute() {
     return t(this, L);
   }
   get splitAttibute() {
-    return t(this, y);
+    return t(this, W);
   }
   get sectionalAttibute() {
-    return t(this, P);
+    return t(this, z);
   }
-  get infiniteAttribute() {
-    return t(this, x);
+  get infiniteProperty() {
+    return t(this, y);
   }
   get dampingAttibute() {
     return t(this, R);
   }
   get disabledAttibute() {
-    return t(this, B);
+    return t(this, K);
   }
   get hibernatedAttibute() {
-    return t(this, K);
+    return t(this, G);
   }
   get currentScrollValue() {
-    return m(this, rt, kt).call(this, "current");
+    return m(this, rt, yt).call(this, "current");
   }
   get targetScrollValue() {
-    return m(this, rt, kt).call(this, "target");
+    return m(this, rt, yt).call(this, "target");
   }
   get contentElement() {
     return t(this, u);
@@ -247,10 +244,10 @@ let mt = class extends zt {
     return t(this, p);
   }
   get gap() {
-    return t(this, O);
+    return t(this, D);
   }
   get counter() {
-    return t(this, b);
+    return t(this, v);
   }
   get distance() {
     return t(this, T);
@@ -259,7 +256,7 @@ let mt = class extends zt {
     return t(this, q);
   }
   get vertical() {
-    return t(this, E).current === "y";
+    return t(this, x).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / t(this, T) || 0;
@@ -268,68 +265,74 @@ let mt = class extends zt {
     return this.targetScrollValue / t(this, T) || 0;
   }
   get speed() {
-    return t(this, l).speed;
+    return t(this, a).speed;
   }
   get direction() {
-    return t(this, l).direction;
+    return t(this, a).direction;
   }
   get isRunning() {
-    return t(this, l).isRunning;
+    return t(this, a).isRunning;
+  }
+  get scrollWidth() {
+    return t(this, x).current === "y" ? 0 : t(this, a).length;
+  }
+  get scrollHeight() {
+    return t(this, x).current === "x" ? 0 : t(this, a).length;
   }
   onScroll(...e) {
-    return t(this, l).subscribe(...e);
+    return t(this, a).subscribe(...e);
   }
   offScroll(...e) {
-    t(this, l).unsubscribe(...e);
+    t(this, a).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
   range(e, s, i = 0) {
-    const r = e - i, a = r + s + i * 2;
-    return this.currentProgress < r ? 0 : this.currentProgress > a ? 1 : (this.currentProgress - r) / (a - r);
+    const r = e - i, l = r + s + i * 2;
+    return this.currentProgress < r ? 0 : this.currentProgress > l ? 1 : (this.currentProgress - r) / (l - 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, a = r + s + i * 2;
-    return this.currentProgress >= r && this.currentProgress <= a;
+    const r = e - i, l = r + s + i * 2;
+    return this.currentProgress >= r && this.currentProgress <= l;
   }
   // TODO: Поправить значение когда скролл не секционный ??
   scrollToSection(e, s = "smooth") {
     if (!t(this, c).length)
       return;
-    const i = t(this, b).current;
-    m(this, xt, Rt).call(this, e);
-    const r = t(this, c)[i], a = t(this, c)[t(this, b).current];
-    if (r && a) {
+    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 v = t(this, c).length - 1;
-      t(this, x).current ? t(this, b).current === 0 && i === v ? f = t(this, p) + t(this, _) - r.position + t(this, O) : t(this, b).current === v && i === 0 ? f = a.position - (t(this, p) + t(this, _) + t(this, O)) : f = a.position - r.position : f = a.position - r.position, t(this, l).shift(f, s === "instant");
+      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");
     }
   }
   shiftSections(e, s = "smooth") {
-    t(this, c).length && this.scrollToSection(t(this, b).current + e, s);
+    t(this, c).length && this.scrollToSection(t(this, v).current + e, s);
   }
   setPosition(e, s = "smooth") {
-    t(this, l).set(e, s === "instant");
+    t(this, a).set(e, s === "instant");
   }
   connectedCallback() {
-    t(this, E).observe(), t(this, L).observe(), t(this, y).observe(), t(this, P).observe(), t(this, F).observe(), t(this, x).observe(), t(this, R).observe(), t(this, B).observe(), t(this, K).observe(), m(this, st, St).call(this);
+    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);
   }
   disconnectedCallback() {
-    t(this, E).unobserve(), t(this, L).unobserve(), t(this, y).unobserve(), t(this, P).unobserve(), t(this, F).unobserve(), t(this, x).unobserve(), t(this, R).unobserve(), t(this, B).unobserve(), t(this, K).unobserve(), m(this, et, _t).call(this);
+    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);
   }
 };
-l = /* @__PURE__ */ new WeakMap();
-E = /* @__PURE__ */ new WeakMap();
+a = /* @__PURE__ */ new WeakMap();
+x = /* @__PURE__ */ new WeakMap();
 L = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+z = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
 y = /* @__PURE__ */ new WeakMap();
-P = /* @__PURE__ */ new WeakMap();
-F = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
-B = /* @__PURE__ */ new WeakMap();
 K = /* @__PURE__ */ new WeakMap();
+G = /* @__PURE__ */ new WeakMap();
 u = /* @__PURE__ */ new WeakMap();
 ut = /* @__PURE__ */ new WeakMap();
 c = /* @__PURE__ */ new WeakMap();
@@ -337,16 +340,16 @@ j = /* @__PURE__ */ new WeakMap();
 tt = /* @__PURE__ */ new WeakMap();
 _ = /* @__PURE__ */ new WeakMap();
 p = /* @__PURE__ */ new WeakMap();
-O = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
 M = /* @__PURE__ */ new WeakMap();
-U = /* @__PURE__ */ new WeakMap();
-b = /* @__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 Yt(e, this));
+    e instanceof HTMLElement && t(this, c).push(new jt(e, this));
   }), t(this, u).style.transform = "", t(this, I).call(this);
 };
 Z = /* @__PURE__ */ new WeakSet();
@@ -356,71 +359,71 @@ X = function() {
   }), d(this, c, []);
 };
 ft = /* @__PURE__ */ new WeakSet();
-Wt = function() {
-  t(this, l).unsubscribe(t(this, gt)), t(this, l).stopAnimation(), t(this, M).disconnect(), t(this, U).disconnect();
+Et = function() {
+  t(this, a).unsubscribe(t(this, gt)), t(this, a).stopAnimation(), t(this, M).disconnect(), t(this, H).disconnect();
 };
 dt = /* @__PURE__ */ new WeakSet();
-yt = function() {
-  t(this, l).subscribe(t(this, gt)), t(this, M).connect(), t(this, U).connect();
+Wt = function() {
+  t(this, a).subscribe(t(this, gt)), t(this, M).connect(), t(this, H).connect();
 };
 et = /* @__PURE__ */ new WeakSet();
 _t = function() {
-  ct.unsubscribe(t(this, I)), t(this, l).reset(), m(this, ft, Wt).call(this), t(this, u).style.transform = "", t(this, y).current && m(this, Z, X).call(this), G.unregister(this);
+  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);
 };
 st = /* @__PURE__ */ new WeakSet();
 St = function() {
-  t(this, y).current && m(this, Q, pt).call(this), G.register(this), ct.subscribe(t(this, I), Ot.SCROLL), m(this, dt, yt).call(this);
+  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);
 };
 I = /* @__PURE__ */ new WeakMap();
 gt = /* @__PURE__ */ new WeakMap();
 xt = /* @__PURE__ */ new WeakSet();
-Rt = function(e) {
-  t(this, x).current ? (t(this, b).current = e % t(this, c).length, t(this, b).current = t(this, b).current < 0 ? t(this, c).length + t(this, b).current : t(this, b).current) : t(this, b).current = Pt(e, 0, t(this, c).length - 1);
+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);
 };
 it = /* @__PURE__ */ new WeakMap();
 rt = /* @__PURE__ */ new WeakSet();
-kt = function(e = "current") {
-  if (t(this, x).current && t(this, c).length) {
-    const s = t(this, l)[e] % (t(this, p) + t(this, _) + t(this, O));
-    return s < 0 ? t(this, p) + s + t(this, _) + t(this, O) : s;
+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;
   } else
-    return t(this, l)[e];
+    return t(this, a)[e];
 };
-mt = Xt([
-  $t("e-scroll")
+mt = Yt([
+  Dt("e-scroll")
 ], mt);
 var Y;
-class te extends zt {
+class ee extends $t {
   constructor() {
     super(...arguments);
-    H(this, Y, null);
+    F(this, Y, null);
   }
   get scrollElement() {
     return n(this, Y);
   }
   connectedCallback() {
-    const i = Jt(this, mt);
-    i instanceof mt ? D(this, Y, i) : console.error(this, "e-scroll not found");
+    const i = Nt(this, mt);
+    i instanceof mt ? V(this, Y, i) : console.error(this, "e-scroll not found");
   }
 }
 Y = new WeakMap();
-var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, ie = (e, s, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? se(s, i) : s, f = e.length - 1, v; f >= 0; f--)
-    (v = e[f]) && (a = (r ? v(s, i, a) : v(a)) || a);
-  return r && a && ee(s, i, a), a;
-}, Tt = (e, s, i) => {
+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) => {
   if (!s.has(e))
     throw TypeError("Cannot " + i);
-}, o = (e, s, i) => (Tt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), k = (e, s, i) => {
+}, o = (e, s, i) => (Ht(e, s, "read from private field"), i ? i.call(e) : s.get(e)), k = (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);
-}, A = (e, s, i, r) => (Tt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), nt, w, z, $, J, N, ht, ot, lt, at;
-const re = Dt({
+}, 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({
   ":host": {
     display: "inline-block",
     zIndex: "1",
-    backgroundColor: "#efefef"
+    backgroundColor: Pt.colorLight.var
   },
   ':host([axis="y"])': {
     position: "absolute",
@@ -437,7 +440,7 @@ const re = Dt({
     height: "1vmin"
   },
   ".default-thumb": {
-    backgroundColor: "#181818",
+    backgroundColor: Pt.colorDark.var,
     borderRadius: "1vmin",
     touchAction: "none"
   },
@@ -445,44 +448,45 @@ const re = Dt({
     touchAction: "none"
   }
 });
-let At = class extends te {
+let Lt = class extends ee {
   constructor() {
-    super(), k(this, nt, null), k(this, w, null), k(this, z, !1), k(this, $, 0), k(this, J, 0), k(this, N, 0), k(this, ht, () => {
-      A(this, z, this.offsetWidth > this.offsetHeight);
-      const e = o(this, z) ? this.offsetWidth : this.offsetHeight;
-      A(this, $, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), A(this, $, Math.max(o(this, $), 30)), o(this, z) ? (o(this, w).style.width = o(this, $) + "px", o(this, w).style.height = "100%") : (o(this, w).style.width = "100%", o(this, w).style.height = o(this, $) + "px"), A(this, J, e - o(this, $)), this.scrollElement.scrollSize || (this.style.display = "none");
+    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, () => {
-      A(this, N, this.scrollElement.currentProgress * o(this, J)), o(this, z) ? o(this, w).style.transform = `translate3d(${o(this, N)}px, 0px, 0px)` : o(this, w).style.transform = `translate3d(0px, ${o(this, N)}px, 0px)`;
+      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, () => {
       this.setAttribute("axis", this.scrollElement.axisAttibute.current);
     }), k(this, at, (e) => {
       const s = (f) => {
-        const v = o(this, z) ? f.x : f.y, It = this.scrollElement.distance / o(this, J), Ht = (v - a) * It;
-        this.scrollElement.setPosition(r + Ht);
+        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);
       }, i = () => {
         removeEventListener("pointermove", s), removeEventListener("pointerup", i), removeEventListener("touchend", i);
       };
       addEventListener("pointermove", s), addEventListener("pointerup", i), addEventListener("touchend", i);
-      const r = this.scrollElement.targetScrollValue, a = o(this, z) ? e.x : e.y;
-    }), Lt && (this.openShadow(re), Vt(this, {
-      children: [wt({ ref: (e) => A(this, nt, e) })]
+      const r = this.scrollElement.targetScrollValue, l = o(this, A) ? e.x : e.y;
+    }), zt && (this.openShadow(ne), Vt(this, {
+      slot: "static",
+      children: [bt({ ref: (e) => P(this, nt, e) })]
     }));
   }
   get thumbElement() {
-    return o(this, w);
+    return o(this, b);
   }
   connectedCallback() {
     super.connectedCallback();
     const e = o(this, nt).assignedElements()[0];
-    e instanceof HTMLElement ? A(this, w, e) : (A(this, w, document.createElement("div")), o(this, w).classList.add("default-thumb"), this.shadowRoot.appendChild(o(this, w))), o(this, w).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));
+    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));
   }
   disconnectedCallback() {
-    o(this, w).removeEventListener("pointerdown", o(this, at)), ct.unsubscribe(o(this, ht)), this.scrollElement.offScroll(o(this, ot)), this.scrollElement.axisAttibute.unsubscribe(o(this, lt));
+    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));
   }
 };
 nt = /* @__PURE__ */ new WeakMap();
-w = /* @__PURE__ */ new WeakMap();
-z = /* @__PURE__ */ new WeakMap();
+b = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
 $ = /* @__PURE__ */ new WeakMap();
 J = /* @__PURE__ */ new WeakMap();
 N = /* @__PURE__ */ new WeakMap();
@@ -490,10 +494,10 @@ ht = /* @__PURE__ */ new WeakMap();
 ot = /* @__PURE__ */ new WeakMap();
 lt = /* @__PURE__ */ new WeakMap();
 at = /* @__PURE__ */ new WeakMap();
-At = ie([
-  $t("e-scrollbar")
-], At);
+Lt = re([
+  Dt("e-scrollbar")
+], Lt);
 export {
   mt as ScrollElement,
-  At as ScrollbarElement
+  Lt as ScrollbarElement
 };