aptechka 0.50.26 → 0.50.28

package/lib/scroll/ScrollElement.d.ts

@@ -48,6 +48,7 @@ export declare class ScrollElement extends HTMLElement {
     get classesCSSProperty(): CSSProperty<boolean>;
     get currentIndexStartOffsetCSSProperty(): CSSProperty<number>;
     get currentIndexEndOffsetCSSProperty(): CSSProperty<number>;
+    get shiftSectionPositionCSSProperty(): CSSProperty<number>;
     get focusDelayCSSProperty(): CSSProperty<number>;
     get focusDurationCSSProperty(): CSSProperty<number>;
     get disabledCSSProperty(): CSSProperty<boolean>;

package/lib/scroll/index.cjs

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

package/lib/scroll/index.js

@@ -1,45 +1,45 @@
-var Be = Object.defineProperty;
-var Ie = Object.getOwnPropertySymbols;
-var We = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
-var Ae = (u) => {
+var We = Object.defineProperty;
+var ke = Object.getOwnPropertySymbols;
+var Fe = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable;
+var Me = (u) => {
   throw TypeError(u);
 };
-var ke = (u, n, e) => n in u ? Be(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, Me = (u, n) => {
-  for (var e in n || (n = {}))
-    We.call(n, e) && ke(u, e, n[e]);
-  if (Ie)
-    for (var e of Ie(n))
-      Fe.call(n, e) && ke(u, e, n[e]);
+var Ae = (u, r, e) => r in u ? We(u, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[r] = e, Te = (u, r) => {
+  for (var e in r || (r = {}))
+    Fe.call(r, e) && Ae(u, e, r[e]);
+  if (ke)
+    for (var e of ke(r))
+      Ne.call(r, e) && Ae(u, e, r[e]);
   return u;
 };
-var ge = (u, n, e) => n.has(u) || Ae("Cannot " + e);
-var t = (u, n, e) => (ge(u, n, "read from private field"), e ? e.call(u) : n.get(u)), s = (u, n, e) => n.has(u) ? Ae("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(u) : n.set(u, e), h = (u, n, e, i) => (ge(u, n, "write to private field"), i ? i.call(u, e) : n.set(u, e), e), l = (u, n, e) => (ge(u, n, "access private method"), e);
-import { S as Ne } from "../Store-D2xCXENW.js";
+var ve = (u, r, e) => r.has(u) || Me("Cannot " + e);
+var t = (u, r, e) => (ve(u, r, "read from private field"), e ? e.call(u) : r.get(u)), s = (u, r, e) => r.has(u) ? Me("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(u) : r.set(u, e), h = (u, r, e, i) => (ve(u, r, "write to private field"), i ? i.call(u, e) : r.set(u, e), e), l = (u, r, e) => (ve(u, r, "access private method"), e);
+import { S as qe } from "../Store-D2xCXENW.js";
 import { i as H } from "../index-euf5anj6.js";
-import { a as qe } from "../easings-Bni3YAAW.js";
-import { d as Yt } from "../events-CsVF98U6.js";
-import { c as De } from "../jss-DtnXPEnq.js";
-import { a as ve, g as Ce } from "../layout-DpZo-I0y.js";
-import { c as Ve } from "../math-BOBiC4TN.js";
-import { l as Ue } from "../number-DwCxt_Ck.js";
+import { a as Ue } from "../easings-Bni3YAAW.js";
+import { d as te } from "../events-CsVF98U6.js";
+import { c as Ve } from "../jss-DtnXPEnq.js";
+import { a as Ce, g as ye } from "../layout-DpZo-I0y.js";
+import { c as Re } from "../math-BOBiC4TN.js";
+import { l as Ge } from "../number-DwCxt_Ck.js";
 import "../ticker/index.js";
-import { TICK_ORDER as Ge, RESIZE_ORDER as ye } from "../order/index.js";
-import { D as Ke } from "../Damped-BXsGpI-B.js";
-import { T as _e } from "../Tweened-BhDWLNF0.js";
-import { WheelControls as Ze, KeyboardControls as je, DragControls as Je, AutoplayControls as Qe } from "../controls/index.js";
+import { TICK_ORDER as Ke, RESIZE_ORDER as we } from "../order/index.js";
+import { D as _e } from "../Damped-BXsGpI-B.js";
+import { T as Ze } from "../Tweened-BhDWLNF0.js";
+import { WheelControls as je, KeyboardControls as Je, DragControls as Qe, AutoplayControls as Xe } from "../controls/index.js";
 import { windowResizer as Dt } from "../window-resizer/index.js";
 import { scrollEntries as gt } from "../scroll-entries/index.js";
-import { cssUnitParser as Te } from "../css-unit-parser/index.js";
-import { CSSProperty as p } from "../css-property/index.js";
-import { device as Xe } from "../device/index.js";
-import { elementResizer as ie } from "../element-resizer/index.js";
-import { s as Ye } from "../gestures-CcXV6fCp.js";
-import { b as Re } from "../dom-CVWzyXPH.js";
-import { d as ts } from "../function-C10DGppn.js";
-import { ScrollSegmentElement as es } from "../scroll-segment/index.js";
-var b, Rt, g, vt, $, Y, Ct, yt, te;
-class ss {
-  constructor(n, e, i) {
+import { cssUnitParser as De } from "../css-unit-parser/index.js";
+import { CSSProperty as f } from "../css-property/index.js";
+import { device as Ye } from "../device/index.js";
+import { elementResizer as re } from "../element-resizer/index.js";
+import { s as ts } from "../gestures-CcXV6fCp.js";
+import { b as Oe } from "../dom-CVWzyXPH.js";
+import { d as es } from "../function-C10DGppn.js";
+import { ScrollSegmentElement as ss } from "../scroll-segment/index.js";
+var b, Rt, g, vt, $, Y, Ct, yt, ee;
+class is {
+  constructor(r, e, i) {
     s(this, yt);
     s(this, b);
     s(this, Rt);
@@ -48,7 +48,7 @@ class ss {
     s(this, $, 0);
     s(this, Y, null);
     s(this, Ct, 0);
-    h(this, b, n), h(this, Rt, e), h(this, g, i), gt.register(t(this, b)), this.setIndex(t(this, Rt));
+    h(this, b, r), h(this, Rt, e), h(this, g, i), gt.register(t(this, b)), this.setIndex(t(this, Rt));
   }
   get element() {
     return t(this, b);
@@ -71,25 +71,27 @@ class ss {
   unsetTransform() {
     t(this, b).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setCurrentIndexArcAbs(null), this.setMiddle(!1), this.setSize();
   }
-  setSize(n) {
-    n ? (t(this, b).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, b).style.width = n + "px", t(this, b).style.height = "") : (t(this, b).style.height = n + "px", t(this, b).style.width = "")) : (t(this, b).style.width = "", t(this, b).style.height = "", t(this, b).style.removeProperty("--size"));
+  setSize(r) {
+    r ? (t(this, b).style.setProperty("--size", r + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, b).style.width = r + "px", t(this, b).style.height = "") : (t(this, b).style.height = r + "px", t(this, b).style.width = "")) : (t(this, b).style.width = "", t(this, b).style.height = "", t(this, b).style.removeProperty("--size"));
   }
   resize() {
-    h(this, vt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), h(this, $, t(this, g).vertical ? ve(t(this, b)) : Ce(t(this, b))), h(this, $, t(this, $) - t(this, g).contentPosition);
+    h(this, vt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), h(this, $, t(this, g).vertical ? Ce(t(this, b)) : ye(t(this, b))), h(this, $, t(this, $) - t(this, g).contentPosition);
   }
   transform() {
-    let n = 0;
-    const e = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
-    t(this, g).loopCSSProperty.current && t(this, g).overscroll && t(this, $) + t(this, vt) < t(this, g).currentScrollValue && (n = t(this, g).distance * -1 - t(this, g).gap), gt.update(
+    const r = t(this, g).shiftSectionPositionCSSProperty.current;
+    console.log(r);
+    let e = r;
+    const i = t(this, g).viewportSize * t(this, g).sectionDistanceScaleCSSProperty.current;
+    t(this, g).loopCSSProperty.current && t(this, $) + t(this, vt) < t(this, g).currentScrollValue - r && (e = (t(this, g).distance - r) * -1 - t(this, g).gap), gt.update(
       t(this, b),
       t(this, g).axisCSSProperty.current,
-      n
+      e
     );
-    const i = t(this, g).currentScrollValue + n, r = t(this, $) - t(this, g).viewportSize - e, a = t(this, $) + t(this, vt) + e, m = Ve(i, r, a);
-    h(this, Ct, m * -1), t(this, g).vertical ? t(this, b).style.transform = `translate3d(0px, ${t(this, Ct)}px, 0px)` : t(this, b).style.transform = `translate3d(${t(this, Ct)}px, 0px, 0px)`;
+    const n = t(this, g).currentScrollValue + e, a = t(this, $) - t(this, g).viewportSize - i, m = t(this, $) + t(this, vt) + i, v = Re(n, a, m);
+    h(this, Ct, v * -1), t(this, g).vertical ? t(this, b).style.transform = `translate3d(0px, ${t(this, Ct)}px, 0px)` : t(this, b).style.transform = `translate3d(${t(this, Ct)}px, 0px, 0px)`;
   }
-  setMark(n) {
-    t(this, Y) !== n && (t(this, Y) && t(this, b).classList.remove(t(this, Y)), n && t(this, b).classList.add(n), h(this, Y, n), Yt(t(this, b), "scrollSectionMarkChange", {
+  setMark(r) {
+    t(this, Y) !== r && (t(this, Y) && t(this, b).classList.remove(t(this, Y)), r && t(this, b).classList.add(r), h(this, Y, r), te(t(this, b), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
         mark: t(this, Y)
@@ -97,26 +99,26 @@ class ss {
       custom: !0
     }));
   }
-  setMiddle(n) {
-    t(this, b).classList.toggle("middle", n);
+  setMiddle(r) {
+    t(this, b).classList.toggle("middle", r);
   }
-  setIndex(n) {
-    l(this, yt, te).call(this, "index", n);
+  setIndex(r) {
+    l(this, yt, ee).call(this, "index", r);
   }
-  setCurrentIndex(n) {
-    l(this, yt, te).call(this, "current-index", n);
+  setCurrentIndex(r) {
+    l(this, yt, ee).call(this, "current-index", r);
   }
-  setCurrentIndexArc(n) {
-    l(this, yt, te).call(this, "current-index-arc", n);
+  setCurrentIndexArc(r) {
+    l(this, yt, ee).call(this, "current-index-arc", r);
   }
-  setCurrentIndexArcAbs(n) {
-    l(this, yt, te).call(this, "current-index-arc-abs", n);
+  setCurrentIndexArcAbs(r) {
+    l(this, yt, ee).call(this, "current-index-arc-abs", r);
   }
 }
-b = new WeakMap(), Rt = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), $ = new WeakMap(), Y = new WeakMap(), Ct = new WeakMap(), yt = new WeakSet(), te = function(n, e) {
-  e !== null ? (t(this, b).style.setProperty(`--${n}`, e.toString()), t(this, b).setAttribute(`data-${n}`, e.toString())) : (t(this, b).style.removeProperty(`--${n}`), t(this, b).removeAttribute(`data-${n}`));
+b = new WeakMap(), Rt = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), $ = new WeakMap(), Y = new WeakMap(), Ct = new WeakMap(), yt = new WeakSet(), ee = function(r, e) {
+  e !== null ? (t(this, b).style.setProperty(`--${r}`, e.toString()), t(this, b).setAttribute(`data-${r}`, e.toString())) : (t(this, b).style.removeProperty(`--${r}`), t(this, b).removeAttribute(`data-${r}`));
 };
-const is = De({
+const rs = Ve({
   ":host": {
     position: "relative",
     width: "100%",
@@ -154,193 +156,199 @@ const is = De({
     flexShrink: "0"
   }
 });
-var d, wt, E, tt, B, W, F, T, et, st, N, it, xt, D, y, Et, Pt, Lt, zt, Ot, A, It, rt, M, nt, q, ht, kt, ot, lt, ct, f, Ht, c, re, ne, v, S, k, V, at, R, w, P, $t, U, G, K, _, Bt, ut, Z, Wt, O, x, he, dt, o, we, ee, Tt, be, me, xe, Ee, L, Ft, Oe, Nt, oe, Pe, Le, St, He, se, le;
+var d, wt, E, tt, B, W, F, T, et, st, N, it, xt, D, y, Et, Pt, Lt, zt, Ot, A, It, rt, M, nt, q, Ht, ht, kt, ot, lt, ct, p, $t, c, ne, he, C, S, k, V, at, R, w, P, Bt, U, G, K, _, Wt, ut, Z, Ft, O, x, oe, dt, o, xe, se, Tt, me, Se, Ee, Pe, L, Nt, He, qt, le, Le, ze, St, $e, ie, ce;
 class Vt extends HTMLElement {
   constructor() {
     super();
     s(this, o);
     s(this, d, null);
-    s(this, wt, new p(this, "--controls", !0));
-    s(this, E, new p(this, "--axis", "y"));
-    s(this, tt, new p(this, "--reverse", !1));
-    s(this, B, new p(this, "--direction", 0));
-    s(this, W, new p(this, "--pages", 0, {
+    s(this, wt, new f(this, "--controls", !0));
+    s(this, E, new f(this, "--axis", "y"));
+    s(this, tt, new f(this, "--reverse", !1));
+    s(this, B, new f(this, "--direction", 0));
+    s(this, W, new f(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
-    s(this, F, new p(this, "--split", !1));
-    s(this, T, new p(this, "--sectional", !1));
-    s(this, et, new p(
+    s(this, F, new f(this, "--split", !1));
+    s(this, T, new f(this, "--sectional", !1));
+    s(this, et, new f(
       this,
       "--tween-easing",
       !1
     ));
-    s(this, st, new p(
+    s(this, st, new f(
       this,
       "--tween-duration",
       !1
     ));
-    s(this, N, new p(this, "--auto-size", !1));
-    s(this, it, new p(
+    s(this, N, new f(this, "--auto-size", !1));
+    s(this, it, new f(
       this,
       "--wheel-max-delta",
       !1
     ));
-    s(this, xt, new p(this, "--drag-inertion", 1));
-    s(this, D, new p(
+    s(this, xt, new f(this, "--drag-inertion", 1));
+    s(this, D, new f(
       this,
       "--sections-in-view",
       1
     ));
-    s(this, y, new p(this, "--loop", !1));
-    s(this, Et, new p(this, "--damping", 20));
-    s(this, Pt, new p(this, "--mass", 0));
-    s(this, Lt, new p(this, "--stiffness", 0));
-    s(this, zt, new p(this, "--mouse-drag", !1));
-    s(this, Ot, new p(
+    s(this, y, new f(this, "--loop", !1));
+    s(this, Et, new f(this, "--damping", 20));
+    s(this, Pt, new f(this, "--mass", 0));
+    s(this, Lt, new f(this, "--stiffness", 0));
+    s(this, zt, new f(this, "--mouse-drag", !1));
+    s(this, Ot, new f(
       this,
       "--section-distance-scale",
       0.5
     ));
-    s(this, A, new p(this, "--autoplay", 0));
-    s(this, It, new p(
+    s(this, A, new f(this, "--autoplay", 0));
+    s(this, It, new f(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    s(this, rt, new p(
+    s(this, rt, new f(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    s(this, M, new p(this, "--classes", !1));
-    s(this, nt, new p(
+    s(this, M, new f(this, "--classes", !1));
+    s(this, nt, new f(
       this,
       "--current-index-start-offset",
       0
     ));
-    s(this, q, new p(
+    s(this, q, new f(
       this,
       "--current-index-end-offset",
       0
     ));
-    s(this, ht, new p(this, "--focus-delay", 0));
-    s(this, kt, new p(
+    s(this, Ht, new f(
+      this,
+      "--shift-section-position",
+      0,
+      { rawValueCheck: !1 }
+    ));
+    s(this, ht, new f(this, "--focus-delay", 0));
+    s(this, kt, new f(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, ot, new p(this, "--disabled", !1));
-    s(this, lt, new p(this, "--hibernate", !1));
+    s(this, ot, new f(this, "--disabled", !1));
+    s(this, lt, new f(this, "--hibernate", !1));
     s(this, ct, null);
-    s(this, f, null);
-    s(this, Ht, null);
+    s(this, p, null);
+    s(this, $t, null);
     s(this, c, []);
-    s(this, re, 0);
     s(this, ne, 0);
-    s(this, v, 0);
+    s(this, he, 0);
+    s(this, C, 0);
     s(this, S, 0);
     s(this, k, 0);
     s(this, V, null);
     s(this, at, null);
     s(this, R, null);
     s(this, w, null);
-    s(this, P, new Ne(0));
-    s(this, $t, 0);
+    s(this, P, new qe(0));
+    s(this, Bt, 0);
     s(this, U, 0);
     s(this, G, !1);
     s(this, K, !0);
     s(this, _, !0);
-    s(this, Bt);
+    s(this, Wt);
     s(this, ut);
-    s(this, Z, new _e());
-    s(this, Wt, !1);
+    s(this, Z, new Ze());
+    s(this, Ft, !1);
     s(this, O, null);
     s(this, x, !1);
-    s(this, he, null);
+    s(this, oe, null);
     s(this, dt, []);
     s(this, L, () => {
       if (t(this, lt).current)
         return;
       t(this, d).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, S) || 0, i = t(this, P).current;
-      if (h(this, re, this.vertical ? ve(this) : Ce(this)), h(this, ne, this.vertical ? ve(t(this, f)) : Ce(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Te.parse(
-        getComputedStyle(t(this, f)).rowGap
-      )) : h(this, k, Te.parse(
-        getComputedStyle(t(this, f)).columnGap
+      if (h(this, ne, this.vertical ? Ce(this) : ye(this)), h(this, he, this.vertical ? Ce(t(this, p)) : ye(t(this, p))), h(this, C, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, De.parse(
+        getComputedStyle(t(this, p)).rowGap
+      )) : h(this, k, De.parse(
+        getComputedStyle(t(this, p)).columnGap
       )), t(this, N).current && t(this, c).length) {
-        const r = t(this, D).current, a = (t(this, v) - t(this, k) * (r - 1)) / r;
+        const n = t(this, D).current, a = (t(this, C) - t(this, k) * (n - 1)) / n;
         t(this, c).forEach((m) => {
           m.setSize(a);
         });
       } else
-        t(this, c).forEach((r) => {
-          r.setSize();
+        t(this, c).forEach((n) => {
+          n.setSize();
         });
-      if (t(this, c).forEach((r) => {
-        r.resize();
+      if (t(this, c).forEach((n) => {
+        n.resize();
       }), t(this, W).current) {
-        h(this, S, t(this, v) * t(this, W).current);
-        const r = t(this, S) + t(this, v);
-        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%");
+        h(this, S, t(this, C) * t(this, W).current);
+        const n = t(this, S) + t(this, C);
+        this.vertical ? (t(this, p).style.width = n + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = n + "px", t(this, p).style.width = "100%");
       } else
-        this.vertical ? (t(this, f).style.width = "100%", t(this, f).style.height = "max-content", h(this, S, t(this, f).offsetHeight - t(this, v))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", h(this, S, t(this, f).offsetWidth - t(this, v)));
+        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", h(this, S, t(this, p).offsetHeight - t(this, C))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", h(this, S, t(this, p).offsetWidth - t(this, C)));
       if (!t(this, y).current) {
-        const r = getComputedStyle(this), a = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
+        const n = getComputedStyle(this), a = this.vertical ? parseFloat(n.paddingBlockStart) + parseFloat(n.paddingBlockEnd) : parseFloat(n.paddingInlineStart) + parseFloat(n.paddingInlineEnd);
         h(this, S, t(this, S) + a), t(this, d).max = t(this, S);
       }
       if (t(this, y).current && t(this, c).length) {
-        const r = t(this, c)[t(this, c).length - 1], a = r.position + r.size - t(this, v), m = t(this, S) - a;
-        h(this, U, r.position + r.size + m);
+        const n = t(this, c)[t(this, c).length - 1], a = n.position + n.size - t(this, C), m = t(this, S) - a;
+        h(this, U, n.position + n.size + m);
       } else
         h(this, U, t(this, S));
       if (t(this, T).current && t(this, c).length) {
-        const r = t(this, c)[i];
-        t(this, d).set(r.position, {
+        const n = t(this, c)[i];
+        t(this, d).set(n.position, {
           equalize: !0
         });
       } else
         t(this, d).set(e * t(this, S), {
           equalize: !0
         });
-      h(this, G, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ot).current || l(this, o, me).call(this) : l(this, o, be).call(this), Yt(this, "scrollResize", { custom: !0 }), t(this, Ft).call(this);
+      h(this, G, (this.vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth) > t(this, C)), this.classList.toggle("has-overflow", t(this, G)), t(this, G) ? t(this, ot).current || l(this, o, Se).call(this) : l(this, o, me).call(this), te(this, "scrollResize", { custom: !0 }), t(this, Nt).call(this);
     });
-    s(this, Ft, () => {
+    s(this, Nt, () => {
       if (!t(this, G) || t(this, _) || t(this, K))
         return;
       const e = this.currentScrollValue;
-      if (h(this, $t, Math.max(0, e - t(this, S))), t(this, c).length) {
+      if (h(this, Bt, Math.max(0, e - t(this, S))), t(this, c).length) {
         for (let i = 0; i < t(this, c).length; i++)
           t(this, c)[i].transform();
-        t(this, P).current = l(this, o, se).call(this);
+        t(this, P).current = l(this, o, ie).call(this);
       } else
-        this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      l(this, o, He).call(this), gt.update(
+        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
+      l(this, o, $e).call(this), gt.update(
         this,
         t(this, E).current,
         e
       );
     });
-    s(this, Nt, (e, i) => {
-      t(this, wt).current && (l(this, o, Pe).call(this, Math.sign(i) || 1), t(this, oe).call(this, e, i));
+    s(this, qt, (e, i) => {
+      t(this, wt).current && (l(this, o, Le).call(this, Math.sign(i) || 1), t(this, le).call(this, e, i));
     });
-    s(this, oe, (e, i) => {
+    s(this, le, (e, i) => {
       if (t(this, B).current) {
         if (t(this, B).current < 0 && i > 0)
           return;
         if (t(this, B).current > 0 && i < 0)
           return;
       }
-      if (t(this, ut) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, ht).current && (clearInterval(t(this, Bt)), h(this, Bt, setTimeout(() => {
-        const r = t(this, c)[l(this, o, se).call(this)];
-        r && this.scrollToSection(r.index, {
+      if (t(this, ut) || t(this, Z).unlistenAnimationFrame(), !t(this, A).current && t(this, ht).current && (clearInterval(t(this, Wt)), h(this, Wt, setTimeout(() => {
+        const n = t(this, c)[l(this, o, ie).call(this)];
+        n && this.scrollToSection(n.index, {
           tween: {
             duration: t(this, kt).current,
-            easing: qe
+            easing: Ue
           }
         });
-      }, t(this, ht).current))), !(e.includes("drag") && !Xe.isTouch && !t(this, zt).current)) {
+      }, t(this, ht).current))), !(e.includes("drag") && !Ye.isTouch && !t(this, zt).current)) {
         if (t(this, T).current && e !== "drag") {
-          const r = Math.sign(i);
+          const n = Math.sign(i);
           if (t(this, c).length) {
             const a = {
               tween: t(this, et).current || t(this, st).current ? {
@@ -348,22 +356,22 @@ class Vt extends HTMLElement {
                 duration: t(this, st).current || 500
               } : void 0
             };
-            t(this, Wt) ? this.scrollToSection(l(this, o, se).call(this, !0), a) : this.shiftSections(r, a);
+            t(this, Ft) ? this.scrollToSection(l(this, o, ie).call(this, !0), a) : this.shiftSections(n, a);
           } else
-            t(this, d).shift(r * t(this, v));
+            t(this, d).shift(n * t(this, C));
         } else
           t(this, d).shift(i);
-        h(this, Wt, e === "drag");
+        h(this, Ft, e === "drag");
       }
     });
-    s(this, le, () => {
-      h(this, x, !0), this.hibernatedCSSProperty.current || l(this, o, Ee).call(this);
+    s(this, ce, () => {
+      h(this, x, !0), this.hibernatedCSSProperty.current || l(this, o, Pe).call(this);
     });
     if (H) {
       const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [is];
+      e.adoptedStyleSheets = [rs];
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ct, document.createElement("div")), t(this, ct).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, Ht, document.createElement("slot")), t(this, f).appendChild(t(this, Ht)), t(this, ct).appendChild(t(this, f)), e.appendChild(t(this, ct)), h(this, he, new MutationObserver((r) => {
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, ct, document.createElement("div")), t(this, ct).className = "content-wrapper", h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, $t, document.createElement("slot")), t(this, p).appendChild(t(this, $t)), t(this, ct).appendChild(t(this, p)), e.appendChild(t(this, ct)), h(this, oe, new MutationObserver((n) => {
         this.tryResplit();
       }));
     }
@@ -446,6 +454,9 @@ class Vt extends HTMLElement {
   get currentIndexEndOffsetCSSProperty() {
     return t(this, q);
   }
+  get shiftSectionPositionCSSProperty() {
+    return t(this, Ht);
+  }
   get focusDelayCSSProperty() {
     return t(this, ht);
   }
@@ -459,28 +470,28 @@ class Vt extends HTMLElement {
     return t(this, lt);
   }
   get currentScrollValue() {
-    return l(this, o, Le).call(this, "current");
+    return l(this, o, ze).call(this, "current");
   }
   get targetScrollValue() {
-    return l(this, o, Le).call(this, "target");
+    return l(this, o, ze).call(this, "target");
   }
   get contentWrapperElement() {
     return t(this, ct);
   }
   get contentElement() {
-    return t(this, f);
+    return t(this, p);
   }
   get sections() {
     return t(this, c);
   }
   get position() {
-    return t(this, re);
+    return t(this, ne);
   }
   get contentPosition() {
-    return t(this, ne);
+    return t(this, he);
   }
   get viewportSize() {
-    return t(this, v);
+    return t(this, C);
   }
   get scrollSize() {
     return t(this, S);
@@ -506,7 +517,7 @@ class Vt extends HTMLElement {
     return t(this, G);
   }
   get overscroll() {
-    return t(this, $t);
+    return t(this, Bt);
   }
   get scrollLine() {
     return t(this, O);
@@ -527,7 +538,7 @@ class Vt extends HTMLElement {
     return t(this, E).current === "x" ? 0 : t(this, d).distance;
   }
   tryResplit() {
-    !t(this, _) && (t(this, y).current || t(this, F).current || t(this, y).current || t(this, N).current || t(this, T).current) && l(this, o, ee).call(this);
+    !t(this, _) && (t(this, y).current || t(this, F).current || t(this, y).current || t(this, N).current || t(this, T).current) && l(this, o, se).call(this);
   }
   onScroll(...e) {
     return t(this, d).subscribe(...e);
@@ -536,32 +547,32 @@ class Vt extends HTMLElement {
     t(this, d).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
-  range(e, i, r = 0) {
-    const a = e - r, m = a + i + r * 2;
+  range(e, i, n = 0) {
+    const a = e - n, m = a + i + n * 2;
     return this.currentProgress < a ? 0 : this.currentProgress > m ? 1 : (this.currentProgress - a) / (m - a);
   }
-  curve(e, i, r = 0) {
-    return Math.sin(this.range(e, i, r) * Math.PI);
+  curve(e, i, n = 0) {
+    return Math.sin(this.range(e, i, n) * Math.PI);
   }
-  visible(e, i, r = 0) {
-    const a = e - r, m = a + i + r * 2;
+  visible(e, i, n = 0) {
+    const a = e - n, m = a + i + n * 2;
     return this.currentProgress >= a && this.currentProgress <= m;
   }
   scrollToSection(e, i) {
     if (!t(this, c).length)
       return;
-    const r = t(this, P).current, a = l(this, o, Oe).call(this, e), m = t(this, c)[r], C = t(this, c)[a];
-    if (m && C) {
+    const n = t(this, P).current, a = l(this, o, He).call(this, e), m = t(this, c)[n], v = t(this, c)[a];
+    if (m && v) {
       let I = 0;
-      const Se = l(this, o, se).call(this), Mt = t(this, c)[Se], fe = Mt ? this.targetScrollValue - Mt.position : 0;
-      t(this, y).current ? a === 0 && r === t(this, c).length - 1 ? I = t(this, S) + t(this, v) - m.position + t(this, k) : a === t(this, c).length - 1 && r === 0 ? I = C.position - (t(this, S) + t(this, v) + t(this, k)) : I = C.position - m.position : I = C.position - m.position, this.shiftPosition(I - fe, i);
+      const ge = l(this, o, ie).call(this), Mt = t(this, c)[ge], be = Mt ? this.targetScrollValue - Mt.position : 0;
+      t(this, y).current ? a === 0 && n === t(this, c).length - 1 ? I = t(this, S) + t(this, C) - m.position + t(this, k) : a === t(this, c).length - 1 && n === 0 ? I = v.position - (t(this, S) + t(this, C) + t(this, k)) : I = v.position - m.position : I = v.position - m.position, this.shiftPosition(I - be, i);
     }
   }
   shiftSections(e, i) {
     t(this, c).length && this.scrollToSection(t(this, P).current + e, i);
   }
   setPosition(e, i) {
-    l(this, o, Pe).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, Z).set(t(this, d).current, { equalize: !0 }), t(this, Z).set(e, Me({}, i.tween)), h(this, ut, setTimeout(() => {
+    l(this, o, Le).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, Z).set(t(this, d).current, { equalize: !0 }), t(this, Z).set(e, Te({}, i.tween)), h(this, ut, setTimeout(() => {
       h(this, ut, void 0);
     }, i.tween.duration || 0))) : t(this, d).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
@@ -571,20 +582,20 @@ class Vt extends HTMLElement {
     this.setPosition(t(this, d).target + e, i);
   }
   connectedCallback() {
-    gt.register(this), h(this, d, new Ke(0, {
+    gt.register(this), h(this, d, new _e(0, {
       damping: 0.01,
       min: 0,
-      order: Ge.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, V, new Ze({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, Nt)), h(this, at, new je({
+      order: Ke.SCROLL
+    })), this.setAttribute("tabindex", "0"), h(this, V, new je({ element: t(this, p) })), t(this, V).changeEvent.subscribe(t(this, qt)), h(this, at, new Je({
       element: this
     })), t(this, at).changeEvent.subscribe(
-      t(this, Nt)
-    ), h(this, R, new Je({ element: t(this, f) })), t(this, R).changeEvent.subscribe(t(this, Nt)), h(this, w, new Qe({
+      t(this, qt)
+    ), h(this, R, new Qe({ element: t(this, p) })), t(this, R).changeEvent.subscribe(t(this, qt)), h(this, w, new Xe({
       culling: this
-    })), t(this, w).changeEvent.subscribe(t(this, oe)), t(this, E).subscribe(() => {
-      l(this, o, we).call(this);
+    })), t(this, w).changeEvent.subscribe(t(this, le)), t(this, E).subscribe(() => {
+      l(this, o, xe).call(this);
     }), t(this, tt).subscribe(() => {
-      l(this, o, we).call(this);
+      l(this, o, xe).call(this);
     }), t(this, it).subscribe((e) => {
       t(this, V).axis = e.current ? "max" : t(this, E).current;
     }), t(this, xt).subscribe((e) => {
@@ -592,15 +603,15 @@ class Vt extends HTMLElement {
     }), t(this, W).subscribe(() => {
       t(this, x) && t(this, L).call(this);
     }), t(this, F).subscribe(({ current: e }) => {
-      t(this, x) && (e ? l(this, o, ee).call(this) : l(this, o, Tt).call(this));
+      t(this, x) && (e ? l(this, o, se).call(this) : l(this, o, Tt).call(this));
     }), t(this, T).subscribe((e) => {
-      t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
+      t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, c).length ? l(this, o, se).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
     }), t(this, N).subscribe((e) => {
-      t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, c).length ? l(this, o, ee).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
+      t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, c).length ? l(this, o, se).call(this) : !e.current && e.previous && t(this, c).length && l(this, o, Tt).call(this));
     }), t(this, D).subscribe((e) => {
       t(this, x) && (t(this, L).call(this), l(this, o, St).call(this));
     }), t(this, y).subscribe((e) => {
-      e.current ? (t(this, x) && (t(this, c).length || (t(this, F).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, $t, 0), t(this, d).max = t(this, S), t(this, d).min = 0);
+      e.current ? (t(this, x) && (t(this, c).length || (t(this, F).current = !0)), t(this, d).max = 1 / 0, t(this, d).min = -1 / 0) : (h(this, Bt, 0), t(this, d).max = t(this, S), t(this, d).min = 0);
     }), t(this, Et).subscribe((e) => {
       t(this, d).damping = e.current;
     }), t(this, Pt).subscribe((e) => {
@@ -624,144 +635,144 @@ class Vt extends HTMLElement {
     }), t(this, Z).subscribe((e) => {
       t(this, Z).isRunning.current && t(this, d).set(e.current, { equalize: !0 });
     }), t(this, ot).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("disabled"), l(this, o, be).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), l(this, o, me).call(this));
+      e.current && !e.previous ? (this.classList.add("disabled"), l(this, o, me).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), l(this, o, Se).call(this));
     }), t(this, lt).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o, xe).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), l(this, o, Ee).call(this));
-    }), t(this, wt).observe(), t(this, E).observe(), t(this, tt).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, et).observe(), t(this, st).observe(), t(this, N).observe(), t(this, it).observe(), t(this, xt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, Ot).observe(), t(this, A).observe(), t(this, A).observe(), t(this, It).observe(), t(this, rt).observe(), t(this, M).observe(), t(this, nt).observe(), t(this, q).observe(), t(this, ht).observe(), t(this, kt).observe(), t(this, ot).observe(), t(this, lt).observe(), Dt.subscribe(t(this, le), ye.LAST);
+      e.current && !e.previous ? (this.classList.add("hibernated"), l(this, o, Ee).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), l(this, o, Pe).call(this));
+    }), t(this, wt).observe(), t(this, E).observe(), t(this, tt).observe(), t(this, B).observe(), t(this, W).observe(), t(this, F).observe(), t(this, T).observe(), t(this, et).observe(), t(this, st).observe(), t(this, N).observe(), t(this, it).observe(), t(this, xt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, zt).observe(), t(this, Ot).observe(), t(this, A).observe(), t(this, A).observe(), t(this, It).observe(), t(this, rt).observe(), t(this, M).observe(), t(this, nt).observe(), t(this, q).observe(), t(this, Ht).observe(), t(this, ht).observe(), t(this, kt).observe(), t(this, ot).observe(), t(this, lt).observe(), Dt.subscribe(t(this, ce), we.LAST);
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, tt).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, et).unobserve(), t(this, st).unobserve(), t(this, N).unobserve(), t(this, it).unobserve(), t(this, xt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, Ot).unobserve(), t(this, A).unobserve(), t(this, It).unobserve(), t(this, rt).unobserve(), t(this, M).unobserve(), t(this, nt).unobserve(), t(this, q).unobserve(), t(this, ht).unobserve(), t(this, kt).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), Dt.unsubscribe(t(this, le)), l(this, o, xe).call(this), t(this, he).disconnect();
+    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, wt).unobserve(), t(this, E).unobserve(), t(this, tt).unobserve(), t(this, B).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, T).unobserve(), t(this, et).unobserve(), t(this, st).unobserve(), t(this, N).unobserve(), t(this, it).unobserve(), t(this, xt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, zt).unobserve(), t(this, Ot).unobserve(), t(this, A).unobserve(), t(this, It).unobserve(), t(this, rt).unobserve(), t(this, M).unobserve(), t(this, nt).unobserve(), t(this, q).unobserve(), t(this, Ht).unobserve(), t(this, ht).unobserve(), t(this, kt).unobserve(), t(this, ot).unobserve(), t(this, lt).unobserve(), Dt.unsubscribe(t(this, ce)), l(this, o, Ee).call(this), t(this, oe).disconnect();
   }
 }
-d = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), et = new WeakMap(), st = new WeakMap(), N = new WeakMap(), it = new WeakMap(), xt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), Ot = new WeakMap(), A = new WeakMap(), It = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), nt = new WeakMap(), q = new WeakMap(), ht = new WeakMap(), kt = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), f = new WeakMap(), Ht = new WeakMap(), c = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), v = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), at = new WeakMap(), R = new WeakMap(), w = new WeakMap(), P = new WeakMap(), $t = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), Bt = new WeakMap(), ut = new WeakMap(), Z = new WeakMap(), Wt = new WeakMap(), O = new WeakMap(), x = new WeakMap(), he = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), we = function() {
+d = new WeakMap(), wt = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), B = new WeakMap(), W = new WeakMap(), F = new WeakMap(), T = new WeakMap(), et = new WeakMap(), st = new WeakMap(), N = new WeakMap(), it = new WeakMap(), xt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), zt = new WeakMap(), Ot = new WeakMap(), A = new WeakMap(), It = new WeakMap(), rt = new WeakMap(), M = new WeakMap(), nt = new WeakMap(), q = new WeakMap(), Ht = new WeakMap(), ht = new WeakMap(), kt = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), p = new WeakMap(), $t = new WeakMap(), c = new WeakMap(), ne = new WeakMap(), he = new WeakMap(), C = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), at = new WeakMap(), R = new WeakMap(), w = new WeakMap(), P = new WeakMap(), Bt = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), Wt = new WeakMap(), ut = new WeakMap(), Z = new WeakMap(), Ft = new WeakMap(), O = new WeakMap(), x = new WeakMap(), oe = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), xe = function() {
   const e = t(this, E).current, i = t(this, tt).current ? "-reverse" : "";
-  t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, it).current ? "max" : e, t(this, at).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
-}, ee = function() {
-  l(this, o, Tt).call(this), t(this, Ht).assignedElements().forEach((e, i) => {
-    e instanceof HTMLElement && t(this, c).push(new ss(e, i, this));
-  }), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
+  t(this, p).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, it).current ? "max" : e, t(this, at).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
+}, se = function() {
+  l(this, o, Tt).call(this), t(this, $t).assignedElements().forEach((e, i) => {
+    e instanceof HTMLElement && t(this, c).push(new is(e, i, this));
+  }), t(this, p).style.transform = "", te(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   }), t(this, L).call(this), l(this, o, St).call(this);
 }, Tt = function() {
   t(this, c).forEach((e) => {
     e.destroy();
-  }), h(this, c, []), t(this, P).reset(), t(this, d).reset(), Yt(this, "scrollSectionsChange", {
+  }), h(this, c, []), t(this, P).reset(), t(this, d).reset(), te(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
-}, be = function() {
-  t(this, K) || (h(this, K, !0), t(this, d).unsubscribe(t(this, Ft)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Bt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, G) || (this.sections.forEach((e) => {
+}, me = function() {
+  t(this, K) || (h(this, K, !0), t(this, d).unsubscribe(t(this, Nt)), t(this, d).unlistenAnimationFrame(), clearInterval(t(this, Wt)), clearInterval(t(this, ut)), t(this, Z).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, at).disconnect(), t(this, R).disconnect(), t(this, w).disconnect(), t(this, G) || (this.sections.forEach((e) => {
     e.unsetTransform();
   }), t(this, L).call(this)));
-}, me = function() {
-  t(this, K) && (h(this, K, !1), t(this, d).subscribe(t(this, Ft)), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this, w).connect());
-}, xe = function() {
-  t(this, _) || (h(this, _, !0), Dt.unsubscribe(t(this, L)), ie.unsubscribe(t(this, L)), l(this, o, be).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, c).length ? l(this, o, Tt).call(this) : (t(this, P).reset(), t(this, d).reset()), gt.unregister(this));
+}, Se = function() {
+  t(this, K) && (h(this, K, !1), t(this, d).subscribe(t(this, Nt)), t(this, V).connect(), t(this, at).connect(), t(this, R).connect(), t(this, A).current && t(this, w).connect());
 }, Ee = function() {
-  t(this, _) && (h(this, _, !1), gt.register(this), this.tryResplit(), l(this, o, me).call(this), Dt.subscribe(t(this, L), ye.SCROLL), ie.subscribe(this, t(this, L)));
-}, L = new WeakMap(), Ft = new WeakMap(), Oe = function(e) {
+  t(this, _) || (h(this, _, !0), Dt.unsubscribe(t(this, L)), re.unsubscribe(t(this, L)), l(this, o, me).call(this), t(this, p).style.transform = "", t(this, p).style.height = "", t(this, p).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, c).length ? l(this, o, Tt).call(this) : (t(this, P).reset(), t(this, d).reset()), gt.unregister(this));
+}, Pe = function() {
+  t(this, _) && (h(this, _, !1), gt.register(this), this.tryResplit(), l(this, o, Se).call(this), Dt.subscribe(t(this, L), we.SCROLL), re.subscribe(this, t(this, L)));
+}, L = new WeakMap(), Nt = new WeakMap(), He = function(e) {
   let i = t(this, P).current;
-  return t(this, y).current ? i = Ue(e, t(this, c).length) : i = Ve(e, 0, this.limit), i;
-}, Nt = new WeakMap(), oe = new WeakMap(), Pe = function(e = 1) {
+  return t(this, y).current ? i = Ge(e, t(this, c).length) : i = Re(e, 0, this.limit), i;
+}, qt = new WeakMap(), le = new WeakMap(), Le = function(e = 1) {
   t(this, rt).current && (t(this, w).direction = e), t(this, A).current && t(this, w).pauseAndContinue(
     t(this, It).current,
     this.sectionalCSSProperty.current
   );
-}, Le = function(e = "current") {
+}, ze = function(e = "current") {
   if (t(this, y).current && t(this, c).length) {
-    const i = t(this, d)[e] % (t(this, S) + t(this, v) + t(this, k));
-    return i < 0 ? t(this, S) + i + t(this, v) + t(this, k) : i;
+    const i = t(this, d)[e] % Math.round(t(this, S) + t(this, C) + t(this, k));
+    return i < 0 ? t(this, S) + i + t(this, C) + t(this, k) : i;
   } else
     return t(this, d)[e];
 }, St = function() {
   if (t(this, c).length) {
     const e = t(this, P).current + t(this, nt).current;
-    if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), Yt(this, "scrollLine", {
+    if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), te(this, "scrollLine", {
       detail: { line: t(this, O) }
     }), t(this, M).current) {
       this.classList.remove("end", "start"), t(this, O) && this.classList.add(t(this, O));
       const i = t(this, D).current + t(this, q).current;
-      h(this, dt, []), t(this, c).forEach((r, a) => {
-        r.setCurrentIndex(null), r.setCurrentIndexArc(null), r.setCurrentIndexArcAbs(null);
-        const m = e - this.limit - 1 + t(this, q).current, C = e + i, I = this.sections.length - C;
-        a >= e && a < C || a <= m ? (r.setMark("current"), t(this, dt).push(r)) : a >= C && a < C + I / 2 || a <= m + i ? r.setMark("next") : r.setMark("previous");
+      h(this, dt, []), t(this, c).forEach((n, a) => {
+        n.setCurrentIndex(null), n.setCurrentIndexArc(null), n.setCurrentIndexArcAbs(null);
+        const m = e - this.limit - 1 + t(this, q).current, v = e + i, I = this.sections.length - v;
+        a >= e && a < v || a <= m ? (n.setMark("current"), t(this, dt).push(n)) : a >= v && a < v + I / 2 || a <= m + i ? n.setMark("next") : n.setMark("previous");
       });
     }
   }
-}, He = function() {
+}, $e = function() {
   if (t(this, M).current) {
     const e = Math.floor(t(this, dt).length / 2);
-    t(this, dt).sort((i, r) => i.element.getBoundingClientRect().left - r.element.getBoundingClientRect().left), t(this, dt).forEach((i, r) => {
-      const a = r - e;
-      i.setCurrentIndex(r), i.setCurrentIndexArc(a), i.setCurrentIndexArcAbs(Math.abs(a)), i.setMiddle(r === e);
+    t(this, dt).sort((i, n) => i.element.getBoundingClientRect().left - n.element.getBoundingClientRect().left), t(this, dt).forEach((i, n) => {
+      const a = n - e;
+      i.setCurrentIndex(n), i.setCurrentIndexArc(a), i.setCurrentIndexArcAbs(Math.abs(a)), i.setMiddle(n === e);
     });
   }
-}, se = function(e = !1) {
-  let i = this.targetScrollValue, r = 1 / 0, a = 0;
+}, ie = function(e = !1) {
+  let i = this.targetScrollValue, n = 1 / 0, a = 0;
   const m = t(this, d).direction;
-  for (let C = 0; C < t(this, c).length; C++) {
-    const I = t(this, c)[C];
-    let Se = t(this, Wt) ? I.size * m * -1 * 0.4 : 0, Mt = I.position;
+  for (let v = 0; v < t(this, c).length; v++) {
+    const I = t(this, c)[v];
+    let ge = t(this, Ft) ? I.size * m * -1 * 0.4 : 0, Mt = I.position;
     this.overscroll && Mt === 0 && e && (Mt = t(this, U));
-    let fe = Math.abs(Mt + Se - i);
-    fe < r && (r = fe, a = C);
+    let be = Math.abs(Mt + ge - i);
+    be <= n && (n = be, a = v);
   }
   return a;
-}, le = new WeakMap();
+}, ce = new WeakMap();
 H && !customElements.get("e-scroll") && customElements.define("e-scroll", Vt);
-var ce;
-class ze extends HTMLElement {
+var ae;
+class Ie extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, ce, null);
+    s(this, ae, null);
   }
   get scrollElement() {
-    return t(this, ce);
+    return t(this, ae);
   }
   connectedCallback() {
-    const e = Re(this, Vt);
-    e instanceof Vt ? h(this, ce, e) : console.error(this, "e-scroll not found");
+    const e = Oe(this, Vt);
+    e instanceof Vt ? h(this, ae, e) : console.error(this, "e-scroll not found");
   }
 }
-ce = new WeakMap();
-var pt, z, j, J, qt, Ut, ft, Gt, ae, ue;
-class rs extends ze {
+ae = new WeakMap();
+var ft, z, j, J, Ut, Gt, pt, Kt, ue, de;
+class ns extends Ie {
   constructor() {
     super();
-    s(this, pt, null);
+    s(this, ft, null);
     s(this, z, null);
     s(this, j, !1);
     s(this, J, 0);
-    s(this, qt, 0);
     s(this, Ut, 0);
-    s(this, ft, () => {
+    s(this, Gt, 0);
+    s(this, pt, () => {
       h(this, j, this.offsetWidth > this.offsetHeight);
       const e = t(this, j) ? this.offsetWidth : this.offsetHeight;
-      h(this, J, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, J, Math.max(t(this, J), 30)), t(this, j) ? (t(this, z).style.width = t(this, J) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, J) + "px"), h(this, qt, e - t(this, J)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Gt).call(this);
+      h(this, J, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, J, Math.max(t(this, J), 30)), t(this, j) ? (t(this, z).style.width = t(this, J) + "px", t(this, z).style.height = "100%") : (t(this, z).style.width = "100%", t(this, z).style.height = t(this, J) + "px"), h(this, Ut, e - t(this, J)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Kt).call(this);
     });
-    s(this, Gt, () => {
-      h(this, Ut, this.scrollElement.currentProgress * t(this, qt)), t(this, j) ? t(this, z).style.transform = `translate3d(${t(this, Ut)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, Ut)}px, 0px)`;
+    s(this, Kt, () => {
+      h(this, Gt, this.scrollElement.currentProgress * t(this, Ut)), t(this, j) ? t(this, z).style.transform = `translate3d(${t(this, Gt)}px, 0px, 0px)` : t(this, z).style.transform = `translate3d(0px, ${t(this, Gt)}px, 0px)`;
     });
-    s(this, ae, () => {
+    s(this, ue, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, ue, (e) => {
-      document.documentElement.classList.add("grabbing"), Ye(
+    s(this, de, (e) => {
+      document.documentElement.classList.add("grabbing"), ts(
         (a) => {
-          const m = t(this, j) ? a.x : a.y, C = this.scrollElement.distance / t(this, qt), I = (m - r) * C;
+          const m = t(this, j) ? a.x : a.y, v = this.scrollElement.distance / t(this, Ut), I = (m - n) * v;
           this.scrollElement.setPosition(i + I);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const i = this.scrollElement.damped.target, r = t(this, j) ? e.x : e.y;
+      const i = this.scrollElement.damped.target, n = t(this, j) ? e.x : e.y;
     });
     if (H) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets = [
-        De({
+        Ve({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -790,7 +801,7 @@ class rs extends ze {
             touchAction: "none"
           }
         })
-      ], h(this, pt, document.createElement("slot")), t(this, pt).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, pt));
+      ], h(this, ft, document.createElement("slot")), t(this, ft).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, ft));
     }
   }
   get thumbElement() {
@@ -798,66 +809,66 @@ class rs extends ze {
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
-    const e = t(this, pt).assignedElements()[0] || t(this, pt).firstElementChild;
-    h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ue)), Dt.subscribe(t(this, ft), ye.SCROLL), ie.subscribe(this, t(this, ft)), ie.subscribe(this.scrollElement, t(this, ft)), this.scrollElement.onScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ae));
+    const e = t(this, ft).assignedElements()[0] || t(this, ft).firstElementChild;
+    h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, de)), Dt.subscribe(t(this, pt), we.SCROLL), re.subscribe(this, t(this, pt)), re.subscribe(this.scrollElement, t(this, pt)), this.scrollElement.onScroll(t(this, Kt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ue));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ue)), Dt.unsubscribe(t(this, ft)), ie.unsubscribe(t(this, ft)), this.scrollElement.offScroll(t(this, Gt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ae));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, de)), Dt.unsubscribe(t(this, pt)), re.unsubscribe(t(this, pt)), this.scrollElement.offScroll(t(this, Kt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ue));
   }
 }
-pt = new WeakMap(), z = new WeakMap(), j = new WeakMap(), J = new WeakMap(), qt = new WeakMap(), Ut = new WeakMap(), ft = new WeakMap(), Gt = new WeakMap(), ae = new WeakMap(), ue = new WeakMap();
-H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", rs);
-var Kt, _t, Zt;
-class $e extends ze {
+ft = new WeakMap(), z = new WeakMap(), j = new WeakMap(), J = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap(), pt = new WeakMap(), Kt = new WeakMap(), ue = new WeakMap(), de = new WeakMap();
+H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", ns);
+var _t, Zt, jt;
+class Be extends Ie {
   constructor() {
     super();
-    s(this, Kt, new p(this, "--behaviour", "smooth"));
-    s(this, _t, new p(
+    s(this, _t, new f(this, "--behaviour", "smooth"));
+    s(this, Zt, new f(
       this,
       "--tween-easing",
       !1
     ));
-    s(this, Zt, new p(this, "--tween-duration", 0));
+    s(this, jt, new f(this, "--tween-duration", 0));
     H && this.addEventListener("click", () => {
-      const e = t(this, Kt).current, i = t(this, _t).current, r = t(this, Zt).current;
+      const e = t(this, _t).current, i = t(this, Zt).current, n = t(this, jt).current;
       this.handleClick({
         behaviour: e,
-        tween: i || r ? { easing: i, duration: r } : void 0
+        tween: i || n ? { easing: i, duration: n } : void 0
       });
     });
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, Kt).observe(), t(this, _t).observe(), t(this, Zt).observe();
+    super.connectedCallback(), t(this, _t).observe(), t(this, Zt).observe(), t(this, jt).observe();
   }
   disconnectedCallback() {
-    t(this, Kt).close(), t(this, _t).close(), t(this, Zt).close();
+    t(this, _t).close(), t(this, Zt).close(), t(this, jt).close();
   }
 }
-Kt = new WeakMap(), _t = new WeakMap(), Zt = new WeakMap();
-var jt;
-class ns extends $e {
+_t = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap();
+var Jt;
+class hs extends Be {
   constructor() {
     super(...arguments);
-    s(this, jt, new p(this, "--set", 1));
+    s(this, Jt, new f(this, "--set", 1));
   }
   handleClick(e) {
-    this.scrollElement.scrollToSection(t(this, jt).current, e);
+    this.scrollElement.scrollToSection(t(this, Jt).current, e);
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, jt).observe();
+    super.connectedCallback(), t(this, Jt).observe();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), t(this, jt).close();
+    super.disconnectedCallback(), t(this, Jt).close();
   }
 }
-jt = new WeakMap();
-H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ns);
-var Q, Jt;
-class hs extends $e {
+Jt = new WeakMap();
+H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", hs);
+var Q, Qt;
+class os extends Be {
   constructor() {
     super(...arguments);
-    s(this, Q, new p(this, "--step", 1));
-    s(this, Jt, () => {
+    s(this, Q, new f(this, "--step", 1));
+    s(this, Qt, () => {
       this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, Q).current > 0 && this.scrollElement.scrollLine === "end" || t(this, Q).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
     });
   }
@@ -866,61 +877,61 @@ class hs extends $e {
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement && (t(this, Q).subscribe(() => {
-      t(this, Jt).call(this);
+      t(this, Qt).call(this);
     }), t(this, Q).observe(), this.scrollElement.addEventListener(
       "scrollLine",
-      t(this, Jt)
-    ), t(this, Jt).call(this));
+      t(this, Qt)
+    ), t(this, Qt).call(this));
   }
   disconnectedCallback() {
     super.disconnectedCallback(), t(this, Q).close(), this.removeAttribute("disabled");
   }
 }
-Q = new WeakMap(), Jt = new WeakMap();
-H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", hs);
-var X, bt, Qt, de, pe, Xt;
-class os {
-  constructor(n, e, i) {
+Q = new WeakMap(), Qt = new WeakMap();
+H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", os);
+var X, bt, Xt, fe, pe, Yt;
+class ls {
+  constructor(r, e, i) {
     s(this, X, null);
     s(this, bt, null);
-    s(this, Qt, null);
-    s(this, de, null);
+    s(this, Xt, null);
+    s(this, fe, null);
     s(this, pe, () => {
-      t(this, bt).scrollToSection(t(this, Qt), {
-        behaviour: t(this, de)
+      t(this, bt).scrollToSection(t(this, Xt), {
+        behaviour: t(this, fe)
       });
     });
-    s(this, Xt, () => {
+    s(this, Yt, () => {
       t(this, X).classList.toggle(
         "current",
-        t(this, bt).counter.current === t(this, Qt)
+        t(this, bt).counter.current === t(this, Xt)
       );
     });
-    H && (h(this, X, document.createElement("button")), h(this, bt, n), h(this, de, i), h(this, Qt, e), t(this, X).addEventListener("click", t(this, pe)), t(this, bt).counter.subscribe(t(this, Xt)), t(this, Xt).call(this));
+    H && (h(this, X, document.createElement("button")), h(this, bt, r), h(this, fe, i), h(this, Xt, e), t(this, X).addEventListener("click", t(this, pe)), t(this, bt).counter.subscribe(t(this, Yt)), t(this, Yt).call(this));
   }
   get element() {
     return t(this, X);
   }
   destroy() {
-    t(this, X).removeEventListener("click", t(this, pe)), t(this, bt).counter.unsubscribe(t(this, Xt)), t(this, X).remove();
+    t(this, X).removeEventListener("click", t(this, pe)), t(this, bt).counter.unsubscribe(t(this, Yt)), t(this, X).remove();
   }
 }
-X = new WeakMap(), bt = new WeakMap(), Qt = new WeakMap(), de = new WeakMap(), pe = new WeakMap(), Xt = new WeakMap();
+X = new WeakMap(), bt = new WeakMap(), Xt = new WeakMap(), fe = new WeakMap(), pe = new WeakMap(), Yt = new WeakMap();
 var mt, At;
-class ls extends ze {
+class cs extends Ie {
   constructor() {
     super(...arguments);
     s(this, mt, []);
-    s(this, At, ts(() => {
+    s(this, At, es(() => {
       t(this, mt).forEach((i) => i.destroy()), h(this, mt, []);
       const e = this.scrollElement.sections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
       for (let i = 0; i < e; i++) {
-        const r = new os(
+        const n = new ls(
           this.scrollElement,
           i,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(r.element), t(this, mt).push(r);
+        this.appendChild(n.element), t(this, mt).push(n);
       }
     }, 0));
   }
@@ -942,11 +953,11 @@ class ls extends ze {
   }
 }
 mt = new WeakMap(), At = new WeakMap();
-H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ls);
-class cs extends es {
+H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", cs);
+class as extends ss {
   connectedCallback() {
-    const n = Re(this, Vt);
-    n instanceof Vt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
+    const r = Oe(this, Vt);
+    r instanceof Vt ? (this.scrollContainer = r, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     ), this.scrollContainer.addEventListener("scrollResize", this.resize), this.resize()) : console.error(this, "e-scroll not found");
@@ -958,12 +969,12 @@ class cs extends es {
     ), this.scrollContainer.removeEventListener("scrollResize", this.resize));
   }
 }
-H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", cs);
+H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", as);
 export {
-  ls as ScrollBulletButtonsElement,
+  cs as ScrollBulletButtonsElement,
   Vt as ScrollElement,
-  cs as ScrollSegmentElement,
-  ns as ScrollSetButtonElement,
-  hs as ScrollStepButtonElement,
-  rs as ScrollbarElement
+  as as ScrollSegmentElement,
+  hs as ScrollSetButtonElement,
+  os as ScrollStepButtonElement,
+  ns as ScrollbarElement
 };

package/package.json

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