aptechka 0.83.1 → 0.84.0

package/lib/scroll-kit/index.js

@@ -1,86 +1,88 @@
-var bt = (o) => {
-  throw TypeError(o);
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var lt = (o, c, e) => c.has(o) || bt("Cannot " + e);
-var t = (o, c, e) => (lt(o, c, "read from private field"), e ? e.call(o) : c.get(o)), s = (o, c, e) => c.has(o) ? bt("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(o) : c.set(o, e), r = (o, c, e, i) => (lt(o, c, "write to private field"), i ? i.call(o, e) : c.set(o, e), e), d = (o, c, e) => (lt(o, c, "access private method"), e);
-import { i as Pt, a as pt } from "../index-e9eDuagL.js";
-import { ticker as J } from "../ticker/index.js";
-import { f as Ht } from "../dom-BETkVSSZ.js";
-import { s as xt } from "../gestures-CcXV6fCp.js";
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value), __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+import { i as isBrowser, a as intersector } from "../index-DpKsHe97.js";
+import { ticker } from "../ticker/index.js";
+import { f as findScrollParentElement } from "../dom-D8D-_9ty.js";
+import { s as setupDrag } from "../gestures-DmKKNnh4.js";
 import "construct-style-sheets-polyfill";
-import { scrollEntries as ct } from "../scroll-entries/index.js";
-import "../Store-ZThXYBQd.js";
-import { D as kt } from "../Damped-CRusiRIV.js";
-import { CSSProperty as f } from "../css-property/index.js";
-import { ElementLinkedStore as zt } from "../element-linked-store/index.js";
-import { elementResizer as gt } from "../element-resizer/index.js";
-import { d as at } from "../events-CsVF98U6.js";
-import { a as Mt, b as Vt } from "../layout-BSMtwCga.js";
-import { c as Tt } from "../math-BOBiC4TN.js";
-import { windowResizer as yt } from "../window-resizer/index.js";
-var h, b, R, H, a, q, E, dt, Et, vt, N, nt, Q, x, Z;
-class At extends HTMLElement {
+import { scrollEntries } from "../scroll-entries/index.js";
+import "../Store-uLDYY9ed.js";
+import { D as Damped } from "../Damped-Dcz5UdMH.js";
+import { CSSProperty } from "../css-property/index.js";
+import { ElementLinkedStore } from "../element-linked-store/index.js";
+import { elementResizer } from "../element-resizer/index.js";
+import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
+import { a as getCumulativeOffsetTop, b as getStickyOffset } from "../layout-C26zkY7D.js";
+import { c as clamp } from "../math-r8V23YFe.js";
+import { windowResizer } from "../window-resizer/index.js";
+var _scrollElement, _thumbElement, _thumbScrollSize, _limit, _isHorizontal, _activeTimeoutId, _ScrollbarElement_instances, scrollPosition_get, scrollSize_get, scrollViewportSize_get, _scrollListener, _resizeListener, _grabListener, _tickListener, _intersectionListener;
+const _ScrollbarElement = class _ScrollbarElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, E);
-    s(this, h, null);
-    s(this, b, null);
-    s(this, R, 0);
-    s(this, H, 0);
-    s(this, a, !1);
-    s(this, q);
-    s(this, N, () => {
-      this.classList.add("active"), clearTimeout(t(this, q));
-      const i = t(this, E, dt) / t(this, H) * t(this, R);
-      t(this, a) ? t(this, b).style.transform = `translate3d(${i}px, 0px, 0px)` : t(this, b).style.transform = `translate3d(0px, ${i}px, 0px)`, r(this, q, setTimeout(() => {
+    __privateAdd(this, _ScrollbarElement_instances);
+    __privateAdd(this, _scrollElement, null);
+    __privateAdd(this, _thumbElement, null);
+    __privateAdd(this, _thumbScrollSize, 0);
+    __privateAdd(this, _limit, 0);
+    __privateAdd(this, _isHorizontal, !1);
+    __privateAdd(this, _activeTimeoutId);
+    __privateAdd(this, _scrollListener, /* @__PURE__ */ __name(() => {
+      this.classList.add("active"), clearTimeout(__privateGet(this, _activeTimeoutId));
+      const position = __privateGet(this, _ScrollbarElement_instances, scrollPosition_get) / __privateGet(this, _limit) * __privateGet(this, _thumbScrollSize);
+      __privateGet(this, _isHorizontal) ? __privateGet(this, _thumbElement).style.transform = `translate3d(${position}px, 0px, 0px)` : __privateGet(this, _thumbElement).style.transform = `translate3d(0px, ${position}px, 0px)`, __privateSet(this, _activeTimeoutId, setTimeout(() => {
         this.classList.remove("active");
       }, 1e3));
-    });
-    s(this, nt, () => {
-      const e = t(this, a) ? this.offsetWidth : this.offsetHeight, i = t(this, E, Et), p = t(this, E, vt);
-      r(this, H, i - p);
-      let v = e * e / (t(this, H) + e);
-      v = Math.max(v, 30), t(this, a) ? (t(this, b).style.width = v + "px", t(this, b).style.height = "100%") : (t(this, b).style.width = "100%", t(this, b).style.height = v + "px"), r(this, R, e - v), i <= p ? this.style.display = "none" : this.style.display = "block";
-    });
-    s(this, Q, (e) => {
-      const i = t(this, E, dt), p = t(this, a) ? e.x : e.y;
-      xt((v) => {
-        const Ct = t(this, H) / t(this, R), ft = (t(this, a) ? v.x - p : v.y - p) * Ct;
-        t(this, a) ? t(this, h).scroll({
-          left: i + ft,
+    }, "#scrollListener"));
+    __privateAdd(this, _resizeListener, /* @__PURE__ */ __name(() => {
+      const barSize = __privateGet(this, _isHorizontal) ? this.offsetWidth : this.offsetHeight, scrollSize = __privateGet(this, _ScrollbarElement_instances, scrollSize_get), viewportSize = __privateGet(this, _ScrollbarElement_instances, scrollViewportSize_get);
+      __privateSet(this, _limit, scrollSize - viewportSize);
+      let thumbSize = barSize * barSize / (__privateGet(this, _limit) + barSize);
+      thumbSize = Math.max(thumbSize, 30), __privateGet(this, _isHorizontal) ? (__privateGet(this, _thumbElement).style.width = thumbSize + "px", __privateGet(this, _thumbElement).style.height = "100%") : (__privateGet(this, _thumbElement).style.width = "100%", __privateGet(this, _thumbElement).style.height = thumbSize + "px"), __privateSet(this, _thumbScrollSize, barSize - thumbSize), scrollSize <= viewportSize ? this.style.display = "none" : this.style.display = "block";
+    }, "#resizeListener"));
+    __privateAdd(this, _grabListener, /* @__PURE__ */ __name((grabEvent) => {
+      const startValue = __privateGet(this, _ScrollbarElement_instances, scrollPosition_get), grabCursor = __privateGet(this, _isHorizontal) ? grabEvent.x : grabEvent.y;
+      setupDrag((moveEvent) => {
+        const mult = __privateGet(this, _limit) / __privateGet(this, _thumbScrollSize), delta = (__privateGet(this, _isHorizontal) ? moveEvent.x - grabCursor : moveEvent.y - grabCursor) * mult;
+        __privateGet(this, _isHorizontal) ? __privateGet(this, _scrollElement).scroll({
+          left: startValue + delta,
           behavior: "instant"
-        }) : t(this, h).scroll({
-          top: i + ft,
+        }) : __privateGet(this, _scrollElement).scroll({
+          top: startValue + delta,
           behavior: "instant"
         });
       });
-    });
-    s(this, x, () => {
-      t(this, nt).call(this);
-    });
-    s(this, Z, (e) => {
-      e.isIntersecting ? (J.subscribe(t(this, x), { maxFPS: 5 }), t(this, x).call(this)) : J.unsubscribe(t(this, x));
-    });
+    }, "#grabListener"));
+    __privateAdd(this, _tickListener, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _resizeListener).call(this);
+    }, "#tickListener"));
+    __privateAdd(this, _intersectionListener, /* @__PURE__ */ __name((e) => {
+      e.isIntersecting ? (ticker.subscribe(__privateGet(this, _tickListener), { maxFPS: 5 }), __privateGet(this, _tickListener).call(this)) : ticker.unsubscribe(__privateGet(this, _tickListener));
+    }, "#intersectionListener"));
   }
   connectedCallback() {
-    const e = this.getAttribute("data-scroll");
-    let i = null;
-    e && (e === "parent" ? i = this.parentElement : i = document.querySelector(e)), i || (i = Ht(this), i === document.body && (i = window)), r(this, a, this.hasAttribute("horisontal"));
-    const p = this.querySelector("[data-thumb]");
-    i && p && (r(this, h, i), r(this, b, p), t(this, h).addEventListener("scroll", t(this, N)), t(this, b).addEventListener("pointerdown", t(this, Q)), pt.subscribe(
+    const scrollSelector = this.getAttribute("data-scroll");
+    let scrollElement = null;
+    scrollSelector && (scrollSelector === "parent" ? scrollElement = this.parentElement : scrollElement = document.querySelector(scrollSelector)), scrollElement || (scrollElement = findScrollParentElement(this), scrollElement === document.body && (scrollElement = window)), __privateSet(this, _isHorizontal, this.hasAttribute("horisontal"));
+    const thumbElement = this.querySelector("[data-thumb]");
+    scrollElement && thumbElement && (__privateSet(this, _scrollElement, scrollElement), __privateSet(this, _thumbElement, thumbElement), __privateGet(this, _scrollElement).addEventListener("scroll", __privateGet(this, _scrollListener)), __privateGet(this, _thumbElement).addEventListener("pointerdown", __privateGet(this, _grabListener)), intersector.subscribe(
       this.parentElement === document.body ? this : this.parentElement,
-      t(this, Z)
+      __privateGet(this, _intersectionListener)
     ));
   }
   disconnectedCallback() {
-    var e, i;
-    (e = t(this, h)) == null || e.removeEventListener("scroll", t(this, N)), (i = t(this, b)) == null || i.removeEventListener("pointerdown", t(this, Q)), clearTimeout(t(this, q)), pt.unsubscribe(t(this, Z)), J.unsubscribe(t(this, x));
+    var _a, _b;
+    (_a = __privateGet(this, _scrollElement)) == null || _a.removeEventListener("scroll", __privateGet(this, _scrollListener)), (_b = __privateGet(this, _thumbElement)) == null || _b.removeEventListener("pointerdown", __privateGet(this, _grabListener)), clearTimeout(__privateGet(this, _activeTimeoutId)), intersector.unsubscribe(__privateGet(this, _intersectionListener)), ticker.unsubscribe(__privateGet(this, _tickListener));
   }
-}
-h = new WeakMap(), b = new WeakMap(), R = new WeakMap(), H = new WeakMap(), a = new WeakMap(), q = new WeakMap(), E = new WeakSet(), dt = function() {
-  return t(this, h) instanceof HTMLElement ? t(this, a) ? t(this, h).scrollLeft : t(this, h).scrollTop : t(this, a) ? t(this, h).scrollX : t(this, h).scrollY;
-}, Et = function() {
-  return t(this, h) instanceof HTMLElement ? t(this, a) ? t(this, h).scrollWidth : t(this, h).scrollHeight : t(this, a) ? Math.max(
+};
+_scrollElement = new WeakMap(), _thumbElement = new WeakMap(), _thumbScrollSize = new WeakMap(), _limit = new WeakMap(), _isHorizontal = new WeakMap(), _activeTimeoutId = new WeakMap(), _ScrollbarElement_instances = new WeakSet(), scrollPosition_get = /* @__PURE__ */ __name(function() {
+  return __privateGet(this, _scrollElement) instanceof HTMLElement ? __privateGet(this, _isHorizontal) ? __privateGet(this, _scrollElement).scrollLeft : __privateGet(this, _scrollElement).scrollTop : __privateGet(this, _isHorizontal) ? __privateGet(this, _scrollElement).scrollX : __privateGet(this, _scrollElement).scrollY;
+}, "#scrollPosition"), scrollSize_get = /* @__PURE__ */ __name(function() {
+  return __privateGet(this, _scrollElement) instanceof HTMLElement ? __privateGet(this, _isHorizontal) ? __privateGet(this, _scrollElement).scrollWidth : __privateGet(this, _scrollElement).scrollHeight : __privateGet(this, _isHorizontal) ? Math.max(
     document.body.scrollWidth,
     document.documentElement.scrollWidth,
     document.body.offsetWidth,
@@ -95,11 +97,12 @@ h = new WeakMap(), b = new WeakMap(), R = new WeakMap(), H = new WeakMap(), a =
     document.body.clientHeight,
     document.documentElement.clientHeight
   );
-}, vt = function() {
-  return t(this, h) instanceof HTMLElement ? t(this, a) ? t(this, h).offsetWidth : t(this, h).offsetHeight : t(this, a) ? innerWidth : innerHeight;
-}, N = new WeakMap(), nt = new WeakMap(), Q = new WeakMap(), x = new WeakMap(), Z = new WeakMap();
-Pt && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", At);
-const Wt = /* @__PURE__ */ new Set([
+}, "#scrollSize"), scrollViewportSize_get = /* @__PURE__ */ __name(function() {
+  return __privateGet(this, _scrollElement) instanceof HTMLElement ? __privateGet(this, _isHorizontal) ? __privateGet(this, _scrollElement).offsetWidth : __privateGet(this, _scrollElement).offsetHeight : __privateGet(this, _isHorizontal) ? innerWidth : innerHeight;
+}, "#scrollViewportSize"), _scrollListener = new WeakMap(), _resizeListener = new WeakMap(), _grabListener = new WeakMap(), _tickListener = new WeakMap(), _intersectionListener = new WeakMap(), __name(_ScrollbarElement, "ScrollbarElement");
+let ScrollbarElement = _ScrollbarElement;
+isBrowser && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", ScrollbarElement);
+const scrollKeys = /* @__PURE__ */ new Set([
   "ArrowUp",
   "ArrowDown",
   "ArrowLeft",
@@ -110,107 +113,108 @@ const Wt = /* @__PURE__ */ new Set([
   "End",
   "Space"
 ]);
-var Y, F, n, _, $, k, j, tt, et, st, it, rt;
-class Dt extends HTMLElement {
+var _cssDisabled, _cssDamping, _value, _currentRoundedValue, _needSync, _SmoothScrollElement_instances, checkDisabled_fn, _wheelListener, _touchListener, _pointerdownListener, _resizeListener2, _keydownListener;
+const _SmoothScrollElement = class _SmoothScrollElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, k);
-    s(this, Y, new f(this, "--smooth-scroll-disabled", !1));
-    s(this, F, new f(this, "--smooth-scroll-damping", 10));
-    s(this, n, new kt(0));
-    s(this, _, 0);
-    s(this, $, !1);
-    s(this, tt, (e) => {
-      if (!d(this, k, j).call(this)) {
-        if (Math.sign(e.deltaY) < 0 && t(this, n).target === 0 && t(this, n).direction < 0 || Math.sign(e.deltaY) > 0 && t(this, n).target === t(this, n).max && t(this, n).direction > 0 || e.stopPropagation(), e.target instanceof Element) {
-          const i = e.target.closest("[data-prevent-smooth-scroll]");
-          if (i) {
-            const p = i.getAttribute(
+    __privateAdd(this, _SmoothScrollElement_instances);
+    __privateAdd(this, _cssDisabled, new CSSProperty(this, "--smooth-scroll-disabled", !1));
+    __privateAdd(this, _cssDamping, new CSSProperty(this, "--smooth-scroll-damping", 10));
+    __privateAdd(this, _value, new Damped(0));
+    __privateAdd(this, _currentRoundedValue, 0);
+    __privateAdd(this, _needSync, !1);
+    __privateAdd(this, _wheelListener, /* @__PURE__ */ __name((e) => {
+      if (!__privateMethod(this, _SmoothScrollElement_instances, checkDisabled_fn).call(this)) {
+        if (Math.sign(e.deltaY) < 0 && __privateGet(this, _value).target === 0 && __privateGet(this, _value).direction < 0 || Math.sign(e.deltaY) > 0 && __privateGet(this, _value).target === __privateGet(this, _value).max && __privateGet(this, _value).direction > 0 || e.stopPropagation(), e.target instanceof Element) {
+          const preventElement = e.target.closest("[data-prevent-smooth-scroll]");
+          if (preventElement) {
+            const attrValue = preventElement.getAttribute(
               "data-prevent-smooth-scroll"
             );
-            if (p) {
-              if (matchMedia(p).matches)
+            if (attrValue) {
+              if (matchMedia(attrValue).matches)
                 return;
             } else return;
           }
         }
         Math.abs(e.deltaX) > Math.abs(e.deltaY) || (e.preventDefault(), this.shiftPosition(e.deltaY));
       }
-    });
-    s(this, et, () => {
-      d(this, k, j).call(this) || this.stop();
-    });
-    s(this, st, (e) => {
-      d(this, k, j).call(this) || e.target instanceof Element && e.target.closest("a") && this.stop();
-    });
-    s(this, it, () => {
+    }, "#wheelListener"));
+    __privateAdd(this, _touchListener, /* @__PURE__ */ __name(() => {
+      __privateMethod(this, _SmoothScrollElement_instances, checkDisabled_fn).call(this) || this.stop();
+    }, "#touchListener"));
+    __privateAdd(this, _pointerdownListener, /* @__PURE__ */ __name((e) => {
+      __privateMethod(this, _SmoothScrollElement_instances, checkDisabled_fn).call(this) || e.target instanceof Element && e.target.closest("a") && this.stop();
+    }, "#pointerdownListener"));
+    __privateAdd(this, _resizeListener2, /* @__PURE__ */ __name(() => {
       this.resize();
-    });
-    s(this, rt, (e) => {
-      d(this, k, j).call(this) || Wt.has(e.code) && this.stop();
-    });
+    }, "#resizeListener"));
+    __privateAdd(this, _keydownListener, /* @__PURE__ */ __name((e) => {
+      __privateMethod(this, _SmoothScrollElement_instances, checkDisabled_fn).call(this) || scrollKeys.has(e.code) && this.stop();
+    }, "#keydownListener"));
   }
   resize() {
-    t(this, n).min = 0, t(this, n).max = this.scrollHeight - this.offsetHeight;
+    __privateGet(this, _value).min = 0, __privateGet(this, _value).max = this.scrollHeight - this.offsetHeight;
   }
   stop() {
-    t(this, n).unlistenAnimationFrame(), r(this, $, !0);
+    __privateGet(this, _value).unlistenAnimationFrame(), __privateSet(this, _needSync, !0);
   }
   sync() {
-    const e = this.scrollTop;
-    (t(this, $) || Math.abs(e - t(this, n).current) > 100) && (r(this, $, !1), t(this, n).set(e, { equalize: !0 }));
+    const currentValue = this.scrollTop;
+    (__privateGet(this, _needSync) || Math.abs(currentValue - __privateGet(this, _value).current) > 100) && (__privateSet(this, _needSync, !1), __privateGet(this, _value).set(currentValue, { equalize: !0 }));
   }
-  shiftPosition(e) {
-    this.resize(), this.sync(), t(this, n).shift(e);
+  shiftPosition(value) {
+    this.resize(), this.sync(), __privateGet(this, _value).shift(value);
   }
-  setPosition(e, i) {
-    this.resize(), this.sync(), t(this, n).set(e, i);
+  setPosition(value, options) {
+    this.resize(), this.sync(), __privateGet(this, _value).set(value, options);
   }
   connectedCallback() {
-    window.addEventListener("resize", t(this, it)), this.addEventListener("keydown", t(this, rt)), this.addEventListener("pointerdown", t(this, st)), this.addEventListener("touchstart", t(this, et)), this.addEventListener("wheel", t(this, tt), {
+    window.addEventListener("resize", __privateGet(this, _resizeListener2)), this.addEventListener("keydown", __privateGet(this, _keydownListener)), this.addEventListener("pointerdown", __privateGet(this, _pointerdownListener)), this.addEventListener("touchstart", __privateGet(this, _touchListener)), this.addEventListener("wheel", __privateGet(this, _wheelListener), {
       passive: !1
-    }), t(this, n).subscribe((e) => {
-      const i = Math.round(e.current);
-      ct.update(this, "y", e.current), i !== t(this, _) && this.scroll({
-        top: i,
+    }), __privateGet(this, _value).subscribe((e) => {
+      const roundedCurrent = Math.round(e.current);
+      scrollEntries.update(this, "y", e.current), roundedCurrent !== __privateGet(this, _currentRoundedValue) && this.scroll({
+        top: roundedCurrent,
         behavior: "instant"
-      }), r(this, _, i);
-    }), t(this, F).observe(), t(this, Y).observe(), t(this, F).subscribe((e) => {
-      t(this, n).damping = e.current;
-    }), ct.register(this), this.resize();
+      }), __privateSet(this, _currentRoundedValue, roundedCurrent);
+    }), __privateGet(this, _cssDamping).observe(), __privateGet(this, _cssDisabled).observe(), __privateGet(this, _cssDamping).subscribe((e) => {
+      __privateGet(this, _value).damping = e.current;
+    }), scrollEntries.register(this), this.resize();
   }
   disconnectedCallback() {
-    t(this, n).close(), t(this, F).close(), t(this, Y).close(), ct.unregister(this), window.removeEventListener("resize", t(this, it)), this.removeEventListener("keydown", t(this, rt)), this.removeEventListener("pointerdown", t(this, st)), this.removeEventListener("touchstart", t(this, et)), this.removeEventListener("wheel", t(this, tt));
+    __privateGet(this, _value).close(), __privateGet(this, _cssDamping).close(), __privateGet(this, _cssDisabled).close(), scrollEntries.unregister(this), window.removeEventListener("resize", __privateGet(this, _resizeListener2)), this.removeEventListener("keydown", __privateGet(this, _keydownListener)), this.removeEventListener("pointerdown", __privateGet(this, _pointerdownListener)), this.removeEventListener("touchstart", __privateGet(this, _touchListener)), this.removeEventListener("wheel", __privateGet(this, _wheelListener));
   }
-}
-Y = new WeakMap(), F = new WeakMap(), n = new WeakMap(), _ = new WeakMap(), $ = new WeakMap(), k = new WeakSet(), j = function() {
-  return t(this, Y).current || getComputedStyle(this).getPropertyValue("overflow") === "hidden";
-}, tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), it = new WeakMap(), rt = new WeakMap();
-customElements.get("e-smooth-scroll") || customElements.define("e-smooth-scroll", Dt);
-var z, S, M, G, I, w, V, T, U, L, X, y, A, u, ot, m, g, W, D, C, B, l, St, ut, wt, P, O, mt, Lt, ht, K;
-class Ot extends HTMLElement {
+};
+_cssDisabled = new WeakMap(), _cssDamping = new WeakMap(), _value = new WeakMap(), _currentRoundedValue = new WeakMap(), _needSync = new WeakMap(), _SmoothScrollElement_instances = new WeakSet(), checkDisabled_fn = /* @__PURE__ */ __name(function() {
+  return __privateGet(this, _cssDisabled).current || getComputedStyle(this).getPropertyValue("overflow") === "hidden";
+}, "#checkDisabled"), _wheelListener = new WeakMap(), _touchListener = new WeakMap(), _pointerdownListener = new WeakMap(), _resizeListener2 = new WeakMap(), _keydownListener = new WeakMap(), __name(_SmoothScrollElement, "SmoothScrollElement");
+let SmoothScrollElement = _SmoothScrollElement;
+customElements.get("e-smooth-scroll") || customElements.define("e-smooth-scroll", SmoothScrollElement);
+var _statusHolderElement, _progressHolderElement, _scrollElement2, _statusHolderCSSProperty, _progressHolderCSSProperty, _disabledCSSProperty, _startOffsetCSSProperty, _startOffsetMinCSSProperty, _startExtraOffsetCSSProperty, _distanceCSSProperty, _distanceOffsetCSSProperty, _progressVarCSSProperty, _enterOnceCSSProperty, _status, _initialPosition, _start, _finish, _distance, _scrolled, _progress, _visible, _ScrollRegionElement_instances, addGlobalClasses_fn, removeGlobalClasses_fn, init_fn, _resizeListener3, _tickListener2, enter_fn, exit_fn, cssVar_fn, _readyStateChangeListener;
+const _ScrollRegionElement = class _ScrollRegionElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, l);
-    s(this, z, this);
-    s(this, S, this);
-    s(this, M, null);
-    s(this, G, new f(
+    __privateAdd(this, _ScrollRegionElement_instances);
+    __privateAdd(this, _statusHolderElement, this);
+    __privateAdd(this, _progressHolderElement, this);
+    __privateAdd(this, _scrollElement2, null);
+    __privateAdd(this, _statusHolderCSSProperty, new CSSProperty(
       this,
       "--scroll-region-status-holder",
       !1
     ));
-    s(this, I, new f(
+    __privateAdd(this, _progressHolderCSSProperty, new CSSProperty(
       this,
       "--scroll-region-progress-holder",
       !1
     ));
-    s(this, w, new f(
+    __privateAdd(this, _disabledCSSProperty, new CSSProperty(
       this,
       "--scroll-region-disabled",
       !1
     ));
-    s(this, V, new f(
+    __privateAdd(this, _startOffsetCSSProperty, new CSSProperty(
       this,
       "--scroll-region-start-offset",
       0,
@@ -218,7 +222,7 @@ class Ot extends HTMLElement {
         rawValueCheck: !1
       }
     ));
-    s(this, T, new f(
+    __privateAdd(this, _startOffsetMinCSSProperty, new CSSProperty(
       this,
       "--scroll-region-start-offset-min",
       !1,
@@ -226,7 +230,7 @@ class Ot extends HTMLElement {
         rawValueCheck: !1
       }
     ));
-    s(this, U, new f(
+    __privateAdd(this, _startExtraOffsetCSSProperty, new CSSProperty(
       this,
       "--scroll-region-start-extra-offset",
       0,
@@ -234,7 +238,7 @@ class Ot extends HTMLElement {
         rawValueCheck: !1
       }
     ));
-    s(this, L, new f(
+    __privateAdd(this, _distanceCSSProperty, new CSSProperty(
       this,
       "--scroll-region-distance",
       0,
@@ -242,7 +246,7 @@ class Ot extends HTMLElement {
         rawValueCheck: !1
       }
     ));
-    s(this, X, new f(
+    __privateAdd(this, _distanceOffsetCSSProperty, new CSSProperty(
       this,
       "--scroll-region-distance-offset",
       0,
@@ -250,138 +254,139 @@ class Ot extends HTMLElement {
         rawValueCheck: !1
       }
     ));
-    s(this, y, new f(
+    __privateAdd(this, _progressVarCSSProperty, new CSSProperty(
       this,
       "--scroll-region-progress-var",
       ""
     ));
-    s(this, A, new f(
+    __privateAdd(this, _enterOnceCSSProperty, new CSSProperty(
       this,
       "--scroll-region-enter-once",
       !1
     ));
-    s(this, u, new zt(this, {
+    __privateAdd(this, _status, new ElementLinkedStore(this, {
       enabled: !1,
       entered: !1,
       enteredOnLoad: !1,
       activated: !1
     }));
-    s(this, ot, 0);
-    s(this, m, 0);
-    s(this, g, 0);
-    s(this, W, 0);
-    s(this, D, 0);
-    s(this, C, 0);
-    s(this, B, !1);
-    s(this, P, () => {
+    __privateAdd(this, _initialPosition, 0);
+    __privateAdd(this, _start, 0);
+    __privateAdd(this, _finish, 0);
+    __privateAdd(this, _distance, 0);
+    __privateAdd(this, _scrolled, 0);
+    __privateAdd(this, _progress, 0);
+    __privateAdd(this, _visible, !1);
+    __privateAdd(this, _resizeListener3, /* @__PURE__ */ __name(() => {
       this.resize();
-    });
-    s(this, O, () => {
+    }, "#resizeListener"));
+    __privateAdd(this, _tickListener2, /* @__PURE__ */ __name(() => {
       this.tick();
-    });
-    s(this, K, () => {
-      document.readyState === "complete" && d(this, l, wt).call(this);
-    });
+    }, "#tickListener"));
+    __privateAdd(this, _readyStateChangeListener, /* @__PURE__ */ __name(() => {
+      document.readyState === "complete" && __privateMethod(this, _ScrollRegionElement_instances, init_fn).call(this);
+    }, "#readyStateChangeListener"));
   }
   get start() {
-    return t(this, m);
+    return __privateGet(this, _start);
   }
   get finish() {
-    return t(this, g);
+    return __privateGet(this, _finish);
   }
   get distance() {
-    return t(this, W);
+    return __privateGet(this, _distance);
   }
   get scrolled() {
-    return t(this, D);
+    return __privateGet(this, _scrolled);
   }
   get progress() {
-    return t(this, C);
+    return __privateGet(this, _progress);
   }
   get status() {
-    return t(this, u);
+    return __privateGet(this, _status);
   }
   get scrollValue() {
-    return t(this, M) instanceof HTMLElement ? t(this, M).scrollTop : t(this, M).scrollY;
+    return __privateGet(this, _scrollElement2) instanceof HTMLElement ? __privateGet(this, _scrollElement2).scrollTop : __privateGet(this, _scrollElement2).scrollY;
   }
   resize() {
-    t(this, w).current || (r(this, ot, Mt(this)), r(this, m, t(this, ot)), typeof t(this, T).current == "number" ? r(this, m, t(this, m) + Math.max(
-      t(this, V).current,
-      t(this, T).current
-    )) : r(this, m, t(this, m) + t(this, V).current), r(this, m, t(this, m) + t(this, U).current), r(this, m, t(this, m) - Vt(this, "top")), r(this, g, t(this, m)), t(this, L).current ? r(this, g, t(this, g) + t(this, L).current) : r(this, g, t(this, g) + this.offsetHeight), r(this, g, t(this, g) + t(this, X).current), r(this, W, t(this, g) - t(this, m)), r(this, B, this.offsetWidth !== 0 && this.offsetHeight !== 0), this.tick());
+    __privateGet(this, _disabledCSSProperty).current || (__privateSet(this, _initialPosition, getCumulativeOffsetTop(this)), __privateSet(this, _start, __privateGet(this, _initialPosition)), typeof __privateGet(this, _startOffsetMinCSSProperty).current == "number" ? __privateSet(this, _start, __privateGet(this, _start) + Math.max(
+      __privateGet(this, _startOffsetCSSProperty).current,
+      __privateGet(this, _startOffsetMinCSSProperty).current
+    )) : __privateSet(this, _start, __privateGet(this, _start) + __privateGet(this, _startOffsetCSSProperty).current), __privateSet(this, _start, __privateGet(this, _start) + __privateGet(this, _startExtraOffsetCSSProperty).current), __privateSet(this, _start, __privateGet(this, _start) - getStickyOffset(this, "top")), __privateSet(this, _finish, __privateGet(this, _start)), __privateGet(this, _distanceCSSProperty).current ? __privateSet(this, _finish, __privateGet(this, _finish) + __privateGet(this, _distanceCSSProperty).current) : __privateSet(this, _finish, __privateGet(this, _finish) + this.offsetHeight), __privateSet(this, _finish, __privateGet(this, _finish) + __privateGet(this, _distanceOffsetCSSProperty).current), __privateSet(this, _distance, __privateGet(this, _finish) - __privateGet(this, _start)), __privateSet(this, _visible, this.offsetWidth !== 0 && this.offsetHeight !== 0), this.tick());
   }
   tick() {
-    if (t(this, w).current)
+    if (__privateGet(this, _disabledCSSProperty).current)
       return;
-    const e = this.scrollValue;
-    r(this, D, Tt(e - t(this, m), 0, t(this, W))), r(this, C, t(this, D) / t(this, W) || 0), t(this, y).current && t(this, S).style.setProperty(
-      d(this, l, ht).call(this, t(this, y).current),
-      t(this, C).toFixed(6)
-    ), t(this, u).set("activated", e >= t(this, m)), t(this, B) && t(this, u).isFalse("entered") && e >= t(this, m) && e <= t(this, g) ? d(this, l, mt).call(this) : t(this, B) && !t(this, A).current && t(this, u).isTrue("entered") && (e < t(this, m) || e > t(this, g)) && d(this, l, Lt).call(this), t(this, A).current && t(this, C) === 1 && (t(this, u).current.entered || d(this, l, mt).call(this), this.destroy()), at(this, "scrollRegionProgress", {
+    const scrollValue = this.scrollValue;
+    __privateSet(this, _scrolled, clamp(scrollValue - __privateGet(this, _start), 0, __privateGet(this, _distance))), __privateSet(this, _progress, __privateGet(this, _scrolled) / __privateGet(this, _distance) || 0), __privateGet(this, _progressVarCSSProperty).current && __privateGet(this, _progressHolderElement).style.setProperty(
+      __privateMethod(this, _ScrollRegionElement_instances, cssVar_fn).call(this, __privateGet(this, _progressVarCSSProperty).current),
+      __privateGet(this, _progress).toFixed(6)
+    ), __privateGet(this, _status).set("activated", scrollValue >= __privateGet(this, _start)), __privateGet(this, _visible) && __privateGet(this, _status).isFalse("entered") && scrollValue >= __privateGet(this, _start) && scrollValue <= __privateGet(this, _finish) ? __privateMethod(this, _ScrollRegionElement_instances, enter_fn).call(this) : __privateGet(this, _visible) && !__privateGet(this, _enterOnceCSSProperty).current && __privateGet(this, _status).isTrue("entered") && (scrollValue < __privateGet(this, _start) || scrollValue > __privateGet(this, _finish)) && __privateMethod(this, _ScrollRegionElement_instances, exit_fn).call(this), __privateGet(this, _enterOnceCSSProperty).current && __privateGet(this, _progress) === 1 && (__privateGet(this, _status).current.entered || __privateMethod(this, _ScrollRegionElement_instances, enter_fn).call(this), this.destroy()), dispatchEvent(this, "scrollRegionProgress", {
       detail: {
-        progress: t(this, C),
-        scrolled: t(this, D)
+        progress: __privateGet(this, _progress),
+        scrolled: __privateGet(this, _scrolled)
       }
     });
   }
   destroy() {
     document.removeEventListener(
       "readystatechange",
-      t(this, K)
-    ), this.disable(!1), t(this, G).close(), t(this, I).close(), t(this, w).close(), t(this, V).close(), t(this, T).close(), t(this, U).close(), t(this, L).close(), t(this, X).close(), t(this, y).close(), t(this, A).close();
+      __privateGet(this, _readyStateChangeListener)
+    ), this.disable(!1), __privateGet(this, _statusHolderCSSProperty).close(), __privateGet(this, _progressHolderCSSProperty).close(), __privateGet(this, _disabledCSSProperty).close(), __privateGet(this, _startOffsetCSSProperty).close(), __privateGet(this, _startOffsetMinCSSProperty).close(), __privateGet(this, _startExtraOffsetCSSProperty).close(), __privateGet(this, _distanceCSSProperty).close(), __privateGet(this, _distanceOffsetCSSProperty).close(), __privateGet(this, _progressVarCSSProperty).close(), __privateGet(this, _enterOnceCSSProperty).close();
   }
   enable() {
-    J.subscribe(t(this, O), { culling: this }), gt.subscribe(this, t(this, P)), yt.subscribe(t(this, P)), t(this, O).call(this), t(this, u).set("enabled", !0);
+    ticker.subscribe(__privateGet(this, _tickListener2), { culling: this }), elementResizer.subscribe(this, __privateGet(this, _resizeListener3)), windowResizer.subscribe(__privateGet(this, _resizeListener3)), __privateGet(this, _tickListener2).call(this), __privateGet(this, _status).set("enabled", !0);
   }
-  disable(e = !0) {
-    J.unsubscribe(t(this, O)), gt.unsubscribe(t(this, P)), yt.unsubscribe(t(this, P)), e && t(this, u).reset(), d(this, l, ut).call(this);
+  disable(resetStatus = !0) {
+    ticker.unsubscribe(__privateGet(this, _tickListener2)), elementResizer.unsubscribe(__privateGet(this, _resizeListener3)), windowResizer.unsubscribe(__privateGet(this, _resizeListener3)), resetStatus && __privateGet(this, _status).reset(), __privateMethod(this, _ScrollRegionElement_instances, removeGlobalClasses_fn).call(this);
   }
   connectedCallback() {
-    const e = this.getAttribute("data-scroll") || ".page-scroll";
-    r(this, M, document.querySelector(e)), document.readyState === "complete" ? t(this, K).call(this) : document.addEventListener(
+    const scrollSelector = this.getAttribute("data-scroll") || ".page-scroll";
+    __privateSet(this, _scrollElement2, document.querySelector(scrollSelector)), document.readyState === "complete" ? __privateGet(this, _readyStateChangeListener).call(this) : document.addEventListener(
       "readystatechange",
-      t(this, K)
+      __privateGet(this, _readyStateChangeListener)
     );
   }
   disconnectedCallback() {
     this.destroy();
   }
-}
-z = new WeakMap(), S = new WeakMap(), M = new WeakMap(), G = new WeakMap(), I = new WeakMap(), w = new WeakMap(), V = new WeakMap(), T = new WeakMap(), U = new WeakMap(), L = new WeakMap(), X = new WeakMap(), y = new WeakMap(), A = new WeakMap(), u = new WeakMap(), ot = new WeakMap(), m = new WeakMap(), g = new WeakMap(), W = new WeakMap(), D = new WeakMap(), C = new WeakMap(), B = new WeakMap(), l = new WeakSet(), St = function() {
+};
+_statusHolderElement = new WeakMap(), _progressHolderElement = new WeakMap(), _scrollElement2 = new WeakMap(), _statusHolderCSSProperty = new WeakMap(), _progressHolderCSSProperty = new WeakMap(), _disabledCSSProperty = new WeakMap(), _startOffsetCSSProperty = new WeakMap(), _startOffsetMinCSSProperty = new WeakMap(), _startExtraOffsetCSSProperty = new WeakMap(), _distanceCSSProperty = new WeakMap(), _distanceOffsetCSSProperty = new WeakMap(), _progressVarCSSProperty = new WeakMap(), _enterOnceCSSProperty = new WeakMap(), _status = new WeakMap(), _initialPosition = new WeakMap(), _start = new WeakMap(), _finish = new WeakMap(), _distance = new WeakMap(), _scrolled = new WeakMap(), _progress = new WeakMap(), _visible = new WeakMap(), _ScrollRegionElement_instances = new WeakSet(), addGlobalClasses_fn = /* @__PURE__ */ __name(function() {
   this.hasAttribute("data-global-class") && document.documentElement.classList.add(
     this.getAttribute("data-global-class")
   );
-}, ut = function() {
+}, "#addGlobalClasses"), removeGlobalClasses_fn = /* @__PURE__ */ __name(function() {
   this.hasAttribute("data-global-class") && document.documentElement.classList.remove(
     this.getAttribute("data-global-class")
   );
-}, wt = function() {
-  t(this, G).subscribe((e) => {
-    t(this, z) && t(this, u).removeElement(t(this, z)), r(this, z, e.current ? document.querySelector(e.current) || this : this), t(this, u).addElement(t(this, z));
-  }), t(this, I).subscribe((e) => {
-    t(this, S) && t(this, S).style.removeProperty(
-      d(this, l, ht).call(this, t(this, y).current)
-    ), r(this, S, e.current ? document.querySelector(e.current) || this : this);
-  }), t(this, w).subscribe((e) => {
+}, "#removeGlobalClasses"), init_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _statusHolderCSSProperty).subscribe((e) => {
+    __privateGet(this, _statusHolderElement) && __privateGet(this, _status).removeElement(__privateGet(this, _statusHolderElement)), __privateSet(this, _statusHolderElement, e.current ? document.querySelector(e.current) || this : this), __privateGet(this, _status).addElement(__privateGet(this, _statusHolderElement));
+  }), __privateGet(this, _progressHolderCSSProperty).subscribe((e) => {
+    __privateGet(this, _progressHolderElement) && __privateGet(this, _progressHolderElement).style.removeProperty(
+      __privateMethod(this, _ScrollRegionElement_instances, cssVar_fn).call(this, __privateGet(this, _progressVarCSSProperty).current)
+    ), __privateSet(this, _progressHolderElement, e.current ? document.querySelector(e.current) || this : this);
+  }), __privateGet(this, _disabledCSSProperty).subscribe((e) => {
     e.current && !e.previous ? this.disable() : this.enable();
-  }), t(this, y).subscribe((e) => {
-    e.current ? t(this, O).call(this) : e.previous && t(this, S).style.removeProperty(
-      d(this, l, ht).call(this, e.previous)
+  }), __privateGet(this, _progressVarCSSProperty).subscribe((e) => {
+    e.current ? __privateGet(this, _tickListener2).call(this) : e.previous && __privateGet(this, _progressHolderElement).style.removeProperty(
+      __privateMethod(this, _ScrollRegionElement_instances, cssVar_fn).call(this, e.previous)
     );
-  }), t(this, L).subscribe(() => {
-    t(this, P).call(this);
-  }), t(this, G).observe(), t(this, I).observe(), t(this, w).observe(), t(this, V).observe(), t(this, T).observe(), t(this, U).observe(), t(this, L).observe(), t(this, X).observe(), t(this, y).observe(), t(this, A).observe();
-}, P = new WeakMap(), O = new WeakMap(), mt = function() {
-  const e = this.scrollValue;
-  t(this, u).set("entered", !0), e === 0 && t(this, u).set("enteredOnLoad", !0), d(this, l, St).call(this), at(this, "scrollRegionEnter");
-}, Lt = function() {
-  t(this, u).set("entered", !1), d(this, l, ut).call(this), at(this, "scrollRegionExit");
-}, ht = function(e) {
-  return `--${e}`;
-}, K = new WeakMap();
-customElements.get("e-scroll-region") || customElements.define("e-scroll-region", Ot);
+  }), __privateGet(this, _distanceCSSProperty).subscribe(() => {
+    __privateGet(this, _resizeListener3).call(this);
+  }), __privateGet(this, _statusHolderCSSProperty).observe(), __privateGet(this, _progressHolderCSSProperty).observe(), __privateGet(this, _disabledCSSProperty).observe(), __privateGet(this, _startOffsetCSSProperty).observe(), __privateGet(this, _startOffsetMinCSSProperty).observe(), __privateGet(this, _startExtraOffsetCSSProperty).observe(), __privateGet(this, _distanceCSSProperty).observe(), __privateGet(this, _distanceOffsetCSSProperty).observe(), __privateGet(this, _progressVarCSSProperty).observe(), __privateGet(this, _enterOnceCSSProperty).observe();
+}, "#init"), _resizeListener3 = new WeakMap(), _tickListener2 = new WeakMap(), enter_fn = /* @__PURE__ */ __name(function() {
+  const scrollValue = this.scrollValue;
+  __privateGet(this, _status).set("entered", !0), scrollValue === 0 && __privateGet(this, _status).set("enteredOnLoad", !0), __privateMethod(this, _ScrollRegionElement_instances, addGlobalClasses_fn).call(this), dispatchEvent(this, "scrollRegionEnter");
+}, "#enter"), exit_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _status).set("entered", !1), __privateMethod(this, _ScrollRegionElement_instances, removeGlobalClasses_fn).call(this), dispatchEvent(this, "scrollRegionExit");
+}, "#exit"), cssVar_fn = /* @__PURE__ */ __name(function(value) {
+  return `--${value}`;
+}, "#cssVar"), _readyStateChangeListener = new WeakMap(), __name(_ScrollRegionElement, "ScrollRegionElement");
+let ScrollRegionElement = _ScrollRegionElement;
+customElements.get("e-scroll-region") || customElements.define("e-scroll-region", ScrollRegionElement);
 export {
-  Ot as ScrollRegionElement,
-  At as ScrollbarElement,
-  Dt as SmoothScrollElement
+  ScrollRegionElement,
+  ScrollbarElement,
+  SmoothScrollElement
 };