aptechka 0.30.13 → 0.30.14

package/lib/scroll/vanilla/index.cjs

@@ -1 +1 @@
-"use strict";var Ce=Object.defineProperty;var ne=Object.getOwnPropertySymbols;var Ee=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var oe=u=>{throw TypeError(u)};var he=(u,n,e)=>n in u?Ce(u,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):u[n]=e,le=(u,n)=>{for(var e in n||(n={}))Ee.call(n,e)&&he(u,e,n[e]);if(ne)for(var e of ne(n))Pe.call(n,e)&&he(u,e,n[e]);return u};var Zt=(u,n,e)=>n.has(u)||oe("Cannot "+e);var t=(u,n,e)=>(Zt(u,n,"read from private field"),e?e.call(u):n.get(u)),s=(u,n,e)=>n.has(u)?oe("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(u):n.set(u,e),h=(u,n,e,i)=>(Zt(u,n,"write to private field"),i?i.call(u,e):n.set(u,e),e),d=(u,n,e)=>(Zt(u,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("../../Store-CDb6RMce.cjs"),Kt=require("../../browser-CpzFX2xg.cjs"),xe=require("../../easings-DsS5-Kqc.cjs"),Jt=require("../../events-KVanG9sR.cjs"),ue=require("../../jss-GJLvaNfT.cjs"),gt=require("../../layout-8ryRAMGJ.cjs"),ae=require("../../math-GDWEqu7y.cjs");require("../../ticker/vanilla/index.cjs");const Qt=require("../../order/index.cjs"),ze=require("../../Damped-CTsV8tl_.cjs"),Le=require("../../Tweened-BttGiyB0.cjs"),Ut=require("../../controls/index.cjs"),jt=require("../../window-resizer/vanilla/index.cjs"),yt=require("../../scroll-entries/index.cjs"),ce=require("../../css-unit-parser/index.cjs"),S=require("../../css-property/index.cjs"),ke=require("../../device/index.cjs"),Gt=require("../../element-resizer/vanilla/index.cjs"),De=require("../../gestures-DHLrn6Q8.cjs"),de=require("../../dom-JBOkFLTh.cjs"),qe=require("../../function-MthRj-GJ.cjs"),Re=require("../../scroll-segment/index.cjs");var f,Tt,y,nt,A,$;class Te{constructor(n,e,i){s(this,f);s(this,Tt);s(this,y);s(this,nt,0);s(this,A,0);s(this,$,null);h(this,f,n),h(this,Tt,e),h(this,y,i),yt.scrollEntries.register(t(this,f))}get index(){return t(this,Tt)}get size(){return t(this,nt)}get position(){return t(this,A)}destroy(){yt.scrollEntries.unregister(t(this,f)),this.unsetTransform()}unsetTransform(){t(this,f).style.transform="",this.mark(null)}setSize(n){n?(t(this,f).style.setProperty("--size",n+"px"),t(this,y).axisCSSProperty.current==="x"?(t(this,f).style.width=n+"px",t(this,f).style.height=""):(t(this,f).style.height=n+"px",t(this,f).style.width="")):(t(this,f).style.width="",t(this,f).style.height="",t(this,f).style.removeProperty("--size"))}resize(){h(this,nt,t(this,y).vertical?t(this,f).offsetHeight:t(this,f).offsetWidth),h(this,A,t(this,y).vertical?gt.getCumulativeOffsetTop(t(this,f)):gt.getCumulativeOffsetLeft(t(this,f))),h(this,A,t(this,A)-t(this,y).contentPosition)}transform(){let n=0;const e=t(this,y).viewportSize*t(this,y).sectionDistanceScaleCSSProperty.current;t(this,y).loopCSSProperty.current&&t(this,y).overscroll&&t(this,A)+t(this,nt)<t(this,y).currentScrollValue&&(n=t(this,y).distance*-1-t(this,y).gap),yt.scrollEntries.update(t(this,f),t(this,y).axisCSSProperty.current,n);const i=t(this,y).currentScrollValue+n,r=t(this,A)-t(this,y).viewportSize-e,c=t(this,A)+t(this,nt)+e,m=ae.clamp(i,r,c);t(this,y).vertical?t(this,f).style.transform=`translate3d(0px, ${m*-1}px, 0px)`:t(this,f).style.transform=`translate3d(${m*-1}px, 0px, 0px)`}mark(n){t(this,$)!==n&&(t(this,$)&&t(this,f).classList.remove(t(this,$)),n&&t(this,f).classList.add(n),h(this,$,n),Jt.dispatchEvent(t(this,f),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,$)},custom:!0}))}}f=new WeakMap,Tt=new WeakMap,y=new WeakMap,nt=new WeakMap,A=new WeakMap,$=new WeakMap;const Ae=ue.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},':host([hibernated="true"]) .content':{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var a,ht,x,I,M,O,D,V,N,q,C,ot,lt,ct,ut,vt,k,at,j,R,G,B,K,dt,pt,Z,J,p,Ct,l,At,It,v,g,z,T,Q,_,E,b,Et,X,ie,Y,tt,St,Pt,H,o,Rt,bt,$t,Nt,Xt,Yt,L,Mt,pe,wt,Ot,te,ee,rt,se;class qt extends HTMLElement{constructor(){super();s(this,o);s(this,a,null);s(this,ht,new S.CSSProperty(this,"--controls",!0));s(this,x,new S.CSSProperty(this,"--axis","y"));s(this,I,new S.CSSProperty(this,"--direction",0));s(this,M,new S.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,O,new S.CSSProperty(this,"--split",!1));s(this,D,new S.CSSProperty(this,"--sectional",!1));s(this,V,new S.CSSProperty(this,"--auto-size",!1));s(this,N,new S.CSSProperty(this,"--wheel-max-delta",!1));s(this,q,new S.CSSProperty(this,"--sections-in-view",1));s(this,C,new S.CSSProperty(this,"--loop",!1));s(this,ot,new S.CSSProperty(this,"--damping",20));s(this,lt,new S.CSSProperty(this,"--mass",0));s(this,ct,new S.CSSProperty(this,"--stiffness",0));s(this,ut,new S.CSSProperty(this,"--mouse-drag",!1));s(this,vt,new S.CSSProperty(this,"--section-distance-scale",.5));s(this,k,new S.CSSProperty(this,"--autoplay",0));s(this,at,new S.CSSProperty(this,"--autoplay-pause-duration",0));s(this,j,new S.CSSProperty(this,"--autoplay-user-direction",!1));s(this,R,new S.CSSProperty(this,"--classes",!1));s(this,G,new S.CSSProperty(this,"--current-index-start-offset",0));s(this,B,new S.CSSProperty(this,"--current-index-end-offset",0));s(this,K,new S.CSSProperty(this,"--focus-delay",0));s(this,dt,new S.CSSProperty(this,"--focus-duration",3e3));s(this,pt,new S.CSSProperty(this,"--disabled",!1));s(this,Z,new S.CSSProperty(this,"--hibernated",!1));s(this,J,null);s(this,p,null);s(this,Ct,null);s(this,l,[]);s(this,At,0);s(this,It,0);s(this,v,0);s(this,g,0);s(this,z,0);s(this,T,null);s(this,Q,null);s(this,_,null);s(this,E,null);s(this,b,new we.Store(0));s(this,Et,0);s(this,X,0);s(this,ie,!1);s(this,Y,!1);s(this,tt,!0);s(this,St,!0);s(this,Pt);s(this,H,new Le.Tweened);s(this,L,()=>{t(this,a).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,g)||0,i=t(this,b).current;if(h(this,At,this.vertical?gt.getCumulativeOffsetTop(this):gt.getCumulativeOffsetLeft(this)),h(this,It,this.vertical?gt.getCumulativeOffsetTop(t(this,p)):gt.getCumulativeOffsetLeft(t(this,p))),h(this,v,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,z,ce.cssUnitParser.parse(getComputedStyle(t(this,p)).rowGap)):h(this,z,ce.cssUnitParser.parse(getComputedStyle(t(this,p)).columnGap)),t(this,V).current&&t(this,l).length){const r=t(this,q).current,c=(t(this,v)-t(this,z)*(r-1))/r;t(this,l).forEach(m=>{m.setSize(c)})}else t(this,l).forEach(r=>{r.setSize()});if(t(this,l).forEach(r=>{r.resize()}),t(this,M).current){h(this,g,t(this,v)*t(this,M).current);const r=t(this,g)+t(this,v);this.vertical?(t(this,p).style.width=r+"px",t(this,p).style.height="100%"):(t(this,p).style.height=r+"px",t(this,p).style.width="100%")}else this.vertical?(t(this,p).style.width="100%",t(this,p).style.height="max-content",h(this,g,t(this,p).offsetHeight-t(this,v))):(t(this,p).style.width="max-content",t(this,p).style.height="100%",h(this,g,t(this,p).offsetWidth-t(this,v)));if(!t(this,C).current){const r=getComputedStyle(this),c=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,g,t(this,g)+c),t(this,a).max=t(this,g)}if(t(this,C).current&&t(this,l).length){const r=t(this,l)[t(this,l).length-1],c=r.position+r.size-t(this,v),m=t(this,g)-c;h(this,X,r.position+r.size+m)}else h(this,X,t(this,g));if(t(this,D).current&&t(this,l).length){const r=t(this,l)[i];t(this,a).set(r.position,{equalize:!0})}else t(this,a).set(e*t(this,g),{equalize:!0});h(this,Y,(this.vertical?t(this,p).offsetHeight:t(this,p).offsetWidth)>t(this,v)),t(this,Y)?d(this,o,Nt).call(this):d(this,o,$t).call(this)});s(this,Mt,()=>{if(!t(this,Y))return;const e=this.currentScrollValue;if(h(this,Et,Math.max(0,e-t(this,g))),t(this,l).length){let i=0;for(let r=0;r<t(this,l).length;r++){const c=t(this,l)[r];c.transform(),this.targetScrollValue+c.size/2>=c.position&&(i=r)}t(this,b).current=i}else this.vertical?t(this,p).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,p).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;yt.scrollEntries.update(this,t(this,x).current,e)});s(this,wt,(e,i)=>{t(this,ht).current&&(d(this,o,te).call(this,Math.sign(i)||1),t(this,Ot).call(this,e,i))});s(this,Ot,(e,i)=>{if(t(this,I).current){if(t(this,I).current<0&&i>0)return;if(t(this,I).current>0&&i<0)return}if(t(this,H).unlistenAnimationFrame(),!t(this,k).current&&t(this,K).current&&(clearInterval(t(this,Pt)),h(this,Pt,setTimeout(()=>{const r=d(this,o,se).call(this);r&&this.scrollToSection(r.index,{tween:{duration:t(this,dt).current,easing:xe.easeInOutExpo}})},t(this,K).current))),!(e==="drag"&&!ke.device.isMobile&&!t(this,ut).current))if(t(this,D).current){const r=Math.sign(i);t(this,l).length?this.shiftSections(r):t(this,a).shift(r*t(this,v))}else t(this,a).shift(i)});if(Kt.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets.push(Ae);const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,J,document.createElement("div")),t(this,J).className="content-wrapper",h(this,p,document.createElement("div")),t(this,p).className="content",h(this,Ct,document.createElement("slot")),t(this,p).appendChild(t(this,Ct)),t(this,J).appendChild(t(this,p)),e.appendChild(t(this,J))}}get damped(){return t(this,a)}get controlsCSSProperty(){return t(this,ht)}get axisCSSProperty(){return t(this,x)}get directionCSSProperty(){return t(this,I)}get pagesCSSProperty(){return t(this,M)}get splitCSSProperty(){return t(this,O)}get sectionalCSSProperty(){return t(this,D)}get autoSizeCSSProperty(){return t(this,V)}get wheelMaxDeltaCSSProperty(){return t(this,N)}get sectionsInViewCSSProperty(){return t(this,q)}get loopCSSProperty(){return t(this,C)}get dampingCSSProperty(){return t(this,ot)}get massCSSProperty(){return t(this,lt)}get stiffnessCSSProperty(){return t(this,ct)}get mouseDragCSSProperty(){return t(this,ut)}get sectionDistanceScaleCSSProperty(){return t(this,vt)}get autoplayCSSProperty(){return t(this,k)}get autoplayPauseDurationCSSProperty(){return t(this,at)}get autoplayUserDirectionCSSProperty(){return t(this,j)}get classesCSSProperty(){return t(this,R)}get currentIndexStartOffsetCSSProperty(){return t(this,G)}get currentIndexEndOffsetCSSProperty(){return t(this,B)}get focusDelayCSSProperty(){return t(this,K)}get focusDurationCSSProperty(){return t(this,dt)}get disabledCSSProperty(){return t(this,pt)}get hibernatedCSSProperty(){return t(this,Z)}get currentScrollValue(){return d(this,o,ee).call(this,"current")}get targetScrollValue(){return d(this,o,ee).call(this,"target")}get contentWrapperElement(){return t(this,J)}get contentElement(){return t(this,p)}get sections(){return t(this,l)}get position(){return t(this,At)}get contentPosition(){return t(this,It)}get viewportSize(){return t(this,v)}get scrollSize(){return t(this,g)}get gap(){return t(this,z)}get counter(){return t(this,b)}get limit(){return t(this,l).length-t(this,q).current}get distance(){return t(this,X)}get loopDistance(){return t(this,C).current?t(this,X)+t(this,z):t(this,X)}get hasOverflow(){return t(this,Y)}get overscroll(){return t(this,Et)}get vertical(){return t(this,x).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,x).current==="y"?0:t(this,a).distance}get scrollHeight(){return t(this,x).current==="x"?0:t(this,a).distance}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,i,r=0){const c=e-r,m=c+i+r*2;return this.currentProgress<c?0:this.currentProgress>m?1:(this.currentProgress-c)/(m-c)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const c=e-r,m=c+i+r*2;return this.currentProgress>=c&&this.currentProgress<=m}scrollToSection(e,i){if(!t(this,l).length)return;const r=t(this,b).current;d(this,o,pe).call(this,e);const c=t(this,l)[r],m=t(this,l)[t(this,b).current];if(c&&m){let w=0;const mt=d(this,o,se).call(this),ve=mt?this.targetScrollValue-mt.position:0;t(this,C).current?t(this,b).current===0&&r===t(this,l).length-1?w=t(this,g)+t(this,v)-c.position+t(this,z):t(this,b).current===t(this,l).length-1&&r===0?w=m.position-(t(this,g)+t(this,v)+t(this,z)):w=m.position-c.position:w=m.position-c.position,this.shiftPosition(w-ve,i)}}shiftSections(e,i){t(this,l).length&&this.scrollToSection(t(this,b).current+e,i)}setPosition(e,i){d(this,o,te).call(this,Math.sign(e)||1),i!=null&&i.tween?(t(this,H).set(t(this,a).current,{equalize:!0}),t(this,H).set(e,le({},i.tween))):t(this,a).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,a).target+e,i)}connectedCallback(){h(this,a,new ze.Damped(0,{damping:.01,min:0,order:Qt.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,T,new Ut.WheelControls({element:t(this,p)})),t(this,T).changeEvent.subscribe(t(this,wt)),h(this,Q,new Ut.KeyboardControls({element:this})),t(this,Q).changeEvent.subscribe(t(this,wt)),h(this,_,new Ut.DragControls({element:t(this,p)})),t(this,_).changeEvent.subscribe(t(this,wt)),h(this,E,new Ut.AutoplayControls({culling:this})),t(this,E).changeEvent.subscribe(t(this,Ot)),t(this,x).subscribe(({current:e})=>{t(this,p).style.flexDirection=e==="x"?"row":"column",t(this,T).axis=t(this,N).current?"max":e,t(this,Q).dimension=e==="x"?"width":"height",t(this,_).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),this.isConnected&&t(this,L).call(this)}),t(this,N).subscribe(e=>{t(this,T).axis=e.current?"max":t(this,x).current}),t(this,M).subscribe(()=>{this.isConnected&&t(this,L).call(this)}),t(this,O).subscribe(({current:e})=>{this.isConnected&&(e?d(this,o,Rt).call(this):d(this,o,bt).call(this))}),t(this,D).subscribe(e=>{t(this,T).debounce=e.current,t(this,_).swipe=e.current,t(this,E).interval=e.current,this.isConnected&&(e.current&&!e.previous&&!t(this,l).length?d(this,o,Rt).call(this):!e.current&&e.previous&&t(this,l).length&&d(this,o,bt).call(this))}),t(this,V).subscribe(e=>{this.isConnected&&(t(this,L).call(this),e.current&&!e.previous&&!t(this,l).length?d(this,o,Rt).call(this):!e.current&&e.previous&&t(this,l).length&&d(this,o,bt).call(this))}),t(this,q).subscribe(e=>{this.isConnected&&(t(this,L).call(this),d(this,o,rt).call(this))}),t(this,C).subscribe(e=>{e.current?(this.isConnected&&(t(this,l).length||(t(this,O).current=!0)),t(this,l).length&&(t(this,a).max=1/0,t(this,a).min=-1/0)):(h(this,Et,0),t(this,a).max=t(this,g),t(this,a).min=0)}),t(this,ot).subscribe(e=>{t(this,a).damping=e.current}),t(this,lt).subscribe(e=>{t(this,a).mass=e.current}),t(this,ct).subscribe(e=>{t(this,a).stiffness=e.current}),t(this,k).subscribe(e=>{t(this,E).speed=e.current,!t(this,tt)&&e.current&&!e.previous?t(this,E).connect():!e.current&&e.previous&&t(this,E).disconnect()}),t(this,j).subscribe(e=>{e.current||(t(this,E).direction=1)}),t(this,R).subscribe(e=>{this.isConnected&&d(this,o,rt).call(this)}),t(this,G).subscribe(e=>{this.isConnected&&t(this,R).current&&d(this,o,rt).call(this)}),t(this,B).subscribe(e=>{this.isConnected&&t(this,R).current&&d(this,o,rt).call(this)}),t(this,a).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,b).subscribe(e=>{t(this,l).length&&d(this,o,rt).call(this)}),t(this,H).subscribe(e=>{t(this,H).isRunning.current&&t(this,a).set(e.current)}),t(this,pt).subscribe(e=>{e.current&&!e.previous?d(this,o,$t).call(this):!e.current&&e.previous&&d(this,o,Nt).call(this)}),t(this,Z).subscribe(e=>{e.current&&!e.previous?d(this,o,Xt).call(this):!e.current&&e.previous&&d(this,o,Yt).call(this)}),t(this,ht).observe(),t(this,x).observe(),t(this,I).observe(),t(this,M).observe(),t(this,O).observe(),t(this,D).observe(),t(this,V).observe(),t(this,N).observe(),t(this,q).observe(),t(this,C).observe(),t(this,ot).observe(),t(this,lt).observe(),t(this,ct).observe(),t(this,ut).observe(),t(this,vt).observe(),t(this,k).observe(),t(this,k).observe(),t(this,at).observe(),t(this,j).observe(),t(this,R).observe(),t(this,G).observe(),t(this,B).observe(),t(this,K).observe(),t(this,dt).observe(),t(this,pt).observe(),t(this,Z).observe(),t(this,Z).current||d(this,o,Yt).call(this)}disconnectedCallback(){this.setAttribute("tabindex",""),t(this,ht).unobserve(),t(this,x).unobserve(),t(this,I).unobserve(),t(this,M).unobserve(),t(this,O).unobserve(),t(this,D).unobserve(),t(this,V).unobserve(),t(this,N).unobserve(),t(this,q).unobserve(),t(this,C).unobserve(),t(this,ot).unobserve(),t(this,lt).unobserve(),t(this,ct).unobserve(),t(this,ut).unobserve(),t(this,vt).unobserve(),t(this,k).unobserve(),t(this,at).unobserve(),t(this,j).unobserve(),t(this,R).unobserve(),t(this,G).unobserve(),t(this,B).unobserve(),t(this,K).unobserve(),t(this,dt).unobserve(),t(this,pt).unobserve(),t(this,Z).unobserve(),d(this,o,Xt).call(this)}}a=new WeakMap,ht=new WeakMap,x=new WeakMap,I=new WeakMap,M=new WeakMap,O=new WeakMap,D=new WeakMap,V=new WeakMap,N=new WeakMap,q=new WeakMap,C=new WeakMap,ot=new WeakMap,lt=new WeakMap,ct=new WeakMap,ut=new WeakMap,vt=new WeakMap,k=new WeakMap,at=new WeakMap,j=new WeakMap,R=new WeakMap,G=new WeakMap,B=new WeakMap,K=new WeakMap,dt=new WeakMap,pt=new WeakMap,Z=new WeakMap,J=new WeakMap,p=new WeakMap,Ct=new WeakMap,l=new WeakMap,At=new WeakMap,It=new WeakMap,v=new WeakMap,g=new WeakMap,z=new WeakMap,T=new WeakMap,Q=new WeakMap,_=new WeakMap,E=new WeakMap,b=new WeakMap,Et=new WeakMap,X=new WeakMap,ie=new WeakMap,Y=new WeakMap,tt=new WeakMap,St=new WeakMap,Pt=new WeakMap,H=new WeakMap,o=new WeakSet,Rt=function(){d(this,o,bt).call(this),t(this,Ct).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,l).push(new Te(e,i,this))}),t(this,p).style.transform="",Jt.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,L).call(this),d(this,o,rt).call(this)},bt=function(){t(this,l).forEach(e=>{e.destroy()}),h(this,l,[]),t(this,b).reset(),t(this,a).reset(),Jt.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},$t=function(){t(this,tt)||(console.log(this,"disable"),h(this,tt,!0),t(this,a).unsubscribe(t(this,Mt)),t(this,a).unlistenAnimationFrame(),clearInterval(t(this,Pt)),t(this,H).unlistenAnimationFrame(),t(this,T).disconnect(),t(this,Q).disconnect(),t(this,_).disconnect(),t(this,E).disconnect(),t(this,Y)||this.sections.forEach(e=>{e.unsetTransform()}))},Nt=function(){t(this,tt)&&(h(this,tt,!1),t(this,a).subscribe(t(this,Mt)),t(this,T).connect(),t(this,Q).connect(),t(this,_).connect(),t(this,k).current&&t(this,E).connect())},Xt=function(){t(this,St)||(h(this,St,!0),jt.windowResizer.unsubscribe(t(this,L)),Gt.elementResizer.unsubscribe(t(this,L)),d(this,o,$t).call(this),t(this,p).style.transform="",t(this,l).length?d(this,o,bt).call(this):(t(this,b).reset(),t(this,a).reset()),yt.scrollEntries.unregister(this))},Yt=function(){t(this,St)&&(h(this,St,!1),(t(this,C).current||t(this,O).current||t(this,C).current||t(this,V).current||t(this,D).current)&&d(this,o,Rt).call(this),yt.scrollEntries.register(this),d(this,o,Nt).call(this),jt.windowResizer.subscribe(t(this,L),Qt.RESIZE_ORDER.SCROLL),Gt.elementResizer.subscribe(this,t(this,L)))},L=new WeakMap,Mt=new WeakMap,pe=function(e){t(this,C).current?(t(this,b).current=e%t(this,l).length,t(this,b).current=t(this,b).current<0?t(this,l).length+t(this,b).current:t(this,b).current):t(this,b).current=ae.clamp(e,0,this.limit)},wt=new WeakMap,Ot=new WeakMap,te=function(e=1){t(this,j).current&&(t(this,E).direction=e),t(this,k).current&&t(this,E).pauseAndContinue(t(this,at).current,this.sectionalCSSProperty.current)},ee=function(e="current"){if(t(this,C).current&&t(this,l).length){const i=t(this,a)[e]%(t(this,g)+t(this,v)+t(this,z));return i<0?t(this,g)+i+t(this,v)+t(this,z):i}else return t(this,a)[e]},rt=function(){if(t(this,R).current&&t(this,l).length){const e=t(this,b).current+t(this,G).current;e===0?this.classList.add("start"):this.classList.remove("start"),e===this.limit?this.classList.add("end"):this.classList.remove("end");const i=t(this,q).current+t(this,B).current;t(this,l).forEach((r,c)=>{const m=e-this.limit-1+t(this,B).current,w=e+i,mt=this.sections.length-w;c>=e&&c<w||c<=m?r.mark("current"):c>=w&&c<w+mt/2||c<=m+i?r.mark("next"):r.mark("previous")})}},se=function(){let e=null,i=1/0;for(let r=0;r<t(this,l).length;r++){const c=Math.abs(t(this,l)[r].position-this.targetScrollValue);c<i&&(i=c,e=r)}return e!==null?t(this,l)[e]:null};customElements.get("e-scroll")||customElements.define("e-scroll",qt);var Vt;class re extends HTMLElement{constructor(){super(...arguments);s(this,Vt,null)}get scrollElement(){return t(this,Vt)}connectedCallback(){const e=de.findParentElement(this,qt);e instanceof qt?h(this,Vt,e):console.error(this,"e-scroll not found")}}Vt=new WeakMap;var et,P,W,F,xt,zt,ft,Bt,_t,Ht;class Se extends re{constructor(){super();s(this,et,null);s(this,P,null);s(this,W,!1);s(this,F,0);s(this,xt,0);s(this,zt,0);s(this,ft,()=>{h(this,W,this.offsetWidth>this.offsetHeight);const e=t(this,W)?this.offsetWidth:this.offsetHeight;h(this,F,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,F,Math.max(t(this,F),30)),t(this,W)?(t(this,P).style.width=t(this,F)+"px",t(this,P).style.height="100%"):(t(this,P).style.width="100%",t(this,P).style.height=t(this,F)+"px"),h(this,xt,e-t(this,F)),this.scrollElement.scrollSize||(this.style.display="none")});s(this,Bt,()=>{h(this,zt,this.scrollElement.currentProgress*t(this,xt)),t(this,W)?t(this,P).style.transform=`translate3d(${t(this,zt)}px, 0px, 0px)`:t(this,P).style.transform=`translate3d(0px, ${t(this,zt)}px, 0px)`});s(this,_t,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,Ht,e=>{document.documentElement.classList.add("grabbing"),De.setupDrag(c=>{const m=t(this,W)?c.x:c.y,w=this.scrollElement.distance/t(this,xt),mt=(m-r)*w;this.scrollElement.setPosition(i+mt)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,W)?e.x:e.y});if(Kt.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets.push(ue.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"black",borderRadius:"0.3vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})),h(this,et,document.createElement("slot")),t(this,et).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,et))}}get thumbElement(){return t(this,P)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,et).assignedElements()[0]||t(this,et).firstElementChild;h(this,P,e),t(this,P).addEventListener("pointerdown",t(this,Ht)),jt.windowResizer.subscribe(t(this,ft),Qt.RESIZE_ORDER.SCROLL),Gt.elementResizer.subscribe(this,t(this,ft)),this.scrollElement.onScroll(t(this,Bt)),this.scrollElement.axisCSSProperty.subscribe(t(this,_t))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),t(this,P).removeEventListener("pointerdown",t(this,Ht)),jt.windowResizer.unsubscribe(t(this,ft)),Gt.elementResizer.unsubscribe(t(this,ft)),this.scrollElement.offScroll(t(this,Bt)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,_t))}}et=new WeakMap,P=new WeakMap,W=new WeakMap,F=new WeakMap,xt=new WeakMap,zt=new WeakMap,ft=new WeakMap,Bt=new WeakMap,_t=new WeakMap,Ht=new WeakMap;customElements.get("e-scrollbar")||customElements.define("e-scrollbar",Se);class fe extends re{constructor(){super(),Kt.isBrowser&&this.addEventListener("click",()=>{this.handleClick()})}}class me extends fe{handleClick(){const n=this.getAttribute("index"),e=this.getAttribute("behaviour");this.scrollElement.scrollToSection(parseInt(n||"0"),{behaviour:e})}}customElements.get("e-scroll-set-button")||customElements.define("e-scroll-set-button",me);class be extends fe{handleClick(){const n=this.getAttribute("step"),e=this.getAttribute("behaviour");this.scrollElement.shiftSections(parseInt(n||"1"),{behaviour:e})}}customElements.get("e-scroll-step-button")||customElements.define("e-scroll-step-button",be);var U,st,Lt,Wt,Ft,kt;class Ie{constructor(n,e,i){s(this,U,null);s(this,st,null);s(this,Lt,null);s(this,Wt,null);s(this,Ft,()=>{t(this,st).scrollToSection(t(this,Lt),{behaviour:t(this,Wt)})});s(this,kt,()=>{t(this,U).classList.toggle("current",t(this,st).counter.current===t(this,Lt))});Kt.isBrowser&&(h(this,U,document.createElement("button")),h(this,st,n),h(this,Wt,i),h(this,Lt,e),t(this,U).addEventListener("click",t(this,Ft)),t(this,st).counter.subscribe(t(this,kt)),t(this,kt).call(this))}get element(){return t(this,U)}destroy(){t(this,U).removeEventListener("click",t(this,Ft)),t(this,st).counter.unsubscribe(t(this,kt)),t(this,U).remove()}}U=new WeakMap,st=new WeakMap,Lt=new WeakMap,Wt=new WeakMap,Ft=new WeakMap,kt=new WeakMap;var it,Dt;class ge extends re{constructor(){super(...arguments);s(this,it,[]);s(this,Dt,qe.debounce(()=>{t(this,it).forEach(e=>e.destroy()),h(this,it,[]);for(let e=0;e<this.scrollElement.sections.length;e++){const i=new Ie(this.scrollElement,e,this.getAttribute("behaviour")||"smooth");this.appendChild(i.element),t(this,it).push(i)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",t(this,Dt)),t(this,Dt).call(this)}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",t(this,Dt)),t(this,it).forEach(e=>e.destroy()),h(this,it,[])}}it=new WeakMap,Dt=new WeakMap;customElements.get("e-scroll-bullet-buttons")||customElements.define("e-scroll-bullet-buttons",ge);class ye extends Re.ScrollSegmentElement{connectedCallback(){const n=de.findParentElement(this,qt);n instanceof qt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries)):console.error(this,"e-scroll not found")}}customElements.get("e-scroll-segment")||customElements.define("e-scroll-segment",ye);exports.ScrollBulletButtonsElement=ge;exports.ScrollElement=qt;exports.ScrollSegmentElement=ye;exports.ScrollSetButtonElement=me;exports.ScrollStepButtonElement=be;exports.ScrollbarElement=Se;
+"use strict";var Ce=Object.defineProperty;var ne=Object.getOwnPropertySymbols;var Ee=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var oe=u=>{throw TypeError(u)};var he=(u,n,e)=>n in u?Ce(u,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):u[n]=e,le=(u,n)=>{for(var e in n||(n={}))Ee.call(n,e)&&he(u,e,n[e]);if(ne)for(var e of ne(n))Pe.call(n,e)&&he(u,e,n[e]);return u};var Zt=(u,n,e)=>n.has(u)||oe("Cannot "+e);var t=(u,n,e)=>(Zt(u,n,"read from private field"),e?e.call(u):n.get(u)),s=(u,n,e)=>n.has(u)?oe("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(u):n.set(u,e),h=(u,n,e,i)=>(Zt(u,n,"write to private field"),i?i.call(u,e):n.set(u,e),e),d=(u,n,e)=>(Zt(u,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("../../Store-CDb6RMce.cjs"),Kt=require("../../browser-CpzFX2xg.cjs"),xe=require("../../easings-DsS5-Kqc.cjs"),Jt=require("../../events-KVanG9sR.cjs"),ue=require("../../jss-GJLvaNfT.cjs"),gt=require("../../layout-8ryRAMGJ.cjs"),ae=require("../../math-GDWEqu7y.cjs");require("../../ticker/vanilla/index.cjs");const Qt=require("../../order/index.cjs"),ze=require("../../Damped-CTsV8tl_.cjs"),Le=require("../../Tweened-BttGiyB0.cjs"),Ut=require("../../controls/index.cjs"),jt=require("../../window-resizer/vanilla/index.cjs"),yt=require("../../scroll-entries/index.cjs"),ce=require("../../css-unit-parser/index.cjs"),S=require("../../css-property/index.cjs"),ke=require("../../device/index.cjs"),Gt=require("../../element-resizer/vanilla/index.cjs"),De=require("../../gestures-DHLrn6Q8.cjs"),de=require("../../dom-JBOkFLTh.cjs"),qe=require("../../function-MthRj-GJ.cjs"),Re=require("../../scroll-segment/index.cjs");var f,At,y,nt,A,N;class Te{constructor(n,e,i){s(this,f);s(this,At);s(this,y);s(this,nt,0);s(this,A,0);s(this,N,null);h(this,f,n),h(this,At,e),h(this,y,i),yt.scrollEntries.register(t(this,f))}get index(){return t(this,At)}get size(){return t(this,nt)}get position(){return t(this,A)}destroy(){yt.scrollEntries.unregister(t(this,f)),this.unsetTransform()}unsetTransform(){t(this,f).style.transform="",this.mark(null)}setSize(n){n?(t(this,f).style.setProperty("--size",n+"px"),t(this,y).axisCSSProperty.current==="x"?(t(this,f).style.width=n+"px",t(this,f).style.height=""):(t(this,f).style.height=n+"px",t(this,f).style.width="")):(t(this,f).style.width="",t(this,f).style.height="",t(this,f).style.removeProperty("--size"))}resize(){h(this,nt,t(this,y).vertical?t(this,f).offsetHeight:t(this,f).offsetWidth),h(this,A,t(this,y).vertical?gt.getCumulativeOffsetTop(t(this,f)):gt.getCumulativeOffsetLeft(t(this,f))),h(this,A,t(this,A)-t(this,y).contentPosition)}transform(){let n=0;const e=t(this,y).viewportSize*t(this,y).sectionDistanceScaleCSSProperty.current;t(this,y).loopCSSProperty.current&&t(this,y).overscroll&&t(this,A)+t(this,nt)<t(this,y).currentScrollValue&&(n=t(this,y).distance*-1-t(this,y).gap),yt.scrollEntries.update(t(this,f),t(this,y).axisCSSProperty.current,n);const i=t(this,y).currentScrollValue+n,r=t(this,A)-t(this,y).viewportSize-e,c=t(this,A)+t(this,nt)+e,m=ae.clamp(i,r,c);t(this,y).vertical?t(this,f).style.transform=`translate3d(0px, ${m*-1}px, 0px)`:t(this,f).style.transform=`translate3d(${m*-1}px, 0px, 0px)`}mark(n){t(this,N)!==n&&(t(this,N)&&t(this,f).classList.remove(t(this,N)),n&&t(this,f).classList.add(n),h(this,N,n),Jt.dispatchEvent(t(this,f),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,N)},custom:!0}))}}f=new WeakMap,At=new WeakMap,y=new WeakMap,nt=new WeakMap,A=new WeakMap,N=new WeakMap;const Ae=ue.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},':host([hibernated="true"])':{display:"contents"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},':host([hibernated="true"]) .content':{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var a,ht,x,I,M,O,D,V,j,q,C,ot,lt,ct,ut,vt,k,at,G,R,K,B,Z,dt,pt,J,Q,p,Ct,l,It,Mt,v,g,z,T,X,_,E,b,Et,Y,ie,H,tt,St,Pt,W,o,Tt,bt,$t,Nt,Xt,Yt,L,wt,pe,xt,Ot,te,ee,rt,se;class Rt extends HTMLElement{constructor(){super();s(this,o);s(this,a,null);s(this,ht,new S.CSSProperty(this,"--controls",!0));s(this,x,new S.CSSProperty(this,"--axis","y"));s(this,I,new S.CSSProperty(this,"--direction",0));s(this,M,new S.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,O,new S.CSSProperty(this,"--split",!1));s(this,D,new S.CSSProperty(this,"--sectional",!1));s(this,V,new S.CSSProperty(this,"--auto-size",!1));s(this,j,new S.CSSProperty(this,"--wheel-max-delta",!1));s(this,q,new S.CSSProperty(this,"--sections-in-view",1));s(this,C,new S.CSSProperty(this,"--loop",!1));s(this,ot,new S.CSSProperty(this,"--damping",20));s(this,lt,new S.CSSProperty(this,"--mass",0));s(this,ct,new S.CSSProperty(this,"--stiffness",0));s(this,ut,new S.CSSProperty(this,"--mouse-drag",!1));s(this,vt,new S.CSSProperty(this,"--section-distance-scale",.5));s(this,k,new S.CSSProperty(this,"--autoplay",0));s(this,at,new S.CSSProperty(this,"--autoplay-pause-duration",0));s(this,G,new S.CSSProperty(this,"--autoplay-user-direction",!1));s(this,R,new S.CSSProperty(this,"--classes",!1));s(this,K,new S.CSSProperty(this,"--current-index-start-offset",0));s(this,B,new S.CSSProperty(this,"--current-index-end-offset",0));s(this,Z,new S.CSSProperty(this,"--focus-delay",0));s(this,dt,new S.CSSProperty(this,"--focus-duration",3e3));s(this,pt,new S.CSSProperty(this,"--disabled",!1));s(this,J,new S.CSSProperty(this,"--hibernated",!1));s(this,Q,null);s(this,p,null);s(this,Ct,null);s(this,l,[]);s(this,It,0);s(this,Mt,0);s(this,v,0);s(this,g,0);s(this,z,0);s(this,T,null);s(this,X,null);s(this,_,null);s(this,E,null);s(this,b,new we.Store(0));s(this,Et,0);s(this,Y,0);s(this,ie,!1);s(this,H,!1);s(this,tt,!0);s(this,St,!0);s(this,Pt);s(this,W,new Le.Tweened);s(this,L,()=>{t(this,a).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,g)||0,i=t(this,b).current;if(h(this,It,this.vertical?gt.getCumulativeOffsetTop(this):gt.getCumulativeOffsetLeft(this)),h(this,Mt,this.vertical?gt.getCumulativeOffsetTop(t(this,p)):gt.getCumulativeOffsetLeft(t(this,p))),h(this,v,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,z,ce.cssUnitParser.parse(getComputedStyle(t(this,p)).rowGap)):h(this,z,ce.cssUnitParser.parse(getComputedStyle(t(this,p)).columnGap)),t(this,V).current&&t(this,l).length){const r=t(this,q).current,c=(t(this,v)-t(this,z)*(r-1))/r;t(this,l).forEach(m=>{m.setSize(c)})}else t(this,l).forEach(r=>{r.setSize()});if(t(this,l).forEach(r=>{r.resize()}),t(this,M).current){h(this,g,t(this,v)*t(this,M).current);const r=t(this,g)+t(this,v);this.vertical?(t(this,p).style.width=r+"px",t(this,p).style.height="100%"):(t(this,p).style.height=r+"px",t(this,p).style.width="100%")}else this.vertical?(t(this,p).style.width="100%",t(this,p).style.height="max-content",h(this,g,t(this,p).offsetHeight-t(this,v))):(t(this,p).style.width="max-content",t(this,p).style.height="100%",h(this,g,t(this,p).offsetWidth-t(this,v)));if(!t(this,C).current){const r=getComputedStyle(this),c=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,g,t(this,g)+c),t(this,a).max=t(this,g)}if(t(this,C).current&&t(this,l).length){const r=t(this,l)[t(this,l).length-1],c=r.position+r.size-t(this,v),m=t(this,g)-c;h(this,Y,r.position+r.size+m)}else h(this,Y,t(this,g));if(t(this,D).current&&t(this,l).length){const r=t(this,l)[i];t(this,a).set(r.position,{equalize:!0})}else t(this,a).set(e*t(this,g),{equalize:!0});h(this,H,(this.vertical?t(this,p).offsetHeight:t(this,p).offsetWidth)>t(this,v)),this.classList.toggle("has-overflow",t(this,H)),t(this,H)?d(this,o,Nt).call(this):d(this,o,$t).call(this),t(this,wt).call(this)});s(this,wt,()=>{if(!t(this,H))return;const e=this.currentScrollValue;if(h(this,Et,Math.max(0,e-t(this,g))),t(this,l).length){let i=0;for(let r=0;r<t(this,l).length;r++){const c=t(this,l)[r];c.transform(),this.targetScrollValue+c.size/2>=c.position&&(i=r)}t(this,b).current=i}else this.vertical?t(this,p).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,p).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;yt.scrollEntries.update(this,t(this,x).current,e)});s(this,xt,(e,i)=>{t(this,ht).current&&(d(this,o,te).call(this,Math.sign(i)||1),t(this,Ot).call(this,e,i))});s(this,Ot,(e,i)=>{if(t(this,I).current){if(t(this,I).current<0&&i>0)return;if(t(this,I).current>0&&i<0)return}if(t(this,W).unlistenAnimationFrame(),!t(this,k).current&&t(this,Z).current&&(clearInterval(t(this,Pt)),h(this,Pt,setTimeout(()=>{const r=d(this,o,se).call(this);r&&this.scrollToSection(r.index,{tween:{duration:t(this,dt).current,easing:xe.easeInOutExpo}})},t(this,Z).current))),!(e==="drag"&&!ke.device.isMobile&&!t(this,ut).current))if(t(this,D).current){const r=Math.sign(i);t(this,l).length?this.shiftSections(r):t(this,a).shift(r*t(this,v))}else t(this,a).shift(i)});if(Kt.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets.push(Ae);const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,Q,document.createElement("div")),t(this,Q).className="content-wrapper",h(this,p,document.createElement("div")),t(this,p).className="content",h(this,Ct,document.createElement("slot")),t(this,p).appendChild(t(this,Ct)),t(this,Q).appendChild(t(this,p)),e.appendChild(t(this,Q))}}get damped(){return t(this,a)}get controlsCSSProperty(){return t(this,ht)}get axisCSSProperty(){return t(this,x)}get directionCSSProperty(){return t(this,I)}get pagesCSSProperty(){return t(this,M)}get splitCSSProperty(){return t(this,O)}get sectionalCSSProperty(){return t(this,D)}get autoSizeCSSProperty(){return t(this,V)}get wheelMaxDeltaCSSProperty(){return t(this,j)}get sectionsInViewCSSProperty(){return t(this,q)}get loopCSSProperty(){return t(this,C)}get dampingCSSProperty(){return t(this,ot)}get massCSSProperty(){return t(this,lt)}get stiffnessCSSProperty(){return t(this,ct)}get mouseDragCSSProperty(){return t(this,ut)}get sectionDistanceScaleCSSProperty(){return t(this,vt)}get autoplayCSSProperty(){return t(this,k)}get autoplayPauseDurationCSSProperty(){return t(this,at)}get autoplayUserDirectionCSSProperty(){return t(this,G)}get classesCSSProperty(){return t(this,R)}get currentIndexStartOffsetCSSProperty(){return t(this,K)}get currentIndexEndOffsetCSSProperty(){return t(this,B)}get focusDelayCSSProperty(){return t(this,Z)}get focusDurationCSSProperty(){return t(this,dt)}get disabledCSSProperty(){return t(this,pt)}get hibernatedCSSProperty(){return t(this,J)}get currentScrollValue(){return d(this,o,ee).call(this,"current")}get targetScrollValue(){return d(this,o,ee).call(this,"target")}get contentWrapperElement(){return t(this,Q)}get contentElement(){return t(this,p)}get sections(){return t(this,l)}get position(){return t(this,It)}get contentPosition(){return t(this,Mt)}get viewportSize(){return t(this,v)}get scrollSize(){return t(this,g)}get gap(){return t(this,z)}get counter(){return t(this,b)}get limit(){return t(this,l).length-t(this,q).current}get distance(){return t(this,Y)}get loopDistance(){return t(this,C).current?t(this,Y)+t(this,z):t(this,Y)}get hasOverflow(){return t(this,H)}get overscroll(){return t(this,Et)}get vertical(){return t(this,x).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,x).current==="y"?0:t(this,a).distance}get scrollHeight(){return t(this,x).current==="x"?0:t(this,a).distance}onScroll(...e){return t(this,a).subscribe(...e)}offScroll(...e){t(this,a).unsubscribe(...e)}range(e,i,r=0){const c=e-r,m=c+i+r*2;return this.currentProgress<c?0:this.currentProgress>m?1:(this.currentProgress-c)/(m-c)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const c=e-r,m=c+i+r*2;return this.currentProgress>=c&&this.currentProgress<=m}scrollToSection(e,i){if(!t(this,l).length)return;const r=t(this,b).current;d(this,o,pe).call(this,e);const c=t(this,l)[r],m=t(this,l)[t(this,b).current];if(c&&m){let w=0;const mt=d(this,o,se).call(this),ve=mt?this.targetScrollValue-mt.position:0;t(this,C).current?t(this,b).current===0&&r===t(this,l).length-1?w=t(this,g)+t(this,v)-c.position+t(this,z)+1:t(this,b).current===t(this,l).length-1&&r===0?w=m.position-(t(this,g)+t(this,v)+t(this,z)):w=m.position-c.position:w=m.position-c.position,this.shiftPosition(w-ve,i)}}shiftSections(e,i){t(this,l).length&&this.scrollToSection(t(this,b).current+e,i)}setPosition(e,i){d(this,o,te).call(this,Math.sign(e)||1),i!=null&&i.tween?(t(this,W).set(t(this,a).current,{equalize:!0}),t(this,W).set(e,le({},i.tween))):t(this,a).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,a).target+e,i)}connectedCallback(){h(this,a,new ze.Damped(0,{damping:.01,min:0,order:Qt.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,T,new Ut.WheelControls({element:t(this,p)})),t(this,T).changeEvent.subscribe(t(this,xt)),h(this,X,new Ut.KeyboardControls({element:this})),t(this,X).changeEvent.subscribe(t(this,xt)),h(this,_,new Ut.DragControls({element:t(this,p)})),t(this,_).changeEvent.subscribe(t(this,xt)),h(this,E,new Ut.AutoplayControls({culling:this})),t(this,E).changeEvent.subscribe(t(this,Ot)),t(this,x).subscribe(({current:e})=>{t(this,p).style.flexDirection=e==="x"?"row":"column",t(this,T).axis=t(this,j).current?"max":e,t(this,X).dimension=e==="x"?"width":"height",t(this,_).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),this.isConnected&&t(this,L).call(this)}),t(this,j).subscribe(e=>{t(this,T).axis=e.current?"max":t(this,x).current}),t(this,M).subscribe(()=>{this.isConnected&&t(this,L).call(this)}),t(this,O).subscribe(({current:e})=>{this.isConnected&&(e?d(this,o,Tt).call(this):d(this,o,bt).call(this))}),t(this,D).subscribe(e=>{t(this,T).debounce=e.current,t(this,_).swipe=e.current,t(this,E).interval=e.current,this.isConnected&&(e.current&&!e.previous&&!t(this,l).length?d(this,o,Tt).call(this):!e.current&&e.previous&&t(this,l).length&&d(this,o,bt).call(this))}),t(this,V).subscribe(e=>{this.isConnected&&(t(this,L).call(this),e.current&&!e.previous&&!t(this,l).length?d(this,o,Tt).call(this):!e.current&&e.previous&&t(this,l).length&&d(this,o,bt).call(this))}),t(this,q).subscribe(e=>{this.isConnected&&(t(this,L).call(this),d(this,o,rt).call(this))}),t(this,C).subscribe(e=>{e.current?(this.isConnected&&(t(this,l).length||(t(this,O).current=!0)),t(this,l).length&&(t(this,a).max=1/0,t(this,a).min=-1/0)):(h(this,Et,0),t(this,a).max=t(this,g),t(this,a).min=0)}),t(this,ot).subscribe(e=>{t(this,a).damping=e.current}),t(this,lt).subscribe(e=>{t(this,a).mass=e.current}),t(this,ct).subscribe(e=>{t(this,a).stiffness=e.current}),t(this,k).subscribe(e=>{t(this,E).speed=e.current,!t(this,tt)&&e.current&&!e.previous?t(this,E).connect():!e.current&&e.previous&&t(this,E).disconnect()}),t(this,G).subscribe(e=>{e.current||(t(this,E).direction=1)}),t(this,R).subscribe(e=>{this.isConnected&&d(this,o,rt).call(this)}),t(this,K).subscribe(e=>{this.isConnected&&t(this,R).current&&d(this,o,rt).call(this)}),t(this,B).subscribe(e=>{this.isConnected&&t(this,R).current&&d(this,o,rt).call(this)}),t(this,a).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,b).subscribe(e=>{t(this,l).length&&d(this,o,rt).call(this)}),t(this,W).subscribe(e=>{t(this,W).isRunning.current&&t(this,a).set(e.current)}),t(this,pt).subscribe(e=>{e.current&&!e.previous?d(this,o,$t).call(this):!e.current&&e.previous&&d(this,o,Nt).call(this)}),t(this,J).subscribe(e=>{e.current&&!e.previous?d(this,o,Xt).call(this):!e.current&&e.previous&&d(this,o,Yt).call(this)}),t(this,ht).observe(),t(this,x).observe(),t(this,I).observe(),t(this,M).observe(),t(this,O).observe(),t(this,D).observe(),t(this,V).observe(),t(this,j).observe(),t(this,q).observe(),t(this,C).observe(),t(this,ot).observe(),t(this,lt).observe(),t(this,ct).observe(),t(this,ut).observe(),t(this,vt).observe(),t(this,k).observe(),t(this,k).observe(),t(this,at).observe(),t(this,G).observe(),t(this,R).observe(),t(this,K).observe(),t(this,B).observe(),t(this,Z).observe(),t(this,dt).observe(),t(this,pt).observe(),t(this,J).observe(),t(this,J).current||d(this,o,Yt).call(this)}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("has-overflow"),t(this,ht).unobserve(),t(this,x).unobserve(),t(this,I).unobserve(),t(this,M).unobserve(),t(this,O).unobserve(),t(this,D).unobserve(),t(this,V).unobserve(),t(this,j).unobserve(),t(this,q).unobserve(),t(this,C).unobserve(),t(this,ot).unobserve(),t(this,lt).unobserve(),t(this,ct).unobserve(),t(this,ut).unobserve(),t(this,vt).unobserve(),t(this,k).unobserve(),t(this,at).unobserve(),t(this,G).unobserve(),t(this,R).unobserve(),t(this,K).unobserve(),t(this,B).unobserve(),t(this,Z).unobserve(),t(this,dt).unobserve(),t(this,pt).unobserve(),t(this,J).unobserve(),d(this,o,Xt).call(this)}}a=new WeakMap,ht=new WeakMap,x=new WeakMap,I=new WeakMap,M=new WeakMap,O=new WeakMap,D=new WeakMap,V=new WeakMap,j=new WeakMap,q=new WeakMap,C=new WeakMap,ot=new WeakMap,lt=new WeakMap,ct=new WeakMap,ut=new WeakMap,vt=new WeakMap,k=new WeakMap,at=new WeakMap,G=new WeakMap,R=new WeakMap,K=new WeakMap,B=new WeakMap,Z=new WeakMap,dt=new WeakMap,pt=new WeakMap,J=new WeakMap,Q=new WeakMap,p=new WeakMap,Ct=new WeakMap,l=new WeakMap,It=new WeakMap,Mt=new WeakMap,v=new WeakMap,g=new WeakMap,z=new WeakMap,T=new WeakMap,X=new WeakMap,_=new WeakMap,E=new WeakMap,b=new WeakMap,Et=new WeakMap,Y=new WeakMap,ie=new WeakMap,H=new WeakMap,tt=new WeakMap,St=new WeakMap,Pt=new WeakMap,W=new WeakMap,o=new WeakSet,Tt=function(){d(this,o,bt).call(this),t(this,Ct).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,l).push(new Te(e,i,this))}),t(this,p).style.transform="",Jt.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,L).call(this),d(this,o,rt).call(this)},bt=function(){t(this,l).forEach(e=>{e.destroy()}),h(this,l,[]),t(this,b).reset(),t(this,a).reset(),Jt.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},$t=function(){t(this,tt)||(h(this,tt,!0),t(this,a).unsubscribe(t(this,wt)),t(this,a).unlistenAnimationFrame(),clearInterval(t(this,Pt)),t(this,W).unlistenAnimationFrame(),t(this,T).disconnect(),t(this,X).disconnect(),t(this,_).disconnect(),t(this,E).disconnect(),t(this,H)||this.sections.forEach(e=>{e.unsetTransform()}))},Nt=function(){t(this,tt)&&(h(this,tt,!1),t(this,a).subscribe(t(this,wt)),t(this,T).connect(),t(this,X).connect(),t(this,_).connect(),t(this,k).current&&t(this,E).connect())},Xt=function(){t(this,St)||(h(this,St,!0),jt.windowResizer.unsubscribe(t(this,L)),Gt.elementResizer.unsubscribe(t(this,L)),d(this,o,$t).call(this),t(this,p).style.transform="",t(this,l).length?d(this,o,bt).call(this):(t(this,b).reset(),t(this,a).reset()),yt.scrollEntries.unregister(this))},Yt=function(){t(this,St)&&(h(this,St,!1),(t(this,C).current||t(this,O).current||t(this,C).current||t(this,V).current||t(this,D).current)&&d(this,o,Tt).call(this),yt.scrollEntries.register(this),d(this,o,Nt).call(this),jt.windowResizer.subscribe(t(this,L),Qt.RESIZE_ORDER.SCROLL),Gt.elementResizer.subscribe(this,t(this,L)))},L=new WeakMap,wt=new WeakMap,pe=function(e){t(this,C).current?(t(this,b).current=e%t(this,l).length,t(this,b).current=t(this,b).current<0?t(this,l).length+t(this,b).current:t(this,b).current):t(this,b).current=ae.clamp(e,0,this.limit)},xt=new WeakMap,Ot=new WeakMap,te=function(e=1){t(this,G).current&&(t(this,E).direction=e),t(this,k).current&&t(this,E).pauseAndContinue(t(this,at).current,this.sectionalCSSProperty.current)},ee=function(e="current"){if(t(this,C).current&&t(this,l).length){const i=t(this,a)[e]%(t(this,g)+t(this,v)+t(this,z));return i<0?t(this,g)+i+t(this,v)+t(this,z):i}else return t(this,a)[e]},rt=function(){if(t(this,R).current&&t(this,l).length){const e=t(this,b).current+t(this,K).current;e===0?this.classList.add("start"):this.classList.remove("start"),e===this.limit?this.classList.add("end"):this.classList.remove("end");const i=t(this,q).current+t(this,B).current;t(this,l).forEach((r,c)=>{const m=e-this.limit-1+t(this,B).current,w=e+i,mt=this.sections.length-w;c>=e&&c<w||c<=m?r.mark("current"):c>=w&&c<w+mt/2||c<=m+i?r.mark("next"):r.mark("previous")})}},se=function(){let e=null,i=1/0;for(let r=0;r<t(this,l).length;r++){const c=Math.abs(t(this,l)[r].position-this.targetScrollValue);c<i&&(i=c,e=r)}return e!==null?t(this,l)[e]:null};customElements.get("e-scroll")||customElements.define("e-scroll",Rt);var Vt;class re extends HTMLElement{constructor(){super(...arguments);s(this,Vt,null)}get scrollElement(){return t(this,Vt)}connectedCallback(){const e=de.findParentElement(this,Rt);e instanceof Rt?h(this,Vt,e):console.error(this,"e-scroll not found")}}Vt=new WeakMap;var et,P,F,U,zt,Lt,ft,Bt,_t,Ht;class Se extends re{constructor(){super();s(this,et,null);s(this,P,null);s(this,F,!1);s(this,U,0);s(this,zt,0);s(this,Lt,0);s(this,ft,()=>{h(this,F,this.offsetWidth>this.offsetHeight);const e=t(this,F)?this.offsetWidth:this.offsetHeight;h(this,U,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,U,Math.max(t(this,U),30)),t(this,F)?(t(this,P).style.width=t(this,U)+"px",t(this,P).style.height="100%"):(t(this,P).style.width="100%",t(this,P).style.height=t(this,U)+"px"),h(this,zt,e-t(this,U)),this.scrollElement.scrollSize||(this.style.display="none")});s(this,Bt,()=>{h(this,Lt,this.scrollElement.currentProgress*t(this,zt)),t(this,F)?t(this,P).style.transform=`translate3d(${t(this,Lt)}px, 0px, 0px)`:t(this,P).style.transform=`translate3d(0px, ${t(this,Lt)}px, 0px)`});s(this,_t,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,Ht,e=>{document.documentElement.classList.add("grabbing"),De.setupDrag(c=>{const m=t(this,F)?c.x:c.y,w=this.scrollElement.distance/t(this,zt),mt=(m-r)*w;this.scrollElement.setPosition(i+mt)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,F)?e.x:e.y});if(Kt.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets.push(ue.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"black",borderRadius:"0.3vmin",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})),h(this,et,document.createElement("slot")),t(this,et).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,et))}}get thumbElement(){return t(this,P)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,et).assignedElements()[0]||t(this,et).firstElementChild;h(this,P,e),t(this,P).addEventListener("pointerdown",t(this,Ht)),jt.windowResizer.subscribe(t(this,ft),Qt.RESIZE_ORDER.SCROLL),Gt.elementResizer.subscribe(this,t(this,ft)),this.scrollElement.onScroll(t(this,Bt)),this.scrollElement.axisCSSProperty.subscribe(t(this,_t))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),t(this,P).removeEventListener("pointerdown",t(this,Ht)),jt.windowResizer.unsubscribe(t(this,ft)),Gt.elementResizer.unsubscribe(t(this,ft)),this.scrollElement.offScroll(t(this,Bt)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,_t))}}et=new WeakMap,P=new WeakMap,F=new WeakMap,U=new WeakMap,zt=new WeakMap,Lt=new WeakMap,ft=new WeakMap,Bt=new WeakMap,_t=new WeakMap,Ht=new WeakMap;customElements.get("e-scrollbar")||customElements.define("e-scrollbar",Se);class fe extends re{constructor(){super(),Kt.isBrowser&&this.addEventListener("click",()=>{this.handleClick()})}}class me extends fe{handleClick(){const n=this.getAttribute("index"),e=this.getAttribute("behaviour");this.scrollElement.scrollToSection(parseInt(n||"0"),{behaviour:e})}}customElements.get("e-scroll-set-button")||customElements.define("e-scroll-set-button",me);class be extends fe{handleClick(){const n=this.getAttribute("step"),e=this.getAttribute("behaviour");this.scrollElement.shiftSections(parseInt(n||"1"),{behaviour:e})}}customElements.get("e-scroll-step-button")||customElements.define("e-scroll-step-button",be);var $,st,kt,Wt,Ft,Dt;class Ie{constructor(n,e,i){s(this,$,null);s(this,st,null);s(this,kt,null);s(this,Wt,null);s(this,Ft,()=>{t(this,st).scrollToSection(t(this,kt),{behaviour:t(this,Wt)})});s(this,Dt,()=>{t(this,$).classList.toggle("current",t(this,st).counter.current===t(this,kt))});Kt.isBrowser&&(h(this,$,document.createElement("button")),h(this,st,n),h(this,Wt,i),h(this,kt,e),t(this,$).addEventListener("click",t(this,Ft)),t(this,st).counter.subscribe(t(this,Dt)),t(this,Dt).call(this))}get element(){return t(this,$)}destroy(){t(this,$).removeEventListener("click",t(this,Ft)),t(this,st).counter.unsubscribe(t(this,Dt)),t(this,$).remove()}}$=new WeakMap,st=new WeakMap,kt=new WeakMap,Wt=new WeakMap,Ft=new WeakMap,Dt=new WeakMap;var it,qt;class ge extends re{constructor(){super(...arguments);s(this,it,[]);s(this,qt,qe.debounce(()=>{t(this,it).forEach(e=>e.destroy()),h(this,it,[]);for(let e=0;e<this.scrollElement.sections.length;e++){const i=new Ie(this.scrollElement,e,this.getAttribute("behaviour")||"smooth");this.appendChild(i.element),t(this,it).push(i)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",t(this,qt)),t(this,qt).call(this)}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",t(this,qt)),t(this,it).forEach(e=>e.destroy()),h(this,it,[])}}it=new WeakMap,qt=new WeakMap;customElements.get("e-scroll-bullet-buttons")||customElements.define("e-scroll-bullet-buttons",ge);class ye extends Re.ScrollSegmentElement{connectedCallback(){const n=de.findParentElement(this,Rt);n instanceof Rt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries)):console.error(this,"e-scroll not found")}}customElements.get("e-scroll-segment")||customElements.define("e-scroll-segment",ye);exports.ScrollBulletButtonsElement=ge;exports.ScrollElement=Rt;exports.ScrollSegmentElement=ye;exports.ScrollSetButtonElement=me;exports.ScrollStepButtonElement=be;exports.ScrollbarElement=Se;

