aptechka 0.12.0 → 0.13.0

package/lib/scroll/index.js

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