aptechka 0.69.8 → 0.69.10

package/lib/billboard/BillboardElement.d.ts

@@ -16,11 +16,11 @@ export declare class BillboardElement extends HTMLElement {
     #private;
     handleSet: ((number: number) => boolean) | undefined;
     get counter(): number;
-    get rawCounter(): number;
     get loop(): CSSProperty<boolean>;
     get autoplay(): CSSProperty<string | false>;
     get autoplayDuration(): number;
     get swipe(): CSSProperty<false | Axes2D>;
+    get lengthOffset(): CSSProperty<number>;
     get items(): BillboardItem[];
     get groups(): Map<string, BillboardItem[]>;
     get length(): number;

package/lib/billboard/index.cjs

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

package/lib/billboard/index.js

@@ -1,57 +1,57 @@
-var ht = (h) => {
+var lt = (h) => {
   throw TypeError(h);
 };
-var st = (h, r, e) => r.has(h) || ht("Cannot " + e);
-var t = (h, r, e) => (st(h, r, "read from private field"), e ? e.call(h) : r.get(h)), s = (h, r, e) => r.has(h) ? ht("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(h) : r.set(h, e), l = (h, r, e, i) => (st(h, r, "write to private field"), i ? i.call(h, e) : r.set(h, e), e), c = (h, r, e) => (st(h, r, "access private method"), e);
-var P = (h, r, e) => new Promise((i, n) => {
-  var a = (M) => {
+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) => {
     try {
-      tt(e.next(M));
+      tt(e.next(I));
     } catch (et) {
-      n(et);
+      r(et);
     }
-  }, y = (M) => {
+  }, y = (I) => {
     try {
-      tt(e.throw(M));
+      tt(e.throw(I));
     } catch (et) {
-      n(et);
+      r(et);
     }
-  }, tt = (M) => M.done ? i(M.value) : Promise.resolve(M.value).then(a, y);
-  tt((e = e.apply(h, r)).next());
+  }, tt = (I) => I.done ? i(I.value) : Promise.resolve(I.value).then(a, y);
+  tt((e = e.apply(h, n)).next());
 });
 import { a as it, i as Z } from "../index-Bv9zgfdb.js";
-import { w as nt } from "../custom-elements-DBnCK7Zx.js";
+import { w as ht } from "../custom-elements-DBnCK7Zx.js";
 import { b as _ } from "../dom-CVWzyXPH.js";
 import "construct-style-sheets-polyfill";
-import { CSSProperty as z } from "../css-property/index.js";
+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 lt } from "../number-CumqY64S.js";
-var m, I, O, f, ot, ct, dt, rt;
-class at {
-  constructor(r, e) {
+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, I, null);
-    s(this, O, !1);
-    this.element = r, l(this, m, e);
+    s(this, T, null);
+    s(this, Q, !1);
+    this.element = n, l(this, m, e);
   }
   destroy() {
-    c(this, f, rt).call(this);
+    c(this, f, nt).call(this);
   }
-  updateClasses(r) {
-    const e = r === t(this, m).counter;
-    t(this, O) && !e ? this.element.classList.add("was-current") : this.element.classList.remove("was-current"), c(this, f, dt).call(this), c(this, f, rt).call(this), r === t(this, m).counter ? c(this, f, ot).call(this) : r < t(this, m).counter ? this.element.classList.add("previous") : this.element.classList.add("next"), c(this, f, ct).call(this, r);
+  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, ut).call(this), c(this, f, nt).call(this), 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);
   }
 }