package/lib/scroll/vanilla/index.js

@@ -24,31 +24,31 @@ import { c as ae } from "../../math-BOBiC4TN.js";
 import "../../ticker/vanilla/index.js";
 import { TICK_ORDER as Ce, RESIZE_ORDER as ue } from "../../order/index.js";
 import { D as Ee } from "../../Damped-Chu29wn-.js";
-import { T as xe } from "../../Tweened-BUuSLSF7.js";
-import { WheelControls as we, KeyboardControls as Pe, DragControls as ze, AutoplayControls as Le } from "../../controls/index.js";
+import { T as we } from "../../Tweened-BUuSLSF7.js";
+import { WheelControls as xe, KeyboardControls as Pe, DragControls as Le, AutoplayControls as ze } from "../../controls/index.js";
 import { windowResizer as Ut } from "../../window-resizer/vanilla/index.js";
 import { scrollEntries as gt } from "../../scroll-entries/index.js";
 import { cssUnitParser as le } from "../../css-unit-parser/index.js";
-import { CSSProperty as f } from "../../css-property/index.js";
+import { CSSProperty as p } from "../../css-property/index.js";
 import { device as ke } from "../../device/index.js";
 import { elementResizer as Gt } from "../../element-resizer/vanilla/index.js";
 import { s as De } from "../../gestures-D2Fdra_G.js";
 import { f as de } from "../../dom-0S_WDL4g.js";
 import { d as Ae } from "../../function-C10DGppn.js";
 import { ScrollSegmentElement as Ie } from "../../scroll-segment/index.js";
