aptechka 0.68.10 → 0.69.0

package/lib/billboard/BillboardCounterElement.d.ts

@@ -0,0 +1,10 @@
+export declare class BillboardCounterElement extends HTMLElement {
+    #private;
+    protected connectedCallback(): Promise<void>;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-billboard-counter': BillboardCounterElement;
+    }
+}

package/lib/billboard/BillboardElement.d.ts

@@ -5,6 +5,13 @@ export interface BillboardEvents {
         counter: number;
     }>;
 }
+export declare class BillboardItem {
+    #private;
+    element: HTMLElement;
+    constructor(element: HTMLElement, parent: BillboardElement);
+    destroy(): void;
+    updateClasses(index: number): void;
+}
 export declare class BillboardElement extends HTMLElement {
     #private;
     handleSet: ((number: number) => boolean) | undefined;
@@ -13,13 +20,12 @@ export declare class BillboardElement extends HTMLElement {
     get autoplay(): CSSProperty<string | false>;
     get autoplayDuration(): number;
     get swipe(): CSSProperty<false | Axes2D>;
-    get itemElements(): HTMLElement[];
-    get groups(): Map<string, HTMLElement[]>;
+    get items(): BillboardItem[];
+    get groups(): Map<string, BillboardItem[]>;
     get length(): number;
     addItem(element: HTMLElement): void;
     set(value: number): void;
     shift(value: number): void;
-    updateItemClasses(itemElement: HTMLElement, index: number): void;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;
 }

package/lib/billboard/BillboardSetButtonElement.d.ts

@@ -2,7 +2,7 @@ export declare class BillboardSetButtonElement extends HTMLElement {
     #private;
     handleClick: ((event: Event) => boolean) | undefined;
     constructor();
-    protected connectedCallback(): void;
+    protected connectedCallback(): Promise<void>;
     protected disconnectedCallback(): void;
 }
 declare global {

package/lib/billboard/index.cjs

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

package/lib/billboard/index.d.ts

@@ -1,4 +1,5 @@
 export { BillboardBulletsElement } from './BillboardBulletsElement';
+export { BillboardCounterElement } from './BillboardCounterElement';
 export { BillboardSetButtonElement } from './BillboardSetButtonElement';
 export { BillboardStepButtonElement } from './BillboardStepButtonElement';
 export { BillboardElement, type BillboardEvents } from './BillboardElement';

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);
+      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
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.68.10",
+  "version": "0.69.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"