aptechka 0.83.0 → 0.84.0

package/lib/billboard/index.js

@@ -1,59 +1,61 @@
-var lt = (h) => {
-  throw TypeError(h);
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var st = (h, n, e) => n.has(h) || lt("Cannot " + e);
-var t = (h, n, e) => (st(h, n, "read from private field"), e ? e.call(h) : n.get(h)), s = (h, n, e) => n.has(h) ? lt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(h) : n.set(h, e), l = (h, n, e, i) => (st(h, n, "write to private field"), i ? i.call(h, e) : n.set(h, e), e), c = (h, n, e) => (st(h, n, "access private method"), e);
-var F = (h, n, e) => new Promise((i, r) => {
-  var a = (I) => {
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value), __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
     try {
-      tt(e.next(I));
-    } catch (et) {
-      r(et);
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
     }
-  }, y = (I) => {
+  }, rejected = (value) => {
     try {
-      tt(e.throw(I));
-    } catch (et) {
-      r(et);
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
     }
-  }, tt = (I) => I.done ? i(I.value) : Promise.resolve(I.value).then(a, y);
-  tt((e = e.apply(h, n)).next());
+  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step((generator = generator.apply(__this, __arguments)).next());
 });
-import { a as it, i as Z } from "../index-e9eDuagL.js";
-import { w as ht } from "../custom-elements-DBnCK7Zx.js";
-import { b as _ } from "../dom-BETkVSSZ.js";
+import { a as intersector, i as isBrowser } from "../index-DpKsHe97.js";
+import { w as whenDefined } from "../custom-elements-HEMuF7yH.js";
+import { b as findParentElement } from "../dom-D8D-_9ty.js";
 import "construct-style-sheets-polyfill";