-var m, It, v, nt, T, U;
+var m, Mt, v, nt, T, G;
 class Me {
   constructor(n, e, i) {
     s(this, m);
-    s(this, It);
+    s(this, Mt);
     s(this, v);
     s(this, nt, 0);
     s(this, T, 0);
-    s(this, U, null);
-    h(this, m, n), h(this, It, e), h(this, v, i), gt.register(t(this, m));
+    s(this, G, null);
+    h(this, m, n), h(this, Mt, e), h(this, v, i), gt.register(t(this, m));
   }
   get index() {
-    return t(this, It);
+    return t(this, Mt);
   }
   get size() {
     return t(this, nt);
@@ -80,16 +80,16 @@ class Me {
     t(this, v).vertical ? t(this, m).style.transform = `translate3d(0px, ${b * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${b * -1}px, 0px, 0px)`;
   }
   mark(n) {
-    t(this, U) !== n && (t(this, U) && t(this, m).classList.remove(t(this, U)), n && t(this, m).classList.add(n), h(this, U, n), Zt(t(this, m), "scrollSectionMarkChange", {
+    t(this, G) !== n && (t(this, G) && t(this, m).classList.remove(t(this, G)), n && t(this, m).classList.add(n), h(this, G, n), Zt(t(this, m), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
-        mark: t(this, U)
+        mark: t(this, G)
       },
       custom: !0
     }));
   }
 }
-m = new WeakMap(), It = new WeakMap(), v = new WeakMap(), nt = new WeakMap(), T = new WeakMap(), U = new WeakMap();
+m = new WeakMap(), Mt = new WeakMap(), v = new WeakMap(), nt = new WeakMap(), T = new WeakMap(), G = new WeakMap();
 const Te = ce({
   ":host": {
     position: "relative",
@@ -128,102 +128,102 @@ const Te = ce({
     flexShrink: "0"
   }
 });
-var u, ht, P, V, R, O, D, H, G, A, C, ot, lt, ct, at, vt, k, ut, K, I, _, B, Z, dt, pt, j, J, p, yt, l, Mt, Tt, y, g, z, M, Q, W, E, S, Ct, X, se, Y, tt, ft, Et, F, o, Dt, St, Nt, qt, Qt, Xt, L, Vt, pe, xt, Rt, Yt, te, rt, ee;
-class At extends HTMLElement {
+var u, ht, P, V, R, O, D, H, K, A, C, ot, lt, ct, at, vt, k, ut, _, I, Z, B, j, dt, ft, J, Q, f, yt, l, Tt, Vt, y, g, L, M, X, W, E, S, Ct, Y, se, F, tt, pt, Et, $, o, At, St, Nt, qt, Qt, Xt, z, wt, fe, xt, Rt, Yt, te, rt, ee;
+class It extends HTMLElement {
   constructor() {
     super();
     s(this, o);
     s(this, u, null);
-    s(this, ht, new f(this, "--controls", !0));
-    s(this, P, new f(this, "--axis", "y"));
-    s(this, V, new f(this, "--direction", 0));
-    s(this, R, new f(this, "--pages", 0, {
+    s(this, ht, new p(this, "--controls", !0));
+    s(this, P, new p(this, "--axis", "y"));
+    s(this, V, new p(this, "--direction", 0));
+    s(this, R, new p(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
-    s(this, O, new f(this, "--split", !1));
-    s(this, D, new f(this, "--sectional", !1));
-    s(this, H, new f(this, "--auto-size", !1));
-    s(this, G, new f(
+    s(this, O, new p(this, "--split", !1));
+    s(this, D, new p(this, "--sectional", !1));
+    s(this, H, new p(this, "--auto-size", !1));
+    s(this, K, new p(
       this,
       "--wheel-max-delta",
       !1
     ));
-    s(this, A, new f(
+    s(this, A, new p(
       this,
       "--sections-in-view",
       1
     ));
-    s(this, C, new f(this, "--loop", !1));
-    s(this, ot, new f(this, "--damping", 20));
-    s(this, lt, new f(this, "--mass", 0));
-    s(this, ct, new f(this, "--stiffness", 0));
-    s(this, at, new f(this, "--mouse-drag", !1));
-    s(this, vt, new f(
+    s(this, C, new p(this, "--loop", !1));
+    s(this, ot, new p(this, "--damping", 20));
+    s(this, lt, new p(this, "--mass", 0));
+    s(this, ct, new p(this, "--stiffness", 0));
+    s(this, at, new p(this, "--mouse-drag", !1));
+    s(this, vt, new p(
       this,
       "--section-distance-scale",
       0.5
     ));
-    s(this, k, new f(this, "--autoplay", 0));
-    s(this, ut, new f(
+    s(this, k, new p(this, "--autoplay", 0));
+    s(this, ut, new p(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    s(this, K, new f(
+    s(this, _, new p(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    s(this, I, new f(this, "--classes", !1));
-    s(this, _, new f(
+    s(this, I, new p(this, "--classes", !1));
+    s(this, Z, new p(
       this,
       "--current-index-start-offset",
       0
     ));
-    s(this, B, new f(
+    s(this, B, new p(
       this,
       "--current-index-end-offset",
       0
     ));
-    s(this, Z, new f(this, "--focus-delay", 0));
-    s(this, dt, new f(
+    s(this, j, new p(this, "--focus-delay", 0));
+    s(this, dt, new p(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, pt, new f(this, "--disabled", !1));
-    s(this, j, new f(this, "--hibernated", !1));
-    s(this, J, null);
-    s(this, p, null);
+    s(this, ft, new p(this, "--disabled", !1));
+    s(this, J, new p(this, "--hibernated", !1));
+    s(this, Q, null);
+    s(this, f, null);
     s(this, yt, null);
     s(this, l, []);
-    s(this, Mt, 0);
     s(this, Tt, 0);
+    s(this, Vt, 0);
     s(this, y, 0);
     s(this, g, 0);
-    s(this, z, 0);
+    s(this, L, 0);
     s(this, M, null);
-    s(this, Q, null);
+    s(this, X, null);
     s(this, W, null);
     s(this, E, null);
     s(this, S, new ve(0));
     s(this, Ct, 0);
-    s(this, X, 0);
+    s(this, Y, 0);
     s(this, se, !1);
-    s(this, Y, !1);
+    s(this, F, !1);
     s(this, tt, !0);
-    s(this, ft, !0);
+    s(this, pt, !0);
     s(this, Et);
-    s(this, F, new xe());
-    s(this, L, () => {
+    s(this, $, new we());
+    s(this, z, () => {
       t(this, u).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, g) || 0, i = t(this, S).current;
-      if (h(this, Mt, this.vertical ? jt(this) : Jt(this)), h(this, Tt, this.vertical ? jt(t(this, p)) : Jt(t(this, p))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, z, le.parse(
-        getComputedStyle(t(this, p)).rowGap
-      )) : h(this, z, le.parse(
-        getComputedStyle(t(this, p)).columnGap
+      if (h(this, Tt, this.vertical ? jt(this) : Jt(this)), h(this, Vt, this.vertical ? jt(t(this, f)) : Jt(t(this, f))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, L, le.parse(
+        getComputedStyle(t(this, f)).rowGap
+      )) : h(this, L, le.parse(
+        getComputedStyle(t(this, f)).columnGap
       )), t(this, H).current && t(this, l).length) {
-        const r = t(this, A).current, c = (t(this, y) - t(this, z) * (r - 1)) / r;
+        const r = t(this, A).current, c = (t(this, y) - t(this, L) * (r - 1)) / r;
         t(this, l).forEach((b) => {
           b.setSize(c);
         });
@@ -236,18 +236,18 @@ class At extends HTMLElement {
       }), t(this, R).current) {
         h(this, g, t(this, y) * t(this, R).current);
         const r = t(this, g) + t(this, y);
-        this.vertical ? (t(this, p).style.width = r + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = r + "px", t(this, p).style.width = "100%");
+        this.vertical ? (t(this, f).style.width = r + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = r + "px", t(this, f).style.width = "100%");
       } else
-        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", h(this, g, t(this, p).offsetHeight - t(this, y))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", h(this, g, t(this, p).offsetWidth - t(this, y)));
+        this.vertical ? (t(this, f).style.width = "100%", t(this, f).style.height = "max-content", h(this, g, t(this, f).offsetHeight - t(this, y))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", h(this, g, t(this, f).offsetWidth - t(this, y)));
       if (!t(this, C).current) {
         const r = getComputedStyle(this), c = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
         h(this, g, t(this, g) + c), t(this, u).max = t(this, g);
       }
       if (t(this, C).current && t(this, l).length) {
         const r = t(this, l)[t(this, l).length - 1], c = r.position + r.size - t(this, y), b = t(this, g) - c;
-        h(this, X, r.position + r.size + b);
+        h(this, Y, r.position + r.size + b);
       } else
-        h(this, X, t(this, g));
+        h(this, Y, t(this, g));
       if (t(this, D).current && t(this, l).length) {
         const r = t(this, l)[i];
         t(this, u).set(r.position, {
@@ -257,10 +257,10 @@ class At extends HTMLElement {
         t(this, u).set(e * t(this, g), {
           equalize: !0
         });
-      h(this, Y, (this.vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth) > t(this, y)), t(this, Y) ? d(this, o, qt).call(this) : d(this, o, Nt).call(this);
+      h(this, F, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, F)), t(this, F) ? d(this, o, qt).call(this) : d(this, o, Nt).call(this), t(this, wt).call(this);
     });
-    s(this, Vt, () => {
-      if (!t(this, Y))
+    s(this, wt, () => {
+      if (!t(this, F))
         return;
       const e = this.currentScrollValue;
       if (h(this, Ct, Math.max(0, e - t(this, g))), t(this, l).length) {
@@ -271,7 +271,7 @@ class At extends HTMLElement {
         }
         t(this, S).current = i;
       } else
-        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
+        this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
       gt.update(
         this,
         t(this, P).current,
@@ -288,7 +288,7 @@ class At extends HTMLElement {
         if (t(this, V).current > 0 && i < 0)
           return;
       }
-      if (t(this, F).unlistenAnimationFrame(), !t(this, k).current && t(this, Z).current && (clearInterval(t(this, Et)), h(this, Et, setTimeout(() => {
+      if (t(this, $).unlistenAnimationFrame(), !t(this, k).current && t(this, j).current && (clearInterval(t(this, Et)), h(this, Et, setTimeout(() => {
         const r = d(this, o, ee).call(this);
         r && this.scrollToSection(r.index, {
           tween: {
@@ -296,7 +296,7 @@ class At extends HTMLElement {
             easing: ye
           }
         });
-      }, t(this, Z).current))), !(e === "drag" && !ke.isMobile && !t(this, at).current))
+      }, t(this, j).current))), !(e === "drag" && !ke.isMobile && !t(this, at).current))
         if (t(this, D).current) {
           const r = Math.sign(i);
           t(this, l).length ? this.shiftSections(r) : t(this, u).shift(r * t(this, y));
@@ -307,7 +307,7 @@ class At extends HTMLElement {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets.push(Te);
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, J, document.createElement("div")), t(this, J).className = "content-wrapper", h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, yt, document.createElement("slot")), t(this, p).appendChild(t(this, yt)), t(this, J).appendChild(t(this, p)), e.appendChild(t(this, J));
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, Q, document.createElement("div")), t(this, Q).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, yt, document.createElement("slot")), t(this, f).appendChild(t(this, yt)), t(this, Q).appendChild(t(this, f)), e.appendChild(t(this, Q));
     }
   }
   get damped() {
@@ -335,7 +335,7 @@ class At extends HTMLElement {
     return t(this, H);
   }
   get wheelMaxDeltaCSSProperty() {
-    return t(this, G);
+    return t(this, K);
   }
   get sectionsInViewCSSProperty() {
     return t(this, A);
@@ -365,28 +365,28 @@ class At extends HTMLElement {
     return t(this, ut);
   }
   get autoplayUserDirectionCSSProperty() {
-    return t(this, K);
+    return t(this, _);
   }
   get classesCSSProperty() {
     return t(this, I);
   }
   get currentIndexStartOffsetCSSProperty() {
-    return t(this, _);
+    return t(this, Z);
   }
   get currentIndexEndOffsetCSSProperty() {
     return t(this, B);
   }
   get focusDelayCSSProperty() {
-    return t(this, Z);
+    return t(this, j);
   }
   get focusDurationCSSProperty() {
     return t(this, dt);
   }
   get disabledCSSProperty() {
-    return t(this, pt);
+    return t(this, ft);
   }
   get hibernatedCSSProperty() {
-    return t(this, j);
+    return t(this, J);
   }
   get currentScrollValue() {
     return d(this, o, te).call(this, "current");
@@ -395,19 +395,19 @@ class At extends HTMLElement {
     return d(this, o, te).call(this, "target");
   }
   get contentWrapperElement() {
-    return t(this, J);
+    return t(this, Q);
   }
   get contentElement() {
-    return t(this, p);
+    return t(this, f);
   }
   get sections() {
     return t(this, l);
   }
   get position() {
-    return t(this, Mt);
+    return t(this, Tt);
   }
   get contentPosition() {
-    return t(this, Tt);
+    return t(this, Vt);
   }
   get viewportSize() {
     return t(this, y);
@@ -416,7 +416,7 @@ class At extends HTMLElement {
     return t(this, g);
   }
   get gap() {
-    return t(this, z);
+    return t(this, L);
   }
   get counter() {
     return t(this, S);
@@ -425,13 +425,13 @@ class At extends HTMLElement {
     return t(this, l).length - t(this, A).current;
   }
   get distance() {
-    return t(this, X);
+    return t(this, Y);
   }
   get loopDistance() {
-    return t(this, C).current ? t(this, X) + t(this, z) : t(this, X);
+    return t(this, C).current ? t(this, Y) + t(this, L) : t(this, Y);
   }
   get hasOverflow() {
-    return t(this, Y);
+    return t(this, F);
   }
   get overscroll() {
     return t(this, Ct);
@@ -473,19 +473,19 @@ class At extends HTMLElement {
     if (!t(this, l).length)
       return;
     const r = t(this, S).current;
-    d(this, o, pe).call(this, e);
+    d(this, o, fe).call(this, e);
     const c = t(this, l)[r], b = t(this, l)[t(this, S).current];
     if (c && b) {
-      let w = 0;
+      let x = 0;
       const bt = d(this, o, ee).call(this), me = bt ? this.targetScrollValue - bt.position : 0;
-      t(this, C).current ? t(this, S).current === 0 && r === t(this, l).length - 1 ? w = t(this, g) + t(this, y) - c.position + t(this, z) : t(this, S).current === t(this, l).length - 1 && r === 0 ? w = b.position - (t(this, g) + t(this, y) + t(this, z)) : w = b.position - c.position : w = b.position - c.position, this.shiftPosition(w - me, i);
+      t(this, C).current ? t(this, S).current === 0 && r === t(this, l).length - 1 ? x = t(this, g) + t(this, y) - c.position + t(this, L) + 1 : t(this, S).current === t(this, l).length - 1 && r === 0 ? x = b.position - (t(this, g) + t(this, y) + t(this, L)) : x = b.position - c.position : x = b.position - c.position, this.shiftPosition(x - me, i);
     }
   }
   shiftSections(e, i) {
     t(this, l).length && this.scrollToSection(t(this, S).current + e, i);
   }
   setPosition(e, i) {
-    d(this, o, Yt).call(this, Math.sign(e) || 1), i != null && i.tween ? (t(this, F).set(t(this, u).current, { equalize: !0 }), t(this, F).set(e, oe({}, i.tween))) : t(this, u).set(e, {
+    d(this, o, Yt).call(this, Math.sign(e) || 1), i != null && i.tween ? (t(this, $).set(t(this, u).current, { equalize: !0 }), t(this, $).set(e, oe({}, i.tween))) : t(this, u).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
     });
   }
@@ -497,26 +497,26 @@ class At extends HTMLElement {
       damping: 0.01,
       min: 0,
       order: Ce.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, M, new we({ element: t(this, p) })), t(this, M).changeEvent.subscribe(t(this, xt)), h(this, Q, new Pe({
+    })), this.setAttribute("tabindex", "0"), h(this, M, new xe({ element: t(this, f) })), t(this, M).changeEvent.subscribe(t(this, xt)), h(this, X, new Pe({
       element: this
-    })), t(this, Q).changeEvent.subscribe(
+    })), t(this, X).changeEvent.subscribe(
       t(this, xt)
-    ), h(this, W, new ze({ element: t(this, p) })), t(this, W).changeEvent.subscribe(t(this, xt)), h(this, E, new Le({
+    ), h(this, W, new Le({ element: t(this, f) })), t(this, W).changeEvent.subscribe(t(this, xt)), h(this, E, new ze({
       culling: this
     })), t(this, E).changeEvent.subscribe(t(this, Rt)), t(this, P).subscribe(({ current: e }) => {
-      t(this, p).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, G).current ? "max" : e, t(this, Q).dimension = e === "x" ? "width" : "height", t(this, W).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, L).call(this);
-    }), t(this, G).subscribe((e) => {
+      t(this, f).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, K).current ? "max" : e, t(this, X).dimension = e === "x" ? "width" : "height", t(this, W).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, z).call(this);
+    }), t(this, K).subscribe((e) => {
       t(this, M).axis = e.current ? "max" : t(this, P).current;
     }), t(this, R).subscribe(() => {
-      this.isConnected && t(this, L).call(this);
+      this.isConnected && t(this, z).call(this);
     }), t(this, O).subscribe(({ current: e }) => {
-      this.isConnected && (e ? d(this, o, Dt).call(this) : d(this, o, St).call(this));
+      this.isConnected && (e ? d(this, o, At).call(this) : d(this, o, St).call(this));
     }), t(this, D).subscribe((e) => {
-      t(this, M).debounce = e.current, t(this, W).swipe = e.current, t(this, E).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, l).length ? d(this, o, Dt).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, St).call(this));
+      t(this, M).debounce = e.current, t(this, W).swipe = e.current, t(this, E).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, l).length ? d(this, o, At).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, St).call(this));
     }), t(this, H).subscribe((e) => {
-      this.isConnected && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? d(this, o, Dt).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, St).call(this));
+      this.isConnected && (t(this, z).call(this), e.current && !e.previous && !t(this, l).length ? d(this, o, At).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, St).call(this));
     }), t(this, A).subscribe((e) => {
-      this.isConnected && (t(this, L).call(this), d(this, o, rt).call(this));
+      this.isConnected && (t(this, z).call(this), d(this, o, rt).call(this));
     }), t(this, C).subscribe((e) => {
       e.current ? (this.isConnected && (t(this, l).length || (t(this, O).current = !0)), t(this, l).length && (t(this, u).max = 1 / 0, t(this, u).min = -1 / 0)) : (h(this, Ct, 0), t(this, u).max = t(this, g), t(this, u).min = 0);
     }), t(this, ot).subscribe((e) => {
@@ -527,11 +527,11 @@ class At extends HTMLElement {
       t(this, u).stiffness = e.current;
     }), t(this, k).subscribe((e) => {
       t(this, E).speed = e.current, !t(this, tt) && e.current && !e.previous ? t(this, E).connect() : !e.current && e.previous && t(this, E).disconnect();
-    }), t(this, K).subscribe((e) => {
+    }), t(this, _).subscribe((e) => {
       e.current || (t(this, E).direction = 1);
     }), t(this, I).subscribe((e) => {
       this.isConnected && d(this, o, rt).call(this);
-    }), t(this, _).subscribe((e) => {
+    }), t(this, Z).subscribe((e) => {
       this.isConnected && t(this, I).current && d(this, o, rt).call(this);
     }), t(this, B).subscribe((e) => {
       this.isConnected && t(this, I).current && d(this, o, rt).call(this);
@@ -539,25 +539,25 @@ class At extends HTMLElement {
       this.classList.toggle("active", e.current);
     }), t(this, S).subscribe((e) => {
       t(this, l).length && d(this, o, rt).call(this);
-    }), t(this, F).subscribe((e) => {
-      t(this, F).isRunning.current && t(this, u).set(e.current);
-    }), t(this, pt).subscribe((e) => {
+    }), t(this, $).subscribe((e) => {
+      t(this, $).isRunning.current && t(this, u).set(e.current);
+    }), t(this, ft).subscribe((e) => {
       e.current && !e.previous ? d(this, o, Nt).call(this) : !e.current && e.previous && d(this, o, qt).call(this);
-    }), t(this, j).subscribe((e) => {
+    }), t(this, J).subscribe((e) => {
       e.current && !e.previous ? d(this, o, Qt).call(this) : !e.current && e.previous && d(this, o, Xt).call(this);
-    }), t(this, ht).observe(), t(this, P).observe(), t(this, V).observe(), t(this, R).observe(), t(this, O).observe(), t(this, D).observe(), t(this, H).observe(), t(this, G).observe(), t(this, A).observe(), t(this, C).observe(), t(this, ot).observe(), t(this, lt).observe(), t(this, ct).observe(), t(this, at).observe(), t(this, vt).observe(), t(this, k).observe(), t(this, k).observe(), t(this, ut).observe(), t(this, K).observe(), t(this, I).observe(), t(this, _).observe(), t(this, B).observe(), t(this, Z).observe(), t(this, dt).observe(), t(this, pt).observe(), t(this, j).observe(), t(this, j).current || d(this, o, Xt).call(this);
+    }), t(this, ht).observe(), t(this, P).observe(), t(this, V).observe(), t(this, R).observe(), t(this, O).observe(), t(this, D).observe(), t(this, H).observe(), t(this, K).observe(), t(this, A).observe(), t(this, C).observe(), t(this, ot).observe(), t(this, lt).observe(), t(this, ct).observe(), t(this, at).observe(), t(this, vt).observe(), t(this, k).observe(), t(this, k).observe(), t(this, ut).observe(), t(this, _).observe(), t(this, I).observe(), t(this, Z).observe(), t(this, B).observe(), t(this, j).observe(), t(this, dt).observe(), t(this, ft).observe(), t(this, J).observe(), t(this, J).current || d(this, o, Xt).call(this);
   }
   disconnectedCallback() {
-    this.setAttribute("tabindex", ""), t(this, ht).unobserve(), t(this, P).unobserve(), t(this, V).unobserve(), t(this, R).unobserve(), t(this, O).unobserve(), t(this, D).unobserve(), t(this, H).unobserve(), t(this, G).unobserve(), t(this, A).unobserve(), t(this, C).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), t(this, ct).unobserve(), t(this, at).unobserve(), t(this, vt).unobserve(), t(this, k).unobserve(), t(this, ut).unobserve(), t(this, K).unobserve(), t(this, I).unobserve(), t(this, _).unobserve(), t(this, B).unobserve(), t(this, Z).unobserve(), t(this, dt).unobserve(), t(this, pt).unobserve(), t(this, j).unobserve(), d(this, o, Qt).call(this);
+    this.removeAttribute("tabindex"), this.classList.remove("has-overflow"), t(this, ht).unobserve(), t(this, P).unobserve(), t(this, V).unobserve(), t(this, R).unobserve(), t(this, O).unobserve(), t(this, D).unobserve(), t(this, H).unobserve(), t(this, K).unobserve(), t(this, A).unobserve(), t(this, C).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), t(this, ct).unobserve(), t(this, at).unobserve(), t(this, vt).unobserve(), t(this, k).unobserve(), t(this, ut).unobserve(), t(this, _).unobserve(), t(this, I).unobserve(), t(this, Z).unobserve(), t(this, B).unobserve(), t(this, j).unobserve(), t(this, dt).unobserve(), t(this, ft).unobserve(), t(this, J).unobserve(), d(this, o, Qt).call(this);
   }
 }
-u = new WeakMap(), ht = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R = new WeakMap(), O = new WeakMap(), D = new WeakMap(), H = new WeakMap(), G = new WeakMap(), A = new WeakMap(), C = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), at = new WeakMap(), vt = new WeakMap(), k = new WeakMap(), ut = new WeakMap(), K = new WeakMap(), I = new WeakMap(), _ = new WeakMap(), B = new WeakMap(), Z = new WeakMap(), dt = new WeakMap(), pt = new WeakMap(), j = new WeakMap(), J = new WeakMap(), p = new WeakMap(), yt = new WeakMap(), l = new WeakMap(), Mt = new WeakMap(), Tt = new WeakMap(), y = new WeakMap(), g = new WeakMap(), z = new WeakMap(), M = new WeakMap(), Q = new WeakMap(), W = new WeakMap(), E = new WeakMap(), S = new WeakMap(), Ct = new WeakMap(), X = new WeakMap(), se = new WeakMap(), Y = new WeakMap(), tt = new WeakMap(), ft = new WeakMap(), Et = new WeakMap(), F = new WeakMap(), o = new WeakSet(), Dt = function() {
+u = new WeakMap(), ht = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R = new WeakMap(), O = new WeakMap(), D = new WeakMap(), H = new WeakMap(), K = new WeakMap(), A = new WeakMap(), C = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), at = new WeakMap(), vt = new WeakMap(), k = new WeakMap(), ut = new WeakMap(), _ = new WeakMap(), I = new WeakMap(), Z = new WeakMap(), B = new WeakMap(), j = new WeakMap(), dt = new WeakMap(), ft = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), f = new WeakMap(), yt = new WeakMap(), l = new WeakMap(), Tt = new WeakMap(), Vt = new WeakMap(), y = new WeakMap(), g = new WeakMap(), L = new WeakMap(), M = new WeakMap(), X = new WeakMap(), W = new WeakMap(), E = new WeakMap(), S = new WeakMap(), Ct = new WeakMap(), Y = new WeakMap(), se = new WeakMap(), F = new WeakMap(), tt = new WeakMap(), pt = new WeakMap(), Et = new WeakMap(), $ = new WeakMap(), o = new WeakSet(), At = function() {
   d(this, o, St).call(this), t(this, yt).assignedElements().forEach((e, i) => {
     e instanceof HTMLElement && t(this, l).push(new Me(e, i, this));
-  }), t(this, p).style.transform = "", Zt(this, "scrollSectionsChange", {
+  }), t(this, f).style.transform = "", Zt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
-  }), t(this, L).call(this), d(this, o, rt).call(this);
+  }), t(this, z).call(this), d(this, o, rt).call(this);
 }, St = function() {
   t(this, l).forEach((e) => {
     e.destroy();
@@ -566,36 +566,36 @@ u = new WeakMap(), ht = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R =
     composed: !0
   });
 }, Nt = function() {
-  t(this, tt) || (console.log(this, "disable"), h(this, tt, !0), t(this, u).unsubscribe(t(this, Vt)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Et)), t(this, F).unlistenAnimationFrame(), t(this, M).disconnect(), t(this, Q).disconnect(), t(this, W).disconnect(), t(this, E).disconnect(), t(this, Y) || this.sections.forEach((e) => {
+  t(this, tt) || (h(this, tt, !0), t(this, u).unsubscribe(t(this, wt)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Et)), t(this, $).unlistenAnimationFrame(), t(this, M).disconnect(), t(this, X).disconnect(), t(this, W).disconnect(), t(this, E).disconnect(), t(this, F) || this.sections.forEach((e) => {
     e.unsetTransform();
   }));
 }, qt = function() {
-  t(this, tt) && (h(this, tt, !1), t(this, u).subscribe(t(this, Vt)), t(this, M).connect(), t(this, Q).connect(), t(this, W).connect(), t(this, k).current && t(this, E).connect());
+  t(this, tt) && (h(this, tt, !1), t(this, u).subscribe(t(this, wt)), t(this, M).connect(), t(this, X).connect(), t(this, W).connect(), t(this, k).current && t(this, E).connect());
 }, Qt = function() {
-  t(this, ft) || (h(this, ft, !0), Ut.unsubscribe(t(this, L)), Gt.unsubscribe(t(this, L)), d(this, o, Nt).call(this), t(this, p).style.transform = "", t(this, l).length ? d(this, o, St).call(this) : (t(this, S).reset(), t(this, u).reset()), gt.unregister(this));
+  t(this, pt) || (h(this, pt, !0), Ut.unsubscribe(t(this, z)), Gt.unsubscribe(t(this, z)), d(this, o, Nt).call(this), t(this, f).style.transform = "", t(this, l).length ? d(this, o, St).call(this) : (t(this, S).reset(), t(this, u).reset()), gt.unregister(this));
 }, Xt = function() {
-  t(this, ft) && (h(this, ft, !1), (t(this, C).current || t(this, O).current || t(this, C).current || t(this, H).current || t(this, D).current) && d(this, o, Dt).call(this), gt.register(this), d(this, o, qt).call(this), Ut.subscribe(t(this, L), ue.SCROLL), Gt.subscribe(this, t(this, L)));
-}, L = new WeakMap(), Vt = new WeakMap(), pe = function(e) {
+  t(this, pt) && (h(this, pt, !1), (t(this, C).current || t(this, O).current || t(this, C).current || t(this, H).current || t(this, D).current) && d(this, o, At).call(this), gt.register(this), d(this, o, qt).call(this), Ut.subscribe(t(this, z), ue.SCROLL), Gt.subscribe(this, t(this, z)));
+}, z = new WeakMap(), wt = new WeakMap(), fe = function(e) {
   t(this, C).current ? (t(this, S).current = e % t(this, l).length, t(this, S).current = t(this, S).current < 0 ? t(this, l).length + t(this, S).current : t(this, S).current) : t(this, S).current = ae(e, 0, this.limit);
 }, xt = new WeakMap(), Rt = new WeakMap(), Yt = function(e = 1) {
-  t(this, K).current && (t(this, E).direction = e), t(this, k).current && t(this, E).pauseAndContinue(
+  t(this, _).current && (t(this, E).direction = e), t(this, k).current && t(this, E).pauseAndContinue(
     t(this, ut).current,
     this.sectionalCSSProperty.current
   );
 }, te = function(e = "current") {
   if (t(this, C).current && t(this, l).length) {
-    const i = t(this, u)[e] % (t(this, g) + t(this, y) + t(this, z));
-    return i < 0 ? t(this, g) + i + t(this, y) + t(this, z) : i;
+    const i = t(this, u)[e] % (t(this, g) + t(this, y) + t(this, L));
+    return i < 0 ? t(this, g) + i + t(this, y) + t(this, L) : i;
   } else
     return t(this, u)[e];
 }, rt = function() {
   if (t(this, I).current && t(this, l).length) {
-    const e = t(this, S).current + t(this, _).current;
+    const e = t(this, S).current + t(this, Z).current;
     e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end");
     const i = t(this, A).current + t(this, B).current;
     t(this, l).forEach((r, c) => {
-      const b = e - this.limit - 1 + t(this, B).current, w = e + i, bt = this.sections.length - w;
-      c >= e && c < w || c <= b ? r.mark("current") : c >= w && c < w + bt / 2 || c <= b + i ? r.mark("next") : r.mark("previous");
+      const b = e - this.limit - 1 + t(this, B).current, x = e + i, bt = this.sections.length - x;
+      c >= e && c < x || c <= b ? r.mark("current") : c >= x && c < x + bt / 2 || c <= b + i ? r.mark("next") : r.mark("previous");
     });
   }
 }, ee = function() {
@@ -606,7 +606,7 @@ u = new WeakMap(), ht = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R =
   }
   return e !== null ? t(this, l)[e] : null;
 };
-customElements.get("e-scroll") || customElements.define("e-scroll", At);
+customElements.get("e-scroll") || customElements.define("e-scroll", It);
 var Ot;
 class ie extends HTMLElement {
   constructor() {
@@ -617,28 +617,28 @@ class ie extends HTMLElement {
     return t(this, Ot);
   }
   connectedCallback() {
-    const e = de(this, At);
-    e instanceof At ? h(this, Ot, e) : console.error(this, "e-scroll not found");
+    const e = de(this, It);
+    e instanceof It ? h(this, Ot, e) : console.error(this, "e-scroll not found");
   }
 }
 Ot = new WeakMap();
-var et, x, $, N, wt, Pt, mt, Ht, Bt, Wt;
+var et, w, N, q, Pt, Lt, mt, Ht, Bt, Wt;
 class Ve extends ie {
   constructor() {
     super();
     s(this, et, null);
-    s(this, x, null);
-    s(this, $, !1);
-    s(this, N, 0);
-    s(this, wt, 0);
+    s(this, w, null);
+    s(this, N, !1);
+    s(this, q, 0);
     s(this, Pt, 0);
+    s(this, Lt, 0);
     s(this, mt, () => {
-      h(this, $, this.offsetWidth > this.offsetHeight);
-      const e = t(this, $) ? this.offsetWidth : this.offsetHeight;
-      h(this, N, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, N, Math.max(t(this, N), 30)), t(this, $) ? (t(this, x).style.width = t(this, N) + "px", t(this, x).style.height = "100%") : (t(this, x).style.width = "100%", t(this, x).style.height = t(this, N) + "px"), h(this, wt, e - t(this, N)), this.scrollElement.scrollSize || (this.style.display = "none");
+      h(this, N, this.offsetWidth > this.offsetHeight);
+      const e = t(this, N) ? this.offsetWidth : this.offsetHeight;
+      h(this, q, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, q, Math.max(t(this, q), 30)), t(this, N) ? (t(this, w).style.width = t(this, q) + "px", t(this, w).style.height = "100%") : (t(this, w).style.width = "100%", t(this, w).style.height = t(this, q) + "px"), h(this, Pt, e - t(this, q)), this.scrollElement.scrollSize || (this.style.display = "none");
     });
     s(this, Ht, () => {
-      h(this, Pt, this.scrollElement.currentProgress * t(this, wt)), t(this, $) ? t(this, x).style.transform = `translate3d(${t(this, Pt)}px, 0px, 0px)` : t(this, x).style.transform = `translate3d(0px, ${t(this, Pt)}px, 0px)`;
+      h(this, Lt, this.scrollElement.currentProgress * t(this, Pt)), t(this, N) ? t(this, w).style.transform = `translate3d(${t(this, Lt)}px, 0px, 0px)` : t(this, w).style.transform = `translate3d(0px, ${t(this, Lt)}px, 0px)`;
     });
     s(this, Bt, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
@@ -646,14 +646,14 @@ class Ve extends ie {
     s(this, Wt, (e) => {
       document.documentElement.classList.add("grabbing"), De(
         (c) => {
-          const b = t(this, $) ? c.x : c.y, w = this.scrollElement.distance / t(this, wt), bt = (b - r) * w;
+          const b = t(this, N) ? c.x : c.y, x = this.scrollElement.distance / t(this, Pt), bt = (b - r) * x;
           this.scrollElement.setPosition(i + bt);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const i = this.scrollElement.damped.target, r = t(this, $) ? e.x : e.y;
+      const i = this.scrollElement.damped.target, r = t(this, N) ? e.x : e.y;
     });
     if (Kt) {
       const e = this.attachShadow({ mode: "open" });
@@ -691,44 +691,44 @@ class Ve extends ie {
     }
   }
   get thumbElement() {
-    return t(this, x);
+    return t(this, w);
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
     const e = t(this, et).assignedElements()[0] || t(this, et).firstElementChild;
-    h(this, x, e), t(this, x).addEventListener("pointerdown", t(this, Wt)), Ut.subscribe(t(this, mt), ue.SCROLL), Gt.subscribe(this, t(this, mt)), this.scrollElement.onScroll(t(this, Ht)), this.scrollElement.axisCSSProperty.subscribe(t(this, Bt));
+    h(this, w, e), t(this, w).addEventListener("pointerdown", t(this, Wt)), Ut.subscribe(t(this, mt), ue.SCROLL), Gt.subscribe(this, t(this, mt)), this.scrollElement.onScroll(t(this, Ht)), this.scrollElement.axisCSSProperty.subscribe(t(this, Bt));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), t(this, x).removeEventListener("pointerdown", t(this, Wt)), Ut.unsubscribe(t(this, mt)), Gt.unsubscribe(t(this, mt)), this.scrollElement.offScroll(t(this, Ht)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Bt));
+    this.removeAttribute("drag-dead-zone"), t(this, w).removeEventListener("pointerdown", t(this, Wt)), Ut.unsubscribe(t(this, mt)), Gt.unsubscribe(t(this, mt)), this.scrollElement.offScroll(t(this, Ht)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Bt));
   }
 }
-et = new WeakMap(), x = new WeakMap(), $ = new WeakMap(), N = new WeakMap(), wt = new WeakMap(), Pt = new WeakMap(), mt = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), Wt = new WeakMap();
+et = new WeakMap(), w = new WeakMap(), N = new WeakMap(), q = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), mt = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), Wt = new WeakMap();
 customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Ve);
-class fe extends ie {
+class pe extends ie {
   constructor() {
     super(), Kt && this.addEventListener("click", () => {
       this.handleClick();
     });
   }
 }
-class Re extends fe {
+class Re extends pe {
   handleClick() {
     const n = this.getAttribute("index"), e = this.getAttribute("behaviour");
     this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: e });
   }
 }
 customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Re);
-class Oe extends fe {
+class Oe extends pe {
   handleClick() {
     const n = this.getAttribute("step"), e = this.getAttribute("behaviour");
     this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: e });
   }
 }
 customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", Oe);
-var q, st, zt, Ft, $t, Lt;
+var U, st, zt, Ft, $t, kt;
 class He {
   constructor(n, e, i) {
-    s(this, q, null);
+    s(this, U, null);
     s(this, st, null);
     s(this, zt, null);
     s(this, Ft, null);
@@ -737,28 +737,28 @@ class He {
         behaviour: t(this, Ft)
       });
     });
-    s(this, Lt, () => {
-      t(this, q).classList.toggle(
+    s(this, kt, () => {
+      t(this, U).classList.toggle(
         "current",
         t(this, st).counter.current === t(this, zt)
       );
     });
-    Kt && (h(this, q, document.createElement("button")), h(this, st, n), h(this, Ft, i), h(this, zt, e), t(this, q).addEventListener("click", t(this, $t)), t(this, st).counter.subscribe(t(this, Lt)), t(this, Lt).call(this));
+    Kt && (h(this, U, document.createElement("button")), h(this, st, n), h(this, Ft, i), h(this, zt, e), t(this, U).addEventListener("click", t(this, $t)), t(this, st).counter.subscribe(t(this, kt)), t(this, kt).call(this));
   }
   get element() {
-    return t(this, q);
+    return t(this, U);
   }
   destroy() {
-    t(this, q).removeEventListener("click", t(this, $t)), t(this, st).counter.unsubscribe(t(this, Lt)), t(this, q).remove();
+    t(this, U).removeEventListener("click", t(this, $t)), t(this, st).counter.unsubscribe(t(this, kt)), t(this, U).remove();
   }
 }
-q = new WeakMap(), st = new WeakMap(), zt = new WeakMap(), Ft = new WeakMap(), $t = new WeakMap(), Lt = new WeakMap();
-var it, kt;
+U = new WeakMap(), st = new WeakMap(), zt = new WeakMap(), Ft = new WeakMap(), $t = new WeakMap(), kt = new WeakMap();
+var it, Dt;
 class Be extends ie {
   constructor() {
     super(...arguments);
     s(this, it, []);
-    s(this, kt, Ae(() => {
+    s(this, Dt, Ae(() => {
       t(this, it).forEach((e) => e.destroy()), h(this, it, []);
       for (let e = 0; e < this.scrollElement.sections.length; e++) {
         const i = new He(
@@ -773,22 +773,22 @@ class Be extends ie {
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, kt)
-    ), t(this, kt).call(this);
+      t(this, Dt)
+    ), t(this, Dt).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      t(this, kt)
+      t(this, Dt)
     ), t(this, it).forEach((e) => e.destroy()), h(this, it, []);
   }
 }
-it = new WeakMap(), kt = new WeakMap();
+it = new WeakMap(), Dt = new WeakMap();
 customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Be);
 class We extends Ie {
   connectedCallback() {
-    const n = de(this, At);
-    n instanceof At ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
+    const n = de(this, It);
+    n instanceof It ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     )) : console.error(this, "e-scroll not found");
@@ -797,7 +797,7 @@ class We extends Ie {
 customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", We);
 export {
   Be as ScrollBulletButtonsElement,
-  At as ScrollElement,
+  It as ScrollElement,
   We as ScrollSegmentElement,
   Re as ScrollSetButtonElement,
   Oe as ScrollStepButtonElement,

package/package.json

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