aptechka 0.68.1 → 0.68.3

package/lib/billboard/BillboardElement.d.ts

@@ -19,6 +19,7 @@ export declare class BillboardElement extends HTMLElement {
     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/index.cjs

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

package/lib/billboard/index.js

@@ -1,65 +1,65 @@
-var Y = (n) => {
+var X = (n) => {
   throw TypeError(n);
 };
-var R = (n, l, e) => l.has(n) || Y("Cannot " + e);
-var t = (n, l, e) => (R(n, l, "read from private field"), e ? e.call(n) : l.get(n)), i = (n, l, e) => l.has(n) ? Y("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(n) : l.set(n, e), d = (n, l, e, s) => (R(n, l, "write to private field"), s ? s.call(n, e) : l.set(n, e), e), c = (n, l, e) => (R(n, l, "access private method"), e);
-var F = (n, l, e) => new Promise((s, r) => {
-  var o = (g) => {
+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) => {
     try {
-      C(e.next(g));
+      k(e.next(v));
     } catch ($) {
       r($);
     }
-  }, b = (g) => {
+  }, u = (v) => {
     try {
-      C(e.throw(g));
+      k(e.throw(v));
     } catch ($) {
       r($);
     }
-  }, C = (g) => g.done ? s(g.value) : Promise.resolve(g.value).then(o, b);
-  C((e = e.apply(n, l)).next());
+  }, k = (v) => v.done ? s(v.value) : Promise.resolve(v.value).then(l, u);
+  k((e = e.apply(n, a)).next());
 });
-import { a as U, i as W } from "../index-Bv9zgfdb.js";
-import { w as _ } from "../custom-elements-DBnCK7Zx.js";
-import { b as X } from "../dom-CVWzyXPH.js";
+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 "construct-style-sheets-polyfill";
 import { CSSProperty as T } from "../css-property/index.js";
-import { d as tt } from "../events-CsVF98U6.js";
-import { s as et } from "../gestures-CcXV6fCp.js";
-import { c as st } from "../math-BOBiC4TN.js";
-import { l as Z } from "../number-CumqY64S.js";
-var D, M, E, L, x, I, N, m, h, f, a, V, G, B, J, j, S, K, O;
-class Q extends HTMLElement {
+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 {
   constructor() {
     super(...arguments);
-    i(this, a);
+    i(this, o);
     i(this, D, new T(this, "--resize", !0));
-    i(this, M, new T(this, "--loop", !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, I, !1);
+    i(this, M, !1);
     i(this, N, []);
     i(this, m, /* @__PURE__ */ new Map());
     i(this, h, 0);
-    i(this, f, 0);
+    i(this, b, 0);
     i(this, B, (e) => {
-      d(this, I, e.isIntersecting), t(this, I) ? c(this, a, G).call(this) : clearInterval(t(this, x));
+      c(this, M, e.isIntersecting), t(this, M) ? f(this, o, G).call(this) : clearInterval(t(this, x));
     });
-    i(this, J, () => {
-      clearInterval(t(this, x)), t(this, I) && d(this, x, setInterval(t(this, K), this.autoplayDuration));
+    i(this, j, () => {
+      clearInterval(t(this, x)), t(this, M) && c(this, x, setInterval(t(this, J), this.autoplayDuration));
     });
-    i(this, K, () => {
-      c(this, a, S).call(this, t(this, h) + 1);
+    i(this, J, () => {
+      f(this, o, S).call(this, t(this, h) + 1);
     });
-    i(this, O, (e) => {
+    i(this, K, (e) => {
       if (!t(this, L).current)
         return;
       let s = 0;
-      et(
+      tt(
         (r) => {
-          const o = e.x - r.x, b = e.y - r.y;
-          t(this, L).current === "x" ? Math.abs(o) > Math.abs(b) && Math.abs(o) > 10 && (s = Math.sign(o)) : t(this, L).current === "y" && Math.abs(b) > Math.abs(o) && Math.abs(b) > 10 && (s = Math.sign(b));
+          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));
         },
         () => {
           s && this.shift(s);
@@ -71,7 +71,7 @@ class Q extends HTMLElement {
     return t(this, h);
   }
   get loop() {
-    return t(this, M);
+    return t(this, I);
   }
   get autoplay() {
     return t(this, E);
@@ -89,72 +89,73 @@ class Q extends HTMLElement {
     return t(this, m);
   }
   get length() {
-    return t(this, f);
+    return t(this, b);
   }
   addItem(e) {
-    c(this, a, V).call(this, e), c(this, a, S).call(this);
+    f(this, o, U).call(this, e), f(this, o, S).call(this);
   }
   set(e) {
-    (!this.handleSet || this.handleSet(e)) && (c(this, a, S).call(this, e), c(this, a, G).call(this));
+    (!this.handleSet || this.handleSet(e)) && (f(this, o, S).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 === Y(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) => {
-      c(this, a, V).call(this, s);
+      f(this, o, U).call(this, s);
     }), t(this, m).forEach((s) => {
       var r;
       (r = s[0]) == null || r.classList.add("current");
     }), t(this, E).subscribe((s) => {
-      s.current ? (U.subscribe(this, t(this, B)), c(this, a, G).call(this)) : (d(this, I, !0), U.unsubscribe(t(this, B)), clearInterval(t(this, x)), c(this, a, S).call(this, 0));
-    }), t(this, E).observe(), t(this, L).observe(), t(this, M).observe(), t(this, D).observe(), c(this, a, S).call(this, 0), this.addEventListener("pointerdown", t(this, O));
+      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));
   }
   disconnectedCallback() {
-    t(this, E).unobserve(), t(this, L).unobserve(), t(this, M).unobserve(), t(this, D).unobserve(), t(this, m).clear(), U.unsubscribe(t(this, B)), clearInterval(t(this, x));
+    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));
   }
 }
-D = new WeakMap(), M = new WeakMap(), E = new WeakMap(), L = new WeakMap(), x = new WeakMap(), I = new WeakMap(), N = new WeakMap(), m = new WeakMap(), h = new WeakMap(), f = new WeakMap(), a = new WeakSet(), V = function(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), d(this, f, 0), t(this, m).forEach((o) => {
-    o.length > t(this, f) && d(this, f, o.length);
+  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);
   });
 }, G = function() {
-  t(this, E).current !== !1 && t(this, J).call(this);
-}, B = new WeakMap(), J = new WeakMap(), j = function(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 === Z(t(this, h) - 1, this.length) ? e.classList.add("previous-sibling") : s === (t(this, h) + 1) % this.length && e.classList.add("next-sibling");
-}, S = 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, M).current ? d(this, h, Z(e, t(this, f))) : d(this, h, st(e, 0, t(this, f) - 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");
+    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((o) => {
-      o.forEach((b, C) => {
+    t(this, m).forEach((l) => {
+      l.forEach((u, k) => {
         if (this.hasAttribute("visited-class")) {
-          const g = b.classList.contains("visited");
-          C === t(this, h) && !g ? (b.classList.add("visited"), r.push(
+          const v = u.classList.contains("visited");
+          k === t(this, h) && !v ? (u.classList.add("visited"), r.push(
             new Promise(($) => {
               setTimeout(() => {
-                c(this, a, j).call(this, b, C), $();
+                this.updateItemClasses(u, k), $();
               }, 10);
             })
-          )) : c(this, a, j).call(this, b, C);
+          )) : this.updateItemClasses(u, k);
         } else
-          c(this, a, j).call(this, b, C);
+          this.updateItemClasses(u, k);
       });
-    }), r.length && (yield Promise.all(r)), this.classList.toggle("has-length", t(this, f) > 1), this.classList.toggle("start", t(this, h) === 0), this.classList.toggle("end", t(this, h) === t(this, f) - 1), this.style.setProperty("--counter", t(this, h).toString()), this.style.setProperty("--sections", t(this, f).toString()), t(this, h) !== s && (tt(this, "billboardChange", {
+    }), 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", {
       detail: {
         counter: t(this, h)
       }
@@ -164,40 +165,40 @@ D = new WeakMap(), M = new WeakMap(), E = new WeakMap(), L = new WeakMap(), x =
       this.classList.remove("next-round", "prev-round");
     }, 10);
   });
-}, K = new WeakMap(), O = new WeakMap();
-customElements.get("e-billboard") || customElements.define("e-billboard", Q);
-var p, H, v, q, P;
-class it extends HTMLElement {
+}, 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 {
   constructor() {
     super(...arguments);
     i(this, p, null);
     i(this, H, null);
-    i(this, v, []);
+    i(this, g, []);
     i(this, q, (e) => {
-      const s = e.currentTarget, r = t(this, v).findIndex((o) => o === s);
+      const s = e.currentTarget, r = t(this, g).findIndex((l) => l === s);
       r >= 0 && t(this, p).set(r);
     });
     i(this, P, () => {
-      t(this, v).forEach((e, s) => {
+      t(this, g).forEach((e, s) => {
         s === t(this, p).counter ? e.classList.add("current") : e.classList.remove("current");
       });
     });
   }
   get buttonElements() {
-    return t(this, v);
+    return t(this, g);
   }
   connectedCallback() {
     return F(this, null, function* () {
       var e;
-      if (yield _("e-billboard"), d(this, p, X(this, Q)), t(this, p) && this.isConnected) {
+      if (yield Z("e-billboard"), c(this, p, W(this, O)), t(this, p) && this.isConnected) {
         this.innerHTML = "";
         const s = t(this, p).length;
-        d(this, H, document.createElement("div"));
+        c(this, H, document.createElement("div"));
         for (let r = 0; r < s; r++) {
-          const o = document.createElement("button");
-          o.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, v).push(o), t(this, H).appendChild(o);
+          const l = document.createElement("button");
+          l.setAttribute("aria-label", `Go to item ${r + 1}`), t(this, g).push(l), t(this, H).appendChild(l);
         }
-        this.appendChild(t(this, H)), t(this, v).forEach((r) => {
+        this.appendChild(t(this, H)), t(this, g).forEach((r) => {
           r.addEventListener("click", t(this, q));
         }), (e = t(this, p)) == null || e.addEventListener(
           "billboardChange",
@@ -208,35 +209,35 @@ class it extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    t(this, v).forEach((s) => {
+    t(this, g).forEach((s) => {
       s.removeEventListener("click", t(this, q));
     }), (e = t(this, p)) == null || e.removeEventListener(
       "billboardChange",
       t(this, P)
-    ), this.innerHTML = "", d(this, v, []);
+    ), this.innerHTML = "", c(this, g, []);
   }
 }
-p = new WeakMap(), H = new WeakMap(), v = new WeakMap(), q = new WeakMap(), P = new WeakMap();
-W && !customElements.get("e-billboard-bullets") && customElements.define("e-billboard-bullets", it);
-var w, k, y;
-class rt extends HTMLElement {
+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 {
   constructor() {
     super();
     i(this, w, new T(this, "--index", 0));
-    i(this, k, null);
+    i(this, C, null);
     i(this, y, () => {
       var e;
-      t(this, w).current === ((e = t(this, k)) == null ? void 0 : e.counter) ? this.classList.add("current") : this.classList.remove("current");
+      (e = t(this, C)) == null || e.updateItemClasses(this, t(this, w).current);
     });
     this.addEventListener("click", (e) => {
-      t(this, k) && (!this.handleClick || this.handleClick(e)) && t(this, k).set(t(this, w).current);
+      t(this, C) && (!this.handleClick || this.handleClick(e)) && t(this, C).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"), d(this, k, X(this, Q)), (e = t(this, k)) == null || e.addEventListener(
+    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(() => {
@@ -245,25 +246,25 @@ class rt extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, y)), t(this, w).unobserve(), (e = t(this, k)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, w).unsubscribe(t(this, y)), t(this, w).unobserve(), (e = t(this, C)) == null || e.removeEventListener(
       "billboardChange",
       t(this, y)
     );
   }
 }
-w = new WeakMap(), k = new WeakMap(), y = new WeakMap();
-W && !customElements.get("e-billboard-set-button") && customElements.define("e-billboard-set-button", rt);
-var A, u, z;
-class nt extends HTMLElement {
+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 {
   constructor() {
     super();
     i(this, A, new T(this, "--step", 1));
-    i(this, u, null);
+    i(this, d, null);
     i(this, z, () => {
-      t(this, u) && (!t(this, u).loop.current && (t(this, u).counter === 0 && t(this, A).current <= 0 || t(this, u).counter === t(this, u).length - 1 && t(this, A).current >= 0) ? this.setAttribute("disabled", "") : this.removeAttribute("disabled"));
+      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) => {
-      t(this, u) && (!this.handleClick || this.handleClick(e)) && t(this, u).shift(t(this, A).current);
+      t(this, d) && (!this.handleClick || this.handleClick(e)) && t(this, d).shift(t(this, A).current);
     }), this.addEventListener("keydown", (e) => {
       e.code === "Space" && !this.hasAttribute("keydown-disabled") && (e.preventDefault(), this.click());
     });
@@ -271,7 +272,7 @@ class nt extends HTMLElement {
   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, A).observe(), this.tabIndex = 0, d(this, u, X(this, Q)), (e = t(this, u)) == 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, c(this, d, W(this, O)), (e = t(this, d)) == null || e.addEventListener(
         "billboardChange",
         t(this, z)
       ), setTimeout(() => {
@@ -281,17 +282,17 @@ class nt extends HTMLElement {
   }
   disconnectedCallback() {
     var e;
-    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, A).unobserve(), (e = t(this, u)) == null || e.removeEventListener(
+    this.removeAttribute("tabindex"), this.removeAttribute("role"), t(this, A).unobserve(), (e = t(this, d)) == null || e.removeEventListener(
       "billboardChange",
       t(this, z)
     );
   }
 }
-A = new WeakMap(), u = new WeakMap(), z = new WeakMap();
-W && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", nt);
+A = new WeakMap(), d = new WeakMap(), z = new WeakMap();
+V && !customElements.get("e-billboard-step-button") && customElements.define("e-billboard-step-button", rt);
 export {
-  it as BillboardBulletsElement,
-  Q as BillboardElement,
-  rt as BillboardSetButtonElement,
-  nt as BillboardStepButtonElement
+  st as BillboardBulletsElement,
+  O as BillboardElement,
+  it as BillboardSetButtonElement,
+  rt as BillboardStepButtonElement
 };

package/lib/scroll/ScrollSectionButtonElement.d.ts

@@ -0,0 +1,12 @@
+import { ScrollButtonElement } from './ScrollButtonElement';
+import { ScrollSetOptions } from './ScrollElement';
+export declare class ScrollSectionButtonElement extends ScrollButtonElement {
+    protected handleClick(options: ScrollSetOptions): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-scroll-section-button': ScrollSectionButtonElement;
+    }
+}