-import { CSSProperty as S } from "../css-property/index.js";
-import { d as bt } from "../events-CsVF98U6.js";
-import { s as mt } from "../gestures-CcXV6fCp.js";
-import { c as ft } from "../math-BOBiC4TN.js";
-import { l as at } from "../number-CumqY64S.js";
-var m, T, Q, f, ct, dt, ut, nt;
-class ot {
-  constructor(n, e) {
-    s(this, f);
-    s(this, m);
-    s(this, T, null);
-    s(this, Q, !1);
-    this.element = n, l(this, m, e);
+import { CSSProperty } from "../css-property/index.js";
+import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
+import { s as setupDrag } from "../gestures-DmKKNnh4.js";
+import { c as clamp } from "../math-r8V23YFe.js";
+import { l as loopNumber } from "../number-DiVt2xnh.js";
+var _parent, _raf, _wasCurrent, _BillboardItem_instances, setCurrent_fn, setSiblingClasses_fn, clearClasses_fn, clearTimeout_fn;
+const _BillboardItem = class _BillboardItem {
+  constructor(element, parent) {
+    __privateAdd(this, _BillboardItem_instances);
+    __privateAdd(this, _parent);
+    __privateAdd(this, _raf, null);
+    __privateAdd(this, _wasCurrent, !1);
+    this.element = element, __privateSet(this, _parent, parent);
   }
   destroy() {
-    c(this, f, nt).call(this);
+    __privateMethod(this, _BillboardItem_instances, clearTimeout_fn).call(this);
   }
-  updateClasses(n) {
-    const e = n === t(this, m).counter;
-    t(this, Q) && !e ? this.element.classList.add("was-current") : this.element.classList.remove("was-current");
-    const i = this.element.classList.contains("current-active");
-    c(this, f, ut).call(this), c(this, f, nt).call(this), i && this.element.classList.add("previous-active"), n === t(this, m).counter ? c(this, f, ct).call(this) : n < t(this, m).counter ? this.element.classList.add("previous") : this.element.classList.add("next"), c(this, f, dt).call(this, n);
+  updateClasses(index) {
+    const isCurrent = index === __privateGet(this, _parent).counter;
+    __privateGet(this, _wasCurrent) && !isCurrent ? this.element.classList.add("was-current") : this.element.classList.remove("was-current");
+    const isActive = this.element.classList.contains("current-active");
+    __privateMethod(this, _BillboardItem_instances, clearClasses_fn).call(this), __privateMethod(this, _BillboardItem_instances, clearTimeout_fn).call(this), isActive && this.element.classList.add("previous-active"), index === __privateGet(this, _parent).counter ? __privateMethod(this, _BillboardItem_instances, setCurrent_fn).call(this) : index < __privateGet(this, _parent).counter ? this.element.classList.add("previous") : this.element.classList.add("next"), __privateMethod(this, _BillboardItem_instances, setSiblingClasses_fn).call(this, index);
   }
-}
-m = new WeakMap(), T = new WeakMap(), Q = new WeakMap(), f = new WeakSet(), ct = function() {
-  l(this, Q, !0), this.element.classList.add("current"), l(this, T, requestAnimationFrame(() => {
+};
+_parent = new WeakMap(), _raf = new WeakMap(), _wasCurrent = new WeakMap(), _BillboardItem_instances = new WeakSet(), setCurrent_fn = /* @__PURE__ */ __name(function() {
+  __privateSet(this, _wasCurrent, !0), this.element.classList.add("current"), __privateSet(this, _raf, requestAnimationFrame(() => {
     this.element.classList.add("current-active");
   }));
-}, dt = function(n) {
-  n === at(t(this, m).counter - 1, t(this, m).length) ? this.element.classList.add("previous-sibling") : n === (t(this, m).counter + 1) % t(this, m).length && this.element.classList.add("next-sibling");
-}, ut = function() {
+}, "#setCurrent"), setSiblingClasses_fn = /* @__PURE__ */ __name(function(index) {
+  index === loopNumber(__privateGet(this, _parent).counter - 1, __privateGet(this, _parent).length) ? this.element.classList.add("previous-sibling") : index === (__privateGet(this, _parent).counter + 1) % __privateGet(this, _parent).length && this.element.classList.add("next-sibling");
+}, "#setSiblingClasses"), clearClasses_fn = /* @__PURE__ */ __name(function() {
   this.element.classList.remove(
     "current",
     "previous",
@@ -63,299 +65,305 @@ m = new WeakMap(), T = new WeakMap(), Q = new WeakMap(), f = new WeakSet(), ct =
     "current-active",
     "previous-active"
   );
-}, nt = function() {
-  t(this, T) && (cancelAnimationFrame(t(this, T)), l(this, T, null));
-};
-var $, B, L, C, k, x, D, H, p, o, u, P, d, rt, V, q, W, K, X, Y;
-class U extends HTMLElement {
+}, "#clearClasses"), clearTimeout_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _raf) && (cancelAnimationFrame(__privateGet(this, _raf)), __privateSet(this, _raf, null));
+}, "#clearTimeout"), __name(_BillboardItem, "BillboardItem");
+let BillboardItem = _BillboardItem;
+var _resize, _loop, _autoplay, _swipe, _lengthOffset, _intervalId, _isIntersecting, _items, _groups, _counter, _length, _timeouts, _BillboardElement_instances, updateLength_fn, tryAutoplay_fn, _intersectionListener, _clearAndSpawnInterval, updateCounter_fn, _tick, _pointerDownListener;
+const _BillboardElement = class _BillboardElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, d);
-    s(this, $, new S(this, "--resize", !1));
-    s(this, B, new S(this, "--loop", !0));
-    s(this, L, new S(this, "--autoplay", !1));
-    s(this, C, new S(this, "--swipe", "x"));
-    s(this, k, new S(this, "--length-offset", 0));
-    s(this, x);
-    s(this, D, !1);
-    s(this, H, []);
-    s(this, p, /* @__PURE__ */ new Map());
-    s(this, o, -1);
-    s(this, u, 0);
-    s(this, P, []);
-    s(this, q, (e) => {
-      l(this, D, e.isIntersecting), t(this, D) ? c(this, d, V).call(this) : clearInterval(t(this, x));
-    });
-    s(this, W, () => {
-      clearInterval(t(this, x)), t(this, D) && l(this, x, setInterval(t(this, X), this.autoplayDuration));
-    });
-    s(this, X, () => {
-      c(this, d, K).call(this, t(this, o) + 1);
-    });
-    s(this, Y, (e) => {
-      if (!t(this, C).current)
+    __privateAdd(this, _BillboardElement_instances);
+    __privateAdd(this, _resize, new CSSProperty(this, "--resize", !1));
+    __privateAdd(this, _loop, new CSSProperty(this, "--loop", !0));
+    __privateAdd(this, _autoplay, new CSSProperty(this, "--autoplay", !1));
+    __privateAdd(this, _swipe, new CSSProperty(this, "--swipe", "x"));
+    __privateAdd(this, _lengthOffset, new CSSProperty(this, "--length-offset", 0));
+    __privateAdd(this, _intervalId);
+    __privateAdd(this, _isIntersecting, !1);
+    __privateAdd(this, _items, []);
+    __privateAdd(this, _groups, /* @__PURE__ */ new Map());
+    __privateAdd(this, _counter, -1);
+    __privateAdd(this, _length, 0);
+    __privateAdd(this, _timeouts, []);
+    __privateAdd(this, _intersectionListener, /* @__PURE__ */ __name((e) => {
+      __privateSet(this, _isIntersecting, e.isIntersecting), __privateGet(this, _isIntersecting) ? __privateMethod(this, _BillboardElement_instances, tryAutoplay_fn).call(this) : clearInterval(__privateGet(this, _intervalId));
+    }, "#intersectionListener"));
+    __privateAdd(this, _clearAndSpawnInterval, /* @__PURE__ */ __name(() => {
+      clearInterval(__privateGet(this, _intervalId)), __privateGet(this, _isIntersecting) && __privateSet(this, _intervalId, setInterval(__privateGet(this, _tick), this.autoplayDuration));
+    }, "#clearAndSpawnInterval"));
+    __privateAdd(this, _tick, /* @__PURE__ */ __name(() => {
+      __privateMethod(this, _BillboardElement_instances, updateCounter_fn).call(this, __privateGet(this, _counter) + 1);
+    }, "#tick"));
+    __privateAdd(this, _pointerDownListener, /* @__PURE__ */ __name((e) => {
+      if (!__privateGet(this, _swipe).current)
         return;
-      let i = 0;
-      mt(
-        (r) => {
-          const a = e.x - r.x, y = e.y - r.y;
-          t(this, C).current === "x" ? Math.abs(a) > Math.abs(y) && Math.abs(a) > 10 && (i = Math.sign(a)) : t(this, C).current === "y" && Math.abs(y) > Math.abs(a) && Math.abs(y) > 10 && (i = Math.sign(y));
+      let dir = 0;
+      setupDrag(
+        (moveEvent) => {
+          const dx = e.x - moveEvent.x, dy = e.y - moveEvent.y;
+          __privateGet(this, _swipe).current === "x" ? Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 10 && (dir = Math.sign(dx)) : __privateGet(this, _swipe).current === "y" && Math.abs(dy) > Math.abs(dx) && Math.abs(dy) > 10 && (dir = Math.sign(dy));
         },
         () => {
-          i && this.shift(i);
+          dir && this.shift(dir);
         }
       );
-    });
+    }, "#pointerDownListener"));
   }
   get counter() {
-    return t(this, o);
+    return __privateGet(this, _counter);
   }
   get loop() {
-    return t(this, B);
+    return __privateGet(this, _loop);
   }
   get autoplay() {
-    return t(this, L);
+    return __privateGet(this, _autoplay);
   }
   get autoplayDuration() {
-    return parseFloat(t(this, L).current || "0") * 1e3;
+    return parseFloat(__privateGet(this, _autoplay).current || "0") * 1e3;
   }
   get swipe() {
-    return t(this, C);
+    return __privateGet(this, _swipe);
   }
   get lengthOffset() {
-    return t(this, k);
+    return __privateGet(this, _lengthOffset);
   }
   get items() {
-    return t(this, H);
+    return __privateGet(this, _items);
   }
   get groups() {
-    return t(this, p);
+    return __privateGet(this, _groups);
   }
   get length() {
-    return t(this, u);
+    return __privateGet(this, _length);
   }
-  addItem(e) {
-    const i = new ot(e, this);
-    t(this, H).push(i);
-    const r = e.getAttribute("data-billboard-item-group") || "default";
-    let a = t(this, p).get(r);
-    a || (a = [], t(this, p).set(r, a)), a.push(i), c(this, d, rt).call(this);
+  addItem(element) {
+    const item = new BillboardItem(element, this);
+    __privateGet(this, _items).push(item);
+    const groupName = element.getAttribute("data-billboard-item-group") || "default";
+    let group = __privateGet(this, _groups).get(groupName);
+    group || (group = [], __privateGet(this, _groups).set(groupName, group)), group.push(item), __privateMethod(this, _BillboardElement_instances, updateLength_fn).call(this);
   }
-  set(e) {
-    (!this.handleSet || this.handleSet(e)) && (c(this, d, K).call(this, e), c(this, d, V).call(this));
+  set(value) {
+    (!this.handleSet || this.handleSet(value)) && (__privateMethod(this, _BillboardElement_instances, updateCounter_fn).call(this, value), __privateMethod(this, _BillboardElement_instances, tryAutoplay_fn).call(this));
   }
-  shift(e) {
-    this.set(t(this, o) + e);
+  shift(value) {
+    this.set(__privateGet(this, _counter) + value);
   }
   connectedCallback() {
     [
       ...this.querySelectorAll(
         `[data-billboard-item${this.id ? `="${this.id}"` : ""}]`
       )
-    ].forEach((i) => {
-      this.addItem(i);
-    }), t(this, p).forEach((i) => {
-      var r;
-      (r = i[0]) == null || r.element.classList.add("current");
-    }), t(this, L).subscribe((i) => {
-      i.current ? (it.subscribe(this, t(this, q)), c(this, d, V).call(this)) : (l(this, D, !0), it.unsubscribe(t(this, q)), clearInterval(t(this, x)), c(this, d, K).call(this, 0));
-    }), t(this, k).subscribe(() => {
-      c(this, d, rt).call(this);
-    }), t(this, L).observe(), t(this, C).observe(), t(this, k).observe(), t(this, B).observe(), t(this, $).observe(), c(this, d, K).call(this, 0), this.addEventListener("pointerdown", t(this, Y));
+    ].forEach((el) => {
+      this.addItem(el);
+    }), __privateGet(this, _groups).forEach((g) => {
+      var _a;
+      (_a = g[0]) == null || _a.element.classList.add("current");
+    }), __privateGet(this, _autoplay).subscribe((e) => {
+      e.current ? (intersector.subscribe(this, __privateGet(this, _intersectionListener)), __privateMethod(this, _BillboardElement_instances, tryAutoplay_fn).call(this)) : (__privateSet(this, _isIntersecting, !0), intersector.unsubscribe(__privateGet(this, _intersectionListener)), clearInterval(__privateGet(this, _intervalId)), __privateMethod(this, _BillboardElement_instances, updateCounter_fn).call(this, 0));
+    }), __privateGet(this, _lengthOffset).subscribe(() => {
+      __privateMethod(this, _BillboardElement_instances, updateLength_fn).call(this);
+    }), __privateGet(this, _autoplay).observe(), __privateGet(this, _swipe).observe(), __privateGet(this, _lengthOffset).observe(), __privateGet(this, _loop).observe(), __privateGet(this, _resize).observe(), __privateMethod(this, _BillboardElement_instances, updateCounter_fn).call(this, 0), this.addEventListener("pointerdown", __privateGet(this, _pointerDownListener));
   }
   disconnectedCallback() {
-    t(this, L).unobserve(), t(this, C).unobserve(), t(this, k).unobserve(), t(this, B).unobserve(), t(this, $).unobserve(), t(this, H).forEach((e) => e.destroy()), l(this, H, []), t(this, p).clear(), it.unsubscribe(t(this, q)), clearInterval(t(this, x)), t(this, P).forEach((e) => {
-      clearTimeout(e);
+    __privateGet(this, _autoplay).unobserve(), __privateGet(this, _swipe).unobserve(), __privateGet(this, _lengthOffset).unobserve(), __privateGet(this, _loop).unobserve(), __privateGet(this, _resize).unobserve(), __privateGet(this, _items).forEach((item) => item.destroy()), __privateSet(this, _items, []), __privateGet(this, _groups).clear(), intersector.unsubscribe(__privateGet(this, _intersectionListener)), clearInterval(__privateGet(this, _intervalId)), __privateGet(this, _timeouts).forEach((timeout) => {
+      clearTimeout(timeout);
     });
   }
-}
-$ = new WeakMap(), B = new WeakMap(), L = new WeakMap(), C = new WeakMap(), k = new WeakMap(), x = new WeakMap(), D = new WeakMap(), H = new WeakMap(), p = new WeakMap(), o = new WeakMap(), u = new WeakMap(), P = new WeakMap(), d = new WeakSet(), rt = function() {
-  l(this, u, 0), t(this, p).forEach((e) => {
-    e.length > t(this, u) && l(this, u, e.length);
-  }), l(this, u, t(this, u) + t(this, k).current);
-}, V = function() {
-  t(this, L).current !== !1 && t(this, W).call(this);
-}, q = new WeakMap(), W = new WeakMap(), K = function() {
-  return F(this, arguments, function* (e = t(this, o)) {
-    const i = t(this, o);
-    t(this, B).current ? l(this, o, at(e, t(this, u))) : l(this, o, ft(e, 0, t(this, u) - 1)), i !== t(this, o) && (t(this, P).forEach((r) => {
-      clearTimeout(r);
-    }), this.classList.remove("forward", "backward", "next-round", "prev-round"), t(this, o) - i >= 0 ? this.classList.add("forward") : t(this, o) - i < 0 && this.classList.add("backward"), t(this, p).forEach((r) => {
-      r.forEach((a, y) => {
-        a.updateClasses(y);
+};
+_resize = new WeakMap(), _loop = new WeakMap(), _autoplay = new WeakMap(), _swipe = new WeakMap(), _lengthOffset = new WeakMap(), _intervalId = new WeakMap(), _isIntersecting = new WeakMap(), _items = new WeakMap(), _groups = new WeakMap(), _counter = new WeakMap(), _length = new WeakMap(), _timeouts = new WeakMap(), _BillboardElement_instances = new WeakSet(), updateLength_fn = /* @__PURE__ */ __name(function() {
+  __privateSet(this, _length, 0), __privateGet(this, _groups).forEach((g) => {
+    g.length > __privateGet(this, _length) && __privateSet(this, _length, g.length);
+  }), __privateSet(this, _length, __privateGet(this, _length) + __privateGet(this, _lengthOffset).current);
+}, "#updateLength"), tryAutoplay_fn = /* @__PURE__ */ __name(function() {
+  __privateGet(this, _autoplay).current !== !1 && __privateGet(this, _clearAndSpawnInterval).call(this);
+}, "#tryAutoplay"), _intersectionListener = new WeakMap(), _clearAndSpawnInterval = new WeakMap(), updateCounter_fn = /* @__PURE__ */ __name(function() {
+  return __async(this, arguments, function* (value = __privateGet(this, _counter)) {
+    const prev = __privateGet(this, _counter);
+    __privateGet(this, _loop).current ? __privateSet(this, _counter, loopNumber(value, __privateGet(this, _length))) : __privateSet(this, _counter, clamp(value, 0, __privateGet(this, _length) - 1)), prev !== __privateGet(this, _counter) && (__privateGet(this, _timeouts).forEach((timeout) => {
+      clearTimeout(timeout);
+    }), this.classList.remove("forward", "backward", "next-round", "prev-round"), __privateGet(this, _counter) - prev >= 0 ? this.classList.add("forward") : __privateGet(this, _counter) - prev < 0 && this.classList.add("backward"), __privateGet(this, _groups).forEach((group) => {
+      group.forEach((item, i) => {
+        item.updateClasses(i);
       });
-    }), this.classList.toggle("has-length", t(this, u) > 1), this.classList.toggle("start", t(this, o) === 0), this.classList.toggle("end", t(this, o) === t(this, u) - 1), this.style.setProperty("--counter", t(this, o).toString()), this.style.setProperty("--sections", t(this, u).toString()), bt(this, "billboardChange", {
+    }), this.classList.toggle("has-length", __privateGet(this, _length) > 1), this.classList.toggle("start", __privateGet(this, _counter) === 0), this.classList.toggle("end", __privateGet(this, _counter) === __privateGet(this, _length) - 1), this.style.setProperty("--counter", __privateGet(this, _counter).toString()), this.style.setProperty("--sections", __privateGet(this, _length).toString()), dispatchEvent(this, "billboardChange", {
       detail: {
-        counter: t(this, o)
+        counter: __privateGet(this, _counter)
       }
-    }), t(this, $).current && t(this, P).push(
+    }), __privateGet(this, _resize).current && __privateGet(this, _timeouts).push(
       setTimeout(() => {
         window.dispatchEvent(new Event("resize"));
       }, 0)
-    ), t(this, P).push(
+    ), __privateGet(this, _timeouts).push(
       setTimeout(() => {
         this.classList.remove("next-round", "prev-round");
       }, 10)
     ));
   });
-}, X = new WeakMap(), Y = new WeakMap();
-customElements.get("e-billboard") || customElements.define("e-billboard", U);
-var g, N, v, R, O;
-class pt extends HTMLElement {
+}, "#updateCounter"), _tick = new WeakMap(), _pointerDownListener = new WeakMap(), __name(_BillboardElement, "BillboardElement");
+let BillboardElement = _BillboardElement;
+customElements.get("e-billboard") || customElements.define("e-billboard", BillboardElement);
+var _billboardElement, _contentElement, _buttonElements, _clickListener, _billboardChangeListener;
+const _BillboardBulletsElement = class _BillboardBulletsElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, g, null);
-    s(this, N, null);
-    s(this, v, []);
-    s(this, R, (e) => {
-      const i = e.currentTarget, r = t(this, v).findIndex((a) => a === i);
-      r >= 0 && t(this, g).set(r);
-    });
-    s(this, O, () => {
-      t(this, v).forEach((e, i) => {
-        i === t(this, g).counter ? e.classList.add("current") : e.classList.remove("current");
+    __privateAdd(this, _billboardElement, null);
+    __privateAdd(this, _contentElement, null);
+    __privateAdd(this, _buttonElements, []);
+    __privateAdd(this, _clickListener, /* @__PURE__ */ __name((e) => {
+      const ct = e.currentTarget, index = __privateGet(this, _buttonElements).findIndex((el) => el === ct);
+      index >= 0 && __privateGet(this, _billboardElement).set(index);
+    }, "#clickListener"));
+    __privateAdd(this, _billboardChangeListener, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _buttonElements).forEach((element, i) => {
+        i === __privateGet(this, _billboardElement).counter ? element.classList.add("current") : element.classList.remove("current");
       });
-    });
+    }, "#billboardChangeListener"));
   }
   get buttonElements() {
-    return t(this, v);
+    return __privateGet(this, _buttonElements);
   }
   connectedCallback() {
-    return F(this, null, function* () {
-      var e;
-      if (yield ht("e-billboard"), l(this, g, _(this, U)), t(this, g) && this.isConnected) {
+    return __async(this, null, function* () {
+      var _a;
+      if (yield whenDefined("e-billboard"), __privateSet(this, _billboardElement, findParentElement(this, BillboardElement)), __privateGet(this, _billboardElement) && this.isConnected) {
         this.innerHTML = "";
-        const i = t(this, g).length;
-        l(this, N, document.createElement("div"));
-        for (let r = 0; r < i; r++) {
-          const a = document.createElement("button");
-          a.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, v).push(a), t(this, N).appendChild(a);
+        const length = __privateGet(this, _billboardElement).length;
+        __privateSet(this, _contentElement, document.createElement("div"));
+        for (let index = 0; index < length; index++) {
+          const button = document.createElement("button");
+          button.setAttribute("aria-label", `Go to item ${index + 1}`), __privateGet(this, _buttonElements).push(button), __privateGet(this, _contentElement).appendChild(button);
         }
-        this.appendChild(t(this, N)), t(this, v).forEach((r) => {
-          r.addEventListener("click", t(this, R));
-        }), (e = t(this, g)) == null || e.addEventListener(
+        this.appendChild(__privateGet(this, _contentElement)), __privateGet(this, _buttonElements).forEach((element) => {
+          element.addEventListener("click", __privateGet(this, _clickListener));
+        }), (_a = __privateGet(this, _billboardElement)) == null || _a.addEventListener(
           "billboardChange",
-          t(this, O)
-        ), t(this, O).call(this);
+          __privateGet(this, _billboardChangeListener)
+        ), __privateGet(this, _billboardChangeListener).call(this);
       }
     });
   }
   disconnectedCallback() {
-    var e;
-    t(this, v).forEach((i) => {
-      i.removeEventListener("click", t(this, R));
-    }), (e = t(this, g)) == null || e.removeEventListener(
+    var _a;
+    __privateGet(this, _buttonElements).forEach((element) => {
+      element.removeEventListener("click", __privateGet(this, _clickListener));
+    }), (_a = __privateGet(this, _billboardElement)) == null || _a.removeEventListener(
       "billboardChange",
-      t(this, O)
-    ), this.innerHTML = "", l(this, v, []);
+      __privateGet(this, _billboardChangeListener)
+    ), this.innerHTML = "", __privateSet(this, _buttonElements, []);
   }
-}
-g = new WeakMap(), N = new WeakMap(), v = new WeakMap(), R = new WeakMap(), O = new WeakMap();
-Z && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", pt);
-var z, G;
-class gt extends HTMLElement {
+};
+_billboardElement = new WeakMap(), _contentElement = new WeakMap(), _buttonElements = new WeakMap(), _clickListener = new WeakMap(), _billboardChangeListener = new WeakMap(), __name(_BillboardBulletsElement, "BillboardBulletsElement");
+let BillboardBulletsElement = _BillboardBulletsElement;
+isBrowser && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", BillboardBulletsElement);
+var _billboardElement2, _changeListener;
+const _BillboardCounterElement = class _BillboardCounterElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, z, null);
-    s(this, G, () => {
-      var r;
-      const e = (((r = t(this, z)) == null ? void 0 : r.counter) || 0) + 1, i = parseInt(this.getAttribute("pad") || "0");
-      this.textContent = e.toString().padStart(i, "0");
-    });
+    __privateAdd(this, _billboardElement2, null);
+    __privateAdd(this, _changeListener, /* @__PURE__ */ __name(() => {
+      var _a;
+      const value = (((_a = __privateGet(this, _billboardElement2)) == null ? void 0 : _a.counter) || 0) + 1, pad = parseInt(this.getAttribute("pad") || "0");
+      this.textContent = value.toString().padStart(pad, "0");
+    }, "#changeListener"));
   }
   connectedCallback() {
-    return F(this, null, function* () {
-      var e;
-      yield ht("e-billboard"), l(this, z, _(this, U)), (e = t(this, z)) == null || e.addEventListener(
+    return __async(this, null, function* () {
+      var _a;
+      yield whenDefined("e-billboard"), __privateSet(this, _billboardElement2, findParentElement(this, BillboardElement)), (_a = __privateGet(this, _billboardElement2)) == null || _a.addEventListener(
         "billboardChange",
-        t(this, G)
-      ), t(this, G).call(this);
+        __privateGet(this, _changeListener)
+      ), __privateGet(this, _changeListener).call(this);
     });
   }
   disconnectedCallback() {
-    var e;
-    (e = t(this, z)) == null || e.removeEventListener(
+    var _a;
+    (_a = __privateGet(this, _billboardElement2)) == null || _a.removeEventListener(
       "billboardChange",
-      t(this, G)
+      __privateGet(this, _changeListener)
     );
   }
-}
-z = new WeakMap(), G = new WeakMap();
-Z && !customElements.get("e-billboard-counter") && customElements.define("e-billboard-counter", gt);
-var j, w, E, A;
-class vt extends HTMLElement {
+};
+_billboardElement2 = new WeakMap(), _changeListener = new WeakMap(), __name(_BillboardCounterElement, "BillboardCounterElement");
+let BillboardCounterElement = _BillboardCounterElement;
+isBrowser && !customElements.get("e-billboard-counter") && customElements.define("e-billboard-counter", BillboardCounterElement);
+var _item, _index, _billboardElement3, _changeListener2;
+const _BillboardSetButtonElement = class _BillboardSetButtonElement extends HTMLElement {
   constructor() {
     super();
-    s(this, j, null);
-    s(this, w, new S(this, "--index", 0));
-    s(this, E, null);
-    s(this, A, () => {
-      t(this, j).updateClasses(t(this, w).current);
-    });
-    this.addEventListener("click", (e) => {
-      t(this, E) && (!this.handleClick || this.handleClick(e)) && t(this, E).set(t(this, w).current);
+    __privateAdd(this, _item, null);
+    __privateAdd(this, _index, new CSSProperty(this, "--index", 0));
+    __privateAdd(this, _billboardElement3, null);
+    __privateAdd(this, _changeListener2, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _item).updateClasses(__privateGet(this, _index).current);
+    }, "#changeListener"));
+    this.addEventListener("click", (event) => {
+      __privateGet(this, _billboardElement3) && (!this.handleClick || this.handleClick(event)) && __privateGet(this, _billboardElement3).set(__privateGet(this, _index).current);
     }), this.addEventListener("keydown", (e) => {
       e.code === "Space" && !this.hasAttribute("keydown-disabled") && (e.preventDefault(), this.click());
     });
   }
   connectedCallback() {
-    return F(this, null, function* () {
-      yield ht("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), l(this, E, _(this, U)), t(this, E) && (l(this, j, new ot(this, t(this, E))), t(this, E).addEventListener(
+    return __async(this, null, function* () {
+      yield whenDefined("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), __privateSet(this, _billboardElement3, findParentElement(this, BillboardElement)), __privateGet(this, _billboardElement3) && (__privateSet(this, _item, new BillboardItem(this, __privateGet(this, _billboardElement3))), __privateGet(this, _billboardElement3).addEventListener(
         "billboardChange",
-        t(this, A)
-      ), t(this, A).call(this), t(this, w).subscribe(t(this, A)), t(this, w).observe());
+        __privateGet(this, _changeListener2)
+      ), __privateGet(this, _changeListener2).call(this), __privateGet(this, _index).subscribe(__privateGet(this, _changeListener2)), __privateGet(this, _index).observe());
     });
   }
   disconnectedCallback() {
-    var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, A)), t(this, w).unobserve(), (e = t(this, E)) == null || e.removeEventListener(
+    var _a;
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), __privateGet(this, _index).unsubscribe(__privateGet(this, _changeListener2)), __privateGet(this, _index).unobserve(), (_a = __privateGet(this, _billboardElement3)) == null || _a.removeEventListener(
       "billboardChange",
-      t(this, A)
-    ), t(this, j).destroy();
+      __privateGet(this, _changeListener2)
+    ), __privateGet(this, _item).destroy();
   }
-}
-j = new WeakMap(), w = new WeakMap(), E = new WeakMap(), A = new WeakMap();
-Z && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", vt);
-var M, b, J;
-class Et extends HTMLElement {
+};
+_item = new WeakMap(), _index = new WeakMap(), _billboardElement3 = new WeakMap(), _changeListener2 = new WeakMap(), __name(_BillboardSetButtonElement, "BillboardSetButtonElement");
+let BillboardSetButtonElement = _BillboardSetButtonElement;
+isBrowser && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", BillboardSetButtonElement);
+var _step, _billboardElement4, _changeListener3;
+const _BillboardStepButtonElement = class _BillboardStepButtonElement extends HTMLElement {
   constructor() {
     super();
-    s(this, M, new S(this, "--step", 1));
-    s(this, b, null);
-    s(this, J, () => {
-      t(this, b) && (!t(this, b).loop.current && (t(this, b).counter === 0 && t(this, M).current <= 0 || t(this, b).counter === t(this, b).length - 1 && t(this, M).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
-    });
-    this.addEventListener("click", (e) => {
-      t(this, b) && (!this.handleClick || this.handleClick(e)) && t(this, b).shift(t(this, M).current);
+    __privateAdd(this, _step, new CSSProperty(this, "--step", 1));
+    __privateAdd(this, _billboardElement4, null);
+    __privateAdd(this, _changeListener3, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _billboardElement4) && (!__privateGet(this, _billboardElement4).loop.current && (__privateGet(this, _billboardElement4).counter === 0 && __privateGet(this, _step).current <= 0 || __privateGet(this, _billboardElement4).counter === __privateGet(this, _billboardElement4).length - 1 && __privateGet(this, _step).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
+    }, "#changeListener"));
+    this.addEventListener("click", (event) => {
+      __privateGet(this, _billboardElement4) && (!this.handleClick || this.handleClick(event)) && __privateGet(this, _billboardElement4).shift(__privateGet(this, _step).current);
     }), this.addEventListener("keydown", (e) => {
       e.code === "Space" && !this.hasAttribute("keydown-disabled") && (e.preventDefault(), this.click());
     });
   }
   connectedCallback() {
-    return F(this, null, function* () {
-      var e;
-      yield customElements.whenDefined("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, M).observe(), this.tabIndex = 0, l(this, b, _(this, U)), (e = t(this, b)) == null || e.addEventListener(
+    return __async(this, null, function* () {
+      var _a;
+      yield customElements.whenDefined("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), __privateGet(this, _step).observe(), this.tabIndex = 0, __privateSet(this, _billboardElement4, findParentElement(this, BillboardElement)), (_a = __privateGet(this, _billboardElement4)) == null || _a.addEventListener(
         "billboardChange",
-        t(this, J)
+        __privateGet(this, _changeListener3)
       ), setTimeout(() => {
-        t(this, J).call(this);
+        __privateGet(this, _changeListener3).call(this);
       }, 0);
     });
   }
   disconnectedCallback() {
-    var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, M).unobserve(), (e = t(this, b)) == null || e.removeEventListener(
+    var _a;
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), __privateGet(this, _step).unobserve(), (_a = __privateGet(this, _billboardElement4)) == null || _a.removeEventListener(
       "billboardChange",
-      t(this, J)
+      __privateGet(this, _changeListener3)
     );
   }
-}
-M = new WeakMap(), b = new WeakMap(), J = new WeakMap();
-Z && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", Et);
+};
+_step = new WeakMap(), _billboardElement4 = new WeakMap(), _changeListener3 = new WeakMap(), __name(_BillboardStepButtonElement, "BillboardStepButtonElement");
+let BillboardStepButtonElement = _BillboardStepButtonElement;
+isBrowser && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", BillboardStepButtonElement);
 export {
-  pt as BillboardBulletsElement,
-  gt as BillboardCounterElement,
-  U as BillboardElement,
-  vt as BillboardSetButtonElement,
-  Et as BillboardStepButtonElement
+  BillboardBulletsElement,
+  BillboardCounterElement,
+  BillboardElement,
+  BillboardSetButtonElement,
+  BillboardStepButtonElement
 };