-m = new WeakMap(), I = new WeakMap(), O = new WeakMap(), f = new WeakSet(), ot = function() {
-  l(this, O, !0), this.element.classList.add("current"), l(this, I, requestAnimationFrame(() => {
+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(() => {
     this.element.classList.add("current-active");
   }));
-}, ct = function(r) {
-  r === lt(t(this, m).counter - 1, t(this, m).length) ? this.element.classList.add("previous-sibling") : r === (t(this, m).counter + 1) % t(this, m).length && this.element.classList.add("next-sibling");
-}, dt = function() {
+}, 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() {
   this.element.classList.remove(
     "current",
     "previous",
@@ -60,42 +60,42 @@ m = new WeakMap(), I = new WeakMap(), O = new WeakMap(), f = new WeakSet(), ot =
     "next-sibling",
     "current-active"
   );
-}, rt = function() {
-  t(this, I) && (cancelAnimationFrame(t(this, I)), l(this, I, null));
+}, nt = function() {
+  t(this, T) && (cancelAnimationFrame(t(this, T)), l(this, T, null));
 };
-var F, S, L, C, k, T, B, p, o, Q, b, D, u, ut, V, $, W, K, X, Y;
+var $, B, L, C, k, x, D, H, p, o, u, P, d, rt, V, q, W, K, X, Y;
 class U extends HTMLElement {
   constructor() {
     super(...arguments);
-    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, d);
+    s(this, $, new S(this, "--resize", !0));
+    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, Q, -1);
-    s(this, b, 0);
-    s(this, D, []);
-    s(this, $, (e) => {
-      l(this, T, e.isIntersecting), t(this, T) ? c(this, u, V).call(this) : clearInterval(t(this, k));
+    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, k)), t(this, T) && l(this, k, setInterval(t(this, X), this.autoplayDuration));
+      clearInterval(t(this, x)), t(this, D) && l(this, x, setInterval(t(this, X), this.autoplayDuration));
     });
     s(this, X, () => {
-      c(this, u, K).call(this, t(this, o) + 1);
+      c(this, d, K).call(this, t(this, o) + 1);
     });
     s(this, Y, (e) => {
       if (!t(this, C).current)
         return;
       let i = 0;
       mt(
-        (n) => {
-          const a = e.x - n.x, y = e.y - n.y;
+        (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));
         },
         () => {
@@ -107,11 +107,8 @@ class U extends HTMLElement {
   get counter() {
     return t(this, o);
   }
-  get rawCounter() {
-    return t(this, Q);
-  }
   get loop() {
-    return t(this, S);
+    return t(this, B);
   }
   get autoplay() {
     return t(this, L);
@@ -122,24 +119,27 @@ class U extends HTMLElement {
   get swipe() {
     return t(this, C);
   }
+  get lengthOffset() {
+    return t(this, k);
+  }
   get items() {
-    return t(this, B);
+    return t(this, H);
   }
   get groups() {
     return t(this, p);
   }
   get length() {
-    return t(this, b);
+    return t(this, u);
   }
   addItem(e) {
-    const i = new at(e, this);
-    t(this, B).push(i);
-    const n = e.getAttribute("data-billboard-item-group") || "default";
-    let a = t(this, p).get(n);
-    a || (a = [], t(this, p).set(n, a)), a.push(i), c(this, u, ut).call(this);
+    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);
   }
   set(e) {
-    (!this.handleSet || this.handleSet(e)) && (c(this, u, K).call(this, e), c(this, u, V).call(this));
+    (!this.handleSet || this.handleSet(e)) && (c(this, d, K).call(this, e), c(this, d, V).call(this));
   }
   shift(e) {
     this.set(t(this, o) + e);
@@ -152,42 +152,44 @@ class U extends HTMLElement {
     ].forEach((i) => {
       this.addItem(i);
     }), t(this, p).forEach((i) => {
-      var n;
-      (n = i[0]) == null || n.element.classList.add("current");
+      var r;
+      (r = i[0]) == null || r.element.classList.add("current");
     }), t(this, L).subscribe((i) => {
-      i.current ? (it.subscribe(this, t(this, $)), c(this, u, V).call(this)) : (l(this, T, !0), it.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, Y));
+      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));
   }
   disconnectedCallback() {
-    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(), it.unsubscribe(t(this, $)), clearInterval(t(this, k)), t(this, D).forEach((e) => {
+    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);
     });
   }
 }
-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(), Q = new WeakMap(), b = new WeakMap(), D = new WeakMap(), u = new WeakSet(), ut = function() {
-  l(this, b, 0), t(this, p).forEach((e) => {
-    e.length > t(this, b) && l(this, b, e.length);
-  });
+$ = 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);
-}, $ = new WeakMap(), W = new WeakMap(), K = function() {
-  return P(this, arguments, function* (e = t(this, o)) {
+}, q = new WeakMap(), W = new WeakMap(), K = function() {
+  return F(this, arguments, function* (e = t(this, o)) {
     const i = t(this, o);
-    t(this, S).current ? l(this, o, lt(e, t(this, b))) : l(this, o, ft(e, 0, t(this, b) - 1)), l(this, Q, e), i !== t(this, o) && (t(this, D).forEach((n) => {
-      clearTimeout(n);
-    }), 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((n) => {
-      n.forEach((a, y) => {
+    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);
       });
-    }), 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()), bt(this, "billboardChange", {
+    }), 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", {
       detail: {
         counter: t(this, o)
       }
-    }), t(this, F).current && t(this, D).push(
+    }), t(this, $).current && t(this, P).push(
       setTimeout(() => {
         window.dispatchEvent(new Event("resize"));
       }, 0)
-    ), t(this, D).push(
+    ), t(this, P).push(
       setTimeout(() => {
         this.classList.remove("next-round", "prev-round");
       }, 10)
@@ -195,73 +197,73 @@ F = new WeakMap(), S = new WeakMap(), L = new WeakMap(), C = new WeakMap(), k =
   });
 }, X = new WeakMap(), Y = new WeakMap();
 customElements.get("e-billboard") || customElements.define("e-billboard", U);
