aptechka 0.68.10 → 0.69.1

package/lib/billboard/index.js

@@ -1,266 +1,319 @@
-var X = (n) => {
-  throw TypeError(n);
+var rt = (h) => {
+  throw TypeError(h);
 };
-var Q = (n, a, e) => a.has(n) || X("Cannot " + e);
-var t = (n, a, e) => (Q(n, a, "read from private field"), e ? e.call(n) : a.get(n)), i = (n, a, e) => a.has(n) ? X("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(n) : a.set(n, e), c = (n, a, e, s) => (Q(n, a, "write to private field"), s ? s.call(n, e) : a.set(n, e), e), f = (n, a, e) => (Q(n, a, "access private method"), e);
-var F = (n, a, e) => new Promise((s, r) => {
-  var l = (v) => {
+var et = (h, n, e) => n.has(h) || rt("Cannot " + e);
+var t = (h, n, e) => (et(h, n, "read from private field"), e ? e.call(h) : n.get(h)), s = (h, n, e) => n.has(h) ? rt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(h) : n.set(h, e), l = (h, n, e, i) => (et(h, n, "write to private field"), i ? i.call(h, e) : n.set(h, e), e), c = (h, n, e) => (et(h, n, "access private method"), e);
+var P = (h, n, e) => new Promise((i, r) => {
+  var a = (M) => {
     try {
-      k(e.next(v));
-    } catch ($) {
-      r($);
+      _(e.next(M));
+    } catch (tt) {
+      r(tt);
     }
-  }, u = (v) => {
+  }, y = (M) => {
     try {
-      k(e.throw(v));
-    } catch ($) {
-      r($);
+      _(e.throw(M));
+    } catch (tt) {
+      r(tt);
     }
-  }, k = (v) => v.done ? s(v.value) : Promise.resolve(v.value).then(l, u);
-  k((e = e.apply(n, a)).next());
+  }, _ = (M) => M.done ? i(M.value) : Promise.resolve(M.value).then(a, y);
+  _((e = e.apply(h, n)).next());
 });
-import { a as R, i as V } from "../index-Bv9zgfdb.js";
-import { w as Z } from "../custom-elements-DBnCK7Zx.js";
-import { b as W } from "../dom-CVWzyXPH.js";
+import { a as st, i as Y } from "../index-Bv9zgfdb.js";
+import { w as nt } from "../custom-elements-DBnCK7Zx.js";
+import { b as Z } from "../dom-CVWzyXPH.js";
 import "construct-style-sheets-polyfill";
-import { CSSProperty as T } from "../css-property/index.js";
-import { d as _ } from "../events-CsVF98U6.js";
-import { s as tt } from "../gestures-CcXV6fCp.js";
-import { c as et } from "../math-BOBiC4TN.js";
-import { l as Y } from "../number-CumqY64S.js";
-var D, I, E, L, x, M, N, m, h, b, o, U, G, B, j, S, J, K;
-class O extends HTMLElement {
+import { CSSProperty as z } from "../css-property/index.js";
+import { d as ut } from "../events-CsVF98U6.js";
+import { s as bt } from "../gestures-CcXV6fCp.js";
+import { c as mt } from "../math-BOBiC4TN.js";
+import { l as ht } from "../number-CumqY64S.js";
+var m, I, O, f, at, ot, ct, it;
+class lt {
+  constructor(n, e) {
+    s(this, f);
+    s(this, m);
+    s(this, I, null);
+    s(this, O, !1);
+    this.element = n, l(this, m, e);
+  }
+  destroy() {
+    c(this, f, it).call(this);
+  }
+  updateClasses(n) {
+    const e = n === t(this, m).counter;
+    t(this, O) && !e ? this.element.classList.add("was-current") : this.element.classList.remove("was-current"), c(this, f, ct).call(this), c(this, f, it).call(this), n === t(this, m).counter ? c(this, f, at).call(this) : n < t(this, m).counter ? this.element.classList.add("previous") : this.element.classList.add("next"), c(this, f, ot).call(this, n);
+  }
+}
+m = new WeakMap(), I = new WeakMap(), O = new WeakMap(), f = new WeakSet(), at = function() {
+  l(this, O, !0), this.element.classList.add("current"), l(this, I, requestAnimationFrame(() => {
+    this.element.classList.add("current-active");
+  }));
+}, ot = function(n) {
+  n === ht(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");
+}, ct = function() {
+  this.element.classList.remove(
+    "current",
+    "previous",
+    "next",
+    "previous-sibling",
+    "next-sibling",
+    "current-active"
+  );
+}, it = function() {
+  t(this, I) && (cancelAnimationFrame(t(this, I)), l(this, I, null));
+};
+var F, S, L, C, k, T, B, p, o, b, D, u, dt, U, $, V, K, W, X;
+class R extends HTMLElement {
   constructor() {
     super(...arguments);
-    i(this, o);
-    i(this, D, new T(this, "--resize", !0));
-    i(this, I, new T(this, "--loop", !0));
-    i(this, E, new T(this, "--autoplay", !1));
-    i(this, L, new T(this, "--swipe", "x"));
-    i(this, x);
-    i(this, M, !1);
-    i(this, N, []);
-    i(this, m, /* @__PURE__ */ new Map());
-    i(this, h, 0);
-    i(this, b, 0);
-    i(this, B, (e) => {
-      c(this, M, e.isIntersecting), t(this, M) ? f(this, o, G).call(this) : clearInterval(t(this, x));
+    s(this, u);
+    s(this, F, new z(this, "--resize", !0));
+    s(this, S, new z(this, "--loop", !0));
+    s(this, L, new z(this, "--autoplay", !1));
+    s(this, C, new z(this, "--swipe", "x"));
+    s(this, k);
+    s(this, T, !1);
+    s(this, B, []);
+    s(this, p, /* @__PURE__ */ new Map());
+    s(this, o, -1);
+    s(this, b, 0);
+    s(this, D, []);
+    s(this, $, (e) => {
+      l(this, T, e.isIntersecting), t(this, T) ? c(this, u, U).call(this) : clearInterval(t(this, k));
     });
-    i(this, j, () => {
-      clearInterval(t(this, x)), t(this, M) && c(this, x, setInterval(t(this, J), this.autoplayDuration));
+    s(this, V, () => {
+      clearInterval(t(this, k)), t(this, T) && l(this, k, setInterval(t(this, W), this.autoplayDuration));
     });
-    i(this, J, () => {
-      f(this, o, S).call(this, t(this, h) + 1);
+    s(this, W, () => {
+      c(this, u, K).call(this, t(this, o) + 1);
     });
-    i(this, K, (e) => {
-      if (!t(this, L).current)
+    s(this, X, (e) => {
+      if (!t(this, C).current)
         return;
-      let s = 0;
-      tt(
+      let i = 0;
+      bt(
         (r) => {
-          const l = e.x - r.x, u = e.y - r.y;
-          t(this, L).current === "x" ? Math.abs(l) > Math.abs(u) && Math.abs(l) > 10 && (s = Math.sign(l)) : t(this, L).current === "y" && Math.abs(u) > Math.abs(l) && Math.abs(u) > 10 && (s = Math.sign(u));
+          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));
         },
         () => {
-          s && this.shift(s);
+          i && this.shift(i);
         }
       );
     });
   }
   get counter() {
-    return t(this, h);
+    return t(this, o);
   }
   get loop() {
-    return t(this, I);
+    return t(this, S);
   }
   get autoplay() {
-    return t(this, E);
+    return t(this, L);
   }
   get autoplayDuration() {
-    return parseFloat(t(this, E).current || "0") * 1e3;
+    return parseFloat(t(this, L).current || "0") * 1e3;
   }
   get swipe() {
-    return t(this, L);
+    return t(this, C);
   }
-  get itemElements() {
-    return t(this, N);
+  get items() {
+    return t(this, B);
   }
   get groups() {
-    return t(this, m);
+    return t(this, p);
   }
   get length() {
     return t(this, b);
   }
   addItem(e) {
-    f(this, o, U).call(this, e), f(this, o, S).call(this);
+    const i = new lt(e, this);
+    t(this, B).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, u, dt).call(this);
   }
   set(e) {
-    (!this.handleSet || this.handleSet(e)) && (f(this, o, S).call(this, e), f(this, o, G).call(this));
+    (!this.handleSet || this.handleSet(e)) && (c(this, u, K).call(this, e), c(this, u, U).call(this));
   }
   shift(e) {
-    this.set(t(this, h) + e);
-  }
-  updateItemClasses(e, s) {
-    e.classList.remove(
-      "current",
-      "previous",
-      "next",
-      "previous-sibling",
-      "next-sibling"
-    ), s === t(this, h) ? e.classList.add("current") : s < t(this, h) ? e.classList.add("previous") : s > t(this, h) && e.classList.add("next"), s === Y(t(this, h) - 1, this.length) ? e.classList.add("previous-sibling") : s === (t(this, h) + 1) % this.length && e.classList.add("next-sibling");
+    this.set(t(this, o) + e);
   }
   connectedCallback() {
     [
       ...this.querySelectorAll(
         `[data-billboard-item${this.id ? `="${this.id}"` : ""}]`
       )
-    ].forEach((s) => {
-      f(this, o, U).call(this, s);
-    }), t(this, m).forEach((s) => {
+    ].forEach((i) => {
+      this.addItem(i);
+    }), t(this, p).forEach((i) => {
       var r;
-      (r = s[0]) == null || r.classList.add("current");
-    }), t(this, E).subscribe((s) => {
-      s.current ? (R.subscribe(this, t(this, B)), f(this, o, G).call(this)) : (c(this, M, !0), R.unsubscribe(t(this, B)), clearInterval(t(this, x)), f(this, o, S).call(this, 0));
-    }), t(this, E).observe(), t(this, L).observe(), t(this, I).observe(), t(this, D).observe(), f(this, o, S).call(this, 0), this.addEventListener("pointerdown", t(this, K));
+      (r = i[0]) == null || r.element.classList.add("current");
+    }), t(this, L).subscribe((i) => {
+      i.current ? (st.subscribe(this, t(this, $)), c(this, u, U).call(this)) : (l(this, T, !0), st.unsubscribe(t(this, $)), clearInterval(t(this, k)), c(this, u, K).call(this, 0));
+    }), t(this, L).observe(), t(this, C).observe(), t(this, S).observe(), t(this, F).observe(), c(this, u, K).call(this, 0), this.addEventListener("pointerdown", t(this, X));
   }
   disconnectedCallback() {
-    t(this, E).unobserve(), t(this, L).unobserve(), t(this, I).unobserve(), t(this, D).unobserve(), t(this, m).clear(), R.unsubscribe(t(this, B)), clearInterval(t(this, x));
+    t(this, L).unobserve(), t(this, C).unobserve(), t(this, S).unobserve(), t(this, F).unobserve(), t(this, B).forEach((e) => e.destroy()), l(this, B, []), t(this, p).clear(), st.unsubscribe(t(this, $)), clearInterval(t(this, k)), t(this, D).forEach((e) => {
+      clearTimeout(e);
+    });
   }
 }
-D = new WeakMap(), I = new WeakMap(), E = new WeakMap(), L = new WeakMap(), x = new WeakMap(), M = new WeakMap(), N = new WeakMap(), m = new WeakMap(), h = new WeakMap(), b = new WeakMap(), o = new WeakSet(), U = function(e) {
-  t(this, N).push(e);
-  const s = e.getAttribute("data-billboard-item-group") || "default";
-  let r = t(this, m).get(s);
-  r || (r = [], t(this, m).set(s, r)), r.push(e), c(this, b, 0), t(this, m).forEach((l) => {
-    l.length > t(this, b) && c(this, b, l.length);
+F = new WeakMap(), S = new WeakMap(), L = new WeakMap(), C = new WeakMap(), k = new WeakMap(), T = new WeakMap(), B = new WeakMap(), p = new WeakMap(), o = new WeakMap(), b = new WeakMap(), D = new WeakMap(), u = new WeakSet(), dt = function() {
+  l(this, b, 0), t(this, p).forEach((e) => {
+    e.length > t(this, b) && l(this, b, e.length);
   });
-}, G = function() {
-  t(this, E).current !== !1 && t(this, j).call(this);
-}, B = new WeakMap(), j = new WeakMap(), S = function() {
-  return F(this, arguments, function* (e = t(this, h)) {
-    const s = t(this, h);
-    t(this, I).current ? c(this, h, Y(e, t(this, b))) : c(this, h, et(e, 0, t(this, b) - 1)), this.classList.remove("forward", "backward", "next-round", "prev-round"), t(this, h) - s >= 0 ? this.classList.add("forward") : t(this, h) - s < 0 && this.classList.add("backward");
-    let r = [];
-    t(this, m).forEach((l) => {
-      l.forEach((u, k) => {
-        if (this.hasAttribute("visited-class")) {
-          const v = u.classList.contains("visited");
-          k === t(this, h) && !v ? (u.classList.add("visited"), r.push(
-            new Promise(($) => {
-              setTimeout(() => {
-                this.updateItemClasses(u, k), $();
-              }, 10);
-            })
-          )) : this.updateItemClasses(u, k);
-        } else
-          this.updateItemClasses(u, k);
+}, U = function() {
+  t(this, L).current !== !1 && t(this, V).call(this);
+}, $ = new WeakMap(), V = new WeakMap(), K = function() {
+  return P(this, arguments, function* (e = t(this, o)) {
+    const i = t(this, o);
+    t(this, S).current ? l(this, o, ht(e, t(this, b))) : l(this, o, mt(e, 0, t(this, b) - 1)), i !== t(this, o) && (t(this, D).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);
       });
-    }), r.length && (yield Promise.all(r)), this.classList.toggle("has-length", t(this, b) > 1), this.classList.toggle("start", t(this, h) === 0), this.classList.toggle("end", t(this, h) === t(this, b) - 1), this.style.setProperty("--counter", t(this, h).toString()), this.style.setProperty("--sections", t(this, b).toString()), t(this, h) !== s && (_(this, "billboardChange", {
+    }), this.classList.toggle("has-length", t(this, b) > 1), this.classList.toggle("start", t(this, o) === 0), this.classList.toggle("end", t(this, o) === t(this, b) - 1), this.style.setProperty("--counter", t(this, o).toString()), this.style.setProperty("--sections", t(this, b).toString()), ut(this, "billboardChange", {
       detail: {
-        counter: t(this, h)
+        counter: t(this, o)
       }
-    }), t(this, D).current && setTimeout(() => {
-      window.dispatchEvent(new Event("resize"));
-    }, 0)), setTimeout(() => {
-      this.classList.remove("next-round", "prev-round");
-    }, 10);
+    }), t(this, F).current && t(this, D).push(
+      setTimeout(() => {
+        window.dispatchEvent(new Event("resize"));
+      }, 0)
+    ), t(this, D).push(
+      setTimeout(() => {
+        this.classList.remove("next-round", "prev-round");
+      }, 10)
+    ));
   });
-}, J = new WeakMap(), K = new WeakMap();
-customElements.get("e-billboard") || customElements.define("e-billboard", O);
-var p, H, g, q, P;
-class st extends HTMLElement {
+}, W = new WeakMap(), X = new WeakMap();
+customElements.get("e-billboard") || customElements.define("e-billboard", R);
+var g, q, v, Q, N;
+class ft extends HTMLElement {
   constructor() {
     super(...arguments);
-    i(this, p, null);
-    i(this, H, null);
-    i(this, g, []);
-    i(this, q, (e) => {
-      const s = e.currentTarget, r = t(this, g).findIndex((l) => l === s);
-      r >= 0 && t(this, p).set(r);
+    s(this, g, null);
+    s(this, q, null);
+    s(this, v, []);
+    s(this, Q, (e) => {
+      const i = e.currentTarget, r = t(this, v).findIndex((a) => a === i);
+      r >= 0 && t(this, g).set(r);
     });
-    i(this, P, () => {
-      t(this, g).forEach((e, s) => {
-        s === t(this, p).counter ? e.classList.add("current") : e.classList.remove("current");
+    s(this, N, () => {
+      t(this, v).forEach((e, i) => {
+        i === t(this, g).counter ? e.classList.add("current") : e.classList.remove("current");
       });
     });
   }
   get buttonElements() {
-    return t(this, g);
+    return t(this, v);
   }
   connectedCallback() {
-    return F(this, null, function* () {
+    return P(this, null, function* () {
       var e;
-      if (yield Z("e-billboard"), c(this, p, W(this, O)), t(this, p) && this.isConnected) {
+      if (yield nt("e-billboard"), l(this, g, Z(this, R)), t(this, g) && this.isConnected) {
         this.innerHTML = "";
-        const s = t(this, p).length;
-        c(this, H, document.createElement("div"));
-        for (let r = 0; r < s; r++) {
-          const l = document.createElement("button");
-          l.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, g).push(l), t(this, H).appendChild(l);
+        const i = t(this, g).length;
+        l(this, q, 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, q).appendChild(a);
         }
-        this.appendChild(t(this, H)), t(this, g).forEach((r) => {
-          r.addEventListener("click", t(this, q));
-        }), (e = t(this, p)) == null || e.addEventListener(
+        this.appendChild(t(this, q)), t(this, v).forEach((r) => {
+          r.addEventListener("click", t(this, Q));
+        }), (e = t(this, g)) == null || e.addEventListener(
           "billboardChange",
-          t(this, P)
-        ), t(this, P).call(this);
+          t(this, N)
+        ), t(this, N).call(this);
       }
     });
   }
   disconnectedCallback() {
     var e;
-    t(this, g).forEach((s) => {
-      s.removeEventListener("click", t(this, q));
-    }), (e = t(this, p)) == null || e.removeEventListener(
+    t(this, v).forEach((i) => {
+      i.removeEventListener("click", t(this, Q));
+    }), (e = t(this, g)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, P)
-    ), this.innerHTML = "", c(this, g, []);
+      t(this, N)
+    ), this.innerHTML = "", l(this, v, []);
   }
 }
-p = new WeakMap(), H = new WeakMap(), g = new WeakMap(), q = new WeakMap(), P = new WeakMap();
-V && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", st);
-var w, C, y;
-class it extends HTMLElement {
+g = new WeakMap(), q = new WeakMap(), v = new WeakMap(), Q = new WeakMap(), N = new WeakMap();
+Y && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", ft);
+var H, G;
+class pt extends HTMLElement {
   constructor() {
-    super();
-    i(this, w, new T(this, "--index", 0));
-    i(this, C, null);
-    i(this, y, () => {
+    super(...arguments);
+    s(this, H, null);
+    s(this, G, () => {
+      var r;
+      const e = (((r = t(this, H)) == null ? void 0 : r.counter) || 0) + 1, i = parseInt(this.getAttribute("pad") || "0");
+      this.textContent = e.toString().padStart(i, "0");
+    });
+  }
+  connectedCallback() {
+    return P(this, null, function* () {
       var e;
-      (e = t(this, C)) == null || e.updateItemClasses(this, t(this, w).current);
+      yield nt("e-billboard"), l(this, H, Z(this, R)), (e = t(this, H)) == null || e.addEventListener(
+        "billboardChange",
+        t(this, G)
+      ), t(this, G).call(this);
+    });
+  }
+  disconnectedCallback() {
+    var e;
+    (e = t(this, H)) == null || e.removeEventListener(
+      "billboardChange",
+      t(this, G)
+    );
+  }
+}
+H = new WeakMap(), G = new WeakMap();
+Y && !customElements.get("e-billboard-counter") && customElements.define("e-billboard-counter", pt);
+var j, w, E, x;
+class gt extends HTMLElement {
+  constructor() {
+    super();
+    s(this, j, null);
+    s(this, w, new z(this, "--index", 0));
+    s(this, E, null);
+    s(this, x, () => {
+      t(this, j).updateClasses(t(this, w).current);
     });
     this.addEventListener("click", (e) => {
-      t(this, C) && (!this.handleClick || this.handleClick(e)) && t(this, C).set(t(this, w).current);
+      t(this, E) && (!this.handleClick || this.handleClick(e)) && t(this, E).set(t(this, w).current);
     }), this.addEventListener("keydown", (e) => {
       e.code === "Space" && !this.hasAttribute("keydown-disabled") && (e.preventDefault(), this.click());
     });
   }
   connectedCallback() {
-    var e;
-    this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), c(this, C, W(this, O)), (e = t(this, C)) == null || e.addEventListener(
-      "billboardChange",
-      t(this, y)
-    ), customElements.whenDefined("e-billboard").then(() => {
-      this.isConnected && t(this, y).call(this);
-    }), t(this, w).subscribe(t(this, y)), t(this, w).observe();
+    return P(this, null, function* () {
+      yield nt("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), l(this, E, Z(this, R)), t(this, E) && (l(this, j, new lt(this, t(this, E))), t(this, E).addEventListener(
+        "billboardChange",
+        t(this, x)
+      ), t(this, x).call(this), t(this, w).subscribe(t(this, x)), t(this, w).observe());
+    });
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, y)), t(this, w).unobserve(), (e = t(this, C)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, x)), t(this, w).unobserve(), (e = t(this, E)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, y)
-    );
+      t(this, x)
+    ), t(this, j).destroy();
   }
 }
-w = new WeakMap(), C = new WeakMap(), y = new WeakMap();
-V && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", it);
-var A, d, z;
-class rt extends HTMLElement {
+j = new WeakMap(), w = new WeakMap(), E = new WeakMap(), x = new WeakMap();
+Y && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", gt);
+var A, d, J;
+class vt extends HTMLElement {
   constructor() {
     super();
-    i(this, A, new T(this, "--step", 1));
-    i(this, d, null);
-    i(this, z, () => {
+    s(this, A, new z(this, "--step", 1));
+    s(this, d, null);
+    s(this, J, () => {
       t(this, d) && (!t(this, d).loop.current && (t(this, d).counter === 0 && t(this, A).current <= 0 || t(this, d).counter === t(this, d).length - 1 && t(this, A).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
     });
     this.addEventListener("click", (e) => {
@@ -270,13 +323,13 @@ class rt extends HTMLElement {
     });
   }
   connectedCallback() {
-    return F(this, null, function* () {
+    return P(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, A).observe(), this.tabIndex = 0, c(this, d, W(this, O)), (e = t(this, d)) == null || e.addEventListener(
+      yield customElements.whenDefined("e-billboard"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.hasAttribute("role") || this.setAttribute("role", "button"), t(this, A).observe(), this.tabIndex = 0, l(this, d, Z(this, R)), (e = t(this, d)) == null || e.addEventListener(
         "billboardChange",
-        t(this, z)
+        t(this, J)
       ), setTimeout(() => {
-        t(this, z).call(this);
+        t(this, J).call(this);
       }, 0);
     });
   }
@@ -284,15 +337,16 @@ class rt extends HTMLElement {
     var e;
     this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, A).unobserve(), (e = t(this, d)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, z)
+      t(this, J)
     );
   }
 }
-A = new WeakMap(), d = new WeakMap(), z = new WeakMap();
-V && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", rt);
+A = new WeakMap(), d = new WeakMap(), J = new WeakMap();
+Y && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", vt);
 export {
-  st as BillboardBulletsElement,
-  O as BillboardElement,
-  it as BillboardSetButtonElement,
-  rt as BillboardStepButtonElement
+  ft as BillboardBulletsElement,
+  pt as BillboardCounterElement,
+  R as BillboardElement,
+  gt as BillboardSetButtonElement,
+  vt as BillboardStepButtonElement
 };