aptechka 0.83.1 → 0.84.0

package/lib/scroll/index.js

@@ -1,151 +1,153 @@
-var li = Object.defineProperty;
-var qs = Object.getOwnPropertySymbols, ci = Object.getPrototypeOf, ui = Object.prototype.hasOwnProperty, ai = Object.prototype.propertyIsEnumerable, di = Reflect.get;
-var Us = (d) => {
-  throw TypeError(d);
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __reflectGet = Reflect.get;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var Gs = (d, n, e) => n in d ? li(d, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[n] = e, Ks = (d, n) => {
-  for (var e in n || (n = {}))
-    ui.call(n, e) && Gs(d, e, n[e]);
-  if (qs)
-    for (var e of qs(n))
-      ai.call(n, e) && Gs(d, e, n[e]);
-  return d;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
 };
-var ks = (d, n, e) => n.has(d) || Us("Cannot " + e);
-var t = (d, n, e) => (ks(d, n, "read from private field"), e ? e.call(d) : n.get(d)), i = (d, n, e) => n.has(d) ? Us("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, e), r = (d, n, e, s) => (ks(d, n, "write to private field"), s ? s.call(d, e) : n.set(d, e), e), o = (d, n, e) => (ks(d, n, "access private method"), e);
-var Vs = (d, n, e) => di(ci(d), e, n);
-var zs = (d, n, e) => new Promise((s, h) => {
-  var u = (C) => {
+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);
+var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
     try {
-      v(e.next(C));
-    } catch (ue) {
-      h(ue);
+      step2(generator.next(value));
+    } catch (e) {
+      reject(e);
     }
-  }, g = (C) => {
+  }, rejected = (value) => {
     try {
-      v(e.throw(C));
-    } catch (ue) {
-      h(ue);
+      step2(generator.throw(value));
+    } catch (e) {
+      reject(e);
     }
-  }, v = (C) => C.done ? s(C.value) : Promise.resolve(C.value).then(u, g);
-  v((e = e.apply(d, n)).next());
+  }, step2 = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step2((generator = generator.apply(__this, __arguments)).next());
 });
-import { S as ae } from "../Store-ZThXYBQd.js";
-import { i as q } from "../index-e9eDuagL.js";
-import { q as fi } from "../easings-BEmRlrDd.js";
-import { i as pi } from "../element-CGVl1jA-.js";
-import { d as st } from "../events-CsVF98U6.js";
-import { d as xs } from "../function-C10DGppn.js";
-import { a as ls, g as cs, b as bi } from "../layout-BSMtwCga.js";
-import { c as js, s as mi } from "../math-BOBiC4TN.js";
-import { p as Si, l as gi } from "../number-CumqY64S.js";
-import { c as Js } from "../stylesheet-DdBzowZY.js";
+import { S as Store } from "../Store-uLDYY9ed.js";
+import { i as isBrowser } from "../index-DpKsHe97.js";
+import { q as easeInOutExpo } from "../easings-BSGJFMAo.js";
+import { i as isElementVisible } from "../element-DKw5H-Tu.js";
+import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
+import { d as debounce } from "../function-UmbPrOHm.js";
+import { a as getCumulativeOffsetTop, g as getCumulativeOffsetLeft, b as getStickyOffset } from "../layout-C26zkY7D.js";
+import { c as clamp, s as step } from "../math-r8V23YFe.js";
+import { p as preciseNumber, l as loopNumber } from "../number-DiVt2xnh.js";
+import { c as createStylesheet } from "../stylesheet-CHvuef16.js";
 import "../ticker/index.js";
-import { TICK_ORDER as Qs, RESIZE_ORDER as Ls } from "../order/index.js";
-import { D as Xs } from "../Damped-CRusiRIV.js";
-import { T as vi } from "../Tweened-Bw1Cn1PJ.js";
-import { W as yi, K as Ci, D as Pi, A as Ei } from "../DragControls-DBNdMBA4.js";
-import { windowResizer as pt } from "../window-resizer/index.js";
-import { scrollEntries as ce } from "../scroll-entries/index.js";
-import { cssUnitParser as Zs } from "../css-unit-parser/index.js";
-import { CSSProperty as l } from "../css-property/index.js";
-import { d as wi } from "../Viewport-Dt-d9DPi.js";
+import { TICK_ORDER, RESIZE_ORDER } from "../order/index.js";
+import { D as Damped } from "../Damped-Dcz5UdMH.js";
+import { T as Tweened } from "../Tweened-BvtjLCa3.js";
+import { W as WheelControls, K as KeyboardControls, D as DragControls, A as AutoplayControls } from "../DragControls-D2a1Cifp.js";
+import { windowResizer } from "../window-resizer/index.js";
+import { scrollEntries } from "../scroll-entries/index.js";
+import { cssUnitParser } from "../css-unit-parser/index.js";
+import { CSSProperty } from "../css-property/index.js";
+import { d as device } from "../Viewport-BiDoiU8M.js";
 import "construct-style-sheets-polyfill";
-import { elementResizer as os } from "../element-resizer/index.js";
-import { s as xi } from "../gestures-CcXV6fCp.js";
-import { b as Li } from "../dom-BETkVSSZ.js";
-var p, Re, E, us, as, pe, bt, $t, be, Bt, Fe;
-class ki {
-  constructor(n, e, s) {
-    i(this, Bt);
-    i(this, p);
-    i(this, Re);
-    i(this, E);
-    i(this, us, 0);
-    i(this, as, 0);
-    i(this, pe, 0);
-    i(this, bt, 0);
-    i(this, $t, null);
-    i(this, be, 0);
-    r(this, p, n), r(this, Re, e), r(this, E, s), ce.register(t(this, p)), this.setIndex(t(this, Re));
+import { elementResizer } from "../element-resizer/index.js";
+import { s as setupDrag } from "../gestures-DmKKNnh4.js";
+import { b as findParentElement } from "../dom-D8D-_9ty.js";
+var _element, _index, _scrollElement, _width, _height, _size, _position, _currentMark, _transformPosition, _ScrollSection_instances, setVar_fn;
+const _ScrollSection = class _ScrollSection {
+  constructor(element, index, scrollElement) {
+    __privateAdd(this, _ScrollSection_instances);
+    __privateAdd(this, _element);
+    __privateAdd(this, _index);
+    __privateAdd(this, _scrollElement);
+    __privateAdd(this, _width, 0);
+    __privateAdd(this, _height, 0);
+    __privateAdd(this, _size, 0);
+    __privateAdd(this, _position, 0);
+    __privateAdd(this, _currentMark, null);
+    __privateAdd(this, _transformPosition, 0);
+    __privateSet(this, _element, element), __privateSet(this, _index, index), __privateSet(this, _scrollElement, scrollElement), scrollEntries.register(__privateGet(this, _element)), this.setIndex(__privateGet(this, _index));
   }
   get element() {
-    return t(this, p);
+    return __privateGet(this, _element);
   }
   get index() {
-    return t(this, Re);
+    return __privateGet(this, _index);
   }
   get size() {
-    return t(this, pe);
+    return __privateGet(this, _size);
   }
   get width() {
-    return t(this, us);
+    return __privateGet(this, _width);
   }
   get height() {
-    return t(this, as);
+    return __privateGet(this, _height);
   }
   get position() {
-    return t(this, bt);
+    return __privateGet(this, _position);
   }
   get transformPosition() {
-    return t(this, be);
+    return __privateGet(this, _transformPosition);
   }
   destroy() {
-    ce.unregister(t(this, p)), this.unsetTransform();
+    scrollEntries.unregister(__privateGet(this, _element)), this.unsetTransform();
   }
   unsetTransform() {
-    t(this, p).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setOffsetIndex(null), this.setMiddle(!1), this.setSize();
+    __privateGet(this, _element).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setOffsetIndex(null), this.setMiddle(!1), this.setSize();
   }
-  setSize(n) {
-    n ? (t(this, p).style.setProperty("--size", n + "px"), t(this, E).axisCSSProperty.current === "x" ? (t(this, p).style.width = n + "px", t(this, p).style.height = "") : (t(this, p).style.height = n + "px", t(this, p).style.width = "")) : (t(this, p).style.width = "", t(this, p).style.height = "", t(this, p).style.removeProperty("--size"));
+  setSize(value) {
+    value ? (__privateGet(this, _element).style.setProperty("--size", value + "px"), __privateGet(this, _scrollElement).axisCSSProperty.current === "x" ? (__privateGet(this, _element).style.width = value + "px", __privateGet(this, _element).style.height = "") : (__privateGet(this, _element).style.height = value + "px", __privateGet(this, _element).style.width = "")) : (__privateGet(this, _element).style.width = "", __privateGet(this, _element).style.height = "", __privateGet(this, _element).style.removeProperty("--size"));
   }
   resize() {
-    r(this, us, t(this, p).offsetWidth), r(this, as, t(this, p).offsetHeight), r(this, pe, t(this, E).vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth), r(this, bt, t(this, E).vertical ? ls(t(this, p)) : cs(t(this, p))), r(this, bt, t(this, bt) - t(this, E).contentPosition);
+    __privateSet(this, _width, __privateGet(this, _element).offsetWidth), __privateSet(this, _height, __privateGet(this, _element).offsetHeight), __privateSet(this, _size, __privateGet(this, _scrollElement).vertical ? __privateGet(this, _element).offsetHeight : __privateGet(this, _element).offsetWidth), __privateSet(this, _position, __privateGet(this, _scrollElement).vertical ? getCumulativeOffsetTop(__privateGet(this, _element)) : getCumulativeOffsetLeft(__privateGet(this, _element))), __privateSet(this, _position, __privateGet(this, _position) - __privateGet(this, _scrollElement).contentPosition);
   }
   transform() {
-    const n = t(this, E).shiftSectionPositionCSSProperty.current;
-    let e = n;
-    const s = t(this, E).viewportSize * t(this, E).sectionDistanceScaleCSSProperty.current;
-    t(this, E).loopCSSProperty.current && t(this, bt) + t(this, pe) <= t(this, E).currentScrollValue - n / 2 && (e = (t(this, E).distance - n) * -1 - t(this, E).gap), ce.update(
-      t(this, p),
-      t(this, E).axisCSSProperty.current,
-      e
+    const cssOffset = __privateGet(this, _scrollElement).shiftSectionPositionCSSProperty.current;
+    let offset = cssOffset;
+    const distanceAddition = __privateGet(this, _scrollElement).viewportSize * __privateGet(this, _scrollElement).sectionDistanceScaleCSSProperty.current;
+    __privateGet(this, _scrollElement).loopCSSProperty.current && __privateGet(this, _position) + __privateGet(this, _size) <= __privateGet(this, _scrollElement).currentScrollValue - cssOffset / 2 && (offset = (__privateGet(this, _scrollElement).distance - cssOffset) * -1 - __privateGet(this, _scrollElement).gap), scrollEntries.update(
+      __privateGet(this, _element),
+      __privateGet(this, _scrollElement).axisCSSProperty.current,
+      offset
     );
-    const h = t(this, E).currentScrollValue + e, u = t(this, bt) - t(this, E).viewportSize - s, g = t(this, bt) + t(this, pe) + s, v = Si(js(h, u, g), 3);
-    r(this, be, v * -1), t(this, E).vertical ? t(this, p).style.transform = `translate3d(0px, ${t(this, be)}px, 0px)` : t(this, p).style.transform = `translate3d(${t(this, be)}px, 0px, 0px)`;
+    const valueToClamp = __privateGet(this, _scrollElement).currentScrollValue + offset, min = __privateGet(this, _position) - __privateGet(this, _scrollElement).viewportSize - distanceAddition, max = __privateGet(this, _position) + __privateGet(this, _size) + distanceAddition, value = preciseNumber(clamp(valueToClamp, min, max), 3);
+    __privateSet(this, _transformPosition, value * -1), __privateGet(this, _scrollElement).vertical ? __privateGet(this, _element).style.transform = `translate3d(0px, ${__privateGet(this, _transformPosition)}px, 0px)` : __privateGet(this, _element).style.transform = `translate3d(${__privateGet(this, _transformPosition)}px, 0px, 0px)`;
   }
-  setMark(n) {
-    t(this, $t) !== n && (t(this, $t) && t(this, p).classList.remove(t(this, $t)), n && t(this, p).classList.add(n), r(this, $t, n), st(t(this, p), "scrollSectionMarkChange", {
+  setMark(mark) {
+    __privateGet(this, _currentMark) !== mark && (__privateGet(this, _currentMark) && __privateGet(this, _element).classList.remove(__privateGet(this, _currentMark)), mark && __privateGet(this, _element).classList.add(mark), __privateSet(this, _currentMark, mark), dispatchEvent(__privateGet(this, _element), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
-        mark: t(this, $t)
+        mark: __privateGet(this, _currentMark)
       },
       custom: !0
     }));
   }
-  setMiddle(n) {
-    t(this, p).classList.toggle("middle", n);
+  setMiddle(bool) {
+    __privateGet(this, _element).classList.toggle("middle", bool);
   }
-  setIndex(n) {
-    o(this, Bt, Fe).call(this, "index", n);
+  setIndex(value) {
+    __privateMethod(this, _ScrollSection_instances, setVar_fn).call(this, "index", value);
   }
-  setCurrentIndex(n) {
-    o(this, Bt, Fe).call(this, "current-index", n);
+  setCurrentIndex(value) {
+    __privateMethod(this, _ScrollSection_instances, setVar_fn).call(this, "current-index", value);
   }
-  setCurrentIndexArc(n) {
-    o(this, Bt, Fe).call(this, "current-index-arc", n);
+  setCurrentIndexArc(value) {
+    __privateMethod(this, _ScrollSection_instances, setVar_fn).call(this, "current-index-arc", value);
   }
-  setOffsetIndex(n) {
-    o(this, Bt, Fe).call(this, "offset-index", n);
+  setOffsetIndex(value) {
+    __privateMethod(this, _ScrollSection_instances, setVar_fn).call(this, "offset-index", value);
   }
-  setCurrentIndexArcAbs(n) {
-    o(this, Bt, Fe).call(this, "current-index-arc-abs", n);
+  setCurrentIndexArcAbs(value) {
+    __privateMethod(this, _ScrollSection_instances, setVar_fn).call(this, "current-index-arc-abs", value);
   }
-}
-p = new WeakMap(), Re = new WeakMap(), E = new WeakMap(), us = new WeakMap(), as = new WeakMap(), pe = new WeakMap(), bt = new WeakMap(), $t = new WeakMap(), be = new WeakMap(), Bt = new WeakSet(), Fe = function(n, e) {
-  e !== null ? (t(this, p).style.setProperty(`--${n}`, e.toString()), t(this, p).setAttribute(`data-${n}`, e.toString())) : (t(this, p).style.removeProperty(`--${n}`), t(this, p).removeAttribute(`data-${n}`));
 };
-const Vi = Js({
+_element = new WeakMap(), _index = new WeakMap(), _scrollElement = new WeakMap(), _width = new WeakMap(), _height = new WeakMap(), _size = new WeakMap(), _position = new WeakMap(), _currentMark = new WeakMap(), _transformPosition = new WeakMap(), _ScrollSection_instances = new WeakSet(), setVar_fn = /* @__PURE__ */ __name(function(name, value) {
+  value !== null ? (__privateGet(this, _element).style.setProperty(`--${name}`, value.toString()), __privateGet(this, _element).setAttribute(`data-${name}`, value.toString())) : (__privateGet(this, _element).style.removeProperty(`--${name}`), __privateGet(this, _element).removeAttribute(`data-${name}`));
+}, "#setVar"), __name(_ScrollSection, "ScrollSection");
+let ScrollSection = _ScrollSection;
+const stylesheet = createStylesheet({
   ":host": {
     position: "relative",
     width: "100%",
@@ -184,358 +186,358 @@ const Vi = Js({
     flexShrink: "0"
   }
 });
-var f, me, D, Wt, mt, St, gt, J, Nt, qt, vt, Gt, Se, Q, V, ge, ve, ye, Ce, De, Pe, X, Ee, Ut, Y, yt, Ct, we, Kt, xe, Le, Zt, jt, Jt, b, Oe, G, a, ds, fs, L, P, U, it, Qt, rt, F, z, He, Pt, Et, wt, K, $e, xt, Xt, Lt, ht, A, Be, kt, ke, We, c, Is, hs, Te, Es, ws, Ms, Fs, T, ps, Ys, Ne, bs, Ts, Rs, de, _s, ms, ns, qe;
-class As extends HTMLElement {
+var _damped, _controlsCSSProperty, _axisCSSProperty, _reverseCSSProperty, _directionCSSProperty, _pagesCSSProperty, _splitCSSProperty, _sectionalCSSProperty, _easingCSSProperty, _durationCSSProperty, _autoSizeCSSProperty, _wheelMaxDeltaCSSProperty, _dragInertionCSSProperty, _sectionsInViewCSSProperty, _loopCSSProperty, _dampingCSSProperty, _massCSSProperty, _stiffnessCSSProperty, _mouseDragCSSProperty, _sectionDistanceScaleCSSProperty, _startSectionCSSProperty, _autoplayCSSProperty, _autoplayPauseDurationCSSProperty, _autoplayUserDirectionCSSProperty, _classesCSSProperty, _currentIndexStartOffsetCSSProperty, _currentIndexEndOffsetCSSProperty, _shiftSectionPositionCSSProperty, _focusDelayCSSProperty, _focusDurationCSSProperty, _shiftLimitCSSProperty, _disabledCSSProperty, _hibernatedCSSProperty, _contentWrapperElement, _contentElement, _slotElement, _sections, _visibleSections, _position2, _contentPosition, _viewportSize, _scrollSize, _gap, _wheelControls, _keyboardControls, _dragControls, _autoplayControls, _counter, _overscroll, _distance, _hasOverflow, _disabled, _hibernated, _focusTimeoutId, _tweenTimeoutId, _setTween, _isGrabbing, _scrollLine, _isConnected, _mutationObserver, _currentSections, _skipNextResize, _maxSectionSizeTimeoutId, _ScrollElement_instances, updateAxis_fn, split_fn, unsplit_fn, disable_fn, enable_fn, hibernate_fn, awake_fn, _resizeListener, _animatedChangeListener, clampCounter_fn, _notAutoplayControlListener, _controlsListener, processAutoplay_fn, getScrollValue_fn, updateMarks_fn, updateIndexes_fn, _updateMaxSectionsSize, getNearestSectionIndex_fn, _connectListener;
+const _ScrollElement = class _ScrollElement extends HTMLElement {
   constructor() {
     super();
-    i(this, c);
-    i(this, f, null);
-    i(this, me, new l(this, "--controls", !0));
-    i(this, D, new l(this, "--axis", "y"));
-    i(this, Wt, new l(this, "--reverse", !1));
-    i(this, mt, new l(this, "--direction", 0));
-    i(this, St, new l(this, "--pages", 0, {
-      validate: (e) => Math.max(0, e - 1)
+    __privateAdd(this, _ScrollElement_instances);
+    __privateAdd(this, _damped, null);
+    __privateAdd(this, _controlsCSSProperty, new CSSProperty(this, "--controls", !0));
+    __privateAdd(this, _axisCSSProperty, new CSSProperty(this, "--axis", "y"));
+    __privateAdd(this, _reverseCSSProperty, new CSSProperty(this, "--reverse", !1));
+    __privateAdd(this, _directionCSSProperty, new CSSProperty(this, "--direction", 0));
+    __privateAdd(this, _pagesCSSProperty, new CSSProperty(this, "--pages", 0, {
+      validate: /* @__PURE__ */ __name((v) => Math.max(0, v - 1), "validate")
     }));
-    i(this, gt, new l(this, "--split", !1));
-    i(this, J, new l(this, "--sectional", !1));
-    i(this, Nt, new l(
+    __privateAdd(this, _splitCSSProperty, new CSSProperty(this, "--split", !1));
+    __privateAdd(this, _sectionalCSSProperty, new CSSProperty(this, "--sectional", !1));
+    __privateAdd(this, _easingCSSProperty, new CSSProperty(
       this,
       "--tween-easing",
       !1
     ));
-    i(this, qt, new l(
+    __privateAdd(this, _durationCSSProperty, new CSSProperty(
       this,
       "--tween-duration",
       !1
     ));
-    i(this, vt, new l(this, "--auto-size", !1));
-    i(this, Gt, new l(
+    __privateAdd(this, _autoSizeCSSProperty, new CSSProperty(this, "--auto-size", !1));
+    __privateAdd(this, _wheelMaxDeltaCSSProperty, new CSSProperty(
       this,
       "--wheel-max-delta",
       !1
     ));
-    i(this, Se, new l(this, "--drag-inertion", 1));
-    i(this, Q, new l(
+    __privateAdd(this, _dragInertionCSSProperty, new CSSProperty(this, "--drag-inertion", 1));
+    __privateAdd(this, _sectionsInViewCSSProperty, new CSSProperty(
       this,
       "--sections-in-view",
       1
     ));
-    i(this, V, new l(this, "--loop", !1));
-    i(this, ge, new l(this, "--damping", 20));
-    i(this, ve, new l(this, "--mass", 0));
-    i(this, ye, new l(this, "--stiffness", 0));
-    i(this, Ce, new l(this, "--mouse-drag", !1));
-    i(this, De, new l(
+    __privateAdd(this, _loopCSSProperty, new CSSProperty(this, "--loop", !1));
+    __privateAdd(this, _dampingCSSProperty, new CSSProperty(this, "--damping", 20));
+    __privateAdd(this, _massCSSProperty, new CSSProperty(this, "--mass", 0));
+    __privateAdd(this, _stiffnessCSSProperty, new CSSProperty(this, "--stiffness", 0));
+    __privateAdd(this, _mouseDragCSSProperty, new CSSProperty(this, "--mouse-drag", !1));
+    __privateAdd(this, _sectionDistanceScaleCSSProperty, new CSSProperty(
       this,
       "--section-distance-scale",
       0.5
     ));
-    i(this, Pe, new l(this, "--start-section", 0));
-    i(this, X, new l(this, "--autoplay", 0));
-    i(this, Ee, new l(
+    __privateAdd(this, _startSectionCSSProperty, new CSSProperty(this, "--start-section", 0));
+    __privateAdd(this, _autoplayCSSProperty, new CSSProperty(this, "--autoplay", 0));
+    __privateAdd(this, _autoplayPauseDurationCSSProperty, new CSSProperty(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    i(this, Ut, new l(
+    __privateAdd(this, _autoplayUserDirectionCSSProperty, new CSSProperty(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    i(this, Y, new l(this, "--classes", !1));
-    i(this, yt, new l(
+    __privateAdd(this, _classesCSSProperty, new CSSProperty(this, "--classes", !1));
+    __privateAdd(this, _currentIndexStartOffsetCSSProperty, new CSSProperty(
       this,
       "--current-index-start-offset",
       0
     ));
-    i(this, Ct, new l(
+    __privateAdd(this, _currentIndexEndOffsetCSSProperty, new CSSProperty(
       this,
       "--current-index-end-offset",
       0
     ));
-    i(this, we, new l(
+    __privateAdd(this, _shiftSectionPositionCSSProperty, new CSSProperty(
       this,
       "--shift-section-position",
       0,
       { rawValueCheck: !1 }
     ));
-    i(this, Kt, new l(this, "--focus-delay", 0));
-    i(this, xe, new l(
+    __privateAdd(this, _focusDelayCSSProperty, new CSSProperty(this, "--focus-delay", 0));
+    __privateAdd(this, _focusDurationCSSProperty, new CSSProperty(
       this,
       "--focus-duration",
       3e3
     ));
-    i(this, Le, new l(this, "--shift-limit", 0));
-    i(this, Zt, new l(this, "--disabled", !1));
-    i(this, jt, new l(this, "--hibernate", !1));
-    i(this, Jt, null);
-    i(this, b, null);
-    i(this, Oe, null);
-    i(this, G, []);
-    i(this, a, []);
-    i(this, ds, 0);
-    i(this, fs, 0);
-    i(this, L, 0);
-    i(this, P, 0);
-    i(this, U, 0);
-    i(this, it, null);
-    i(this, Qt, null);
-    i(this, rt, null);
-    i(this, F, null);
-    i(this, z, new ae(0));
-    i(this, He, 0);
-    i(this, Pt, 0);
-    i(this, Et, !1);
-    i(this, wt, !0);
-    i(this, K, !0);
-    i(this, $e);
-    i(this, xt);
-    i(this, Xt, new vi());
-    i(this, Lt, !1);
-    i(this, ht, null);
-    i(this, A, !1);
-    i(this, Be, null);
-    i(this, kt, []);
-    i(this, ke, !1);
-    i(this, We);
-    i(this, T, (e) => {
-      if (e && t(this, ke)) {
-        r(this, ke, !1);
+    __privateAdd(this, _shiftLimitCSSProperty, new CSSProperty(this, "--shift-limit", 0));
+    __privateAdd(this, _disabledCSSProperty, new CSSProperty(this, "--disabled", !1));
+    __privateAdd(this, _hibernatedCSSProperty, new CSSProperty(this, "--hibernate", !1));
+    __privateAdd(this, _contentWrapperElement, null);
+    __privateAdd(this, _contentElement, null);
+    __privateAdd(this, _slotElement, null);
+    __privateAdd(this, _sections, []);
+    __privateAdd(this, _visibleSections, []);
+    __privateAdd(this, _position2, 0);
+    __privateAdd(this, _contentPosition, 0);
+    __privateAdd(this, _viewportSize, 0);
+    __privateAdd(this, _scrollSize, 0);
+    __privateAdd(this, _gap, 0);
+    __privateAdd(this, _wheelControls, null);
+    __privateAdd(this, _keyboardControls, null);
+    __privateAdd(this, _dragControls, null);
+    __privateAdd(this, _autoplayControls, null);
+    __privateAdd(this, _counter, new Store(0));
+    __privateAdd(this, _overscroll, 0);
+    __privateAdd(this, _distance, 0);
+    __privateAdd(this, _hasOverflow, !1);
+    __privateAdd(this, _disabled, !0);
+    __privateAdd(this, _hibernated, !0);
+    __privateAdd(this, _focusTimeoutId);
+    __privateAdd(this, _tweenTimeoutId);
+    __privateAdd(this, _setTween, new Tweened());
+    __privateAdd(this, _isGrabbing, !1);
+    __privateAdd(this, _scrollLine, null);
+    __privateAdd(this, _isConnected, !1);
+    __privateAdd(this, _mutationObserver, null);
+    __privateAdd(this, _currentSections, []);
+    __privateAdd(this, _skipNextResize, !1);
+    __privateAdd(this, _maxSectionSizeTimeoutId);
+    __privateAdd(this, _resizeListener, /* @__PURE__ */ __name((e) => {
+      if (e && __privateGet(this, _skipNextResize)) {
+        __privateSet(this, _skipNextResize, !1);
         return;
       }
       this.resize();
-    });
-    i(this, ps, () => {
-      if (!t(this, Et) || t(this, K) || t(this, wt))
+    }, "#resizeListener"));
+    __privateAdd(this, _animatedChangeListener, /* @__PURE__ */ __name(() => {
+      if (!__privateGet(this, _hasOverflow) || __privateGet(this, _hibernated) || __privateGet(this, _disabled))
         return;
-      const e = this.currentScrollValue;
-      if (r(this, He, Math.max(0, e - t(this, P))), t(this, a).length) {
-        for (let s = 0; s < t(this, G).length; s++)
-          t(this, G)[s].transform();
-        (t(this, Lt) || !t(this, J).current) && (t(this, z).current = o(this, c, ns).call(this));
+      const currentScrollValue = this.currentScrollValue;
+      if (__privateSet(this, _overscroll, Math.max(0, currentScrollValue - __privateGet(this, _scrollSize))), __privateGet(this, _visibleSections).length) {
+        for (let i = 0; i < __privateGet(this, _sections).length; i++)
+          __privateGet(this, _sections)[i].transform();
+        (__privateGet(this, _isGrabbing) || !__privateGet(this, _sectionalCSSProperty).current) && (__privateGet(this, _counter).current = __privateMethod(this, _ScrollElement_instances, getNearestSectionIndex_fn).call(this));
       } else
-        this.vertical ? t(this, b).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      o(this, c, _s).call(this), ce.update(
+        this.vertical ? __privateGet(this, _contentElement).style.transform = `translate3d(0px, ${currentScrollValue * -1}px, 0px)` : __privateGet(this, _contentElement).style.transform = `translate3d(${currentScrollValue * -1}px, 0px, 0px)`;
+      __privateMethod(this, _ScrollElement_instances, updateIndexes_fn).call(this), scrollEntries.update(
         this,
-        t(this, D).current,
-        e
+        __privateGet(this, _axisCSSProperty).current,
+        currentScrollValue
       );
-    });
-    i(this, Ne, (e, s) => {
-      t(this, me).current && (o(this, c, Ts).call(this, Math.sign(s) || 1), t(this, bs).call(this, e, s));
-    });
-    i(this, bs, (e, s) => {
-      if (!t(this, xt)) {
-        if (t(this, mt).current) {
-          if (t(this, mt).current < 0 && s > 0)
+    }, "#animatedChangeListener"));
+    __privateAdd(this, _notAutoplayControlListener, /* @__PURE__ */ __name((type, value) => {
+      __privateGet(this, _controlsCSSProperty).current && (__privateMethod(this, _ScrollElement_instances, processAutoplay_fn).call(this, Math.sign(value) || 1), __privateGet(this, _controlsListener).call(this, type, value));
+    }, "#notAutoplayControlListener"));
+    __privateAdd(this, _controlsListener, /* @__PURE__ */ __name((type, value) => {
+      if (!__privateGet(this, _tweenTimeoutId)) {
+        if (__privateGet(this, _directionCSSProperty).current) {
+          if (__privateGet(this, _directionCSSProperty).current < 0 && value > 0)
             return;
-          if (t(this, mt).current > 0 && s < 0)
+          if (__privateGet(this, _directionCSSProperty).current > 0 && value < 0)
             return;
         }
-        if (!t(this, X).current && t(this, Kt).current && (clearInterval(t(this, $e)), r(this, $e, setTimeout(() => {
-          const h = t(this, a)[o(this, c, ns).call(this)];
-          h && this.scrollToSection(h.index, {
+        if (!__privateGet(this, _autoplayCSSProperty).current && __privateGet(this, _focusDelayCSSProperty).current && (clearInterval(__privateGet(this, _focusTimeoutId)), __privateSet(this, _focusTimeoutId, setTimeout(() => {
+          const section = __privateGet(this, _visibleSections)[__privateMethod(this, _ScrollElement_instances, getNearestSectionIndex_fn).call(this)];
+          section && this.scrollToSection(section.index, {
             tween: {
-              duration: t(this, xe).current,
-              easing: fi
+              duration: __privateGet(this, _focusDurationCSSProperty).current,
+              easing: easeInOutExpo
             }
           });
-        }, t(this, Kt).current))), !(e.includes("drag") && !wi.isTouch && !t(this, Ce).current)) {
-          if (t(this, J).current && e !== "drag") {
-            const h = Math.sign(s);
-            t(this, a).length ? t(this, Lt) ? this.scrollToSection(o(this, c, ns).call(this, !0)) : this.shiftSections(h, {
-              tween: t(this, Nt).current || t(this, qt).current ? {
-                easing: t(this, Nt).current || "easeInOutCubic",
-                duration: t(this, qt).current || 500
+        }, __privateGet(this, _focusDelayCSSProperty).current))), !(type.includes("drag") && !device.isTouch && !__privateGet(this, _mouseDragCSSProperty).current)) {
+          if (__privateGet(this, _sectionalCSSProperty).current && type !== "drag") {
+            const direction = Math.sign(value);
+            __privateGet(this, _visibleSections).length ? __privateGet(this, _isGrabbing) ? this.scrollToSection(__privateMethod(this, _ScrollElement_instances, getNearestSectionIndex_fn).call(this, !0)) : this.shiftSections(direction, {
+              tween: __privateGet(this, _easingCSSProperty).current || __privateGet(this, _durationCSSProperty).current ? {
+                easing: __privateGet(this, _easingCSSProperty).current || "easeInOutCubic",
+                duration: __privateGet(this, _durationCSSProperty).current || 500
               } : void 0
-            }) : t(this, f).shift(h * t(this, L));
+            }) : __privateGet(this, _damped).shift(direction * __privateGet(this, _viewportSize));
           } else
-            t(this, f).shift(s);
-          r(this, Lt, e === "drag");
+            __privateGet(this, _damped).shift(value);
+          __privateSet(this, _isGrabbing, type === "drag");
         }
       }
-    });
-    i(this, ms, xs(() => {
-      const e = t(this, kt).reduce((s, h) => {
-        const u = this.vertical ? h.width : h.height;
-        return u > s ? u : s;
+    }, "#controlsListener"));
+    __privateAdd(this, _updateMaxSectionsSize, debounce(() => {
+      const maxSectionSize = __privateGet(this, _currentSections).reduce((p, c) => {
+        const s = this.vertical ? c.width : c.height;
+        return s > p ? s : p;
       }, 0);
-      clearTimeout(t(this, We)), r(this, ke, !0), this.style.setProperty("--max-section-size", ""), r(this, We, setTimeout(() => {
-        r(this, ke, !0), this.style.setProperty("--max-section-size", e + "px");
+      clearTimeout(__privateGet(this, _maxSectionSizeTimeoutId)), __privateSet(this, _skipNextResize, !0), this.style.setProperty("--max-section-size", ""), __privateSet(this, _maxSectionSizeTimeoutId, setTimeout(() => {
+        __privateSet(this, _skipNextResize, !0), this.style.setProperty("--max-section-size", maxSectionSize + "px");
       }, 10));
     }, 20));
-    i(this, qe, () => {
-      r(this, A, !0), this.hibernatedCSSProperty.current || o(this, c, Fs).call(this), os.subscribe(this, t(this, T)), pt.unsubscribe(t(this, qe));
-    });
-    if (q) {
-      const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [Vi];
-      const s = document.createElement("div");
-      s.className = "static", s.innerHTML = '<slot name="static"></slot>', e.appendChild(s), r(this, Jt, document.createElement("div")), t(this, Jt).className = "content-wrapper", r(this, b, document.createElement("div")), t(this, b).className = "content", r(this, Oe, document.createElement("slot")), t(this, b).appendChild(t(this, Oe)), t(this, Jt).appendChild(t(this, b)), e.appendChild(t(this, Jt)), r(this, Be, new MutationObserver(
-        xs(() => {
+    __privateAdd(this, _connectListener, /* @__PURE__ */ __name(() => {
+      __privateSet(this, _isConnected, !0), this.hibernatedCSSProperty.current || __privateMethod(this, _ScrollElement_instances, awake_fn).call(this), elementResizer.subscribe(this, __privateGet(this, _resizeListener)), windowResizer.unsubscribe(__privateGet(this, _connectListener));
+    }, "#connectListener"));
+    if (isBrowser) {
+      const shadow = this.attachShadow({ mode: "open" });
+      shadow.adoptedStyleSheets = [stylesheet];
+      const staticElement = document.createElement("div");
+      staticElement.className = "static", staticElement.innerHTML = '<slot name="static"></slot>', shadow.appendChild(staticElement), __privateSet(this, _contentWrapperElement, document.createElement("div")), __privateGet(this, _contentWrapperElement).className = "content-wrapper", __privateSet(this, _contentElement, document.createElement("div")), __privateGet(this, _contentElement).className = "content", __privateSet(this, _slotElement, document.createElement("slot")), __privateGet(this, _contentElement).appendChild(__privateGet(this, _slotElement)), __privateGet(this, _contentWrapperElement).appendChild(__privateGet(this, _contentElement)), shadow.appendChild(__privateGet(this, _contentWrapperElement)), __privateSet(this, _mutationObserver, new MutationObserver(
+        debounce(() => {
           this.tryResplit();
         }, 10)
       ));
     }
   }
   get damped() {
-    return t(this, f);
+    return __privateGet(this, _damped);
   }
   get controlsCSSProperty() {
-    return t(this, me);
+    return __privateGet(this, _controlsCSSProperty);
   }
   get axisCSSProperty() {
-    return t(this, D);
+    return __privateGet(this, _axisCSSProperty);
   }
   get reverseCSSProperty() {
-    return t(this, Wt);
+    return __privateGet(this, _reverseCSSProperty);
   }
   get directionCSSProperty() {
-    return t(this, mt);
+    return __privateGet(this, _directionCSSProperty);
   }
   get pagesCSSProperty() {
-    return t(this, St);
+    return __privateGet(this, _pagesCSSProperty);
   }
   get splitCSSProperty() {
-    return t(this, gt);
+    return __privateGet(this, _splitCSSProperty);
   }
   get sectionalCSSProperty() {
-    return t(this, J);
+    return __privateGet(this, _sectionalCSSProperty);
   }
   get easingCSSProperty() {
-    return t(this, Nt);
+    return __privateGet(this, _easingCSSProperty);
   }
   get durationCSSProperty() {
-    return t(this, qt);
+    return __privateGet(this, _durationCSSProperty);
   }
   get autoSizeCSSProperty() {
-    return t(this, vt);
+    return __privateGet(this, _autoSizeCSSProperty);
   }
   get wheelMaxDeltaCSSProperty() {
-    return t(this, Gt);
+    return __privateGet(this, _wheelMaxDeltaCSSProperty);
   }
   get dragInertionCSSProperty() {
-    return t(this, Se);
+    return __privateGet(this, _dragInertionCSSProperty);
   }
   get sectionsInViewCSSProperty() {
-    return t(this, Q);
+    return __privateGet(this, _sectionsInViewCSSProperty);
   }
   get loopCSSProperty() {
-    return t(this, V);
+    return __privateGet(this, _loopCSSProperty);
   }
   get dampingCSSProperty() {
-    return t(this, ge);
+    return __privateGet(this, _dampingCSSProperty);
   }
   get massCSSProperty() {
-    return t(this, ve);
+    return __privateGet(this, _massCSSProperty);
   }
   get stiffnessCSSProperty() {
-    return t(this, ye);
+    return __privateGet(this, _stiffnessCSSProperty);
   }
   get mouseDragCSSProperty() {
-    return t(this, Ce);
+    return __privateGet(this, _mouseDragCSSProperty);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, De);
+    return __privateGet(this, _sectionDistanceScaleCSSProperty);
   }
   get startSectionCSSProperty() {
-    return t(this, Pe);
+    return __privateGet(this, _startSectionCSSProperty);
   }
   get autoplayCSSProperty() {
-    return t(this, X);
+    return __privateGet(this, _autoplayCSSProperty);
   }
   get autoplayPauseDurationCSSProperty() {
-    return t(this, Ee);
+    return __privateGet(this, _autoplayPauseDurationCSSProperty);
   }
   get autoplayUserDirectionCSSProperty() {
-    return t(this, Ut);
+    return __privateGet(this, _autoplayUserDirectionCSSProperty);
   }
   get classesCSSProperty() {
-    return t(this, Y);
+    return __privateGet(this, _classesCSSProperty);
   }
   get currentIndexStartOffsetCSSProperty() {
-    return t(this, yt);
+    return __privateGet(this, _currentIndexStartOffsetCSSProperty);
   }
   get currentIndexEndOffsetCSSProperty() {
-    return t(this, Ct);
+    return __privateGet(this, _currentIndexEndOffsetCSSProperty);
   }
   get shiftSectionPositionCSSProperty() {
-    return t(this, we);
+    return __privateGet(this, _shiftSectionPositionCSSProperty);
   }
   get focusDelayCSSProperty() {
-    return t(this, Kt);
+    return __privateGet(this, _focusDelayCSSProperty);
   }
   get focusDurationCSSProperty() {
-    return t(this, xe);
+    return __privateGet(this, _focusDurationCSSProperty);
   }
   get shiftLimitCSSProperty() {
-    return t(this, Le);
+    return __privateGet(this, _shiftLimitCSSProperty);
   }
   get disabledCSSProperty() {
-    return t(this, Zt);
+    return __privateGet(this, _disabledCSSProperty);
   }
   get hibernatedCSSProperty() {
-    return t(this, jt);
+    return __privateGet(this, _hibernatedCSSProperty);
   }
   get currentScrollValue() {
-    return o(this, c, Rs).call(this, "current");
+    return __privateMethod(this, _ScrollElement_instances, getScrollValue_fn).call(this, "current");
   }
   get targetScrollValue() {
-    return o(this, c, Rs).call(this, "target");
+    return __privateMethod(this, _ScrollElement_instances, getScrollValue_fn).call(this, "target");
   }
   get contentWrapperElement() {
-    return t(this, Jt);
+    return __privateGet(this, _contentWrapperElement);
   }
   get contentElement() {
-    return t(this, b);
+    return __privateGet(this, _contentElement);
   }
   get sections() {
-    return t(this, G);
+    return __privateGet(this, _sections);
   }
   get visibleSections() {
-    return t(this, a);
+    return __privateGet(this, _visibleSections);
   }
   get position() {
-    return t(this, ds);
+    return __privateGet(this, _position2);
   }
   get contentPosition() {
-    return t(this, fs);
+    return __privateGet(this, _contentPosition);
   }
   get viewportSize() {
-    return t(this, L);
+    return __privateGet(this, _viewportSize);
   }
   get scrollSize() {
-    return t(this, P);
+    return __privateGet(this, _scrollSize);
   }
   get gap() {
-    return t(this, U);
+    return __privateGet(this, _gap);
   }
   get counter() {
-    return t(this, z);
+    return __privateGet(this, _counter);
   }
   get limit() {
     return Math.ceil(
-      t(this, a).length - t(this, Q).current + t(this, Le).current
+      __privateGet(this, _visibleSections).length - __privateGet(this, _sectionsInViewCSSProperty).current + __privateGet(this, _shiftLimitCSSProperty).current
     );
   }
   get distance() {
-    return t(this, Pt);
+    return __privateGet(this, _distance);
   }
   get loopDistance() {
-    return t(this, V).current ? t(this, Pt) + t(this, U) : t(this, Pt);
+    return __privateGet(this, _loopCSSProperty).current ? __privateGet(this, _distance) + __privateGet(this, _gap) : __privateGet(this, _distance);
   }
   get hasOverflow() {
-    return t(this, Et);
+    return __privateGet(this, _hasOverflow);
   }
   get overscroll() {
-    return t(this, He);
+    return __privateGet(this, _overscroll);
   }
   get scrollLine() {
-    return t(this, ht);
+    return __privateGet(this, _scrollLine);
   }
   get vertical() {
-    return t(this, D).current === "y";
+    return __privateGet(this, _axisCSSProperty).current === "y";
   }
   get currentProgress() {
     return this.currentScrollValue / this.loopDistance || 0;
@@ -544,307 +546,309 @@ class As extends HTMLElement {
     return this.targetScrollValue / this.loopDistance || 0;
   }
   get scrollWidth() {
-    return t(this, D).current === "y" ? 0 : t(this, f).distance;
+    return __privateGet(this, _axisCSSProperty).current === "y" ? 0 : __privateGet(this, _damped).distance;
   }
   get scrollHeight() {
-    return t(this, D).current === "x" ? 0 : t(this, f).distance;
+    return __privateGet(this, _axisCSSProperty).current === "x" ? 0 : __privateGet(this, _damped).distance;
   }
   tryResplit() {
-    !t(this, K) && (t(this, V).current || t(this, gt).current || t(this, V).current || t(this, vt).current || t(this, J).current) && o(this, c, hs).call(this);
+    !__privateGet(this, _hibernated) && (__privateGet(this, _loopCSSProperty).current || __privateGet(this, _splitCSSProperty).current || __privateGet(this, _loopCSSProperty).current || __privateGet(this, _autoSizeCSSProperty).current || __privateGet(this, _sectionalCSSProperty).current) && __privateMethod(this, _ScrollElement_instances, split_fn).call(this);
   }
-  onScroll(...e) {
-    return t(this, f).subscribe(...e);
+  onScroll(...parameters) {
+    return __privateGet(this, _damped).subscribe(...parameters);
   }
-  offScroll(...e) {
-    t(this, f).unsubscribe(...e);
+  offScroll(...parameters) {
+    __privateGet(this, _damped).unsubscribe(...parameters);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
-  range(e, s, h = 0) {
-    const u = e - h, g = u + s + h * 2;
-    return this.currentProgress < u ? 0 : this.currentProgress > g ? 1 : (this.currentProgress - u) / (g - u);
+  range(from, distance, margin = 0) {
+    const start = from - margin, end = start + distance + margin * 2;
+    return this.currentProgress < start ? 0 : this.currentProgress > end ? 1 : (this.currentProgress - start) / (end - start);
   }
-  curve(e, s, h = 0) {
-    return Math.sin(this.range(e, s, h) * Math.PI);
+  curve(from, distance, margin = 0) {
+    return Math.sin(this.range(from, distance, margin) * Math.PI);
   }
-  visible(e, s, h = 0) {
-    const u = e - h, g = u + s + h * 2;
-    return this.currentProgress >= u && this.currentProgress <= g;
+  visible(from, distance, margin = 0) {
+    const start = from - margin, end = start + distance + margin * 2;
+    return this.currentProgress >= start && this.currentProgress <= end;
   }
-  scrollToSection(e, s) {
-    if (!t(this, a).length || t(this, K) || t(this, xt))
+  scrollToSection(sectionIndex, options) {
+    if (!__privateGet(this, _visibleSections).length || __privateGet(this, _hibernated) || __privateGet(this, _tweenTimeoutId))
       return;
-    const h = t(this, z).current, u = o(this, c, Ys).call(this, e);
-    t(this, Lt) || (t(this, z).current = u);
-    const g = t(this, a)[h], v = t(this, a)[u];
-    if (g && v) {
-      let C = 0;
-      const ue = o(this, c, ns).call(this), Me = t(this, a)[ue];
-      let rs = Me ? this.targetScrollValue - Me.position : 0;
-      t(this, V).current ? u === 0 && h === t(this, a).length - 1 ? (C = t(this, P) + t(this, L) - g.position + t(this, U), t(this, Lt) || (rs = 0)) : u === t(this, a).length - 1 && h === 0 ? C = v.position - (t(this, P) + t(this, L) + t(this, U)) : C = v.position - g.position : C = v.position - g.position, this.shiftPosition(C - rs, s);
+    const previousCounter = __privateGet(this, _counter).current, newCounterValue = __privateMethod(this, _ScrollElement_instances, clampCounter_fn).call(this, sectionIndex);
+    __privateGet(this, _isGrabbing) || (__privateGet(this, _counter).current = newCounterValue);
+    const previousSection = __privateGet(this, _visibleSections)[previousCounter], currentSection = __privateGet(this, _visibleSections)[newCounterValue];
+    if (previousSection && currentSection) {
+      let shiftValue = 0;
+      const nearestSectionIndex = __privateMethod(this, _ScrollElement_instances, getNearestSectionIndex_fn).call(this), nearestSection = __privateGet(this, _visibleSections)[nearestSectionIndex];
+      let scrolledFromNearestSection = nearestSection ? this.targetScrollValue - nearestSection.position : 0;
+      __privateGet(this, _loopCSSProperty).current ? newCounterValue === 0 && previousCounter === __privateGet(this, _visibleSections).length - 1 ? (shiftValue = __privateGet(this, _scrollSize) + __privateGet(this, _viewportSize) - previousSection.position + __privateGet(this, _gap), __privateGet(this, _isGrabbing) || (scrolledFromNearestSection = 0)) : newCounterValue === __privateGet(this, _visibleSections).length - 1 && previousCounter === 0 ? shiftValue = currentSection.position - (__privateGet(this, _scrollSize) + __privateGet(this, _viewportSize) + __privateGet(this, _gap)) : shiftValue = currentSection.position - previousSection.position : shiftValue = currentSection.position - previousSection.position, this.shiftPosition(shiftValue - scrolledFromNearestSection, options);
     }
   }
-  shiftSections(e, s) {
-    t(this, a).length && this.scrollToSection(t(this, z).current + e, s);
+  shiftSections(step2, options) {
+    __privateGet(this, _visibleSections).length && this.scrollToSection(__privateGet(this, _counter).current + step2, options);
   }
-  setPosition(e, s) {
-    t(this, K) || (o(this, c, Ts).call(this, Math.sign(e) || 1), s != null && s.tween ? (clearTimeout(t(this, xt)), t(this, Xt).set(t(this, f).current, { equalize: !0 }), t(this, Xt).set(e, Ks({}, s.tween)), r(this, xt, setTimeout(() => {
-      r(this, xt, void 0);
-    }, s.tween.duration || 0))) : t(this, f).set(e, {
-      equalize: (s == null ? void 0 : s.behaviour) === "instant"
+  setPosition(value, options) {
+    __privateGet(this, _hibernated) || (__privateMethod(this, _ScrollElement_instances, processAutoplay_fn).call(this, Math.sign(value) || 1), options != null && options.tween ? (clearTimeout(__privateGet(this, _tweenTimeoutId)), __privateGet(this, _setTween).set(__privateGet(this, _damped).current, { equalize: !0 }), __privateGet(this, _setTween).set(value, __spreadValues({}, options.tween)), __privateSet(this, _tweenTimeoutId, setTimeout(() => {
+      __privateSet(this, _tweenTimeoutId, void 0);
+    }, options.tween.duration || 0))) : __privateGet(this, _damped).set(value, {
+      equalize: (options == null ? void 0 : options.behaviour) === "instant"
     }));
   }
-  shiftPosition(e, s) {
-    this.setPosition(t(this, f).target + e, s);
+  shiftPosition(value, options) {
+    this.setPosition(__privateGet(this, _damped).target + value, options);
   }
   resize() {
-    if (t(this, jt).current)
+    if (__privateGet(this, _hibernatedCSSProperty).current)
       return;
-    r(this, a, t(this, G).filter(
-      (h) => pi(h.element)
+    __privateSet(this, _visibleSections, __privateGet(this, _sections).filter(
+      (s) => isElementVisible(s.element)
     )), this.style.setProperty(
       "--sections",
-      t(this, a).length.toString()
-    ), t(this, f).unlistenAnimationFrame();
-    const e = this.currentScrollValue / t(this, P) || 0, s = t(this, z).current;
-    if (r(this, ds, this.vertical ? ls(this) : cs(this)), r(this, fs, this.vertical ? ls(t(this, b)) : cs(t(this, b))), r(this, L, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, U, Zs.parse(
-      getComputedStyle(t(this, b)).rowGap
-    )) : r(this, U, Zs.parse(
-      getComputedStyle(t(this, b)).columnGap
-    )), t(this, vt).current && t(this, a).length) {
-      const h = t(this, Q).current, u = (t(this, L) - t(this, U) * (h - 1)) / h;
-      t(this, a).forEach((g) => {
-        g.setSize(u);
+      __privateGet(this, _visibleSections).length.toString()
+    ), __privateGet(this, _damped).unlistenAnimationFrame();
+    const prevProgress = this.currentScrollValue / __privateGet(this, _scrollSize) || 0, prevCounter = __privateGet(this, _counter).current;
+    if (__privateSet(this, _position2, this.vertical ? getCumulativeOffsetTop(this) : getCumulativeOffsetLeft(this)), __privateSet(this, _contentPosition, this.vertical ? getCumulativeOffsetTop(__privateGet(this, _contentElement)) : getCumulativeOffsetLeft(__privateGet(this, _contentElement))), __privateSet(this, _viewportSize, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? __privateSet(this, _gap, cssUnitParser.parse(
+      getComputedStyle(__privateGet(this, _contentElement)).rowGap
+    )) : __privateSet(this, _gap, cssUnitParser.parse(
+      getComputedStyle(__privateGet(this, _contentElement)).columnGap
+    )), __privateGet(this, _autoSizeCSSProperty).current && __privateGet(this, _visibleSections).length) {
+      const ivc = __privateGet(this, _sectionsInViewCSSProperty).current, sectionSize = (__privateGet(this, _viewportSize) - __privateGet(this, _gap) * (ivc - 1)) / ivc;
+      __privateGet(this, _visibleSections).forEach((section) => {
+        section.setSize(sectionSize);
       });
     } else
-      t(this, a).forEach((h) => {
-        h.setSize();
+      __privateGet(this, _visibleSections).forEach((section) => {
+        section.setSize();
       });
-    if (t(this, a).forEach((h) => {
-      h.resize();
-    }), t(this, St).current) {
-      r(this, P, t(this, L) * t(this, St).current);
-      const h = t(this, P) + t(this, L);
-      this.vertical ? (t(this, b).style.width = h + "px", t(this, b).style.height = "100%") : (t(this, b).style.height = h + "px", t(this, b).style.width = "100%");
+    if (__privateGet(this, _visibleSections).forEach((section) => {
+      section.resize();
+    }), __privateGet(this, _pagesCSSProperty).current) {
+      __privateSet(this, _scrollSize, __privateGet(this, _viewportSize) * __privateGet(this, _pagesCSSProperty).current);
+      const contentSize = __privateGet(this, _scrollSize) + __privateGet(this, _viewportSize);
+      this.vertical ? (__privateGet(this, _contentElement).style.width = contentSize + "px", __privateGet(this, _contentElement).style.height = "100%") : (__privateGet(this, _contentElement).style.height = contentSize + "px", __privateGet(this, _contentElement).style.width = "100%");
     } else
-      this.vertical ? (t(this, b).style.width = "100%", t(this, b).style.height = "max-content", r(this, P, t(this, b).offsetHeight - t(this, L))) : (t(this, b).style.width = "max-content", t(this, b).style.height = "100%", r(this, P, t(this, b).offsetWidth - t(this, L)));
-    if (!t(this, V).current) {
-      const h = getComputedStyle(this), u = this.vertical ? parseFloat(h.paddingBlockStart) + parseFloat(h.paddingBlockEnd) : parseFloat(h.paddingInlineStart) + parseFloat(h.paddingInlineEnd);
-      r(this, P, t(this, P) + u), t(this, f).max = t(this, P);
+      this.vertical ? (__privateGet(this, _contentElement).style.width = "100%", __privateGet(this, _contentElement).style.height = "max-content", __privateSet(this, _scrollSize, __privateGet(this, _contentElement).offsetHeight - __privateGet(this, _viewportSize))) : (__privateGet(this, _contentElement).style.width = "max-content", __privateGet(this, _contentElement).style.height = "100%", __privateSet(this, _scrollSize, __privateGet(this, _contentElement).offsetWidth - __privateGet(this, _viewportSize)));
+    if (!__privateGet(this, _loopCSSProperty).current) {
+      const cs = getComputedStyle(this), padding = this.vertical ? parseFloat(cs.paddingBlockStart) + parseFloat(cs.paddingBlockEnd) : parseFloat(cs.paddingInlineStart) + parseFloat(cs.paddingInlineEnd);
+      __privateSet(this, _scrollSize, __privateGet(this, _scrollSize) + padding), __privateGet(this, _damped).max = __privateGet(this, _scrollSize);
     }
-    if (t(this, V).current && t(this, a).length) {
-      const h = t(this, a)[t(this, a).length - 1], u = h.position + h.size - t(this, L), g = t(this, P) - u;
-      r(this, Pt, h.position + h.size + g);
+    if (__privateGet(this, _loopCSSProperty).current && __privateGet(this, _visibleSections).length) {
+      const lastSection = __privateGet(this, _visibleSections)[__privateGet(this, _visibleSections).length - 1], lastSectionMax = lastSection.position + lastSection.size - __privateGet(this, _viewportSize), lastSectionMargin = __privateGet(this, _scrollSize) - lastSectionMax;
+      __privateSet(this, _distance, lastSection.position + lastSection.size + lastSectionMargin);
     } else
-      r(this, Pt, t(this, P));
-    if (t(this, J).current && t(this, a).length) {
-      const h = t(this, a)[s];
-      t(this, f).set(h.position, {
+      __privateSet(this, _distance, __privateGet(this, _scrollSize));
+    if (__privateGet(this, _sectionalCSSProperty).current && __privateGet(this, _visibleSections).length) {
+      const section = __privateGet(this, _visibleSections)[prevCounter];
+      __privateGet(this, _damped).set(section.position, {
         equalize: !0
       });
     } else
-      t(this, f).set(e * t(this, P), {
+      __privateGet(this, _damped).set(prevProgress * __privateGet(this, _scrollSize), {
         equalize: !0
       });
-    r(this, Et, (this.vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth) > t(this, L)), this.classList.toggle("has-overflow", t(this, Et)), t(this, Et) ? t(this, Zt).current || o(this, c, ws).call(this) : o(this, c, Es).call(this), t(this, ms).call(this), st(this, "scrollResize", { custom: !0 }), t(this, f).notify();
+    __privateSet(this, _hasOverflow, (this.vertical ? __privateGet(this, _contentElement).offsetHeight : __privateGet(this, _contentElement).offsetWidth) > __privateGet(this, _viewportSize)), this.classList.toggle("has-overflow", __privateGet(this, _hasOverflow)), __privateGet(this, _hasOverflow) ? __privateGet(this, _disabledCSSProperty).current || __privateMethod(this, _ScrollElement_instances, enable_fn).call(this) : __privateMethod(this, _ScrollElement_instances, disable_fn).call(this), __privateGet(this, _updateMaxSectionsSize).call(this), dispatchEvent(this, "scrollResize", { custom: !0 }), __privateGet(this, _damped).notify();
   }
   connectedCallback() {
-    ce.register(this), r(this, f, new Xs(0, {
+    scrollEntries.register(this), __privateSet(this, _damped, new Damped(0, {
       damping: 0.01,
       min: 0,
-      order: Qs.SCROLL
-    })), this.setAttribute("tabindex", "0"), r(this, it, new yi({ element: t(this, b) })), t(this, it).changeEvent.subscribe(t(this, Ne)), r(this, Qt, new Ci({
+      order: TICK_ORDER.SCROLL
+    })), this.setAttribute("tabindex", "0"), __privateSet(this, _wheelControls, new WheelControls({ element: __privateGet(this, _contentElement) })), __privateGet(this, _wheelControls).changeEvent.subscribe(__privateGet(this, _notAutoplayControlListener)), __privateSet(this, _keyboardControls, new KeyboardControls({
       element: this
-    })), t(this, Qt).changeEvent.subscribe(
-      t(this, Ne)
-    ), r(this, rt, new Pi({
-      element: t(this, b),
+    })), __privateGet(this, _keyboardControls).changeEvent.subscribe(
+      __privateGet(this, _notAutoplayControlListener)
+    ), __privateSet(this, _dragControls, new DragControls({
+      element: __privateGet(this, _contentElement),
       rootElement: this
-    })), t(this, rt).changeEvent.subscribe(t(this, Ne)), r(this, F, new Ei({
+    })), __privateGet(this, _dragControls).changeEvent.subscribe(__privateGet(this, _notAutoplayControlListener)), __privateSet(this, _autoplayControls, new AutoplayControls({
       culling: this
-    })), t(this, F).changeEvent.subscribe(t(this, bs)), t(this, D).subscribe(() => {
-      o(this, c, Is).call(this);
-    }), t(this, Wt).subscribe(() => {
-      o(this, c, Is).call(this);
-    }), t(this, Gt).subscribe((e) => {
-      t(this, it).axis = e.current ? "max" : t(this, D).current;
-    }), t(this, Se).subscribe((e) => {
-      t(this, rt).inertion = typeof e.current == "number" ? e.current : 1;
-    }), t(this, St).subscribe(() => {
-      t(this, A) && t(this, T).call(this);
-    }), t(this, gt).subscribe(({ current: e }) => {
-      t(this, A) && (e ? o(this, c, hs).call(this) : o(this, c, Te).call(this));
-    }), t(this, J).subscribe((e) => {
-      t(this, it).debounce = e.current, t(this, rt).swipe = e.current, t(this, F).interval = e.current, t(this, A) && (e.current && !e.previous && !t(this, a).length ? o(this, c, hs).call(this) : !e.current && e.previous && t(this, a).length && o(this, c, Te).call(this));
-    }), t(this, vt).subscribe((e) => {
-      t(this, A) && (t(this, T).call(this), e.current && !e.previous && !t(this, a).length ? o(this, c, hs).call(this) : !e.current && e.previous && t(this, a).length && o(this, c, Te).call(this));
-    }), t(this, Q).subscribe((e) => {
-      t(this, A) && (t(this, T).call(this), o(this, c, de).call(this));
-    }), t(this, V).subscribe((e) => {
-      e.current ? (t(this, A) && (t(this, a).length || (t(this, gt).current = !0)), t(this, f).max = 1 / 0, t(this, f).min = -1 / 0) : (r(this, He, 0), t(this, f).max = t(this, P), t(this, f).min = 0), this.classList.toggle("loop", !!e.current);
-    }), t(this, ge).subscribe((e) => {
-      t(this, f).damping = e.current;
-    }), t(this, ve).subscribe((e) => {
-      t(this, f).mass = e.current;
-    }), t(this, ye).subscribe((e) => {
-      t(this, f).stiffness = e.current;
-    }), t(this, X).subscribe((e) => {
-      t(this, F).speed = e.current, !t(this, wt) && e.current && !e.previous ? t(this, F).connect() : !e.current && e.previous && t(this, F).disconnect();
-    }), t(this, Ut).subscribe((e) => {
-      e.current || (t(this, F).direction = 1);
-    }), t(this, Y).subscribe((e) => {
-      t(this, A) && o(this, c, de).call(this);
-    }), t(this, yt).subscribe((e) => {
-      t(this, A) && t(this, Y).current && o(this, c, de).call(this);
-    }), t(this, Ct).subscribe((e) => {
-      t(this, A) && t(this, Y).current && o(this, c, de).call(this);
-    }), t(this, we).subscribe((e) => {
-      t(this, A) && t(this, f).notify();
-    }), t(this, f).isRunning.subscribe((e) => {
+    })), __privateGet(this, _autoplayControls).changeEvent.subscribe(__privateGet(this, _controlsListener)), __privateGet(this, _axisCSSProperty).subscribe(() => {
+      __privateMethod(this, _ScrollElement_instances, updateAxis_fn).call(this);
+    }), __privateGet(this, _reverseCSSProperty).subscribe(() => {
+      __privateMethod(this, _ScrollElement_instances, updateAxis_fn).call(this);
+    }), __privateGet(this, _wheelMaxDeltaCSSProperty).subscribe((e) => {
+      __privateGet(this, _wheelControls).axis = e.current ? "max" : __privateGet(this, _axisCSSProperty).current;
+    }), __privateGet(this, _dragInertionCSSProperty).subscribe((e) => {
+      __privateGet(this, _dragControls).inertion = typeof e.current == "number" ? e.current : 1;
+    }), __privateGet(this, _pagesCSSProperty).subscribe(() => {
+      __privateGet(this, _isConnected) && __privateGet(this, _resizeListener).call(this);
+    }), __privateGet(this, _splitCSSProperty).subscribe(({ current }) => {
+      __privateGet(this, _isConnected) && (current ? __privateMethod(this, _ScrollElement_instances, split_fn).call(this) : __privateMethod(this, _ScrollElement_instances, unsplit_fn).call(this));
+    }), __privateGet(this, _sectionalCSSProperty).subscribe((e) => {
+      __privateGet(this, _wheelControls).debounce = e.current, __privateGet(this, _dragControls).swipe = e.current, __privateGet(this, _autoplayControls).interval = e.current, __privateGet(this, _isConnected) && (e.current && !e.previous && !__privateGet(this, _visibleSections).length ? __privateMethod(this, _ScrollElement_instances, split_fn).call(this) : !e.current && e.previous && __privateGet(this, _visibleSections).length && __privateMethod(this, _ScrollElement_instances, unsplit_fn).call(this));
+    }), __privateGet(this, _autoSizeCSSProperty).subscribe((e) => {
+      __privateGet(this, _isConnected) && (__privateGet(this, _resizeListener).call(this), e.current && !e.previous && !__privateGet(this, _visibleSections).length ? __privateMethod(this, _ScrollElement_instances, split_fn).call(this) : !e.current && e.previous && __privateGet(this, _visibleSections).length && __privateMethod(this, _ScrollElement_instances, unsplit_fn).call(this));
+    }), __privateGet(this, _sectionsInViewCSSProperty).subscribe((e) => {
+      __privateGet(this, _isConnected) && (__privateGet(this, _resizeListener).call(this), __privateMethod(this, _ScrollElement_instances, updateMarks_fn).call(this));
+    }), __privateGet(this, _loopCSSProperty).subscribe((e) => {
+      e.current ? (__privateGet(this, _isConnected) && (__privateGet(this, _visibleSections).length || (__privateGet(this, _splitCSSProperty).current = !0)), __privateGet(this, _damped).max = 1 / 0, __privateGet(this, _damped).min = -1 / 0) : (__privateSet(this, _overscroll, 0), __privateGet(this, _damped).max = __privateGet(this, _scrollSize), __privateGet(this, _damped).min = 0), this.classList.toggle("loop", !!e.current);
+    }), __privateGet(this, _dampingCSSProperty).subscribe((e) => {
+      __privateGet(this, _damped).damping = e.current;
+    }), __privateGet(this, _massCSSProperty).subscribe((e) => {
+      __privateGet(this, _damped).mass = e.current;
+    }), __privateGet(this, _stiffnessCSSProperty).subscribe((e) => {
+      __privateGet(this, _damped).stiffness = e.current;
+    }), __privateGet(this, _autoplayCSSProperty).subscribe((e) => {
+      __privateGet(this, _autoplayControls).speed = e.current, !__privateGet(this, _disabled) && e.current && !e.previous ? __privateGet(this, _autoplayControls).connect() : !e.current && e.previous && __privateGet(this, _autoplayControls).disconnect();
+    }), __privateGet(this, _autoplayUserDirectionCSSProperty).subscribe((e) => {
+      e.current || (__privateGet(this, _autoplayControls).direction = 1);
+    }), __privateGet(this, _classesCSSProperty).subscribe((e) => {
+      __privateGet(this, _isConnected) && __privateMethod(this, _ScrollElement_instances, updateMarks_fn).call(this);
+    }), __privateGet(this, _currentIndexStartOffsetCSSProperty).subscribe((e) => {
+      __privateGet(this, _isConnected) && __privateGet(this, _classesCSSProperty).current && __privateMethod(this, _ScrollElement_instances, updateMarks_fn).call(this);
+    }), __privateGet(this, _currentIndexEndOffsetCSSProperty).subscribe((e) => {
+      __privateGet(this, _isConnected) && __privateGet(this, _classesCSSProperty).current && __privateMethod(this, _ScrollElement_instances, updateMarks_fn).call(this);
+    }), __privateGet(this, _shiftSectionPositionCSSProperty).subscribe((e) => {
+      __privateGet(this, _isConnected) && __privateGet(this, _damped).notify();
+    }), __privateGet(this, _damped).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
-    }), t(this, z).subscribe((e) => {
-      t(this, K) || (t(this, a).length && o(this, c, de).call(this), this.style.setProperty("--counter", e.current + ""));
-    }), t(this, Xt).subscribe((e) => {
-      t(this, Xt).isRunning.current && t(this, f).set(e.current, { equalize: !0 });
-    }), t(this, Zt).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("disabled"), o(this, c, Es).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), o(this, c, ws).call(this));
-    }), t(this, jt).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("hibernated"), o(this, c, Ms).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), o(this, c, Fs).call(this));
-    }), t(this, me).observe(), t(this, D).observe(), t(this, Wt).observe(), t(this, mt).observe(), t(this, St).observe(), t(this, gt).observe(), t(this, J).observe(), t(this, Nt).observe(), t(this, qt).observe(), t(this, vt).observe(), t(this, Gt).observe(), t(this, Se).observe(), t(this, Q).observe(), t(this, V).observe(), t(this, ge).observe(), t(this, ve).observe(), t(this, ye).observe(), t(this, Ce).observe(), t(this, De).observe(), t(this, Pe).observe(), t(this, X).observe(), t(this, X).observe(), t(this, Ee).observe(), t(this, Ut).observe(), t(this, Y).observe(), t(this, yt).observe(), t(this, Ct).observe(), t(this, we).observe(), t(this, Kt).observe(), t(this, xe).observe(), t(this, Le).observe(), t(this, Zt).observe(), t(this, jt).observe(), pt.subscribe(t(this, qe), Ls.LAST), t(this, Be).observe(this, { childList: !0 });
+    }), __privateGet(this, _counter).subscribe((e) => {
+      __privateGet(this, _hibernated) || (__privateGet(this, _visibleSections).length && __privateMethod(this, _ScrollElement_instances, updateMarks_fn).call(this), this.style.setProperty("--counter", e.current + ""));
+    }), __privateGet(this, _setTween).subscribe((e) => {
+      __privateGet(this, _setTween).isRunning.current && __privateGet(this, _damped).set(e.current, { equalize: !0 });
+    }), __privateGet(this, _disabledCSSProperty).subscribe((e) => {
+      e.current && !e.previous ? (this.classList.add("disabled"), __privateMethod(this, _ScrollElement_instances, disable_fn).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), __privateMethod(this, _ScrollElement_instances, enable_fn).call(this));
+    }), __privateGet(this, _hibernatedCSSProperty).subscribe((e) => {
+      e.current && !e.previous ? (this.classList.add("hibernated"), __privateMethod(this, _ScrollElement_instances, hibernate_fn).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), __privateMethod(this, _ScrollElement_instances, awake_fn).call(this));
+    }), __privateGet(this, _controlsCSSProperty).observe(), __privateGet(this, _axisCSSProperty).observe(), __privateGet(this, _reverseCSSProperty).observe(), __privateGet(this, _directionCSSProperty).observe(), __privateGet(this, _pagesCSSProperty).observe(), __privateGet(this, _splitCSSProperty).observe(), __privateGet(this, _sectionalCSSProperty).observe(), __privateGet(this, _easingCSSProperty).observe(), __privateGet(this, _durationCSSProperty).observe(), __privateGet(this, _autoSizeCSSProperty).observe(), __privateGet(this, _wheelMaxDeltaCSSProperty).observe(), __privateGet(this, _dragInertionCSSProperty).observe(), __privateGet(this, _sectionsInViewCSSProperty).observe(), __privateGet(this, _loopCSSProperty).observe(), __privateGet(this, _dampingCSSProperty).observe(), __privateGet(this, _massCSSProperty).observe(), __privateGet(this, _stiffnessCSSProperty).observe(), __privateGet(this, _mouseDragCSSProperty).observe(), __privateGet(this, _sectionDistanceScaleCSSProperty).observe(), __privateGet(this, _startSectionCSSProperty).observe(), __privateGet(this, _autoplayCSSProperty).observe(), __privateGet(this, _autoplayCSSProperty).observe(), __privateGet(this, _autoplayPauseDurationCSSProperty).observe(), __privateGet(this, _autoplayUserDirectionCSSProperty).observe(), __privateGet(this, _classesCSSProperty).observe(), __privateGet(this, _currentIndexStartOffsetCSSProperty).observe(), __privateGet(this, _currentIndexEndOffsetCSSProperty).observe(), __privateGet(this, _shiftSectionPositionCSSProperty).observe(), __privateGet(this, _focusDelayCSSProperty).observe(), __privateGet(this, _focusDurationCSSProperty).observe(), __privateGet(this, _shiftLimitCSSProperty).observe(), __privateGet(this, _disabledCSSProperty).observe(), __privateGet(this, _hibernatedCSSProperty).observe(), windowResizer.subscribe(__privateGet(this, _connectListener), RESIZE_ORDER.LAST), __privateGet(this, _mutationObserver).observe(this, { childList: !0 });
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, me).unobserve(), t(this, D).unobserve(), t(this, Wt).unobserve(), t(this, mt).unobserve(), t(this, St).unobserve(), t(this, gt).unobserve(), t(this, J).unobserve(), t(this, Nt).unobserve(), t(this, qt).unobserve(), t(this, vt).unobserve(), t(this, Gt).unobserve(), t(this, Se).unobserve(), t(this, Q).unobserve(), t(this, V).unobserve(), t(this, ge).unobserve(), t(this, ve).unobserve(), t(this, ye).unobserve(), t(this, Ce).unobserve(), t(this, De).unobserve(), t(this, Pe).unobserve(), t(this, X).unobserve(), t(this, Ee).unobserve(), t(this, Ut).unobserve(), t(this, Y).unobserve(), t(this, yt).unobserve(), t(this, Ct).unobserve(), t(this, we).unobserve(), t(this, Kt).unobserve(), t(this, xe).unobserve(), t(this, Le).unobserve(), t(this, Zt).unobserve(), t(this, jt).unobserve(), pt.unsubscribe(t(this, qe)), pt.unsubscribe(t(this, T)), os.unsubscribe(t(this, T)), o(this, c, Ms).call(this), t(this, Be).disconnect();
-  }
-}
-f = new WeakMap(), me = new WeakMap(), D = new WeakMap(), Wt = new WeakMap(), mt = new WeakMap(), St = new WeakMap(), gt = new WeakMap(), J = new WeakMap(), Nt = new WeakMap(), qt = new WeakMap(), vt = new WeakMap(), Gt = new WeakMap(), Se = new WeakMap(), Q = new WeakMap(), V = new WeakMap(), ge = new WeakMap(), ve = new WeakMap(), ye = new WeakMap(), Ce = new WeakMap(), De = new WeakMap(), Pe = new WeakMap(), X = new WeakMap(), Ee = new WeakMap(), Ut = new WeakMap(), Y = new WeakMap(), yt = new WeakMap(), Ct = new WeakMap(), we = new WeakMap(), Kt = new WeakMap(), xe = new WeakMap(), Le = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), b = new WeakMap(), Oe = new WeakMap(), G = new WeakMap(), a = new WeakMap(), ds = new WeakMap(), fs = new WeakMap(), L = new WeakMap(), P = new WeakMap(), U = new WeakMap(), it = new WeakMap(), Qt = new WeakMap(), rt = new WeakMap(), F = new WeakMap(), z = new WeakMap(), He = new WeakMap(), Pt = new WeakMap(), Et = new WeakMap(), wt = new WeakMap(), K = new WeakMap(), $e = new WeakMap(), xt = new WeakMap(), Xt = new WeakMap(), Lt = new WeakMap(), ht = new WeakMap(), A = new WeakMap(), Be = new WeakMap(), kt = new WeakMap(), ke = new WeakMap(), We = new WeakMap(), c = new WeakSet(), Is = function() {
-  const e = t(this, D).current, s = t(this, Wt).current ? "-reverse" : "";
-  t(this, b).style.flexDirection = e === "x" ? `row${s}` : `column${s}`, t(this, it).axis = t(this, Gt).current ? "max" : e, t(this, Qt).dimension = e === "x" ? "width" : "height", t(this, rt).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, A) && t(this, T).call(this);
-}, hs = function() {
-  o(this, c, Te).call(this), t(this, Oe).assignedElements().forEach((e, s) => {
-    e instanceof HTMLElement && e.tagName !== "SCRIPT" && t(this, G).push(new ki(e, s, this));
-  }), r(this, a, [...t(this, G)]), t(this, b).style.transform = "", st(this, "scrollSectionsChange", {
+    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), __privateGet(this, _controlsCSSProperty).unobserve(), __privateGet(this, _axisCSSProperty).unobserve(), __privateGet(this, _reverseCSSProperty).unobserve(), __privateGet(this, _directionCSSProperty).unobserve(), __privateGet(this, _pagesCSSProperty).unobserve(), __privateGet(this, _splitCSSProperty).unobserve(), __privateGet(this, _sectionalCSSProperty).unobserve(), __privateGet(this, _easingCSSProperty).unobserve(), __privateGet(this, _durationCSSProperty).unobserve(), __privateGet(this, _autoSizeCSSProperty).unobserve(), __privateGet(this, _wheelMaxDeltaCSSProperty).unobserve(), __privateGet(this, _dragInertionCSSProperty).unobserve(), __privateGet(this, _sectionsInViewCSSProperty).unobserve(), __privateGet(this, _loopCSSProperty).unobserve(), __privateGet(this, _dampingCSSProperty).unobserve(), __privateGet(this, _massCSSProperty).unobserve(), __privateGet(this, _stiffnessCSSProperty).unobserve(), __privateGet(this, _mouseDragCSSProperty).unobserve(), __privateGet(this, _sectionDistanceScaleCSSProperty).unobserve(), __privateGet(this, _startSectionCSSProperty).unobserve(), __privateGet(this, _autoplayCSSProperty).unobserve(), __privateGet(this, _autoplayPauseDurationCSSProperty).unobserve(), __privateGet(this, _autoplayUserDirectionCSSProperty).unobserve(), __privateGet(this, _classesCSSProperty).unobserve(), __privateGet(this, _currentIndexStartOffsetCSSProperty).unobserve(), __privateGet(this, _currentIndexEndOffsetCSSProperty).unobserve(), __privateGet(this, _shiftSectionPositionCSSProperty).unobserve(), __privateGet(this, _focusDelayCSSProperty).unobserve(), __privateGet(this, _focusDurationCSSProperty).unobserve(), __privateGet(this, _shiftLimitCSSProperty).unobserve(), __privateGet(this, _disabledCSSProperty).unobserve(), __privateGet(this, _hibernatedCSSProperty).unobserve(), windowResizer.unsubscribe(__privateGet(this, _connectListener)), windowResizer.unsubscribe(__privateGet(this, _resizeListener)), elementResizer.unsubscribe(__privateGet(this, _resizeListener)), __privateMethod(this, _ScrollElement_instances, hibernate_fn).call(this), __privateGet(this, _mutationObserver).disconnect();
+  }
+};
+_damped = new WeakMap(), _controlsCSSProperty = new WeakMap(), _axisCSSProperty = new WeakMap(), _reverseCSSProperty = new WeakMap(), _directionCSSProperty = new WeakMap(), _pagesCSSProperty = new WeakMap(), _splitCSSProperty = new WeakMap(), _sectionalCSSProperty = new WeakMap(), _easingCSSProperty = new WeakMap(), _durationCSSProperty = new WeakMap(), _autoSizeCSSProperty = new WeakMap(), _wheelMaxDeltaCSSProperty = new WeakMap(), _dragInertionCSSProperty = new WeakMap(), _sectionsInViewCSSProperty = new WeakMap(), _loopCSSProperty = new WeakMap(), _dampingCSSProperty = new WeakMap(), _massCSSProperty = new WeakMap(), _stiffnessCSSProperty = new WeakMap(), _mouseDragCSSProperty = new WeakMap(), _sectionDistanceScaleCSSProperty = new WeakMap(), _startSectionCSSProperty = new WeakMap(), _autoplayCSSProperty = new WeakMap(), _autoplayPauseDurationCSSProperty = new WeakMap(), _autoplayUserDirectionCSSProperty = new WeakMap(), _classesCSSProperty = new WeakMap(), _currentIndexStartOffsetCSSProperty = new WeakMap(), _currentIndexEndOffsetCSSProperty = new WeakMap(), _shiftSectionPositionCSSProperty = new WeakMap(), _focusDelayCSSProperty = new WeakMap(), _focusDurationCSSProperty = new WeakMap(), _shiftLimitCSSProperty = new WeakMap(), _disabledCSSProperty = new WeakMap(), _hibernatedCSSProperty = new WeakMap(), _contentWrapperElement = new WeakMap(), _contentElement = new WeakMap(), _slotElement = new WeakMap(), _sections = new WeakMap(), _visibleSections = new WeakMap(), _position2 = new WeakMap(), _contentPosition = new WeakMap(), _viewportSize = new WeakMap(), _scrollSize = new WeakMap(), _gap = new WeakMap(), _wheelControls = new WeakMap(), _keyboardControls = new WeakMap(), _dragControls = new WeakMap(), _autoplayControls = new WeakMap(), _counter = new WeakMap(), _overscroll = new WeakMap(), _distance = new WeakMap(), _hasOverflow = new WeakMap(), _disabled = new WeakMap(), _hibernated = new WeakMap(), _focusTimeoutId = new WeakMap(), _tweenTimeoutId = new WeakMap(), _setTween = new WeakMap(), _isGrabbing = new WeakMap(), _scrollLine = new WeakMap(), _isConnected = new WeakMap(), _mutationObserver = new WeakMap(), _currentSections = new WeakMap(), _skipNextResize = new WeakMap(), _maxSectionSizeTimeoutId = new WeakMap(), _ScrollElement_instances = new WeakSet(), updateAxis_fn = /* @__PURE__ */ __name(function() {
+  const axis = __privateGet(this, _axisCSSProperty).current, reverse = __privateGet(this, _reverseCSSProperty).current ? "-reverse" : "";
+  __privateGet(this, _contentElement).style.flexDirection = axis === "x" ? `row${reverse}` : `column${reverse}`, __privateGet(this, _wheelControls).axis = __privateGet(this, _wheelMaxDeltaCSSProperty).current ? "max" : axis, __privateGet(this, _keyboardControls).dimension = axis === "x" ? "width" : "height", __privateGet(this, _dragControls).axis = axis, axis === "x" ? this.style.touchAction = "pan-y" : axis === "y" && (this.style.touchAction = "pan-x"), __privateGet(this, _isConnected) && __privateGet(this, _resizeListener).call(this);
+}, "#updateAxis"), split_fn = /* @__PURE__ */ __name(function() {
+  __privateMethod(this, _ScrollElement_instances, unsplit_fn).call(this), __privateGet(this, _slotElement).assignedElements().forEach((element, i) => {
+    element instanceof HTMLElement && element.tagName !== "SCRIPT" && __privateGet(this, _sections).push(new ScrollSection(element, i, this));
+  }), __privateSet(this, _visibleSections, [...__privateGet(this, _sections)]), __privateGet(this, _contentElement).style.transform = "", dispatchEvent(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
-  }), t(this, T).call(this), o(this, c, de).call(this);
-}, Te = function() {
-  t(this, G).forEach((e) => {
-    e.destroy();
-  }), r(this, G, []), r(this, a, []), t(this, z).reset(), t(this, f).reset(), this.style.removeProperty("--max-section-size"), st(this, "scrollSectionsChange", {
+  }), __privateGet(this, _resizeListener).call(this), __privateMethod(this, _ScrollElement_instances, updateMarks_fn).call(this);
+}, "#split"), unsplit_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _sections).forEach((section) => {
+    section.destroy();
+  }), __privateSet(this, _sections, []), __privateSet(this, _visibleSections, []), __privateGet(this, _counter).reset(), __privateGet(this, _damped).reset(), this.style.removeProperty("--max-section-size"), dispatchEvent(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
-}, Es = function() {
-  t(this, wt) || (r(this, wt, !0), t(this, f).unsubscribe(t(this, ps)), t(this, f).unlistenAnimationFrame(), clearInterval(t(this, $e)), clearInterval(t(this, xt)), t(this, Xt).unlistenAnimationFrame(), t(this, it).disconnect(), t(this, Qt).disconnect(), t(this, rt).disconnect(), t(this, F).disconnect(), t(this, Et) || (this.sections.forEach((e) => {
-    e.unsetTransform();
-  }), t(this, T).call(this)));
-}, ws = function() {
-  t(this, wt) && (r(this, wt, !1), t(this, f).subscribe(t(this, ps), -1e4), t(this, f).notify(), t(this, it).connect(), t(this, Qt).connect(), t(this, rt).connect(), t(this, X).current && t(this, F).connect());
-}, Ms = function() {
-  t(this, K) || (r(this, K, !0), clearTimeout(t(this, We)), pt.unsubscribe(t(this, T)), o(this, c, Es).call(this), t(this, b).style.transform = "", t(this, b).style.height = "", t(this, b).style.width = "", this.classList.remove("has-overflow", "start", "end"), this.style.removeProperty("--counter"), t(this, G).length ? o(this, c, Te).call(this) : (t(this, z).reset(), t(this, f).reset()), ce.unregister(this));
-}, Fs = function() {
-  t(this, K) && (r(this, K, !1), ce.register(this), this.tryResplit(), o(this, c, ws).call(this), this.scrollToSection(t(this, Pe).current, {
+}, "#unsplit"), disable_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _disabled) || (__privateSet(this, _disabled, !0), __privateGet(this, _damped).unsubscribe(__privateGet(this, _animatedChangeListener)), __privateGet(this, _damped).unlistenAnimationFrame(), clearInterval(__privateGet(this, _focusTimeoutId)), clearInterval(__privateGet(this, _tweenTimeoutId)), __privateGet(this, _setTween).unlistenAnimationFrame(), __privateGet(this, _wheelControls).disconnect(), __privateGet(this, _keyboardControls).disconnect(), __privateGet(this, _dragControls).disconnect(), __privateGet(this, _autoplayControls).disconnect(), __privateGet(this, _hasOverflow) || (this.sections.forEach((section) => {
+    section.unsetTransform();
+  }), __privateGet(this, _resizeListener).call(this)));
+}, "#disable"), enable_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _disabled) && (__privateSet(this, _disabled, !1), __privateGet(this, _damped).subscribe(__privateGet(this, _animatedChangeListener), -1e4), __privateGet(this, _damped).notify(), __privateGet(this, _wheelControls).connect(), __privateGet(this, _keyboardControls).connect(), __privateGet(this, _dragControls).connect(), __privateGet(this, _autoplayCSSProperty).current && __privateGet(this, _autoplayControls).connect());
+}, "#enable"), hibernate_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _hibernated) || (__privateSet(this, _hibernated, !0), clearTimeout(__privateGet(this, _maxSectionSizeTimeoutId)), windowResizer.unsubscribe(__privateGet(this, _resizeListener)), __privateMethod(this, _ScrollElement_instances, disable_fn).call(this), __privateGet(this, _contentElement).style.transform = "", __privateGet(this, _contentElement).style.height = "", __privateGet(this, _contentElement).style.width = "", this.classList.remove("has-overflow", "start", "end"), this.style.removeProperty("--counter"), __privateGet(this, _sections).length ? __privateMethod(this, _ScrollElement_instances, unsplit_fn).call(this) : (__privateGet(this, _counter).reset(), __privateGet(this, _damped).reset()), scrollEntries.unregister(this));
+}, "#hibernate"), awake_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _hibernated) && (__privateSet(this, _hibernated, !1), scrollEntries.register(this), this.tryResplit(), __privateMethod(this, _ScrollElement_instances, enable_fn).call(this), this.scrollToSection(__privateGet(this, _startSectionCSSProperty).current, {
     behaviour: "instant"
-  }), pt.subscribe(t(this, T), Ls.SCROLL));
-}, T = new WeakMap(), ps = new WeakMap(), Ys = function(e) {
-  let s = t(this, z).current;
-  return t(this, V).current ? s = gi(e, t(this, a).length) : s = js(e, 0, this.limit), s;
-}, Ne = new WeakMap(), bs = new WeakMap(), Ts = function(e = 1) {
-  t(this, Ut).current && (t(this, F).direction = e), t(this, X).current && t(this, F).pauseAndContinue(
-    t(this, Ee).current,
+  }), windowResizer.subscribe(__privateGet(this, _resizeListener), RESIZE_ORDER.SCROLL));
+}, "#awake"), _resizeListener = new WeakMap(), _animatedChangeListener = new WeakMap(), clampCounter_fn = /* @__PURE__ */ __name(function(value) {
+  let counter = __privateGet(this, _counter).current;
+  return __privateGet(this, _loopCSSProperty).current ? counter = loopNumber(value, __privateGet(this, _visibleSections).length) : counter = clamp(value, 0, this.limit), counter;
+}, "#clampCounter"), _notAutoplayControlListener = new WeakMap(), _controlsListener = new WeakMap(), processAutoplay_fn = /* @__PURE__ */ __name(function(direction = 1) {
+  __privateGet(this, _autoplayUserDirectionCSSProperty).current && (__privateGet(this, _autoplayControls).direction = direction), __privateGet(this, _autoplayCSSProperty).current && __privateGet(this, _autoplayControls).pauseAndContinue(
+    __privateGet(this, _autoplayPauseDurationCSSProperty).current,
     this.sectionalCSSProperty.current
   );
-}, Rs = function(e = "current") {
-  if (t(this, V).current && t(this, a).length) {
-    const s = Math.floor(t(this, f)[e]) % Math.floor(t(this, P) + t(this, L) + t(this, U));
-    return s < 0 ? t(this, P) + s + t(this, L) + t(this, U) : s;
+}, "#processAutoplay"), getScrollValue_fn = /* @__PURE__ */ __name(function(type = "current") {
+  if (__privateGet(this, _loopCSSProperty).current && __privateGet(this, _visibleSections).length) {
+    const mod = Math.floor(__privateGet(this, _damped)[type]) % Math.floor(__privateGet(this, _scrollSize) + __privateGet(this, _viewportSize) + __privateGet(this, _gap));
+    return mod < 0 ? __privateGet(this, _scrollSize) + mod + __privateGet(this, _viewportSize) + __privateGet(this, _gap) : mod;
   } else
-    return t(this, f)[e];
-}, de = function() {
-  if (t(this, a).length) {
-    const e = t(this, z).current + t(this, yt).current;
-    if (e === t(this, yt).current ? r(this, ht, "start") : e === this.limit ? r(this, ht, "end") : r(this, ht, null), st(this, "scrollLine", {
-      detail: { line: t(this, ht) }
-    }), t(this, Y).current) {
-      this.classList.remove("end", "start"), t(this, ht) && this.classList.add(t(this, ht));
-      const s = t(this, Q).current + t(this, Ct).current;
-      r(this, kt, []), t(this, a).forEach((h, u) => {
-        h.setCurrentIndex(null), h.setCurrentIndexArc(null), h.setCurrentIndexArcAbs(null), h.setMiddle(!1);
-        const g = e - this.limit - 1 + t(this, Ct).current, v = e + s, C = this.sections.length - v;
-        u >= e && u < v || u <= g ? (h.setMark("current"), t(this, kt).push(h)) : u >= v && u < v + C / 2 || u <= g + s ? h.setMark("next") : h.setMark("previous");
-      }), t(this, ms).call(this);
+    return __privateGet(this, _damped)[type];
+}, "#getScrollValue"), updateMarks_fn = /* @__PURE__ */ __name(function() {
+  if (__privateGet(this, _visibleSections).length) {
+    const counter = __privateGet(this, _counter).current + __privateGet(this, _currentIndexStartOffsetCSSProperty).current;
+    if (counter === __privateGet(this, _currentIndexStartOffsetCSSProperty).current ? __privateSet(this, _scrollLine, "start") : counter === this.limit ? __privateSet(this, _scrollLine, "end") : __privateSet(this, _scrollLine, null), dispatchEvent(this, "scrollLine", {
+      detail: { line: __privateGet(this, _scrollLine) }
+    }), __privateGet(this, _classesCSSProperty).current) {
+      this.classList.remove("end", "start"), __privateGet(this, _scrollLine) && this.classList.add(__privateGet(this, _scrollLine));
+      const sectionsInView = __privateGet(this, _sectionsInViewCSSProperty).current + __privateGet(this, _currentIndexEndOffsetCSSProperty).current;
+      __privateSet(this, _currentSections, []), __privateGet(this, _visibleSections).forEach((section, index) => {
+        section.setCurrentIndex(null), section.setCurrentIndexArc(null), section.setCurrentIndexArcAbs(null), section.setMiddle(!1);
+        const overflow = counter - this.limit - 1 + __privateGet(this, _currentIndexEndOffsetCSSProperty).current, currentRange = counter + sectionsInView, vv = this.sections.length - currentRange;
+        index >= counter && index < currentRange || index <= overflow ? (section.setMark("current"), __privateGet(this, _currentSections).push(section)) : index >= currentRange && index < currentRange + vv / 2 || index <= overflow + sectionsInView ? section.setMark("next") : section.setMark("previous");
+      }), __privateGet(this, _updateMaxSectionsSize).call(this);
     }
   }
-}, _s = function() {
-  if (t(this, Y).current) {
-    const e = Math.floor(t(this, kt).length / 2);
-    t(this, kt).sort((s, h) => s.element.getBoundingClientRect().left - h.element.getBoundingClientRect().left), t(this, kt).forEach((s, h) => {
-      const u = h - e;
-      s.setCurrentIndex(h), s.setCurrentIndexArc(u), s.setCurrentIndexArcAbs(Math.abs(u)), s.setMiddle(h === e);
-    }), t(this, a).forEach((s, h) => {
-      s.setOffsetIndex(
-        h - (t(this, z).current + t(this, Q).current)
+}, "#updateMarks"), updateIndexes_fn = /* @__PURE__ */ __name(function() {
+  if (__privateGet(this, _classesCSSProperty).current) {
+    const middle = Math.floor(__privateGet(this, _currentSections).length / 2);
+    __privateGet(this, _currentSections).sort((a, b) => a.element.getBoundingClientRect().left - b.element.getBoundingClientRect().left), __privateGet(this, _currentSections).forEach((section, i) => {
+      const arcIndex = i - middle;
+      section.setCurrentIndex(i), section.setCurrentIndexArc(arcIndex), section.setCurrentIndexArcAbs(Math.abs(arcIndex)), section.setMiddle(i === middle);
+    }), __privateGet(this, _visibleSections).forEach((section, i) => {
+      section.setOffsetIndex(
+        i - (__privateGet(this, _counter).current + __privateGet(this, _sectionsInViewCSSProperty).current)
       );
     });
   }
-}, ms = new WeakMap(), ns = function(e = !1) {
-  let s = this.targetScrollValue, h = 1 / 0, u = 0;
-  const g = t(this, f).direction;
-  for (let v = 0; v < t(this, a).length; v++) {
-    const C = t(this, a)[v];
-    let ue = t(this, Lt) ? C.size * g * -1 * 0.4 : 0, Me = C.position;
-    this.overscroll && Me === 0 && e && (Me = t(this, Pt));
-    let rs = Math.abs(Me + ue - s);
-    rs <= h && (h = rs, u = v);
-  }
-  return u;
-}, qe = new WeakMap();
-q && !customElements.get("e-scroll") && customElements.define("e-scroll", As);
-var Ss;
-class is extends HTMLElement {
+}, "#updateIndexes"), _updateMaxSectionsSize = new WeakMap(), getNearestSectionIndex_fn = /* @__PURE__ */ __name(function(NAMEIT = !1) {
+  let scrollValue = this.targetScrollValue, minDiff = 1 / 0, nearestIndex = 0;
+  const dir = __privateGet(this, _damped).direction;
+  for (let i = 0; i < __privateGet(this, _visibleSections).length; i++) {
+    const section = __privateGet(this, _visibleSections)[i];
+    let offset = __privateGet(this, _isGrabbing) ? section.size * dir * -1 * 0.4 : 0, position = section.position;
+    this.overscroll && position === 0 && NAMEIT && (position = __privateGet(this, _distance));
+    let diff = Math.abs(position + offset - scrollValue);
+    diff <= minDiff && (minDiff = diff, nearestIndex = i);
+  }
+  return nearestIndex;
+}, "#getNearestSectionIndex"), _connectListener = new WeakMap(), __name(_ScrollElement, "ScrollElement");
+let ScrollElement = _ScrollElement;
+isBrowser && !customElements.get("e-scroll") && customElements.define("e-scroll", ScrollElement);
+var _scrollElement2;
+const _ScrollUserElement = class _ScrollUserElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    i(this, Ss, null);
+    __privateAdd(this, _scrollElement2, null);
   }
   get scrollElement() {
-    return t(this, Ss);
+    return __privateGet(this, _scrollElement2);
   }
   connectedCallback() {
-    const e = Li(this, As);
-    e instanceof As ? r(this, Ss, e) : console.error(this, "e-scroll not found");
+    const scrollElement = findParentElement(this, ScrollElement);
+    scrollElement instanceof ScrollElement ? __privateSet(this, _scrollElement2, scrollElement) : console.error(this, "e-scroll not found");
   }
-}
-Ss = new WeakMap();
-var Yt, O, Vt, zt, Ge, Ue, _t, Ke, gs, vs;
-class zi extends is {
+};
+_scrollElement2 = new WeakMap(), __name(_ScrollUserElement, "ScrollUserElement");
+let ScrollUserElement = _ScrollUserElement;
+var _slotElement2, _thumbElement, _isHorisontal, _thumbSize, _thumbScrollSize, _position3, _resizeListener2, _scrollListener, _axisListener, _grabListener;
+const _ScrollScrollbarElement = class _ScrollScrollbarElement extends ScrollUserElement {
   constructor() {
     super();
-    i(this, Yt, null);
-    i(this, O, null);
-    i(this, Vt, !1);
-    i(this, zt, 0);
-    i(this, Ge, 0);
-    i(this, Ue, 0);
-    i(this, _t, () => {
-      r(this, Vt, this.offsetWidth > this.offsetHeight);
-      const e = t(this, Vt) ? this.offsetWidth : this.offsetHeight;
-      r(this, zt, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), r(this, zt, Math.max(t(this, zt), 30)), t(this, Vt) ? (t(this, O).style.width = t(this, zt) + "px", t(this, O).style.height = "100%") : (t(this, O).style.width = "100%", t(this, O).style.height = t(this, zt) + "px"), r(this, Ge, e - t(this, zt)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Ke).call(this);
-    });
-    i(this, Ke, () => {
-      r(this, Ue, this.scrollElement.currentProgress * t(this, Ge)), t(this, Vt) ? t(this, O).style.transform = `translate3d(${t(this, Ue)}px, 0px, 0px)` : t(this, O).style.transform = `translate3d(0px, ${t(this, Ue)}px, 0px)`;
-    });
-    i(this, gs, () => {
+    __privateAdd(this, _slotElement2, null);
+    __privateAdd(this, _thumbElement, null);
+    __privateAdd(this, _isHorisontal, !1);
+    __privateAdd(this, _thumbSize, 0);
+    __privateAdd(this, _thumbScrollSize, 0);
+    __privateAdd(this, _position3, 0);
+    __privateAdd(this, _resizeListener2, /* @__PURE__ */ __name(() => {
+      __privateSet(this, _isHorisontal, this.offsetWidth > this.offsetHeight);
+      const barSize = __privateGet(this, _isHorisontal) ? this.offsetWidth : this.offsetHeight;
+      __privateSet(this, _thumbSize, barSize / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / barSize)), __privateSet(this, _thumbSize, Math.max(__privateGet(this, _thumbSize), 30)), __privateGet(this, _isHorisontal) ? (__privateGet(this, _thumbElement).style.width = __privateGet(this, _thumbSize) + "px", __privateGet(this, _thumbElement).style.height = "100%") : (__privateGet(this, _thumbElement).style.width = "100%", __privateGet(this, _thumbElement).style.height = __privateGet(this, _thumbSize) + "px"), __privateSet(this, _thumbScrollSize, barSize - __privateGet(this, _thumbSize)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", __privateGet(this, _scrollListener).call(this);
+    }, "#resizeListener"));
+    __privateAdd(this, _scrollListener, /* @__PURE__ */ __name(() => {
+      __privateSet(this, _position3, this.scrollElement.currentProgress * __privateGet(this, _thumbScrollSize)), __privateGet(this, _isHorisontal) ? __privateGet(this, _thumbElement).style.transform = `translate3d(${__privateGet(this, _position3)}px, 0px, 0px)` : __privateGet(this, _thumbElement).style.transform = `translate3d(0px, ${__privateGet(this, _position3)}px, 0px)`;
+    }, "#scrollListener"));
+    __privateAdd(this, _axisListener, /* @__PURE__ */ __name(() => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
-    });
-    i(this, vs, (e) => {
-      xi((u) => {
-        const g = t(this, Vt) ? u.x : u.y, v = this.scrollElement.distance / t(this, Ge), C = (g - h) * v;
-        this.scrollElement.setPosition(s + C);
+    }, "#axisListener"));
+    __privateAdd(this, _grabListener, /* @__PURE__ */ __name((grabEvent) => {
+      setupDrag((moveEvent) => {
+        const moveCursor = __privateGet(this, _isHorisontal) ? moveEvent.x : moveEvent.y, mult = this.scrollElement.distance / __privateGet(this, _thumbScrollSize), delta = (moveCursor - grabCursor) * mult;
+        this.scrollElement.setPosition(startValue + delta);
       });
-      const s = this.scrollElement.damped.target, h = t(this, Vt) ? e.x : e.y;
-    });
-    if (q) {
-      const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [
-        Js({
+      const startValue = this.scrollElement.damped.target, grabCursor = __privateGet(this, _isHorisontal) ? grabEvent.x : grabEvent.y;
+    }, "#grabListener"));
+    if (isBrowser) {
+      const shadow = this.attachShadow({ mode: "open" });
+      shadow.adoptedStyleSheets = [
+        createStylesheet({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -873,562 +877,569 @@ class zi extends is {
             touchAction: "none"
           }
         })
-      ], r(this, Yt, document.createElement("slot")), t(this, Yt).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, Yt));
+      ], __privateSet(this, _slotElement2, document.createElement("slot")), __privateGet(this, _slotElement2).innerHTML = '<div class="default-thumb"></div>', shadow.appendChild(__privateGet(this, _slotElement2));
     }
   }
   get thumbElement() {
-    return t(this, O);
+    return __privateGet(this, _thumbElement);
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
-    const e = t(this, Yt).assignedElements()[0] || t(this, Yt).firstElementChild;
-    r(this, O, e), t(this, O).addEventListener("pointerdown", t(this, vs)), pt.subscribe(t(this, _t), Ls.SCROLL), os.subscribe(this, t(this, _t)), os.subscribe(this.scrollElement, t(this, _t)), this.scrollElement.onScroll(t(this, Ke)), this.scrollElement.axisCSSProperty.subscribe(t(this, gs));
+    const slottedThumb = __privateGet(this, _slotElement2).assignedElements()[0] || __privateGet(this, _slotElement2).firstElementChild;
+    __privateSet(this, _thumbElement, slottedThumb), __privateGet(this, _thumbElement).addEventListener("pointerdown", __privateGet(this, _grabListener)), windowResizer.subscribe(__privateGet(this, _resizeListener2), RESIZE_ORDER.SCROLL), elementResizer.subscribe(this, __privateGet(this, _resizeListener2)), elementResizer.subscribe(this.scrollElement, __privateGet(this, _resizeListener2)), this.scrollElement.onScroll(__privateGet(this, _scrollListener)), this.scrollElement.axisCSSProperty.subscribe(__privateGet(this, _axisListener));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, O).removeEventListener("pointerdown", t(this, vs)), pt.unsubscribe(t(this, _t)), os.unsubscribe(t(this, _t)), this.scrollElement.offScroll(t(this, Ke)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, gs));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", __privateGet(this, _thumbElement).removeEventListener("pointerdown", __privateGet(this, _grabListener)), windowResizer.unsubscribe(__privateGet(this, _resizeListener2)), elementResizer.unsubscribe(__privateGet(this, _resizeListener2)), this.scrollElement.offScroll(__privateGet(this, _scrollListener)), this.scrollElement.axisCSSProperty.unsubscribe(__privateGet(this, _axisListener));
   }
-}
-Yt = new WeakMap(), O = new WeakMap(), Vt = new WeakMap(), zt = new WeakMap(), Ge = new WeakMap(), Ue = new WeakMap(), _t = new WeakMap(), Ke = new WeakMap(), gs = new WeakMap(), vs = new WeakMap();
-q && !customElements.get("e-scroll-scrollbar") && customElements.define("e-scroll-scrollbar", zi);
-var Ze, je, Je;
-class Bs extends is {
+};
+_slotElement2 = new WeakMap(), _thumbElement = new WeakMap(), _isHorisontal = new WeakMap(), _thumbSize = new WeakMap(), _thumbScrollSize = new WeakMap(), _position3 = new WeakMap(), _resizeListener2 = new WeakMap(), _scrollListener = new WeakMap(), _axisListener = new WeakMap(), _grabListener = new WeakMap(), __name(_ScrollScrollbarElement, "ScrollScrollbarElement");
+let ScrollScrollbarElement = _ScrollScrollbarElement;
+isBrowser && !customElements.get("e-scroll-scrollbar") && customElements.define("e-scroll-scrollbar", ScrollScrollbarElement);
+var _behaviour, _easing, _duration;
+const _ScrollButtonElement = class _ScrollButtonElement extends ScrollUserElement {
   constructor() {
     super();
-    i(this, Ze, new l(this, "--behaviour", "smooth"));
-    i(this, je, new l(
+    __privateAdd(this, _behaviour, new CSSProperty(this, "--behaviour", "smooth"));
+    __privateAdd(this, _easing, new CSSProperty(
       this,
       "--tween-easing",
       !1
     ));
-    i(this, Je, new l(this, "--tween-duration", 0));
-    q && this.addEventListener("click", () => {
-      const e = t(this, Ze).current, s = t(this, je).current, h = t(this, Je).current;
+    __privateAdd(this, _duration, new CSSProperty(this, "--tween-duration", 0));
+    isBrowser && this.addEventListener("click", () => {
+      const behaviour = __privateGet(this, _behaviour).current, easing = __privateGet(this, _easing).current, duration = __privateGet(this, _duration).current;
       this.handleClick({
-        behaviour: e,
-        tween: s || h ? { easing: s, duration: h } : void 0
+        behaviour,
+        tween: easing || duration ? { easing, duration } : void 0
       });
     });
   }
   connectedCallback() {
-    super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, Ze).observe(), t(this, je).observe(), t(this, Je).observe();
+    super.connectedCallback(), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), __privateGet(this, _behaviour).observe(), __privateGet(this, _easing).observe(), __privateGet(this, _duration).observe();
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, Ze).close(), t(this, je).close(), t(this, Je).close();
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), __privateGet(this, _behaviour).close(), __privateGet(this, _easing).close(), __privateGet(this, _duration).close();
   }
-}
-Ze = new WeakMap(), je = new WeakMap(), Je = new WeakMap();
-var Qe;
-class Ai extends Bs {
+};
+_behaviour = new WeakMap(), _easing = new WeakMap(), _duration = new WeakMap(), __name(_ScrollButtonElement, "ScrollButtonElement");
+let ScrollButtonElement = _ScrollButtonElement;
+var _set;
+const _ScrollSetButtonElement = class _ScrollSetButtonElement extends ScrollButtonElement {
   constructor() {
     super(...arguments);
-    i(this, Qe, new l(this, "--set", 1));
+    __privateAdd(this, _set, new CSSProperty(this, "--set", 1));
   }
-  handleClick(e) {
-    this.scrollElement.scrollToSection(t(this, Qe).current, e);
+  handleClick(options) {
+    this.scrollElement.scrollToSection(__privateGet(this, _set).current, options);
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, Qe).observe();
+    super.connectedCallback(), __privateGet(this, _set).observe();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), t(this, Qe).close();
+    super.disconnectedCallback(), __privateGet(this, _set).close();
   }
-}
-Qe = new WeakMap();
-q && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", Ai);
-var At, Xe;
-class Ii extends Bs {
+};
+_set = new WeakMap(), __name(_ScrollSetButtonElement, "ScrollSetButtonElement");
+let ScrollSetButtonElement = _ScrollSetButtonElement;
+isBrowser && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ScrollSetButtonElement);
+var _step, _scrollLineListener;
+const _ScrollStepButtonElement = class _ScrollStepButtonElement extends ScrollButtonElement {
   constructor() {
     super(...arguments);
-    i(this, At, new l(this, "--step", 1));
-    i(this, Xe, () => {
-      this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, At).current > 0 && this.scrollElement.scrollLine === "end" || t(this, At).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
-    });
+    __privateAdd(this, _step, new CSSProperty(this, "--step", 1));
+    __privateAdd(this, _scrollLineListener, /* @__PURE__ */ __name(() => {
+      this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : __privateGet(this, _step).current > 0 && this.scrollElement.scrollLine === "end" || __privateGet(this, _step).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+    }, "#scrollLineListener"));
   }
-  handleClick(e) {
-    this.scrollElement.shiftSections(t(this, At).current, e);
+  handleClick(options) {
+    this.scrollElement.shiftSections(__privateGet(this, _step).current, options);
   }
   connectedCallback() {
-    super.connectedCallback(), this.scrollElement && (t(this, At).subscribe(() => {
-      t(this, Xe).call(this);
-    }), t(this, At).observe(), this.scrollElement.addEventListener(
+    super.connectedCallback(), this.scrollElement && (__privateGet(this, _step).subscribe(() => {
+      __privateGet(this, _scrollLineListener).call(this);
+    }), __privateGet(this, _step).observe(), this.scrollElement.addEventListener(
       "scrollLine",
-      t(this, Xe)
-    ), t(this, Xe).call(this));
+      __privateGet(this, _scrollLineListener)
+    ), __privateGet(this, _scrollLineListener).call(this));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), t(this, At).close(), this.removeAttribute("disabled");
-  }
-}
-At = new WeakMap(), Xe = new WeakMap();
-q && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", Ii);
-var nt, te, Ye, ys, Cs, _e;
-class Mi {
-  constructor(n, e, s) {
-    i(this, nt, null);
-    i(this, te, null);
-    i(this, Ye, null);
-    i(this, ys, null);
-    i(this, Cs, () => {
-      t(this, te).scrollToSection(t(this, Ye), {
-        behaviour: t(this, ys)
+    super.disconnectedCallback(), __privateGet(this, _step).close(), this.removeAttribute("disabled");
+  }
+};
+_step = new WeakMap(), _scrollLineListener = new WeakMap(), __name(_ScrollStepButtonElement, "ScrollStepButtonElement");
+let ScrollStepButtonElement = _ScrollStepButtonElement;
+isBrowser && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", ScrollStepButtonElement);
+var _element2, _scrollElement3, _index2, _behaviour2, _clickListener, _counterChangeListener;
+const _BulletButton = class _BulletButton {
+  constructor(scrollElement, index, behaviour) {
+    __privateAdd(this, _element2, null);
+    __privateAdd(this, _scrollElement3, null);
+    __privateAdd(this, _index2, null);
+    __privateAdd(this, _behaviour2, null);
+    __privateAdd(this, _clickListener, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _scrollElement3).scrollToSection(__privateGet(this, _index2), {
+        behaviour: __privateGet(this, _behaviour2)
       });
-    });
-    i(this, _e, () => {
-      t(this, nt).classList.toggle(
+    }, "#clickListener"));
+    __privateAdd(this, _counterChangeListener, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _element2).classList.toggle(
         "current",
-        t(this, te).counter.current === t(this, Ye)
+        __privateGet(this, _scrollElement3).counter.current === __privateGet(this, _index2)
       );
-    });
-    q && (r(this, nt, document.createElement("button")), t(this, nt).setAttribute("aria-label", `Go to section ${e + 1}`), r(this, te, n), r(this, ys, s), r(this, Ye, e), t(this, nt).addEventListener("click", t(this, Cs)), t(this, te).counter.subscribe(t(this, _e)), t(this, _e).call(this));
+    }, "#counterChangeListener"));
+    isBrowser && (__privateSet(this, _element2, document.createElement("button")), __privateGet(this, _element2).setAttribute("aria-label", `Go to section ${index + 1}`), __privateSet(this, _scrollElement3, scrollElement), __privateSet(this, _behaviour2, behaviour), __privateSet(this, _index2, index), __privateGet(this, _element2).addEventListener("click", __privateGet(this, _clickListener)), __privateGet(this, _scrollElement3).counter.subscribe(__privateGet(this, _counterChangeListener)), __privateGet(this, _counterChangeListener).call(this));
   }
   get element() {
-    return t(this, nt);
+    return __privateGet(this, _element2);
   }
   destroy() {
-    t(this, nt).removeEventListener("click", t(this, Cs)), t(this, te).counter.unsubscribe(t(this, _e)), t(this, nt).remove();
+    __privateGet(this, _element2).removeEventListener("click", __privateGet(this, _clickListener)), __privateGet(this, _scrollElement3).counter.unsubscribe(__privateGet(this, _counterChangeListener)), __privateGet(this, _element2).remove();
   }
-}
-nt = new WeakMap(), te = new WeakMap(), Ye = new WeakMap(), ys = new WeakMap(), Cs = new WeakMap(), _e = new WeakMap();
-var Ve, ee, ot;
-class Fi extends is {
+};
+_element2 = new WeakMap(), _scrollElement3 = new WeakMap(), _index2 = new WeakMap(), _behaviour2 = new WeakMap(), _clickListener = new WeakMap(), _counterChangeListener = new WeakMap(), __name(_BulletButton, "BulletButton");
+let BulletButton = _BulletButton;
+var _contentElement2, _buttons, _sectionsChangeListener;
+const _ScrollBulletButtonsElement = class _ScrollBulletButtonsElement extends ScrollUserElement {
   constructor() {
     super(...arguments);
-    i(this, Ve, null);
-    i(this, ee, []);
-    i(this, ot, xs(() => {
-      t(this, ee).forEach((s) => s.destroy()), r(this, ee, []);
-      let e = 0;
-      this.scrollElement.loopCSSProperty.current ? e = this.scrollElement.visibleSections.length : e = this.scrollElement.visibleSections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
-      for (let s = 0; s < e; s++) {
-        const h = new Mi(
+    __privateAdd(this, _contentElement2, null);
+    __privateAdd(this, _buttons, []);
+    __privateAdd(this, _sectionsChangeListener, debounce(() => {
+      __privateGet(this, _buttons).forEach((b) => b.destroy()), __privateSet(this, _buttons, []);
+      let length = 0;
+      this.scrollElement.loopCSSProperty.current ? length = this.scrollElement.visibleSections.length : length = this.scrollElement.visibleSections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
+      for (let index = 0; index < length; index++) {
+        const button = new BulletButton(
           this.scrollElement,
-          s,
+          index,
           this.getAttribute("behaviour") || "smooth"
         );
-        t(this, Ve).appendChild(h.element), t(this, ee).push(h);
+        __privateGet(this, _contentElement2).appendChild(button.element), __privateGet(this, _buttons).push(button);
       }
     }, 0));
   }
   connectedCallback() {
-    super.connectedCallback(), this.innerHTML = "", r(this, Ve, document.createElement("div")), this.appendChild(t(this, Ve)), this.scrollElement.addEventListener(
+    super.connectedCallback(), this.innerHTML = "", __privateSet(this, _contentElement2, document.createElement("div")), this.appendChild(__privateGet(this, _contentElement2)), this.scrollElement.addEventListener(
       "scrollSectionsChange",
-      t(this, ot)
+      __privateGet(this, _sectionsChangeListener)
     ), this.scrollElement.sectionsInViewCSSProperty.subscribe(
-      t(this, ot)
-    ), this.scrollElement.loopCSSProperty.subscribe(t(this, ot)), t(this, ot).call(this);
+      __privateGet(this, _sectionsChangeListener)
+    ), this.scrollElement.loopCSSProperty.subscribe(__privateGet(this, _sectionsChangeListener)), __privateGet(this, _sectionsChangeListener).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "scrollSectionsChange",
-      t(this, ot)
+      __privateGet(this, _sectionsChangeListener)
     ), this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
-      t(this, ot)
-    ), this.scrollElement.loopCSSProperty.unsubscribe(t(this, ot)), t(this, ee).forEach((e) => e.destroy()), r(this, ee, []), t(this, Ve).remove();
-  }
-}
-Ve = new WeakMap(), ee = new WeakMap(), ot = new WeakMap();
-q && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", Fi);
-var se, ie, re, he, It, Mt, Ft, Tt, I, H, $, B, Rt, k, lt, ct, _, Dt, ze, ut, at, dt, w, W, N, tt, et, Z, ts, S, Ot, ne, es, x, ft, R, M, j, Ae, Ht, y, oe, m, ti, ei, si, ii, ri, hi, ss, Ie, Ds, fe, ni, oi, Os;
-class Ti extends is {
+      __privateGet(this, _sectionsChangeListener)
+    ), this.scrollElement.loopCSSProperty.unsubscribe(__privateGet(this, _sectionsChangeListener)), __privateGet(this, _buttons).forEach((b) => b.destroy()), __privateSet(this, _buttons, []), __privateGet(this, _contentElement2).remove();
+  }
+};
+_contentElement2 = new WeakMap(), _buttons = new WeakMap(), _sectionsChangeListener = new WeakMap(), __name(_ScrollBulletButtonsElement, "ScrollBulletButtonsElement");
+let ScrollBulletButtonsElement = _ScrollBulletButtonsElement;
+isBrowser && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ScrollBulletButtonsElement);
+var _dampingCSSProperty2, _massCSSProperty2, _stiffnessCSSProperty2, _targetCSSProperty, _disabledCSSProperty2, _distanceOffsetCSSProperty, _startOffsetCSSProperty, _captureOnceCSSProperty, _capturedCSSProperty, _releasedCSSProperty, _capturedFromStartCSSProperty, _capturedFromFinishCSSProperty, _releasedFromStartCSSProperty, _releasedFromFinishCSSProperty, _passedVarCSSProperty, _progressVarCSSProperty, _progressArcVarCSSProperty, _progressArcMultCSSProperty, _animationVarTypeCSSProperty, _distanceVarCSSProperty, _startVarCSSProperty, _finishVarCSSProperty, _isCaptured, _isReleased, _isCapturedFromStart, _isReleasedFromStart, _isCapturedFromFinish, _isReleasedFromFinish, _anotherScrollEntries, _targetElement, _directionPosition, _directionSize, _moverDirectionSize, _passed, _progress, _start, _distance2, _finish, _isResized, _isCapturedOnce, _isDisabled, _skipPassNotification, _ScrollSegmentElement_instances, captureListener_fn, releaseListener_fn, captureFromStartListener_fn, captureFromFinishListener_fn, releaseFromStartListener_fn, releaseFromFinishListener_fn, _resizeListener3, _tickListener, updateProgress_fn, handleClassSetting_fn, removeClasses_fn, removeVars_fn, removeCurrentMarks_fn;
+const _ScrollSegmentElement = class _ScrollSegmentElement extends ScrollUserElement {
   constructor() {
     super(...arguments);
-    i(this, m);
-    i(this, se);
-    i(this, ie);
-    i(this, re);
-    i(this, he);
-    i(this, It);
-    i(this, Mt);
-    i(this, Ft);
-    i(this, Tt);
-    i(this, I);
-    i(this, H);
-    i(this, $);
-    i(this, B);
-    i(this, Rt);
-    i(this, k);
-    i(this, lt);
-    i(this, ct);
-    i(this, _);
-    i(this, Dt);
-    i(this, ze);
-    i(this, ut);
-    i(this, at);
-    i(this, dt);
-    i(this, w);
-    i(this, W);
-    i(this, N);
-    i(this, tt);
-    i(this, et);
-    i(this, Z);
-    i(this, ts);
-    i(this, S);
-    i(this, Ot);
-    i(this, ne);
-    i(this, es);
-    i(this, x);
-    i(this, ft);
-    i(this, R);
-    i(this, M);
-    i(this, j);
-    i(this, Ae);
-    i(this, Ht);
-    i(this, y);
-    i(this, oe);
-    i(this, ss);
-    i(this, Ie);
-    r(this, se, new l(this, "--damping", 20)), r(this, ie, new l(this, "--mass", 0)), r(this, re, new l(this, "--stiffness", 0)), r(this, he, new l(this, "--target", "")), r(this, It, new l(this, "--disabled", !1)), r(this, Mt, new l(
+    __privateAdd(this, _ScrollSegmentElement_instances);
+    __privateAdd(this, _dampingCSSProperty2);
+    __privateAdd(this, _massCSSProperty2);
+    __privateAdd(this, _stiffnessCSSProperty2);
+    __privateAdd(this, _targetCSSProperty);
+    __privateAdd(this, _disabledCSSProperty2);
+    __privateAdd(this, _distanceOffsetCSSProperty);
+    __privateAdd(this, _startOffsetCSSProperty);
+    __privateAdd(this, _captureOnceCSSProperty);
+    __privateAdd(this, _capturedCSSProperty);
+    __privateAdd(this, _releasedCSSProperty);
+    __privateAdd(this, _capturedFromStartCSSProperty);
+    __privateAdd(this, _capturedFromFinishCSSProperty);
+    __privateAdd(this, _releasedFromStartCSSProperty);
+    __privateAdd(this, _releasedFromFinishCSSProperty);
+    __privateAdd(this, _passedVarCSSProperty);
+    __privateAdd(this, _progressVarCSSProperty);
+    __privateAdd(this, _progressArcVarCSSProperty);
+    __privateAdd(this, _progressArcMultCSSProperty);
+    __privateAdd(this, _animationVarTypeCSSProperty);
+    __privateAdd(this, _distanceVarCSSProperty);
+    __privateAdd(this, _startVarCSSProperty);
+    __privateAdd(this, _finishVarCSSProperty);
+    __privateAdd(this, _isCaptured);
+    __privateAdd(this, _isReleased);
+    __privateAdd(this, _isCapturedFromStart);
+    __privateAdd(this, _isReleasedFromStart);
+    __privateAdd(this, _isCapturedFromFinish);
+    __privateAdd(this, _isReleasedFromFinish);
+    __privateAdd(this, _anotherScrollEntries);
+    __privateAdd(this, _targetElement);
+    __privateAdd(this, _directionPosition);
+    __privateAdd(this, _directionSize);
+    __privateAdd(this, _moverDirectionSize);
+    __privateAdd(this, _passed);
+    __privateAdd(this, _progress);
+    __privateAdd(this, _start);
+    __privateAdd(this, _distance2);
+    __privateAdd(this, _finish);
+    __privateAdd(this, _isResized);
+    __privateAdd(this, _isCapturedOnce);
+    __privateAdd(this, _isDisabled);
+    __privateAdd(this, _skipPassNotification);
+    __privateAdd(this, _resizeListener3);
+    __privateAdd(this, _tickListener);
+    __privateSet(this, _dampingCSSProperty2, new CSSProperty(this, "--damping", 20)), __privateSet(this, _massCSSProperty2, new CSSProperty(this, "--mass", 0)), __privateSet(this, _stiffnessCSSProperty2, new CSSProperty(this, "--stiffness", 0)), __privateSet(this, _targetCSSProperty, new CSSProperty(this, "--target", "")), __privateSet(this, _disabledCSSProperty2, new CSSProperty(this, "--disabled", !1)), __privateSet(this, _distanceOffsetCSSProperty, new CSSProperty(
       this,
       "--distance-offset",
       0,
       { rawValueCheck: !1 }
-    )), r(this, Ft, new l(this, "--start-offset", 0, {
+    )), __privateSet(this, _startOffsetCSSProperty, new CSSProperty(this, "--start-offset", 0, {
       rawValueCheck: !1
-    })), r(this, Tt, new l(
+    })), __privateSet(this, _captureOnceCSSProperty, new CSSProperty(
       this,
       "--capture-once",
       !1
-    )), r(this, I, new l(this, "--captured", "")), r(this, H, new l(this, "--released", "")), r(this, $, new l(
+    )), __privateSet(this, _capturedCSSProperty, new CSSProperty(this, "--captured", "")), __privateSet(this, _releasedCSSProperty, new CSSProperty(this, "--released", "")), __privateSet(this, _capturedFromStartCSSProperty, new CSSProperty(
       this,
       "--captured-from-start",
       ""
-    )), r(this, B, new l(
+    )), __privateSet(this, _capturedFromFinishCSSProperty, new CSSProperty(
       this,
       "--captured-from-finish",
       ""
-    )), r(this, Rt, new l(
+    )), __privateSet(this, _releasedFromStartCSSProperty, new CSSProperty(
       this,
       "--released-from-start",
       ""
-    )), r(this, k, new l(
+    )), __privateSet(this, _releasedFromFinishCSSProperty, new CSSProperty(
       this,
       "--released-from-finish",
       ""
-    )), r(this, lt, new l(this, "--passed-var", "")), r(this, ct, new l(this, "--progress-var", "")), r(this, _, new l(
+    )), __privateSet(this, _passedVarCSSProperty, new CSSProperty(this, "--passed-var", "")), __privateSet(this, _progressVarCSSProperty, new CSSProperty(this, "--progress-var", "")), __privateSet(this, _progressArcVarCSSProperty, new CSSProperty(
       this,
       "--progress-arc-var",
       ""
-    )), r(this, Dt, new l(
+    )), __privateSet(this, _progressArcMultCSSProperty, new CSSProperty(
       this,
       "--progress-arc-mult",
       1
-    )), r(this, ze, new l(
+    )), __privateSet(this, _animationVarTypeCSSProperty, new CSSProperty(
       this,
       "--animation-var-type",
       "target"
-    )), r(this, ut, new l(this, "--distance-var", "")), r(this, at, new l(this, "--start-var", "")), r(this, dt, new l(this, "--finish-var", "")), r(this, w, new ae(!1)), r(this, W, new ae(!1)), r(this, N, new ae(!1)), r(this, tt, new ae(!1)), r(this, et, new ae(!1)), r(this, Z, new ae(!1)), r(this, ts, []), r(this, S, this), r(this, Ot, 0), r(this, ne, 0), r(this, es, 0), r(this, x, new Xs(0, { order: Qs.SEGMENT, min: 0, max: 1 })), r(this, ft, 0), r(this, R, 0), r(this, M, 0), r(this, j, 0), r(this, Ae, !1), r(this, Ht, !1), r(this, y, !0), r(this, oe, !1), this.resize = () => {
-      r(this, ne, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Ot, this.scrollElement.vertical ? ls(this, this.scrollElement) : cs(this, this.scrollElement));
-      const e = bi(
+    )), __privateSet(this, _distanceVarCSSProperty, new CSSProperty(this, "--distance-var", "")), __privateSet(this, _startVarCSSProperty, new CSSProperty(this, "--start-var", "")), __privateSet(this, _finishVarCSSProperty, new CSSProperty(this, "--finish-var", "")), __privateSet(this, _isCaptured, new Store(!1)), __privateSet(this, _isReleased, new Store(!1)), __privateSet(this, _isCapturedFromStart, new Store(!1)), __privateSet(this, _isReleasedFromStart, new Store(!1)), __privateSet(this, _isCapturedFromFinish, new Store(!1)), __privateSet(this, _isReleasedFromFinish, new Store(!1)), __privateSet(this, _anotherScrollEntries, []), __privateSet(this, _targetElement, this), __privateSet(this, _directionPosition, 0), __privateSet(this, _directionSize, 0), __privateSet(this, _moverDirectionSize, 0), __privateSet(this, _passed, new Damped(0, { order: TICK_ORDER.SEGMENT, min: 0, max: 1 })), __privateSet(this, _progress, 0), __privateSet(this, _start, 0), __privateSet(this, _distance2, 0), __privateSet(this, _finish, 0), __privateSet(this, _isResized, !1), __privateSet(this, _isCapturedOnce, !1), __privateSet(this, _isDisabled, !0), __privateSet(this, _skipPassNotification, !1), this.resize = () => {
+      __privateSet(this, _directionSize, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), __privateSet(this, _directionPosition, this.scrollElement.vertical ? getCumulativeOffsetTop(this, this.scrollElement) : getCumulativeOffsetLeft(this, this.scrollElement));
+      const stickyOffset = getStickyOffset(
         this,
         this.scrollElement.vertical ? "top" : "left"
       );
-      r(this, Ot, t(this, Ot) - e), r(this, R, this.getStart()), r(this, M, this.getDistance()), r(this, R, t(this, R) + t(this, Ft).current), r(this, M, t(this, M) + t(this, Mt).current), r(this, j, t(this, R) + t(this, M)), this.scrollElement.currentScrollValue > t(this, j) && !t(this, w).current && !t(this, W).current && (t(this, w).current = !0), this.setVar(t(this, at).current, t(this, R)), this.setVar(t(this, dt).current, t(this, j)), this.setVar(t(this, ut).current, t(this, M)), t(this, x).max = t(this, M), r(this, Ae, !0), t(this, Ie).call(this);
-    }, this.findAnotherScrollEntries = xs(() => {
-      const e = ce.getAll(this).reverse();
-      let s = 0;
-      e.forEach((h, u) => {
-        h.element === this.scrollElement && (s = u);
-      }), r(this, ts, e.slice(s + 1)), this.tick();
-    }, 0), r(this, ss, () => {
-      t(this, y) || this.resize();
-    }), r(this, Ie, () => {
-      !t(this, y) && t(this, Ae) && this.tick();
+      __privateSet(this, _directionPosition, __privateGet(this, _directionPosition) - stickyOffset), __privateSet(this, _start, this.getStart()), __privateSet(this, _distance2, this.getDistance()), __privateSet(this, _start, __privateGet(this, _start) + __privateGet(this, _startOffsetCSSProperty).current), __privateSet(this, _distance2, __privateGet(this, _distance2) + __privateGet(this, _distanceOffsetCSSProperty).current), __privateSet(this, _finish, __privateGet(this, _start) + __privateGet(this, _distance2)), this.scrollElement.currentScrollValue > __privateGet(this, _finish) && !__privateGet(this, _isCaptured).current && !__privateGet(this, _isReleased).current && (__privateGet(this, _isCaptured).current = !0), this.setVar(__privateGet(this, _startVarCSSProperty).current, __privateGet(this, _start)), this.setVar(__privateGet(this, _finishVarCSSProperty).current, __privateGet(this, _finish)), this.setVar(__privateGet(this, _distanceVarCSSProperty).current, __privateGet(this, _distance2)), __privateGet(this, _passed).max = __privateGet(this, _distance2), __privateSet(this, _isResized, !0), __privateGet(this, _tickListener).call(this);
+    }, this.findAnotherScrollEntries = debounce(() => {
+      const allScrollEntriesAbove = scrollEntries.getAll(this).reverse();
+      let scrollIndex = 0;
+      allScrollEntriesAbove.forEach((entry, i) => {
+        entry.element === this.scrollElement && (scrollIndex = i);
+      }), __privateSet(this, _anotherScrollEntries, allScrollEntriesAbove.slice(scrollIndex + 1)), this.tick();
+    }, 0), __privateSet(this, _resizeListener3, () => {
+      __privateGet(this, _isDisabled) || this.resize();
+    }), __privateSet(this, _tickListener, () => {
+      !__privateGet(this, _isDisabled) && __privateGet(this, _isResized) && this.tick();
     });
   }
   get distanceOffsetCSSProperty() {
-    return t(this, Mt);
+    return __privateGet(this, _distanceOffsetCSSProperty);
   }
   get startOffsetCSSProperty() {
-    return t(this, Ft);
+    return __privateGet(this, _startOffsetCSSProperty);
   }
   get captureOnceCSSProperty() {
-    return t(this, Tt);
+    return __privateGet(this, _captureOnceCSSProperty);
   }
   get capturedCSSProperty() {
-    return t(this, I);
+    return __privateGet(this, _capturedCSSProperty);
   }
   get releasedCSSProperty() {
-    return t(this, H);
+    return __privateGet(this, _releasedCSSProperty);
   }
   get capturedFromStartCSSProperty() {
-    return t(this, $);
+    return __privateGet(this, _capturedFromStartCSSProperty);
   }
   get capturedFromFinishCSSProperty() {
-    return t(this, B);
+    return __privateGet(this, _capturedFromFinishCSSProperty);
   }
   get releasedFromStartCSSProperty() {
-    return t(this, Rt);
+    return __privateGet(this, _releasedFromStartCSSProperty);
   }
   get releasedFromFinishCSSProperty() {
-    return t(this, k);
+    return __privateGet(this, _releasedFromFinishCSSProperty);
   }
   get passedVarCSSProperty() {
-    return t(this, lt);
+    return __privateGet(this, _passedVarCSSProperty);
   }
   get progressVarCSSProperty() {
-    return t(this, ct);
+    return __privateGet(this, _progressVarCSSProperty);
   }
   get progressArcVarCSSProperty() {
-    return t(this, _);
+    return __privateGet(this, _progressArcVarCSSProperty);
   }
   get progressArcMultCSSProperty() {
-    return t(this, Dt);
+    return __privateGet(this, _progressArcMultCSSProperty);
   }
   get animationVarTypeCSSProperty() {
-    return t(this, ze);
+    return __privateGet(this, _animationVarTypeCSSProperty);
   }
   get distanceVarCSSProperty() {
-    return t(this, ut);
+    return __privateGet(this, _distanceVarCSSProperty);
   }
   get startVarCSSProperty() {
-    return t(this, at);
+    return __privateGet(this, _startVarCSSProperty);
   }
   get finishVarCSSProperty() {
-    return t(this, dt);
+    return __privateGet(this, _finishVarCSSProperty);
   }
   get disabledCSSProperty() {
-    return t(this, It);
+    return __privateGet(this, _disabledCSSProperty2);
   }
   get dampingCSSProperty() {
-    return t(this, se);
+    return __privateGet(this, _dampingCSSProperty2);
   }
   get massCSSProperty() {
-    return t(this, ie);
+    return __privateGet(this, _massCSSProperty2);
   }
   get stiffnessCSSProperty() {
-    return t(this, re);
+    return __privateGet(this, _stiffnessCSSProperty2);
   }
   get targetCSSProperty() {
-    return t(this, he);
+    return __privateGet(this, _targetCSSProperty);
   }
   get isCaptured() {
-    return t(this, w);
+    return __privateGet(this, _isCaptured);
   }
   get isReleased() {
-    return t(this, W);
+    return __privateGet(this, _isReleased);
   }
   get isCapturedFromStart() {
-    return t(this, N);
+    return __privateGet(this, _isCapturedFromStart);
   }
   get isReleasedFromStart() {
-    return t(this, tt);
+    return __privateGet(this, _isReleasedFromStart);
   }
   get isCapturedFromFinish() {
-    return t(this, et);
+    return __privateGet(this, _isCapturedFromFinish);
   }
   get isReleasedFromFinish() {
-    return t(this, Z);
+    return __privateGet(this, _isReleasedFromFinish);
   }
   get directionPosition() {
-    return t(this, Ot);
+    return __privateGet(this, _directionPosition);
   }
   get directionSize() {
-    return t(this, ne);
+    return __privateGet(this, _directionSize);
   }
   get passed() {
-    return t(this, x);
+    return __privateGet(this, _passed);
   }
   get progress() {
-    return t(this, ft);
+    return __privateGet(this, _progress);
   }
   get progressArc() {
-    return Math.abs(Math.cos(t(this, ft) * Math.PI)) * t(this, Dt).current;
+    return Math.abs(Math.cos(__privateGet(this, _progress) * Math.PI)) * __privateGet(this, _progressArcMultCSSProperty).current;
   }
   get start() {
-    return t(this, R);
+    return __privateGet(this, _start);
   }
   get finish() {
-    return t(this, j);
+    return __privateGet(this, _finish);
   }
   get distance() {
-    return t(this, M);
+    return __privateGet(this, _distance2);
   }
   get isCapturedOnce() {
-    return t(this, Ht);
+    return __privateGet(this, _isCapturedOnce);
   }
   get isDisabled() {
-    return t(this, y);
+    return __privateGet(this, _isDisabled);
   }
   tick() {
-    let e = this.scrollElement.currentScrollValue;
-    t(this, ts).forEach((u) => {
-      e += u.value;
+    let scrollValue = this.scrollElement.currentScrollValue;
+    __privateGet(this, _anotherScrollEntries).forEach((se) => {
+      scrollValue += se.value;
     });
-    const s = e - t(this, R);
-    t(this, oe) || r(this, oe, t(this, x).previous ? Math.abs(t(this, x).previous - s) > 1e3 : !1), t(this, x).set(s);
-    const h = Math.round(e);
-    t(this, w).current && (h >= t(this, R) ? t(this, N).current || o(this, m, si).call(this) : t(this, N).current && !t(this, tt).current && o(this, m, ri).call(this), h < t(this, j) ? t(this, Z).current && !t(this, et).current && o(this, m, ii).call(this) : t(this, N).current && !t(this, Z).current && o(this, m, hi).call(this)), h >= t(this, R) && h < t(this, j) ? t(this, w).current || o(this, m, ti).call(this) : t(this, w).current && (t(this, x).set(
-      mi(t(this, M) / 2, t(this, x).target, 0, t(this, M))
-    ), o(this, m, ei).call(this)), t(this, Ht) && t(this, Tt).current && (t(this, I).current && t(this, S).classList.add(t(this, I).current), r(this, y, !0));
+    const delta = scrollValue - __privateGet(this, _start);
+    __privateGet(this, _skipPassNotification) || __privateSet(this, _skipPassNotification, __privateGet(this, _passed).previous ? Math.abs(__privateGet(this, _passed).previous - delta) > 1e3 : !1), __privateGet(this, _passed).set(delta);
+    const fscrollValue = Math.round(scrollValue);
+    __privateGet(this, _isCaptured).current && (fscrollValue >= __privateGet(this, _start) ? __privateGet(this, _isCapturedFromStart).current || __privateMethod(this, _ScrollSegmentElement_instances, captureFromStartListener_fn).call(this) : __privateGet(this, _isCapturedFromStart).current && !__privateGet(this, _isReleasedFromStart).current && __privateMethod(this, _ScrollSegmentElement_instances, releaseFromStartListener_fn).call(this), fscrollValue < __privateGet(this, _finish) ? __privateGet(this, _isReleasedFromFinish).current && !__privateGet(this, _isCapturedFromFinish).current && __privateMethod(this, _ScrollSegmentElement_instances, captureFromFinishListener_fn).call(this) : __privateGet(this, _isCapturedFromStart).current && !__privateGet(this, _isReleasedFromFinish).current && __privateMethod(this, _ScrollSegmentElement_instances, releaseFromFinishListener_fn).call(this)), fscrollValue >= __privateGet(this, _start) && fscrollValue < __privateGet(this, _finish) ? __privateGet(this, _isCaptured).current || __privateMethod(this, _ScrollSegmentElement_instances, captureListener_fn).call(this) : __privateGet(this, _isCaptured).current && (__privateGet(this, _passed).set(
+      step(__privateGet(this, _distance2) / 2, __privateGet(this, _passed).target, 0, __privateGet(this, _distance2))
+    ), __privateMethod(this, _ScrollSegmentElement_instances, releaseListener_fn).call(this)), __privateGet(this, _isCapturedOnce) && __privateGet(this, _captureOnceCSSProperty).current && (__privateGet(this, _capturedCSSProperty).current && __privateGet(this, _targetElement).classList.add(__privateGet(this, _capturedCSSProperty).current), __privateSet(this, _isDisabled, !0));
   }
   disable() {
-    this.style.cssText = "", r(this, Ot, 0), r(this, ne, 0), t(this, x).reset(), r(this, ft, 0), r(this, R, 0), r(this, M, 0), r(this, j, 0), r(this, Ae, !1), t(this, w).current = !1, t(this, W).current = !1, t(this, N).current = !1, t(this, tt).current = !1, t(this, et).current = !1, t(this, Z).current = !1, r(this, Ht, !1), r(this, y, !0), o(this, m, Os).call(this);
+    this.style.cssText = "", __privateSet(this, _directionPosition, 0), __privateSet(this, _directionSize, 0), __privateGet(this, _passed).reset(), __privateSet(this, _progress, 0), __privateSet(this, _start, 0), __privateSet(this, _distance2, 0), __privateSet(this, _finish, 0), __privateSet(this, _isResized, !1), __privateGet(this, _isCaptured).current = !1, __privateGet(this, _isReleased).current = !1, __privateGet(this, _isCapturedFromStart).current = !1, __privateGet(this, _isReleasedFromStart).current = !1, __privateGet(this, _isCapturedFromFinish).current = !1, __privateGet(this, _isReleasedFromFinish).current = !1, __privateSet(this, _isCapturedOnce, !1), __privateSet(this, _isDisabled, !0), __privateMethod(this, _ScrollSegmentElement_instances, removeCurrentMarks_fn).call(this);
   }
   enable() {
-    r(this, y, !1);
+    __privateSet(this, _isDisabled, !1);
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, w).subscribe((s) => {
-      s.current && st(this, "scrollSegmentCapture", {
+    super.connectedCallback(), __privateGet(this, _isCaptured).subscribe((state) => {
+      state.current && dispatchEvent(this, "scrollSegmentCapture", {
         composed: !0,
         custom: !0
       });
-    }), t(this, N).subscribe((s) => {
-      s.current && st(this, "scrollSegmentCaptureFromStart", {
+    }), __privateGet(this, _isCapturedFromStart).subscribe((state) => {
+      state.current && dispatchEvent(this, "scrollSegmentCaptureFromStart", {
         composed: !0,
         custom: !0
       });
-    }), t(this, et).subscribe((s) => {
-      s.current && st(this, "scrollSegmentCaptureFromFinish", {
+    }), __privateGet(this, _isCapturedFromFinish).subscribe((state) => {
+      state.current && dispatchEvent(this, "scrollSegmentCaptureFromFinish", {
         composed: !0,
         custom: !0
       });
-    }), t(this, W).subscribe((s) => {
-      s.current && st(this, "scrollSegmentRelease", {
+    }), __privateGet(this, _isReleased).subscribe((state) => {
+      state.current && dispatchEvent(this, "scrollSegmentRelease", {
         composed: !0,
         custom: !0
       });
-    }), t(this, tt).subscribe((s) => {
-      s.current && st(this, "scrollSegmentReleaseFromStart", {
+    }), __privateGet(this, _isReleasedFromStart).subscribe((state) => {
+      state.current && dispatchEvent(this, "scrollSegmentReleaseFromStart", {
         composed: !0,
         custom: !0
       });
-    }), t(this, Z).subscribe((s) => {
-      s.current && st(this, "scrollSegmentReleaseFromFinish", {
+    }), __privateGet(this, _isReleasedFromFinish).subscribe((state) => {
+      state.current && dispatchEvent(this, "scrollSegmentReleaseFromFinish", {
         composed: !0,
         custom: !0
       });
-    }), t(this, se).observe(), t(this, ie).observe(), t(this, re).observe(), t(this, he).observe(), t(this, It).observe(), t(this, Mt).observe(), t(this, Ft).observe(), t(this, Tt).observe(), t(this, I).observe(), t(this, H).observe(), t(this, $).observe(), t(this, B).observe(), t(this, Rt).observe(), t(this, k).observe(), t(this, lt).observe(), t(this, ct).observe(), t(this, _).observe(), t(this, Dt).observe(), t(this, ze).observe(), t(this, ut).observe(), t(this, at).observe(), t(this, dt).observe();
-    let e = !1;
-    this.findAnotherScrollEntries(), t(this, It).current || this.enable(), t(this, se).subscribe((s) => {
-      t(this, x).damping = s.current;
-    }), t(this, ie).subscribe((s) => {
-      t(this, x).mass = s.current;
-    }), t(this, re).subscribe((s) => {
-      t(this, x).stiffness = s.current;
-    }), t(this, he).subscribe((s) => {
-      s.previous && o(this, m, Os).call(this), s.current ? s.current === "parent" ? r(this, S, this.parentElement || this) : r(this, S, document.querySelector(s.current) || this) : r(this, S, this);
-    }), t(this, It).subscribe((s) => {
-      s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
-    }), t(this, Ft).subscribe(() => {
-      e && !t(this, y) && this.resize();
-    }), t(this, Mt).subscribe(() => {
-      e && !t(this, y) && this.resize();
-    }), t(this, I).subscribe((s) => {
-      o(this, m, fe).call(this, s);
-    }), t(this, $).subscribe((s) => {
-      o(this, m, fe).call(this, s);
-    }), t(this, B).subscribe((s) => {
-      o(this, m, fe).call(this, s);
-    }), t(this, H).subscribe((s) => {
-      o(this, m, fe).call(this, s);
-    }), t(this, Rt).subscribe((s) => {
-      o(this, m, fe).call(this, s);
-    }), t(this, k).subscribe((s) => {
-      o(this, m, fe).call(this, s);
-    }), t(this, Tt).subscribe((s) => {
-      t(this, y) || !s.current && s.previous && (this.resize(), this.enable());
-    }), t(this, lt).subscribe((s) => {
-      t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
-    }), t(this, ct).subscribe((s) => {
-      t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, ft)));
-    }), t(this, _).subscribe((s) => {
-      t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, this.progressArc));
-    }), t(this, Dt).subscribe((s) => {
-      t(this, y) || o(this, m, Ds).call(this);
-    }), t(this, at).subscribe((s) => {
-      t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, R)));
-    }), t(this, dt).subscribe((s) => {
-      t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, j)));
-    }), t(this, ut).subscribe((s) => {
-      t(this, y) || (this.removeVar(s.previous), this.setVar(s.current, t(this, M)));
-    }), t(this, x).subscribe((s) => {
-      if (t(this, oe)) {
-        r(this, oe, !1);
+    }), __privateGet(this, _dampingCSSProperty2).observe(), __privateGet(this, _massCSSProperty2).observe(), __privateGet(this, _stiffnessCSSProperty2).observe(), __privateGet(this, _targetCSSProperty).observe(), __privateGet(this, _disabledCSSProperty2).observe(), __privateGet(this, _distanceOffsetCSSProperty).observe(), __privateGet(this, _startOffsetCSSProperty).observe(), __privateGet(this, _captureOnceCSSProperty).observe(), __privateGet(this, _capturedCSSProperty).observe(), __privateGet(this, _releasedCSSProperty).observe(), __privateGet(this, _capturedFromStartCSSProperty).observe(), __privateGet(this, _capturedFromFinishCSSProperty).observe(), __privateGet(this, _releasedFromStartCSSProperty).observe(), __privateGet(this, _releasedFromFinishCSSProperty).observe(), __privateGet(this, _passedVarCSSProperty).observe(), __privateGet(this, _progressVarCSSProperty).observe(), __privateGet(this, _progressArcVarCSSProperty).observe(), __privateGet(this, _progressArcMultCSSProperty).observe(), __privateGet(this, _animationVarTypeCSSProperty).observe(), __privateGet(this, _distanceVarCSSProperty).observe(), __privateGet(this, _startVarCSSProperty).observe(), __privateGet(this, _finishVarCSSProperty).observe();
+    let isConnected = !1;
+    this.findAnotherScrollEntries(), __privateGet(this, _disabledCSSProperty2).current || this.enable(), __privateGet(this, _dampingCSSProperty2).subscribe((e) => {
+      __privateGet(this, _passed).damping = e.current;
+    }), __privateGet(this, _massCSSProperty2).subscribe((e) => {
+      __privateGet(this, _passed).mass = e.current;
+    }), __privateGet(this, _stiffnessCSSProperty2).subscribe((e) => {
+      __privateGet(this, _passed).stiffness = e.current;
+    }), __privateGet(this, _targetCSSProperty).subscribe((e) => {
+      e.previous && __privateMethod(this, _ScrollSegmentElement_instances, removeCurrentMarks_fn).call(this), e.current ? e.current === "parent" ? __privateSet(this, _targetElement, this.parentElement || this) : __privateSet(this, _targetElement, document.querySelector(e.current) || this) : __privateSet(this, _targetElement, this);
+    }), __privateGet(this, _disabledCSSProperty2).subscribe((e) => {
+      e.current && !e.previous ? this.disable() : !e.current && e.previous && (this.resize(), this.enable());
+    }), __privateGet(this, _startOffsetCSSProperty).subscribe(() => {
+      isConnected && !__privateGet(this, _isDisabled) && this.resize();
+    }), __privateGet(this, _distanceOffsetCSSProperty).subscribe(() => {
+      isConnected && !__privateGet(this, _isDisabled) && this.resize();
+    }), __privateGet(this, _capturedCSSProperty).subscribe((e) => {
+      __privateMethod(this, _ScrollSegmentElement_instances, handleClassSetting_fn).call(this, e);
+    }), __privateGet(this, _capturedFromStartCSSProperty).subscribe((e) => {
+      __privateMethod(this, _ScrollSegmentElement_instances, handleClassSetting_fn).call(this, e);
+    }), __privateGet(this, _capturedFromFinishCSSProperty).subscribe((e) => {
+      __privateMethod(this, _ScrollSegmentElement_instances, handleClassSetting_fn).call(this, e);
+    }), __privateGet(this, _releasedCSSProperty).subscribe((e) => {
+      __privateMethod(this, _ScrollSegmentElement_instances, handleClassSetting_fn).call(this, e);
+    }), __privateGet(this, _releasedFromStartCSSProperty).subscribe((e) => {
+      __privateMethod(this, _ScrollSegmentElement_instances, handleClassSetting_fn).call(this, e);
+    }), __privateGet(this, _releasedFromFinishCSSProperty).subscribe((e) => {
+      __privateMethod(this, _ScrollSegmentElement_instances, handleClassSetting_fn).call(this, e);
+    }), __privateGet(this, _captureOnceCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || !v.current && v.previous && (this.resize(), this.enable());
+    }), __privateGet(this, _passedVarCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || (this.removeVar(v.previous), this.setVar(v.current, this.passed.current));
+    }), __privateGet(this, _progressVarCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || (this.removeVar(v.previous), this.setVar(v.current, __privateGet(this, _progress)));
+    }), __privateGet(this, _progressArcVarCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || (this.removeVar(v.previous), this.setVar(v.current, this.progressArc));
+    }), __privateGet(this, _progressArcMultCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || __privateMethod(this, _ScrollSegmentElement_instances, updateProgress_fn).call(this);
+    }), __privateGet(this, _startVarCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || (this.removeVar(v.previous), this.setVar(v.current, __privateGet(this, _start)));
+    }), __privateGet(this, _finishVarCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || (this.removeVar(v.previous), this.setVar(v.current, __privateGet(this, _finish)));
+    }), __privateGet(this, _distanceVarCSSProperty).subscribe((v) => {
+      __privateGet(this, _isDisabled) || (this.removeVar(v.previous), this.setVar(v.current, __privateGet(this, _distance2)));
+    }), __privateGet(this, _passed).subscribe((e) => {
+      if (__privateGet(this, _skipPassNotification)) {
+        __privateSet(this, _skipPassNotification, !1);
         return;
       }
-      o(this, m, Ds).call(this);
+      __privateMethod(this, _ScrollSegmentElement_instances, updateProgress_fn).call(this);
     }), this.scrollElement.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
-    ), this.scrollElement.addEventListener("scrollResize", this.resize), pt.subscribe(t(this, ss), Ls.SCROLL + 1), this.scrollElement.onScroll(t(this, Ie)), e = !0;
+    ), this.scrollElement.addEventListener("scrollResize", this.resize), windowResizer.subscribe(__privateGet(this, _resizeListener3), RESIZE_ORDER.SCROLL + 1), this.scrollElement.onScroll(__privateGet(this, _tickListener)), isConnected = !0;
   }
   disconnectedCallback() {
-    pt.unsubscribe(t(this, ss)), this.scrollElement.offScroll(t(this, Ie)), this.scrollElement.removeEventListener(
+    windowResizer.unsubscribe(__privateGet(this, _resizeListener3)), this.scrollElement.offScroll(__privateGet(this, _tickListener)), this.scrollElement.removeEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
-    ), this.scrollElement.removeEventListener("scrollResize", this.resize), t(this, se).close(), t(this, ie).close(), t(this, re).close(), t(this, he).close(), t(this, It).close(), t(this, Mt).close(), t(this, Ft).close(), t(this, Tt).close(), t(this, I).close(), t(this, H).close(), t(this, $).close(), t(this, B).close(), t(this, Rt).close(), t(this, k).close(), t(this, lt).close(), t(this, ct).close(), t(this, _).close(), t(this, Dt).close(), t(this, ut).close(), t(this, at).close(), t(this, dt).close(), t(this, w).close(), t(this, W).close(), t(this, N).close(), t(this, tt).close(), t(this, et).close(), t(this, Z).close(), this.disable(), t(this, x).close();
+    ), this.scrollElement.removeEventListener("scrollResize", this.resize), __privateGet(this, _dampingCSSProperty2).close(), __privateGet(this, _massCSSProperty2).close(), __privateGet(this, _stiffnessCSSProperty2).close(), __privateGet(this, _targetCSSProperty).close(), __privateGet(this, _disabledCSSProperty2).close(), __privateGet(this, _distanceOffsetCSSProperty).close(), __privateGet(this, _startOffsetCSSProperty).close(), __privateGet(this, _captureOnceCSSProperty).close(), __privateGet(this, _capturedCSSProperty).close(), __privateGet(this, _releasedCSSProperty).close(), __privateGet(this, _capturedFromStartCSSProperty).close(), __privateGet(this, _capturedFromFinishCSSProperty).close(), __privateGet(this, _releasedFromStartCSSProperty).close(), __privateGet(this, _releasedFromFinishCSSProperty).close(), __privateGet(this, _passedVarCSSProperty).close(), __privateGet(this, _progressVarCSSProperty).close(), __privateGet(this, _progressArcVarCSSProperty).close(), __privateGet(this, _progressArcMultCSSProperty).close(), __privateGet(this, _distanceVarCSSProperty).close(), __privateGet(this, _startVarCSSProperty).close(), __privateGet(this, _finishVarCSSProperty).close(), __privateGet(this, _isCaptured).close(), __privateGet(this, _isReleased).close(), __privateGet(this, _isCapturedFromStart).close(), __privateGet(this, _isReleasedFromStart).close(), __privateGet(this, _isCapturedFromFinish).close(), __privateGet(this, _isReleasedFromFinish).close(), this.disable(), __privateGet(this, _passed).close();
   }
-  removeVar(e) {
-    e && t(this, S).style.removeProperty(`--${e}`);
+  removeVar(name) {
+    name && __privateGet(this, _targetElement).style.removeProperty(`--${name}`);
   }
-  setVar(e, s) {
-    if (e) {
-      const h = typeof s == "number" ? s.toFixed(6) : s;
-      t(this, S).style.setProperty(`--${e}`, h);
+  setVar(name, value) {
+    if (name) {
+      const v = typeof value == "number" ? value.toFixed(6) : value;
+      __privateGet(this, _targetElement).style.setProperty(`--${name}`, v);
     }
   }
   getDistance() {
-    return t(this, ne) + t(this, es);
+    return __privateGet(this, _directionSize) + __privateGet(this, _moverDirectionSize);
   }
   getStart() {
-    return t(this, Ot) - t(this, es);
-  }
-}
-se = new WeakMap(), ie = new WeakMap(), re = new WeakMap(), he = new WeakMap(), It = new WeakMap(), Mt = new WeakMap(), Ft = new WeakMap(), Tt = new WeakMap(), I = new WeakMap(), H = new WeakMap(), $ = new WeakMap(), B = new WeakMap(), Rt = new WeakMap(), k = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), _ = new WeakMap(), Dt = new WeakMap(), ze = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), dt = new WeakMap(), w = new WeakMap(), W = new WeakMap(), N = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Z = new WeakMap(), ts = new WeakMap(), S = new WeakMap(), Ot = new WeakMap(), ne = new WeakMap(), es = new WeakMap(), x = new WeakMap(), ft = new WeakMap(), R = new WeakMap(), M = new WeakMap(), j = new WeakMap(), Ae = new WeakMap(), Ht = new WeakMap(), y = new WeakMap(), oe = new WeakMap(), m = new WeakSet(), ti = function() {
-  t(this, w).current = !0, t(this, W).current = !1, r(this, Ht, !0), t(this, H).current && t(this, S).classList.remove(t(this, H).current), t(this, k).current && t(this, S).classList.remove(
-    t(this, k).current
-  ), t(this, k).current && t(this, S).classList.remove(
-    t(this, k).current
-  ), t(this, I).current && t(this, S).classList.add(t(this, I).current);
-}, ei = function() {
-  t(this, W).current = !0, t(this, w).current = !1, r(this, Ht, !0), t(this, I).current && t(this, S).classList.remove(t(this, I).current), t(this, $).current && t(this, S).classList.remove(
-    t(this, $).current
-  ), t(this, B).current && t(this, S).classList.remove(
-    t(this, B).current
-  ), t(this, H).current && t(this, S).classList.add(t(this, H).current);
-}, si = function() {
-  t(this, w).current = !0, t(this, N).current = !0, t(this, tt).current = !1, t(this, $).current && t(this, S).classList.add(
-    t(this, $).current
+    return __privateGet(this, _directionPosition) - __privateGet(this, _moverDirectionSize);
+  }
+};
+_dampingCSSProperty2 = new WeakMap(), _massCSSProperty2 = new WeakMap(), _stiffnessCSSProperty2 = new WeakMap(), _targetCSSProperty = new WeakMap(), _disabledCSSProperty2 = new WeakMap(), _distanceOffsetCSSProperty = new WeakMap(), _startOffsetCSSProperty = new WeakMap(), _captureOnceCSSProperty = new WeakMap(), _capturedCSSProperty = new WeakMap(), _releasedCSSProperty = new WeakMap(), _capturedFromStartCSSProperty = new WeakMap(), _capturedFromFinishCSSProperty = new WeakMap(), _releasedFromStartCSSProperty = new WeakMap(), _releasedFromFinishCSSProperty = new WeakMap(), _passedVarCSSProperty = new WeakMap(), _progressVarCSSProperty = new WeakMap(), _progressArcVarCSSProperty = new WeakMap(), _progressArcMultCSSProperty = new WeakMap(), _animationVarTypeCSSProperty = new WeakMap(), _distanceVarCSSProperty = new WeakMap(), _startVarCSSProperty = new WeakMap(), _finishVarCSSProperty = new WeakMap(), _isCaptured = new WeakMap(), _isReleased = new WeakMap(), _isCapturedFromStart = new WeakMap(), _isReleasedFromStart = new WeakMap(), _isCapturedFromFinish = new WeakMap(), _isReleasedFromFinish = new WeakMap(), _anotherScrollEntries = new WeakMap(), _targetElement = new WeakMap(), _directionPosition = new WeakMap(), _directionSize = new WeakMap(), _moverDirectionSize = new WeakMap(), _passed = new WeakMap(), _progress = new WeakMap(), _start = new WeakMap(), _distance2 = new WeakMap(), _finish = new WeakMap(), _isResized = new WeakMap(), _isCapturedOnce = new WeakMap(), _isDisabled = new WeakMap(), _skipPassNotification = new WeakMap(), _ScrollSegmentElement_instances = new WeakSet(), captureListener_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _isCaptured).current = !0, __privateGet(this, _isReleased).current = !1, __privateSet(this, _isCapturedOnce, !0), __privateGet(this, _releasedCSSProperty).current && __privateGet(this, _targetElement).classList.remove(__privateGet(this, _releasedCSSProperty).current), __privateGet(this, _releasedFromFinishCSSProperty).current && __privateGet(this, _targetElement).classList.remove(
+    __privateGet(this, _releasedFromFinishCSSProperty).current
+  ), __privateGet(this, _releasedFromFinishCSSProperty).current && __privateGet(this, _targetElement).classList.remove(
+    __privateGet(this, _releasedFromFinishCSSProperty).current
+  ), __privateGet(this, _capturedCSSProperty).current && __privateGet(this, _targetElement).classList.add(__privateGet(this, _capturedCSSProperty).current);
+}, "#captureListener"), releaseListener_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _isReleased).current = !0, __privateGet(this, _isCaptured).current = !1, __privateSet(this, _isCapturedOnce, !0), __privateGet(this, _capturedCSSProperty).current && __privateGet(this, _targetElement).classList.remove(__privateGet(this, _capturedCSSProperty).current), __privateGet(this, _capturedFromStartCSSProperty).current && __privateGet(this, _targetElement).classList.remove(
+    __privateGet(this, _capturedFromStartCSSProperty).current
+  ), __privateGet(this, _capturedFromFinishCSSProperty).current && __privateGet(this, _targetElement).classList.remove(
+    __privateGet(this, _capturedFromFinishCSSProperty).current
+  ), __privateGet(this, _releasedCSSProperty).current && __privateGet(this, _targetElement).classList.add(__privateGet(this, _releasedCSSProperty).current);
+}, "#releaseListener"), captureFromStartListener_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _isCaptured).current = !0, __privateGet(this, _isCapturedFromStart).current = !0, __privateGet(this, _isReleasedFromStart).current = !1, __privateGet(this, _capturedFromStartCSSProperty).current && __privateGet(this, _targetElement).classList.add(
+    __privateGet(this, _capturedFromStartCSSProperty).current
   );
-}, ii = function() {
-  t(this, w).current = !0, t(this, et).current = !0, t(this, Z).current = !1, t(this, B).current && t(this, S).classList.add(
-    t(this, B).current
+}, "#captureFromStartListener"), captureFromFinishListener_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _isCaptured).current = !0, __privateGet(this, _isCapturedFromFinish).current = !0, __privateGet(this, _isReleasedFromFinish).current = !1, __privateGet(this, _capturedFromFinishCSSProperty).current && __privateGet(this, _targetElement).classList.add(
+    __privateGet(this, _capturedFromFinishCSSProperty).current
   );
-}, ri = function() {
-  t(this, W).current = !0, t(this, tt).current = !0, t(this, N).current = !1, t(this, k).current && t(this, S).classList.add(
-    t(this, k).current
+}, "#captureFromFinishListener"), releaseFromStartListener_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _isReleased).current = !0, __privateGet(this, _isReleasedFromStart).current = !0, __privateGet(this, _isCapturedFromStart).current = !1, __privateGet(this, _releasedFromFinishCSSProperty).current && __privateGet(this, _targetElement).classList.add(
+    __privateGet(this, _releasedFromFinishCSSProperty).current
   );
-}, hi = function() {
-  t(this, W).current = !0, t(this, Z).current = !0, t(this, et).current = !1, t(this, k).current && t(this, S).classList.add(
-    t(this, k).current
+}, "#releaseFromStartListener"), releaseFromFinishListener_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _isReleased).current = !0, __privateGet(this, _isReleasedFromFinish).current = !0, __privateGet(this, _isCapturedFromFinish).current = !1, __privateGet(this, _releasedFromFinishCSSProperty).current && __privateGet(this, _targetElement).classList.add(
+    __privateGet(this, _releasedFromFinishCSSProperty).current
   );
-}, ss = new WeakMap(), Ie = new WeakMap(), Ds = function() {
-  const e = t(this, x)[t(this, ze).current];
-  this.setVar(t(this, lt).current, e), r(this, ft, e / t(this, M) || 0), this.setVar(t(this, ct).current, t(this, ft)), t(this, _).current && this.setVar(t(this, _).current, this.progressArc);
-}, fe = function(e) {
-  if (t(this, y)) {
-    e.previous && t(this, S).classList.remove(e.previous), e.current && t(this, S).classList.remove(e.current);
+}, "#releaseFromFinishListener"), _resizeListener3 = new WeakMap(), _tickListener = new WeakMap(), updateProgress_fn = /* @__PURE__ */ __name(function() {
+  const passedValue = __privateGet(this, _passed)[__privateGet(this, _animationVarTypeCSSProperty).current];
+  this.setVar(__privateGet(this, _passedVarCSSProperty).current, passedValue), __privateSet(this, _progress, passedValue / __privateGet(this, _distance2) || 0), this.setVar(__privateGet(this, _progressVarCSSProperty).current, __privateGet(this, _progress)), __privateGet(this, _progressArcVarCSSProperty).current && this.setVar(__privateGet(this, _progressArcVarCSSProperty).current, this.progressArc);
+}, "#updateProgress"), handleClassSetting_fn = /* @__PURE__ */ __name(function(e) {
+  if (__privateGet(this, _isDisabled)) {
+    e.previous && __privateGet(this, _targetElement).classList.remove(e.previous), e.current && __privateGet(this, _targetElement).classList.remove(e.current);
     return;
   }
-  e.current && t(this, w).current ? (e.previous && t(this, S).classList.remove(e.previous), t(this, S).classList.add(e.current)) : !e.current && e.previous && t(this, S).classList.remove(e.previous);
-}, ni = function(...e) {
-  e.forEach((s) => {
-    s && t(this, S).classList.remove(s);
+  e.current && __privateGet(this, _isCaptured).current ? (e.previous && __privateGet(this, _targetElement).classList.remove(e.previous), __privateGet(this, _targetElement).classList.add(e.current)) : !e.current && e.previous && __privateGet(this, _targetElement).classList.remove(e.previous);
+}, "#handleClassSetting"), removeClasses_fn = /* @__PURE__ */ __name(function(...className) {
+  className.forEach((c) => {
+    c && __privateGet(this, _targetElement).classList.remove(c);
   });
-}, oi = function(...e) {
-  e.forEach((s) => {
-    s && t(this, S).style.removeProperty(`--${s}`);
+}, "#removeClasses"), removeVars_fn = /* @__PURE__ */ __name(function(...vars) {
+  vars.forEach((v) => {
+    v && __privateGet(this, _targetElement).style.removeProperty(`--${v}`);
   });
-}, Os = function() {
-  o(this, m, ni).call(this, t(this, I).current, t(this, $).current, t(this, B).current, t(this, H).current, t(this, Rt).current, t(this, k).current), o(this, m, oi).call(this, t(this, lt).current, t(this, ct).current, t(this, _).current, t(this, ut).current, t(this, at).current, t(this, dt).current);
-};
-q && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", Ti);
-class Ri extends Bs {
-  handleClick(n) {
+}, "#removeVars"), removeCurrentMarks_fn = /* @__PURE__ */ __name(function() {
+  __privateMethod(this, _ScrollSegmentElement_instances, removeClasses_fn).call(this, __privateGet(this, _capturedCSSProperty).current, __privateGet(this, _capturedFromStartCSSProperty).current, __privateGet(this, _capturedFromFinishCSSProperty).current, __privateGet(this, _releasedCSSProperty).current, __privateGet(this, _releasedFromStartCSSProperty).current, __privateGet(this, _releasedFromFinishCSSProperty).current), __privateMethod(this, _ScrollSegmentElement_instances, removeVars_fn).call(this, __privateGet(this, _passedVarCSSProperty).current, __privateGet(this, _progressVarCSSProperty).current, __privateGet(this, _progressArcVarCSSProperty).current, __privateGet(this, _distanceVarCSSProperty).current, __privateGet(this, _startVarCSSProperty).current, __privateGet(this, _finishVarCSSProperty).current);
+}, "#removeCurrentMarks"), __name(_ScrollSegmentElement, "ScrollSegmentElement");
+let ScrollSegmentElement = _ScrollSegmentElement;
+isBrowser && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", ScrollSegmentElement);
+const _ScrollSectionButtonElement = class _ScrollSectionButtonElement extends ScrollButtonElement {
+  handleClick(options) {
     this.scrollElement.setPosition(
-      this.scrollElement.vertical ? ls(this) : cs(this),
-      n
+      this.scrollElement.vertical ? getCumulativeOffsetTop(this) : getCumulativeOffsetLeft(this),
+      options
     );
   }
   connectedCallback() {
@@ -1437,68 +1448,70 @@ class Ri extends Bs {
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-}
-q && !customElements.get("e-scroll-section-button") && customElements.define("e-scroll-section-button", Ri);
-var Ps;
-const Ws = class Ws extends is {
+};
+__name(_ScrollSectionButtonElement, "ScrollSectionButtonElement");
+let ScrollSectionButtonElement = _ScrollSectionButtonElement;
+isBrowser && !customElements.get("e-scroll-section-button") && customElements.define("e-scroll-section-button", ScrollSectionButtonElement);
+var _counterChangeListener2;
+const _ScrollCounterElement = class _ScrollCounterElement extends ScrollUserElement {
   constructor() {
     super(...arguments);
-    i(this, Ps, () => {
-      const e = this.scrollElement.counter.current + 1, s = parseInt(this.getAttribute("pad") || "0");
-      this.textContent = e.toString().padStart(s, "0");
-    });
+    __privateAdd(this, _counterChangeListener2, /* @__PURE__ */ __name(() => {
+      const value = this.scrollElement.counter.current + 1, pad = parseInt(this.getAttribute("pad") || "0");
+      this.textContent = value.toString().padStart(pad, "0");
+    }, "#counterChangeListener"));
   }
   connectedCallback() {
-    return zs(this, null, function* () {
-      Vs(Ws.prototype, this, "connectedCallback").call(this), this.scrollElement.counter.subscribe(t(this, Ps));
+    return __async(this, null, function* () {
+      __superGet(_ScrollCounterElement.prototype, this, "connectedCallback").call(this), this.scrollElement.counter.subscribe(__privateGet(this, _counterChangeListener2));
     });
   }
   disconnectedCallback() {
-    this.scrollElement.counter.unsubscribe(t(this, Ps));
+    this.scrollElement.counter.unsubscribe(__privateGet(this, _counterChangeListener2));
   }
 };
-Ps = new WeakMap();
-let Hs = Ws;
-q && !customElements.get("e-scroll-counter") && customElements.define("e-scroll-counter", Hs);
-var le;
-const Ns = class Ns extends is {
+_counterChangeListener2 = new WeakMap(), __name(_ScrollCounterElement, "ScrollCounterElement");
+let ScrollCounterElement = _ScrollCounterElement;
+isBrowser && !customElements.get("e-scroll-counter") && customElements.define("e-scroll-counter", ScrollCounterElement);
+var _sectionsChangeListener2;
+const _ScrollTotalElement = class _ScrollTotalElement extends ScrollUserElement {
   constructor() {
     super(...arguments);
-    i(this, le, () => {
-      const e = this.scrollElement.limit + 1, s = parseInt(this.getAttribute("pad") || "0");
-      this.textContent = e.toString().padStart(s, "0");
-    });
+    __privateAdd(this, _sectionsChangeListener2, /* @__PURE__ */ __name(() => {
+      const value = this.scrollElement.limit + 1, pad = parseInt(this.getAttribute("pad") || "0");
+      this.textContent = value.toString().padStart(pad, "0");
+    }, "#sectionsChangeListener"));
   }
   connectedCallback() {
-    return zs(this, null, function* () {
-      Vs(Ns.prototype, this, "connectedCallback").call(this), this.scrollElement.sectionsInViewCSSProperty.subscribe(
-        t(this, le)
+    return __async(this, null, function* () {
+      __superGet(_ScrollTotalElement.prototype, this, "connectedCallback").call(this), this.scrollElement.sectionsInViewCSSProperty.subscribe(
+        __privateGet(this, _sectionsChangeListener2)
       ), this.scrollElement.addEventListener(
         "scrollSectionsChange",
-        t(this, le)
-      ), t(this, le).call(this);
+        __privateGet(this, _sectionsChangeListener2)
+      ), __privateGet(this, _sectionsChangeListener2).call(this);
     });
   }
   disconnectedCallback() {
     this.scrollElement.sectionsInViewCSSProperty.unsubscribe(
-      t(this, le)
+      __privateGet(this, _sectionsChangeListener2)
     ), this.scrollElement.removeEventListener(
       "scrollSectionsChange",
-      t(this, le)
+      __privateGet(this, _sectionsChangeListener2)
     );
   }
 };
-le = new WeakMap();
-let $s = Ns;
-q && !customElements.get("e-scroll-total") && customElements.define("e-scroll-total", $s);
+_sectionsChangeListener2 = new WeakMap(), __name(_ScrollTotalElement, "ScrollTotalElement");
+let ScrollTotalElement = _ScrollTotalElement;
+isBrowser && !customElements.get("e-scroll-total") && customElements.define("e-scroll-total", ScrollTotalElement);
 export {
-  Fi as ScrollBulletButtonsElement,
-  Hs as ScrollCounterElement,
-  As as ScrollElement,
-  zi as ScrollScrollbarElement,
-  Ri as ScrollSectionButtonElement,
-  Ti as ScrollSegmentElement,
-  Ai as ScrollSetButtonElement,
-  Ii as ScrollStepButtonElement,
-  $s as ScrollTotalElement
+  ScrollBulletButtonsElement,
+  ScrollCounterElement,
+  ScrollElement,
+  ScrollScrollbarElement,
+  ScrollSectionButtonElement,
+  ScrollSegmentElement,
+  ScrollSetButtonElement,
+  ScrollStepButtonElement,
+  ScrollTotalElement
 };