-var g, q, E, R, N;
+var g, N, v, R, O;
 class pt extends HTMLElement {
   constructor() {
     super(...arguments);
     s(this, g, null);
-    s(this, q, null);
-    s(this, E, []);
+    s(this, N, null);
+    s(this, v, []);
     s(this, R, (e) => {
-      const i = e.currentTarget, n = t(this, E).findIndex((a) => a === i);
-      n >= 0 && t(this, g).set(n);
+      const i = e.currentTarget, r = t(this, v).findIndex((a) => a === i);
+      r >= 0 && t(this, g).set(r);
     });
-    s(this, N, () => {
-      t(this, E).forEach((e, i) => {
+    s(this, O, () => {
+      t(this, v).forEach((e, i) => {
         i === t(this, g).counter ? e.classList.add("current") : e.classList.remove("current");
       });
     });
   }
   get buttonElements() {
-    return t(this, E);
+    return t(this, v);
   }
   connectedCallback() {
-    return P(this, null, function* () {
+    return F(this, null, function* () {
       var e;
-      if (yield nt("e-billboard"), l(this, g, _(this, U)), t(this, g) && this.isConnected) {
+      if (yield ht("e-billboard"), l(this, g, _(this, U)), t(this, g) && this.isConnected) {
         this.innerHTML = "";
         const i = t(this, g).length;
-        l(this, q, document.createElement("div"));
-        for (let n = 0; n < i; n++) {
+        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 ${n + 1}`), t(this, E).push(a), t(this, q).appendChild(a);
+          a.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, v).push(a), t(this, N).appendChild(a);
         }
-        this.appendChild(t(this, q)), t(this, E).forEach((n) => {
-          n.addEventListener("click", t(this, R));
+        this.appendChild(t(this, N)), t(this, v).forEach((r) => {
+          r.addEventListener("click", t(this, R));
         }), (e = t(this, g)) == null || e.addEventListener(
           "billboardChange",
-          t(this, N)
-        ), t(this, N).call(this);
+          t(this, O)
+        ), t(this, O).call(this);
       }
     });
   }
   disconnectedCallback() {
     var e;
-    t(this, E).forEach((i) => {
+    t(this, v).forEach((i) => {
       i.removeEventListener("click", t(this, R));
     }), (e = t(this, g)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, N)
-    ), this.innerHTML = "", l(this, E, []);
+      t(this, O)
+    ), this.innerHTML = "", l(this, v, []);
   }
 }
-g = new WeakMap(), q = new WeakMap(), E = new WeakMap(), R = new WeakMap(), N = new WeakMap();
+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 H, G;
+var z, G;
 class gt extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, H, null);
+    s(this, z, null);
     s(this, G, () => {
-      var n;
-      const e = (((n = t(this, H)) == null ? void 0 : n.counter) || 0) + 1, i = parseInt(this.getAttribute("pad") || "0");
+      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");
     });
   }
   connectedCallback() {
-    return P(this, null, function* () {
+    return F(this, null, function* () {
       var e;
-      yield nt("e-billboard"), l(this, H, _(this, U)), (e = t(this, H)) == null || e.addEventListener(
+      yield ht("e-billboard"), l(this, z, _(this, U)), (e = t(this, z)) == null || e.addEventListener(
         "billboardChange",
         t(this, G)
       ), t(this, G).call(this);
@@ -269,67 +271,67 @@ class gt extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    (e = t(this, H)) == null || e.removeEventListener(
+    (e = t(this, z)) == null || e.removeEventListener(
       "billboardChange",
       t(this, G)
     );
   }
 }
-H = new WeakMap(), G = new WeakMap();
+z = new WeakMap(), G = new WeakMap();
 Z && !customElements.get("e-billboard-counter") && customElements.define("e-billboard-counter", gt);
-var j, w, v, x;
-class Et extends HTMLElement {
+var j, w, E, A;
+class vt extends HTMLElement {
   constructor() {
     super();
     s(this, j, null);
-    s(this, w, new z(this, "--index", 0));
-    s(this, v, null);
-    s(this, x, () => {
+    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, v) && (!this.handleClick || this.handleClick(e)) && t(this, v).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() {
-    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, v, _(this, U)), t(this, v) && (l(this, j, new at(this, t(this, v))), t(this, v).addEventListener(
+    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(
         "billboardChange",
-        t(this, x)
-      ), t(this, x).call(this), t(this, w).subscribe(t(this, x)), t(this, w).observe());
+        t(this, A)
+      ), t(this, A).call(this), t(this, w).subscribe(t(this, A)), t(this, w).observe());
     });
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, x)), t(this, w).unobserve(), (e = t(this, v)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, A)), t(this, w).unobserve(), (e = t(this, E)) == null || e.removeEventListener(
       "billboardChange",
-      t(this, x)
+      t(this, A)
     ), t(this, j).destroy();
   }
 }
-j = new WeakMap(), w = new WeakMap(), v = new WeakMap(), x = new WeakMap();
-Z && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", Et);
-var A, d, J;
-class vt extends HTMLElement {
+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 {
   constructor() {
     super();
-    s(this, A, new z(this, "--step", 1));
-    s(this, d, null);
+    s(this, M, new S(this, "--step", 1));
+    s(this, b, 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"));
+      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, d) && (!this.handleClick || this.handleClick(e)) && t(this, d).shift(t(this, A).current);
+      t(this, b) && (!this.handleClick || this.handleClick(e)) && t(this, b).shift(t(this, M).current);
     }), this.addEventListener("keydown", (e) => {
       e.code === "Space" && !this.hasAttribute("keydown-disabled") && (e.preventDefault(), this.click());
     });
   }
   connectedCallback() {
-    return P(this, null, function* () {
+    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, A).observe(), this.tabIndex = 0, l(this, d, _(this, U)), (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, M).observe(), this.tabIndex = 0, l(this, b, _(this, U)), (e = t(this, b)) == null || e.addEventListener(
         "billboardChange",
         t(this, J)
       ), setTimeout(() => {
@@ -339,18 +341,18 @@ class vt extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, A).unobserve(), (e = t(this, d)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, M).unobserve(), (e = t(this, b)) == null || e.removeEventListener(
       "billboardChange",
       t(this, J)
     );
   }
 }
-A = new WeakMap(), d = new WeakMap(), J = new WeakMap();
-Z && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", vt);
+M = new WeakMap(), b = new WeakMap(), J = new WeakMap();
+Z && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", Et);
 export {
   pt as BillboardBulletsElement,
   gt as BillboardCounterElement,
   U as BillboardElement,
-  Et as BillboardSetButtonElement,
-  vt as BillboardStepButtonElement
+  vt as BillboardSetButtonElement,
+  Et as BillboardStepButtonElement
 };

package/lib/morph/Morph.d.ts

@@ -12,6 +12,9 @@ export interface MorphNavigationEntry {
     path: string;
     submorph?: Array<string>;
 }
+export interface MorphCompleteEntry extends MorphNavigationEntry {
+    document: Document;
+}
 export interface MorphChildrenActionEntry {
     morphElement: HTMLElement;
     path: string;
@@ -38,7 +41,7 @@ export interface MorphScrollDetail {
 export interface MorphEvents {
     morphNavigation: CustomEvent<MorphNavigationEntry>;
     morphStart: CustomEvent<MorphNavigationEntry>;
-    morphComplete: CustomEvent<MorphNavigationEntry>;
+    morphComplete: CustomEvent<MorphCompleteEntry>;
     morphNewChildrenAdded: CustomEvent<MorphChildrenActionEntry>;
     morphOldChildrenRemoved: CustomEvent<MorphChildrenActionEntry>;
     morphScroll: CustomEvent<MorphScrollDetail>;