aptechka 0.25.2 → 0.26.0

package/lib/scroll/vanilla/index.js

@@ -0,0 +1,1120 @@
+var fe = Object.defineProperty;
+var Ks = Object.getOwnPropertySymbols;
+var pe = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
+var Zs = (d) => {
+  throw TypeError(d);
+};
+var _s = (d, n, s) => n in d ? fe(d, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[n] = s, js = (d, n) => {
+  for (var s in n || (n = {}))
+    pe.call(n, s) && _s(d, s, n[s]);
+  if (Ks)
+    for (var s of Ks(n))
+      me.call(n, s) && _s(d, s, n[s]);
+  return d;
+};
+var Os = (d, n, s) => n.has(d) || Zs("Cannot " + s);
+var t = (d, n, s) => (Os(d, n, "read from private field"), s ? s.call(d) : n.get(d)), i = (d, n, s) => n.has(d) ? Zs("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, s), r = (d, n, s, e) => (Os(d, n, "write to private field"), e ? e.call(d, s) : n.set(d, s), s), o = (d, n, s) => (Os(d, n, "access private method"), s);
+import { S as Dt } from "../../Store-OTdcl6SX.js";
+import { i as Is } from "../../browser-0zX67oeU.js";
+import { p as Se } from "../../easings-BKi40vHz.js";
+import { d as Q } from "../../events-CsVF98U6.js";
+import { c as Qs } from "../../jss-CjccJC-K.js";
+import { a as Ds, g as Rs } from "../../layout-HoBT_Da2.js";
+import { c as Xs, s as be } from "../../math-BOBiC4TN.js";
+import "../../ticker/vanilla/index.js";
+import { TICK_ORDER as Ys, RESIZE_ORDER as Gs } from "../../order/index.js";
+import { D as te } from "../../Damped-Chu29wn-.js";
+import { T as ge } from "../../Tweened-BUuSLSF7.js";
+import { WheelControls as ve, KeyboardControls as ye, DragControls as Ce, AutoplayControls as Pe } from "../../controls/index.js";
+import { windowResizer as ps } from "../../window-resizer/vanilla/index.js";
+import { scrollEntries as Yt } from "../../scroll-entries/index.js";
+import { cssUnitParser as Js } from "../../css-unit-parser/index.js";
+import { CSSProperty as c } from "../../css-property/index.js";
+import { device as we } from "../../device/index.js";
+import { elementResizer as As } from "../../element-resizer/vanilla/index.js";
+import { s as Ee } from "../../gestures-D2Fdra_G.js";
+import { f as xe } from "../../dom-0S_WDL4g.js";
+import { d as se } from "../../function-C10DGppn.js";
+var b, Ss, C, It, X, ft;
+class Le {
+  constructor(n, s, e) {
+    i(this, b);
+    i(this, Ss);
+    i(this, C);
+    i(this, It, 0);
+    i(this, X, 0);
+    i(this, ft, null);
+    r(this, b, n), r(this, Ss, s), r(this, C, e), Yt.register(t(this, b));
+  }
+  get index() {
+    return t(this, Ss);
+  }
+  get size() {
+    return t(this, It);
+  }
+  get position() {
+    return t(this, X);
+  }
+  destroy() {
+    Yt.unregister(t(this, b)), t(this, b).style.transform = "", this.mark(null);
+  }
+  setSize(n) {
+    n ? (t(this, b).style.setProperty("--size", n + "px"), t(this, C).axisCSSProperty.current === "x" ? (t(this, b).style.width = n + "px", t(this, b).style.height = "") : (t(this, b).style.height = n + "px", t(this, b).style.width = "")) : (t(this, b).style.width = "", t(this, b).style.height = "", t(this, b).style.removeProperty("--size"));
+  }
+  resize() {
+    r(this, It, t(this, C).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), r(this, X, t(this, C).vertical ? Ds(t(this, b)) : Rs(t(this, b))), r(this, X, t(this, X) - t(this, C).contentPosition);
+  }
+  transform() {
+    let n = 0;
+    const s = t(this, C).viewportSize * t(this, C).sectionDistanceScaleCSSProperty.current;
+    t(this, C).loopCSSProperty.current && t(this, C).overscroll && t(this, X) + t(this, It) < t(this, C).currentScrollValue && (n = t(this, C).distance * -1 - t(this, C).gap), Yt.update(
+      t(this, b),
+      t(this, C).axisCSSProperty.current,
+      n
+    );
+    const e = t(this, C).currentScrollValue + n, h = t(this, X) - t(this, C).viewportSize - s, a = t(this, X) + t(this, It) + s, g = Xs(e, h, a);
+    t(this, C).vertical ? t(this, b).style.transform = `translate3d(0px, ${g * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${g * -1}px, 0px, 0px)`;
+  }
+  mark(n) {
+    t(this, ft) !== n && (t(this, ft) && t(this, b).classList.remove(t(this, ft)), n && t(this, b).classList.add(n), r(this, ft, n), Q(t(this, b), "scrollSectionMarkChange", {
+      composed: !0,
+      detail: {
+        mark: t(this, ft)
+      },
+      custom: !0
+    }));
+  }
+}
+b = new WeakMap(), Ss = new WeakMap(), C = new WeakMap(), It = new WeakMap(), X = new WeakMap(), ft = new WeakMap();
+const Ve = Qs({
+  ":host": {
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    outline: "none"
+  },
+  ':host([hibernated="true"])': {
+    display: "contents"
+  },
+  ".static": {
+    position: "var(--static-position, absolute)",
+    top: "var(--static-top, 0)",
+    left: "var(--static-left, 0)",
+    width: "var(--static-width, 100%)",
+    height: "var(--static-height, 100%)"
+  },
+  ".content": {
+    position: "relative",
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    gap: "var(--gap, 0px)",
+    willChange: "var(--will-change, transform)"
+  },
+  ':host([hibernated="true"]) .content': {
+    display: "contents"
+  },
+  "::slotted(*)": {
+    flexShrink: "0"
+  }
+});
+var f, Mt, I, Y, tt, U, st, pt, mt, G, k, Ot, Tt, Ht, Bt, es, K, $t, St, _, bt, et, gt, Wt, qt, Nt, p, is, l, bs, gs, E, v, M, Z, vt, it, V, y, rs, yt, Ut, Gt, hs, rt, u, ms, ss, Hs, Bs, $s, Ws, O, vs, ee, ns, ys, qs, Rt, Ns;
+class Ts extends HTMLElement {
+  constructor() {
+    super();
+    i(this, u);
+    i(this, f, null);
+    i(this, Mt, new c(this, "--controls", !0));
+    i(this, I, new c(this, "--axis", "y"));
+    i(this, Y, new c(this, "--direction", 0));
+    i(this, tt, new c(this, "--pages", 0, {
+      validate: (s) => Math.max(0, s - 1)
+    }));
+    i(this, U, new c(this, "--split", !1));
+    i(this, st, new c(this, "--sectional", !1));
+    i(this, pt, new c(this, "--auto-size", !1));
+    i(this, mt, new c(
+      this,
+      "--wheel-max-delta",
+      !1
+    ));
+    i(this, G, new c(
+      this,
+      "--sections-in-view",
+      1
+    ));
+    i(this, k, new c(this, "--loop", !1));
+    i(this, Ot, new c(this, "--damping", 20));
+    i(this, Tt, new c(this, "--mass", 0));
+    i(this, Ht, new c(this, "--stiffness", 0));
+    i(this, Bt, new c(this, "--mouse-drag", !1));
+    i(this, es, new c(
+      this,
+      "--section-distance-scale",
+      0.5
+    ));
+    i(this, K, new c(this, "--autoplay", 0));
+    i(this, $t, new c(
+      this,
+      "--autoplay-pause-duration",
+      0
+    ));
+    i(this, St, new c(
+      this,
+      "--autoplay-user-direction",
+      !1
+    ));
+    i(this, _, new c(this, "--classes", !1));
+    i(this, bt, new c(
+      this,
+      "--current-index-start-offset",
+      0
+    ));
+    i(this, et, new c(
+      this,
+      "--current-index-end-offset",
+      0
+    ));
+    i(this, gt, new c(this, "--focus-delay", 0));
+    i(this, Wt, new c(
+      this,
+      "--focus-duration",
+      3e3
+    ));
+    i(this, qt, new c(this, "--disabled", !1));
+    i(this, Nt, new c(this, "--hibernated", !1));
+    i(this, p, null);
+    i(this, is, null);
+    i(this, l, []);
+    i(this, bs, 0);
+    i(this, gs, 0);
+    i(this, E, 0);
+    i(this, v, 0);
+    i(this, M, 0);
+    i(this, Z, null);
+    i(this, vt, null);
+    i(this, it, null);
+    i(this, V, null);
+    i(this, y, new Dt(0));
+    i(this, rs, 0);
+    i(this, yt, 0);
+    i(this, Ut, !0);
+    i(this, Gt, !0);
+    i(this, hs);
+    i(this, rt, new ge());
+    i(this, O, () => {
+      t(this, f).unlistenAnimationFrame();
+      const s = this.currentScrollValue / t(this, v) || 0, e = t(this, y).current;
+      if (r(this, bs, this.vertical ? Ds(this) : Rs(this)), r(this, gs, this.vertical ? Ds(t(this, p)) : Rs(t(this, p))), r(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, M, Js.parse(
+        getComputedStyle(t(this, p)).rowGap
+      )) : r(this, M, Js.parse(
+        getComputedStyle(t(this, p)).columnGap
+      )), t(this, pt).current && t(this, l).length) {
+        const h = t(this, G).current, a = (t(this, E) - t(this, M) * (h - 1)) / h;
+        t(this, l).forEach((g) => {
+          g.setSize(a);
+        });
+      } else
+        t(this, l).forEach((h) => {
+          h.setSize();
+        });
+      if (t(this, l).forEach((h) => {
+        h.resize();
+      }), t(this, tt).current) {
+        r(this, v, t(this, E) * t(this, tt).current);
+        const h = t(this, v) + t(this, E);
+        this.vertical ? (t(this, p).style.width = h + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = h + "px", t(this, p).style.width = "100%");
+      } else
+        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", r(this, v, t(this, p).offsetHeight - t(this, E))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", r(this, v, t(this, p).offsetWidth - t(this, E)));
+      if (!t(this, k).current) {
+        const h = getComputedStyle(this), a = this.vertical ? parseFloat(h.paddingBlockStart) + parseFloat(h.paddingBlockEnd) : parseFloat(h.paddingInlineStart) + parseFloat(h.paddingInlineEnd);
+        r(this, v, t(this, v) + a), t(this, f).max = t(this, v);
+      }
+      if (t(this, k).current && t(this, l).length) {
+        const h = t(this, l)[t(this, l).length - 1], a = h.position + h.size - t(this, E), g = t(this, v) - a;
+        r(this, yt, h.position + h.size + g);
+      } else
+        r(this, yt, t(this, v));
+      if (t(this, st).current && t(this, l).length) {
+        const h = t(this, l)[e];
+        t(this, f).set(h.position, {
+          equalize: !0
+        });
+      } else
+        t(this, f).set(s * t(this, v), {
+          equalize: !0
+        });
+    });
+    i(this, vs, () => {
+      const s = this.currentScrollValue;
+      if (r(this, rs, Math.max(0, s - t(this, v))), t(this, l).length) {
+        let e = 0;
+        for (let h = 0; h < t(this, l).length; h++) {
+          const a = t(this, l)[h];
+          a.transform(), this.targetScrollValue + a.size / 2 >= a.position && (e = h);
+        }
+        t(this, y).current = e;
+      } else
+        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${s * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${s * -1}px, 0px, 0px)`;
+      Yt.update(
+        this,
+        t(this, I).current,
+        s
+      );
+    });
+    i(this, ns, (s, e) => {
+      t(this, Mt).current && (t(this, St).current && (t(this, V).pauseAndContinue(
+        t(this, $t).current
+      ), t(this, V).direction = Math.sign(e) || 1), t(this, ys).call(this, s, e));
+    });
+    i(this, ys, (s, e) => {
+      if (t(this, Y).current) {
+        if (t(this, Y).current < 0 && e > 0)
+          return;
+        if (t(this, Y).current > 0 && e < 0)
+          return;
+      }
+      if (t(this, rt).unlistenAnimationFrame(), !t(this, K).current && t(this, gt).current && (clearInterval(t(this, hs)), r(this, hs, setTimeout(() => {
+        const h = o(this, u, Ns).call(this);
+        h && this.scrollToSection(h.index, {
+          tween: {
+            duration: t(this, Wt).current,
+            easing: Se
+          }
+        });
+      }, t(this, gt).current))), !(s === "drag" && !we.isMobile && !t(this, Bt).current))
+        if (t(this, st).current) {
+          const h = Math.sign(e);
+          t(this, l).length ? this.shiftSections(h) : t(this, f).shift(h * t(this, E));
+        } else
+          t(this, f).shift(e);
+    });
+    if (Is) {
+      const s = this.attachShadow({ mode: "open" });
+      s.adoptedStyleSheets.push(Ve);
+      const e = document.createElement("div");
+      e.className = "static", e.innerHTML = '<slot name="static"></slot>', s.appendChild(e), r(this, p, document.createElement("div")), t(this, p).className = "content", r(this, is, document.createElement("slot")), t(this, p).appendChild(t(this, is)), s.appendChild(t(this, p));
+    }
+  }
+  get damped() {
+    return t(this, f);
+  }
+  get controlsCSSProperty() {
+    return t(this, Mt);
+  }
+  get axisCSSProperty() {
+    return t(this, I);
+  }
+  get directionCSSProperty() {
+    return t(this, Y);
+  }
+  get pagesCSSProperty() {
+    return t(this, tt);
+  }
+  get splitCSSProperty() {
+    return t(this, U);
+  }
+  get sectionalCSSProperty() {
+    return t(this, st);
+  }
+  get autoSizeCSSProperty() {
+    return t(this, pt);
+  }
+  get wheelMaxDeltaCSSProperty() {
+    return t(this, mt);
+  }
+  get sectionsInViewCSSProperty() {
+    return t(this, G);
+  }
+  get loopCSSProperty() {
+    return t(this, k);
+  }
+  get dampingCSSProperty() {
+    return t(this, Ot);
+  }
+  get massCSSProperty() {
+    return t(this, Tt);
+  }
+  get stiffnessCSSProperty() {
+    return t(this, Ht);
+  }
+  get mouseDragCSSProperty() {
+    return t(this, Bt);
+  }
+  get sectionDistanceScaleCSSProperty() {
+    return t(this, es);
+  }
+  get autoplayCSSProperty() {
+    return t(this, K);
+  }
+  get autoplayPauseDurationCSSProperty() {
+    return t(this, $t);
+  }
+  get autoplayUserDirectionCSSProperty() {
+    return t(this, St);
+  }
+  get classesCSSProperty() {
+    return t(this, _);
+  }
+  get currentIndexStartOffsetCSSProperty() {
+    return t(this, bt);
+  }
+  get currentIndexEndOffsetCSSProperty() {
+    return t(this, et);
+  }
+  get focusDelayCSSProperty() {
+    return t(this, gt);
+  }
+  get focusDurationCSSProperty() {
+    return t(this, Wt);
+  }
+  get disabledCSSProperty() {
+    return t(this, qt);
+  }
+  get hibernatedCSSProperty() {
+    return t(this, Nt);
+  }
+  get currentScrollValue() {
+    return o(this, u, qs).call(this, "current");
+  }
+  get targetScrollValue() {
+    return o(this, u, qs).call(this, "target");
+  }
+  get contentElement() {
+    return t(this, p);
+  }
+  get sections() {
+    return t(this, l);
+  }
+  get position() {
+    return t(this, bs);
+  }
+  get contentPosition() {
+    return t(this, gs);
+  }
+  get viewportSize() {
+    return t(this, E);
+  }
+  get scrollSize() {
+    return t(this, v);
+  }
+  get gap() {
+    return t(this, M);
+  }
+  get counter() {
+    return t(this, y);
+  }
+  get limit() {
+    return t(this, l).length - t(this, G).current;
+  }
+  get distance() {
+    return t(this, yt);
+  }
+  get loopDistance() {
+    return t(this, k).current ? t(this, yt) + t(this, M) : t(this, yt);
+  }
+  get overscroll() {
+    return t(this, rs);
+  }
+  get vertical() {
+    return t(this, I).current === "y";
+  }
+  get currentProgress() {
+    return this.currentScrollValue / this.loopDistance || 0;
+  }
+  get targetProgress() {
+    return this.targetScrollValue / this.loopDistance || 0;
+  }
+  get scrollWidth() {
+    return t(this, I).current === "y" ? 0 : t(this, f).distance;
+  }
+  get scrollHeight() {
+    return t(this, I).current === "x" ? 0 : t(this, f).distance;
+  }
+  onScroll(...s) {
+    return t(this, f).subscribe(...s);
+  }
+  offScroll(...s) {
+    t(this, f).unsubscribe(...s);
+  }
+  //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
+  range(s, e, h = 0) {
+    const a = s - h, g = a + e + h * 2;
+    return this.currentProgress < a ? 0 : this.currentProgress > g ? 1 : (this.currentProgress - a) / (g - a);
+  }
+  curve(s, e, h = 0) {
+    return Math.sin(this.range(s, e, h) * Math.PI);
+  }
+  visible(s, e, h = 0) {
+    const a = s - h, g = a + e + h * 2;
+    return this.currentProgress >= a && this.currentProgress <= g;
+  }
+  scrollToSection(s, e) {
+    if (!t(this, l).length)
+      return;
+    const h = t(this, y).current;
+    o(this, u, ee).call(this, s);
+    const a = t(this, l)[h], g = t(this, l)[t(this, y).current];
+    if (a && g) {
+      let A = 0;
+      const ts = o(this, u, Ns).call(this), de = ts ? this.targetScrollValue - ts.position : 0;
+      t(this, k).current ? t(this, y).current === 0 && h === t(this, l).length - 1 ? A = t(this, v) + t(this, E) - a.position + t(this, M) : t(this, y).current === t(this, l).length - 1 && h === 0 ? A = g.position - (t(this, v) + t(this, E) + t(this, M)) : A = g.position - a.position : A = g.position - a.position, this.shiftPosition(A - de, e);
+    }
+  }
+  shiftSections(s, e) {
+    t(this, l).length && this.scrollToSection(t(this, y).current + s, e);
+  }
+  setPosition(s, e) {
+    e != null && e.tween ? (t(this, rt).set(t(this, f).current, { equalize: !0 }), t(this, rt).set(s, js({}, e.tween))) : t(this, f).set(s, {
+      equalize: (e == null ? void 0 : e.behaviour) === "instant"
+    });
+  }
+  shiftPosition(s, e) {
+    this.setPosition(t(this, f).target + s, e);
+  }
+  connectedCallback() {
+    r(this, f, new te(0, {
+      damping: 0.01,
+      min: 0,
+      order: Ys.SCROLL
+    })), this.setAttribute("tabindex", "0"), r(this, Z, new ve({ element: t(this, p) })), t(this, Z).changeEvent.subscribe(t(this, ns)), r(this, vt, new ye({
+      element: this
+    })), t(this, vt).changeEvent.subscribe(
+      t(this, ns)
+    ), r(this, it, new Ce({ element: t(this, p) })), t(this, it).changeEvent.subscribe(t(this, ns)), r(this, V, new Pe({
+      culling: this
+    })), t(this, V).changeEvent.subscribe(t(this, ys)), t(this, I).subscribe(({ current: s }) => {
+      t(this, p).style.flexDirection = s === "x" ? "row" : "column", t(this, Z).axis = t(this, mt).current ? "max" : s, t(this, vt).dimension = s === "x" ? "width" : "height", t(this, it).axis = s, s === "x" ? this.style.touchAction = "pan-y" : s === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, O).call(this);
+    }), t(this, mt).subscribe((s) => {
+      t(this, Z).axis = s.current ? "max" : t(this, I).current;
+    }), t(this, tt).subscribe(() => {
+      this.isConnected && t(this, O).call(this);
+    }), t(this, U).subscribe(({ current: s }) => {
+      this.isConnected && (s ? o(this, u, ms).call(this) : o(this, u, ss).call(this));
+    }), t(this, st).subscribe((s) => {
+      t(this, Z).debounce = s.current, t(this, it).swipe = s.current, t(this, V).interval = s.current, this.isConnected && (s.current && !s.previous && !t(this, l).length ? o(this, u, ms).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, ss).call(this));
+    }), t(this, pt).subscribe((s) => {
+      this.isConnected && (t(this, O).call(this), s.current && !s.previous && !t(this, l).length ? o(this, u, ms).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, ss).call(this));
+    }), t(this, G).subscribe((s) => {
+      this.isConnected && (t(this, O).call(this), o(this, u, Rt).call(this));
+    }), t(this, k).subscribe((s) => {
+      s.current ? (this.isConnected && (t(this, l).length || (t(this, U).current = !0)), t(this, l).length && (t(this, f).max = 1 / 0, t(this, f).min = -1 / 0)) : (r(this, rs, 0), t(this, f).max = t(this, v), t(this, f).min = 0);
+    }), t(this, Ot).subscribe((s) => {
+      t(this, f).damping = s.current;
+    }), t(this, Tt).subscribe((s) => {
+      t(this, f).mass = s.current;
+    }), t(this, Ht).subscribe((s) => {
+      t(this, f).stiffness = s.current;
+    }), t(this, qt).subscribe((s) => {
+      s.current && !s.previous ? o(this, u, Hs).call(this) : !s.current && s.previous && o(this, u, Bs).call(this);
+    }), t(this, Nt).subscribe((s) => {
+      s.current && !s.previous ? o(this, u, $s).call(this) : !s.current && s.previous && o(this, u, Ws).call(this);
+    }), t(this, K).subscribe((s) => {
+      t(this, V).speed = s.current, s.current && !s.previous ? t(this, V).connect() : !s.current && s.previous && t(this, V).disconnect();
+    }), t(this, St).subscribe((s) => {
+      s.current || (t(this, V).direction = 1);
+    }), t(this, _).subscribe((s) => {
+      this.isConnected && o(this, u, Rt).call(this);
+    }), t(this, bt).subscribe((s) => {
+      this.isConnected && t(this, _).current && o(this, u, Rt).call(this);
+    }), t(this, et).subscribe((s) => {
+      this.isConnected && t(this, _).current && o(this, u, Rt).call(this);
+    }), t(this, f).isRunning.subscribe((s) => {
+      this.classList.toggle("active", s.current);
+    }), t(this, y).subscribe((s) => {
+      t(this, l).length && o(this, u, Rt).call(this);
+    }), t(this, rt).subscribe((s) => {
+      t(this, rt).isRunning.current && t(this, f).set(s.current);
+    }), t(this, Mt).observe(), t(this, I).observe(), t(this, Y).observe(), t(this, tt).observe(), t(this, U).observe(), t(this, st).observe(), t(this, pt).observe(), t(this, mt).observe(), t(this, G).observe(), t(this, k).observe(), t(this, Ot).observe(), t(this, Tt).observe(), t(this, Ht).observe(), t(this, Bt).observe(), t(this, es).observe(), t(this, K).observe(), t(this, K).observe(), t(this, $t).observe(), t(this, St).observe(), t(this, _).observe(), t(this, bt).observe(), t(this, et).observe(), t(this, gt).observe(), t(this, Wt).observe(), t(this, qt).observe(), t(this, Nt).observe(), o(this, u, Ws).call(this);
+  }
+  disconnectedCallback() {
+    this.setAttribute("tabindex", ""), t(this, Mt).unobserve(), t(this, I).unobserve(), t(this, Y).unobserve(), t(this, tt).unobserve(), t(this, U).unobserve(), t(this, st).unobserve(), t(this, pt).unobserve(), t(this, mt).unobserve(), t(this, G).unobserve(), t(this, k).unobserve(), t(this, Ot).unobserve(), t(this, Tt).unobserve(), t(this, Ht).unobserve(), t(this, Bt).unobserve(), t(this, es).unobserve(), t(this, K).unobserve(), t(this, $t).unobserve(), t(this, St).unobserve(), t(this, _).unobserve(), t(this, bt).unobserve(), t(this, et).unobserve(), t(this, gt).unobserve(), t(this, Wt).unobserve(), t(this, qt).unobserve(), t(this, Nt).unobserve(), o(this, u, $s).call(this);
+  }
+}
+f = new WeakMap(), Mt = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), tt = new WeakMap(), U = new WeakMap(), st = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), G = new WeakMap(), k = new WeakMap(), Ot = new WeakMap(), Tt = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), es = new WeakMap(), K = new WeakMap(), $t = new WeakMap(), St = new WeakMap(), _ = new WeakMap(), bt = new WeakMap(), et = new WeakMap(), gt = new WeakMap(), Wt = new WeakMap(), qt = new WeakMap(), Nt = new WeakMap(), p = new WeakMap(), is = new WeakMap(), l = new WeakMap(), bs = new WeakMap(), gs = new WeakMap(), E = new WeakMap(), v = new WeakMap(), M = new WeakMap(), Z = new WeakMap(), vt = new WeakMap(), it = new WeakMap(), V = new WeakMap(), y = new WeakMap(), rs = new WeakMap(), yt = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap(), hs = new WeakMap(), rt = new WeakMap(), u = new WeakSet(), ms = function() {
+  o(this, u, ss).call(this), t(this, is).assignedElements().forEach((s, e) => {
+    s instanceof HTMLElement && t(this, l).push(new Le(s, e, this));
+  }), t(this, p).style.transform = "", Q(this, "scrollSectionsChange", {
+    custom: !0,
+    composed: !0
+  }), t(this, O).call(this), o(this, u, Rt).call(this);
+}, ss = function() {
+  t(this, l).forEach((s) => {
+    s.destroy();
+  }), r(this, l, []), t(this, y).current = 0, t(this, f).reset(), Q(this, "scrollSectionsChange", {
+    custom: !0,
+    composed: !0
+  });
+}, Hs = function() {
+  t(this, Ut) || (r(this, Ut, !0), t(this, f).unsubscribe(t(this, vs)), t(this, f).unlistenAnimationFrame(), t(this, Z).disconnect(), t(this, vt).disconnect(), t(this, it).disconnect(), t(this, V).disconnect(), clearInterval(t(this, hs)), t(this, rt).unlistenAnimationFrame());
+}, Bs = function() {
+  t(this, Ut) && (r(this, Ut, !1), t(this, f).subscribe(t(this, vs)), t(this, Z).connect(), t(this, vt).connect(), t(this, it).connect(), t(this, K).current && t(this, V).connect());
+}, $s = function() {
+  t(this, Gt) || (r(this, Gt, !0), ps.unsubscribe(t(this, O)), As.unsubscribe(t(this, O)), t(this, f).reset(), o(this, u, Hs).call(this), t(this, p).style.transform = "", t(this, U).current && o(this, u, ss).call(this), Yt.unregister(this));
+}, Ws = function() {
+  t(this, Gt) && (r(this, Gt, !1), t(this, U).current && o(this, u, ms).call(this), Yt.register(this), ps.subscribe(t(this, O), Gs.SCROLL), As.subscribe(this, t(this, O)), o(this, u, Bs).call(this));
+}, O = new WeakMap(), vs = new WeakMap(), ee = function(s) {
+  t(this, k).current ? (t(this, y).current = s % t(this, l).length, t(this, y).current = t(this, y).current < 0 ? t(this, l).length + t(this, y).current : t(this, y).current) : t(this, y).current = Xs(s, 0, this.limit);
+}, ns = new WeakMap(), ys = new WeakMap(), qs = function(s = "current") {
+  if (t(this, k).current && t(this, l).length) {
+    const e = t(this, f)[s] % (t(this, v) + t(this, E) + t(this, M));
+    return e < 0 ? t(this, v) + e + t(this, E) + t(this, M) : e;
+  } else
+    return t(this, f)[s];
+}, Rt = function() {
+  if (t(this, _).current && t(this, l).length) {
+    const s = t(this, y).current + t(this, bt).current;
+    s === 0 ? this.classList.add("start") : this.classList.remove("start"), s === this.limit ? this.classList.add("end") : this.classList.remove("end");
+    const e = t(this, G).current + t(this, et).current;
+    t(this, l).forEach((h, a) => {
+      const g = s - this.limit - 1 + t(this, et).current, A = s + e, ts = this.sections.length - A;
+      a >= s && a < A || a <= g ? h.mark("current") : a >= A && a < A + ts / 2 || a <= g + e ? h.mark("next") : h.mark("previous");
+    });
+  }
+}, Ns = function() {
+  let s = null, e = 1 / 0;
+  for (let h = 0; h < t(this, l).length; h++) {
+    const a = Math.abs(t(this, l)[h].position - this.targetScrollValue);
+    a < e && (e = a, s = h);
+  }
+  return s !== null ? t(this, l)[s] : null;
+};
+customElements.get("e-scroll") || customElements.define("e-scroll", Ts);
+var Cs;
+class Ms extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    i(this, Cs, null);
+  }
+  get scrollElement() {
+    return t(this, Cs);
+  }
+  connectedCallback() {
+    const s = xe(this, Ts);
+    s instanceof Ts ? r(this, Cs, s) : console.error(this, "e-scroll not found");
+  }
+}
+Cs = new WeakMap();
+var Ct, D, ht, nt, os, cs, Kt, Ps, ws, Es;
+class ze extends Ms {
+  constructor() {
+    super();
+    i(this, Ct, null);
+    i(this, D, null);
+    i(this, ht, !1);
+    i(this, nt, 0);
+    i(this, os, 0);
+    i(this, cs, 0);
+    i(this, Kt, () => {
+      r(this, ht, this.offsetWidth > this.offsetHeight);
+      const s = t(this, ht) ? this.offsetWidth : this.offsetHeight;
+      r(this, nt, s / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / s)), r(this, nt, Math.max(t(this, nt), 30)), t(this, ht) ? (t(this, D).style.width = t(this, nt) + "px", t(this, D).style.height = "100%") : (t(this, D).style.width = "100%", t(this, D).style.height = t(this, nt) + "px"), r(this, os, s - t(this, nt)), this.scrollElement.scrollSize || (this.style.display = "none");
+    });
+    i(this, Ps, () => {
+      r(this, cs, this.scrollElement.currentProgress * t(this, os)), t(this, ht) ? t(this, D).style.transform = `translate3d(${t(this, cs)}px, 0px, 0px)` : t(this, D).style.transform = `translate3d(0px, ${t(this, cs)}px, 0px)`;
+    });
+    i(this, ws, () => {
+      this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
+    });
+    i(this, Es, (s) => {
+      document.documentElement.classList.add("grabbing"), Ee(
+        (a) => {
+          const g = t(this, ht) ? a.x : a.y, A = this.scrollElement.distance / t(this, os), ts = (g - h) * A;
+          this.scrollElement.setPosition(e + ts);
+        },
+        () => {
+          document.documentElement.classList.remove("grabbing");
+        }
+      );
+      const e = this.scrollElement.damped.target, h = t(this, ht) ? s.x : s.y;
+    });
+    if (Is) {
+      const s = this.attachShadow({ mode: "open" });
+      s.adoptedStyleSheets.push(
+        Qs({
+          ":host": {
+            display: "inline-block",
+            zIndex: "1",
+            backgroundColor: "#ebebeb"
+          },
+          ':host([axis="y"])': {
+            position: "absolute",
+            right: "0",
+            top: "0",
+            width: "1vmin",
+            height: "100%"
+          },
+          ':host([axis="x"])': {
+            position: "absolute",
+            left: "0",
+            bottom: "0",
+            width: "100%",
+            height: "1vmin"
+          },
+          ".default-thumb": {
+            backgroundColor: "black",
+            borderRadius: "0.3vmin",
+            touchAction: "none"
+          },
+          "::slotted(*)": {
+            touchAction: "none"
+          }
+        })
+      ), r(this, Ct, document.createElement("slot")), t(this, Ct).innerHTML = '<div class="default-thumb"></div>', s.appendChild(t(this, Ct));
+    }
+  }
+  get thumbElement() {
+    return t(this, D);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
+    const s = t(this, Ct).assignedElements()[0] || t(this, Ct).firstElementChild;
+    r(this, D, s), t(this, D).addEventListener("pointerdown", t(this, Es)), ps.subscribe(t(this, Kt), Gs.SCROLL), As.subscribe(this, t(this, Kt)), this.scrollElement.onScroll(t(this, Ps)), this.scrollElement.axisCSSProperty.subscribe(t(this, ws));
+  }
+  disconnectedCallback() {
+    this.removeAttribute("drag-dead-zone"), t(this, D).removeEventListener("pointerdown", t(this, Es)), ps.unsubscribe(t(this, Kt)), As.unsubscribe(t(this, Kt)), this.scrollElement.offScroll(t(this, Ps)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ws));
+  }
+}
+Ct = new WeakMap(), D = new WeakMap(), ht = new WeakMap(), nt = new WeakMap(), os = new WeakMap(), cs = new WeakMap(), Kt = new WeakMap(), Ps = new WeakMap(), ws = new WeakMap(), Es = new WeakMap();
+customElements.get("e-scrollbar") || customElements.define("e-scrollbar", ze);
+class ie extends Ms {
+  constructor() {
+    super(), Is && this.addEventListener("click", () => {
+      this.handleClick();
+    });
+  }
+}
+class Fe extends ie {
+  handleClick() {
+    const n = this.getAttribute("index"), s = this.getAttribute("behaviour");
+    this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: s });
+  }
+}
+customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Fe);
+class ke extends ie {
+  handleClick() {
+    const n = this.getAttribute("step"), s = this.getAttribute("behaviour");
+    this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: s });
+  }
+}
+customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", ke);
+var ot, Pt, ls, xs, Ls, us;
+class De {
+  constructor(n, s, e) {
+    i(this, ot, null);
+    i(this, Pt, null);
+    i(this, ls, null);
+    i(this, xs, null);
+    i(this, Ls, () => {
+      t(this, Pt).scrollToSection(t(this, ls), {
+        behaviour: t(this, xs)
+      });
+    });
+    i(this, us, () => {
+      t(this, ot).classList.toggle(
+        "current",
+        t(this, Pt).counter.current === t(this, ls)
+      );
+    });
+    Is && (r(this, ot, document.createElement("button")), r(this, Pt, n), r(this, xs, e), r(this, ls, s), t(this, ot).addEventListener("click", t(this, Ls)), t(this, Pt).counter.subscribe(t(this, us)), t(this, us).call(this));
+  }
+  get element() {
+    return t(this, ot);
+  }
+  destroy() {
+    t(this, ot).removeEventListener("click", t(this, Ls)), t(this, Pt).counter.unsubscribe(t(this, us)), t(this, ot).remove();
+  }
+}
+ot = new WeakMap(), Pt = new WeakMap(), ls = new WeakMap(), xs = new WeakMap(), Ls = new WeakMap(), us = new WeakMap();
+var wt, as;
+class Re extends Ms {
+  constructor() {
+    super(...arguments);
+    i(this, wt, []);
+    i(this, as, se(() => {
+      t(this, wt).forEach((s) => s.destroy()), r(this, wt, []);
+      for (let s = 0; s < this.scrollElement.sections.length; s++) {
+        const e = new De(
+          this.scrollElement,
+          s,
+          this.getAttribute("behaviour") || "smooth"
+        );
+        this.appendChild(e.element), t(this, wt).push(e);
+      }
+    }, 0));
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.scrollElement.addEventListener(
+      "sectionsChange",
+      t(this, as)
+    ), t(this, as).call(this);
+  }
+  disconnectedCallback() {
+    this.scrollElement.removeEventListener(
+      "sectionsChange",
+      t(this, as)
+    ), t(this, wt).forEach((s) => s.destroy()), r(this, wt, []);
+  }
+}
+wt = new WeakMap(), as = new WeakMap();
+customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Re);
+var _t, Zt, jt, Jt, Et, xt, Lt, Vt, z, T, H, B, zt, x, ct, lt, ut, at, dt, w, $, W, j, J, q, Vs, m, Qt, Xt, zs, L, Ft, R, F, N, ds, kt, P, S, re, he, ne, oe, ce, le, Fs, fs, At, ue, ae, Us, ks;
+class Ae extends Ms {
+  constructor() {
+    super(...arguments);
+    i(this, S);
+    i(this, _t, new c(this, "--damping", 20));
+    i(this, Zt, new c(this, "--mass", 0));
+    i(this, jt, new c(this, "--stiffness", 0));
+    i(this, Jt, new c(this, "--target", ""));
+    i(this, Et, new c(this, "--disabled", !1));
+    i(this, xt, new c(
+      this,
+      "--distance-offset",
+      0,
+      { rawValueCheck: !1 }
+    ));
+    i(this, Lt, new c(this, "--start-offset", 0, {
+      rawValueCheck: !1
+    }));
+    i(this, Vt, new c(
+      this,
+      "--capture-once",
+      !1
+    ));
+    i(this, z, new c(this, "--captured", ""));
+    i(this, T, new c(this, "--released", ""));
+    i(this, H, new c(
+      this,
+      "--captured-from-start",
+      ""
+    ));
+    i(this, B, new c(
+      this,
+      "--captured-from-finish",
+      ""
+    ));
+    i(this, zt, new c(
+      this,
+      "--released-from-start",
+      ""
+    ));
+    i(this, x, new c(
+      this,
+      "--released-from-finish",
+      ""
+    ));
+    i(this, ct, new c(this, "--passed-var", ""));
+    i(this, lt, new c(this, "--progress-var", ""));
+    i(this, ut, new c(this, "--distance-var", ""));
+    i(this, at, new c(this, "--start-var", ""));
+    i(this, dt, new c(this, "--finish-var", ""));
+    i(this, w, new Dt(!1));
+    i(this, $, new Dt(!1));
+    i(this, W, new Dt(!1));
+    i(this, j, new Dt(!1));
+    i(this, J, new Dt(!1));
+    i(this, q, new Dt(!1));
+    i(this, Vs, []);
+    i(this, m, this);
+    i(this, Qt, 0);
+    i(this, Xt, 0);
+    i(this, zs, 0);
+    i(this, L, new te(0, { order: Ys.SCROLL - 1, min: 0, max: 1 }));
+    i(this, Ft, 0);
+    i(this, R, 0);
+    i(this, F, 0);
+    i(this, N, 0);
+    i(this, ds, !1);
+    i(this, kt, !1);
+    i(this, P, !0);
+    i(this, Fs, () => {
+      t(this, P) || (this.resize(), t(this, fs).call(this));
+    });
+    i(this, fs, () => {
+      !t(this, P) && t(this, ds) && this.tick();
+    });
+    i(this, ks, se(() => {
+      const s = Yt.getAll(this).reverse();
+      let e = 0;
+      s.forEach((h, a) => {
+        h.element === this.scrollElement && (e = a);
+      }), r(this, Vs, s.slice(e + 1));
+    }, 0));
+  }
+  get distanceOffsetCSSProperty() {
+    return t(this, xt);
+  }
+  get startOffsetCSSProperty() {
+    return t(this, Lt);
+  }
+  get captureOnceCSSProperty() {
+    return t(this, Vt);
+  }
+  get capturedCSSProperty() {
+    return t(this, z);
+  }
+  get releasedCSSProperty() {
+    return t(this, T);
+  }
+  get capturedFromStartCSSProperty() {
+    return t(this, H);
+  }
+  get capturedFromFinishCSSProperty() {
+    return t(this, B);
+  }
+  get releasedFromStartCSSProperty() {
+    return t(this, zt);
+  }
+  get releasedFromFinishCSSProperty() {
+    return t(this, x);
+  }
+  get passedVarCSSProperty() {
+    return t(this, ct);
+  }
+  get progressVarCSSProperty() {
+    return t(this, lt);
+  }
+  get distanceVarCSSProperty() {
+    return t(this, ut);
+  }
+  get startVarCSSProperty() {
+    return t(this, at);
+  }
+  get finishVarCSSProperty() {
+    return t(this, dt);
+  }
+  get disabledCSSProperty() {
+    return t(this, Et);
+  }
+  get dampingCSSProperty() {
+    return t(this, _t);
+  }
+  get massCSSProperty() {
+    return t(this, Zt);
+  }
+  get stiffnessCSSProperty() {
+    return t(this, jt);
+  }
+  get targetCSSProperty() {
+    return t(this, Jt);
+  }
+  get isCaptured() {
+    return t(this, w);
+  }
+  get isReleased() {
+    return t(this, $);
+  }
+  get isCapturedFromStart() {
+    return t(this, W);
+  }
+  get isReleasedFromStart() {
+    return t(this, j);
+  }
+  get isCapturedFromFinish() {
+    return t(this, J);
+  }
+  get isReleasedFromFinish() {
+    return t(this, q);
+  }
+  get directionPosition() {
+    return t(this, Qt);
+  }
+  get directionSize() {
+    return t(this, Xt);
+  }
+  get passed() {
+    return t(this, L);
+  }
+  get progress() {
+    return t(this, Ft);
+  }
+  get start() {
+    return t(this, R);
+  }
+  get finish() {
+    return t(this, N);
+  }
+  get distance() {
+    return t(this, F);
+  }
+  get isCapturedOnce() {
+    return t(this, kt);
+  }
+  get isDisabled() {
+    return t(this, P);
+  }
+  resize() {
+    r(this, Xt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Qt, this.scrollElement.vertical ? Ds(this, this.scrollElement) : Rs(this, this.scrollElement)), r(this, R, this.getStart()), r(this, F, this.getDistance()), r(this, R, t(this, R) + t(this, Lt).current), r(this, F, t(this, F) + t(this, xt).current), r(this, N, t(this, R) + t(this, F)), this.scrollElement.currentScrollValue > t(this, N) && !t(this, w).current && !t(this, $).current && (t(this, w).current = !0), this.setVar(t(this, at).current, t(this, R)), this.setVar(t(this, dt).current, t(this, N)), this.setVar(t(this, ut).current, t(this, F)), t(this, L).max = t(this, F), r(this, ds, !0);
+  }
+  tick() {
+    let s = this.scrollElement.currentScrollValue;
+    t(this, Vs).forEach((h) => {
+      s += h.value;
+    }), t(this, L).set(s - t(this, R));
+    const e = Math.round(s);
+    t(this, w).current && (e >= t(this, R) ? t(this, W).current || o(this, S, ne).call(this) : t(this, W).current && !t(this, j).current && o(this, S, ce).call(this), e < t(this, N) ? t(this, q).current && !t(this, J).current && o(this, S, oe).call(this) : t(this, W).current && !t(this, q).current && o(this, S, le).call(this)), e >= t(this, R) && e < t(this, N) ? t(this, w).current || o(this, S, re).call(this) : t(this, w).current && (t(this, L).set(
+      be(t(this, F) / 2, t(this, L).current, 0, t(this, F))
+    ), o(this, S, he).call(this)), t(this, kt) && t(this, Vt).current && (t(this, z).current && t(this, m).classList.add(t(this, z).current), r(this, P, !0));
+  }
+  disable() {
+    this.style.cssText = "", r(this, Qt, 0), r(this, Xt, 0), t(this, L).reset(), r(this, Ft, 0), r(this, R, 0), r(this, F, 0), r(this, N, 0), r(this, ds, !1), t(this, w).current = !1, t(this, $).current = !1, t(this, W).current = !1, t(this, j).current = !1, t(this, J).current = !1, t(this, q).current = !1, r(this, kt, !1), r(this, P, !0), o(this, S, Us).call(this);
+  }
+  enable() {
+    r(this, P, !1);
+  }
+  connectedCallback() {
+    super.connectedCallback(), t(this, w).subscribe((e) => {
+      e.current && Q(this, "scrollSegmentCapture", {
+        composed: !0,
+        custom: !0
+      });
+    }), t(this, W).subscribe((e) => {
+      e.current && Q(this, "scrollSegmentCaptureFromStart", {
+        composed: !0,
+        custom: !0
+      });
+    }), t(this, J).subscribe((e) => {
+      e.current && Q(this, "scrollSegmentCaptureFromFinish", {
+        composed: !0,
+        custom: !0
+      });
+    }), t(this, $).subscribe((e) => {
+      e.current && Q(this, "scrollSegmentRelease", {
+        composed: !0,
+        custom: !0
+      });
+    }), t(this, j).subscribe((e) => {
+      e.current && Q(this, "scrollSegmentReleaseFromStart", {
+        composed: !0,
+        custom: !0
+      });
+    }), t(this, q).subscribe((e) => {
+      e.current && Q(this, "scrollSegmentReleaseFromFinish", {
+        composed: !0,
+        custom: !0
+      });
+    }), t(this, _t).observe(), t(this, Zt).observe(), t(this, jt).observe(), t(this, Jt).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Lt).observe(), t(this, Vt).observe(), t(this, z).observe(), t(this, T).observe(), t(this, H).observe(), t(this, B).observe(), t(this, zt).observe(), t(this, x).observe(), t(this, ct).observe(), t(this, lt).observe(), t(this, ut).observe(), t(this, at).observe(), t(this, dt).observe();
+    let s = !1;
+    this.scrollElement.addEventListener(
+      "scrollSectionsChange",
+      t(this, ks)
+    ), t(this, ks).call(this), t(this, Et).current || this.enable(), t(this, _t).subscribe((e) => {
+      t(this, L).damping = e.current;
+    }), t(this, Zt).subscribe((e) => {
+      t(this, L).mass = e.current;
+    }), t(this, jt).subscribe((e) => {
+      t(this, L).stiffness = e.current;
+    }), t(this, Jt).subscribe((e) => {
+      e.previous && o(this, S, Us).call(this), e.current ? e.current === "parent" ? r(this, m, this.parentElement || this) : r(this, m, document.querySelector(e.current) || this) : r(this, m, this);
+    }), t(this, Et).subscribe((e) => {
+      e.current && !e.previous ? this.disable() : !e.current && e.previous && (this.resize(), this.enable());
+    }), t(this, Lt).subscribe(() => {
+      s && !t(this, P) && this.resize();
+    }), t(this, xt).subscribe(() => {
+      s && !t(this, P) && this.resize();
+    }), t(this, z).subscribe((e) => {
+      o(this, S, At).call(this, e);
+    }), t(this, H).subscribe((e) => {
+      o(this, S, At).call(this, e);
+    }), t(this, B).subscribe((e) => {
+      o(this, S, At).call(this, e);
+    }), t(this, T).subscribe((e) => {
+      o(this, S, At).call(this, e);
+    }), t(this, zt).subscribe((e) => {
+      o(this, S, At).call(this, e);
+    }), t(this, x).subscribe((e) => {
+      o(this, S, At).call(this, e);
+    }), t(this, Vt).subscribe((e) => {
+      t(this, P) || !e.current && e.previous && (this.resize(), this.enable());
+    }), t(this, ct).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, this.passed.current));
+    }), t(this, lt).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, Ft)));
+    }), t(this, at).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, R)));
+    }), t(this, dt).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, N)));
+    }), t(this, ut).subscribe((e) => {
+      t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, F)));
+    }), t(this, L).subscribe((e) => {
+      r(this, Ft, t(this, L).current / t(this, F) || 0), this.setVar(
+        t(this, ct).current,
+        t(this, L).current.toFixed(6)
+      ), this.setVar(
+        t(this, lt).current,
+        t(this, Ft).toFixed(6)
+      );
+    }), ps.subscribe(t(this, Fs), Gs.SCROLL), this.scrollElement.onScroll(t(this, fs)), s = !0;
+  }
+  disconnectedCallback() {
+    ps.unsubscribe(t(this, Fs)), this.scrollElement.offScroll(t(this, fs)), t(this, _t).close(), t(this, Zt).close(), t(this, jt).close(), t(this, Jt).close(), t(this, Et).close(), t(this, xt).close(), t(this, Lt).close(), t(this, Vt).close(), t(this, z).close(), t(this, T).close(), t(this, H).close(), t(this, B).close(), t(this, zt).close(), t(this, x).close(), t(this, ct).close(), t(this, lt).close(), t(this, ut).close(), t(this, at).close(), t(this, dt).close(), t(this, w).close(), t(this, $).close(), t(this, W).close(), t(this, j).close(), t(this, J).close(), t(this, q).close(), this.disable();
+  }
+  removeVar(s) {
+    s && t(this, m).style.removeProperty(`--${s}`);
+  }
+  setVar(s, e) {
+    s && t(this, m).style.setProperty(`--${s}`, e.toString());
+  }
+  getDistance() {
+    return t(this, Xt) + t(this, zs);
+  }
+  getStart() {
+    return t(this, Qt) - t(this, zs);
+  }
+}
+_t = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), Vt = new WeakMap(), z = new WeakMap(), T = new WeakMap(), H = new WeakMap(), B = new WeakMap(), zt = new WeakMap(), x = new WeakMap(), ct = new WeakMap(), lt = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), dt = new WeakMap(), w = new WeakMap(), $ = new WeakMap(), W = new WeakMap(), j = new WeakMap(), J = new WeakMap(), q = new WeakMap(), Vs = new WeakMap(), m = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap(), zs = new WeakMap(), L = new WeakMap(), Ft = new WeakMap(), R = new WeakMap(), F = new WeakMap(), N = new WeakMap(), ds = new WeakMap(), kt = new WeakMap(), P = new WeakMap(), S = new WeakSet(), re = function() {
+  t(this, w).current = !0, t(this, $).current = !1, r(this, kt, !0), t(this, T).current && t(this, m).classList.remove(t(this, T).current), t(this, x).current && t(this, m).classList.remove(
+    t(this, x).current
+  ), t(this, x).current && t(this, m).classList.remove(
+    t(this, x).current
+  ), t(this, z).current && t(this, m).classList.add(t(this, z).current);
+}, he = function() {
+  t(this, $).current = !0, t(this, w).current = !1, r(this, kt, !0), t(this, z).current && t(this, m).classList.remove(t(this, z).current), t(this, H).current && t(this, m).classList.remove(
+    t(this, H).current
+  ), t(this, B).current && t(this, m).classList.remove(
+    t(this, B).current
+  ), t(this, T).current && t(this, m).classList.add(t(this, T).current);
+}, ne = function() {
+  t(this, w).current = !0, t(this, W).current = !0, t(this, j).current = !1, t(this, H).current && t(this, m).classList.add(
+    t(this, H).current
+  );
+}, oe = function() {
+  t(this, w).current = !0, t(this, J).current = !0, t(this, q).current = !1, t(this, B).current && t(this, m).classList.add(
+    t(this, B).current
+  );
+}, ce = function() {
+  t(this, $).current = !0, t(this, j).current = !0, t(this, W).current = !1, t(this, x).current && t(this, m).classList.add(
+    t(this, x).current
+  );
+}, le = function() {
+  t(this, $).current = !0, t(this, q).current = !0, t(this, J).current = !1, t(this, x).current && t(this, m).classList.add(
+    t(this, x).current
+  );
+}, Fs = new WeakMap(), fs = new WeakMap(), At = function(s) {
+  if (t(this, P)) {
+    s.previous && t(this, m).classList.remove(s.previous), s.current && t(this, m).classList.remove(s.current);
+    return;
+  }
+  s.current && t(this, w).current ? (s.previous && t(this, m).classList.remove(s.previous), t(this, m).classList.add(s.current)) : !s.current && s.previous && t(this, m).classList.remove(s.previous);
+}, ue = function(...s) {
+  s.forEach((e) => {
+    e && t(this, m).classList.remove(e);
+  });
+}, ae = function(...s) {
+  s.forEach((e) => {
+    e && t(this, m).style.removeProperty(`--${e}`);
+  });
+}, Us = function() {
+  o(this, S, ue).call(this, t(this, z).current, t(this, H).current, t(this, B).current, t(this, T).current, t(this, zt).current, t(this, x).current), o(this, S, ae).call(this, t(this, ct).current, t(this, lt).current, t(this, ut).current, t(this, at).current, t(this, dt).current);
+}, ks = new WeakMap();
+customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Ae);
+export {
+  Re as ScrollBulletButtonsElement,
+  Ts as ScrollElement,
+  Ae as ScrollSegmentElement,
+  Fe as ScrollSetButtonElement,
+  ke as ScrollStepButtonElement,
+  ze as ScrollbarElement
+};