aptechka 0.30.4 → 0.30.6

package/lib/scroll/vanilla/ScrollElement.d.ts

@@ -46,6 +46,7 @@ export declare class ScrollElement extends HTMLElement {
     get hibernatedCSSProperty(): CSSProperty<boolean>;
     get currentScrollValue(): number;
     get targetScrollValue(): number;
+    get contentWrapperElement(): HTMLElement;
     get contentElement(): HTMLElement;
     get sections(): ScrollSection[];
     get position(): number;

package/lib/scroll/vanilla/index.cjs

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

package/lib/scroll/vanilla/index.js

@@ -1,93 +1,93 @@
-var de = Object.defineProperty;
-var te = Object.getOwnPropertySymbols;
-var pe = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
-var se = (u) => {
-  throw TypeError(u);
+var pe = Object.defineProperty;
+var ee = Object.getOwnPropertySymbols;
+var me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
+var ie = (a) => {
+  throw TypeError(a);
 };
-var ee = (u, n, e) => n in u ? de(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, ie = (u, n) => {
+var se = (a, n, e) => n in a ? pe(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, re = (a, n) => {
   for (var e in n || (n = {}))
-    pe.call(n, e) && ee(u, e, n[e]);
-  if (te)
-    for (var e of te(n))
-      fe.call(n, e) && ee(u, e, n[e]);
-  return u;
+    me.call(n, e) && se(a, e, n[e]);
+  if (ee)
+    for (var e of ee(n))
+      fe.call(n, e) && se(a, e, n[e]);
+  return a;
 };
-var Nt = (u, n, e) => n.has(u) || se("Cannot " + e);
-var t = (u, n, e) => (Nt(u, n, "read from private field"), e ? e.call(u) : n.get(u)), s = (u, n, e) => n.has(u) ? se("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(u) : n.set(u, e), h = (u, n, e, i) => (Nt(u, n, "write to private field"), i ? i.call(u, e) : n.set(u, e), e), d = (u, n, e) => (Nt(u, n, "access private method"), e);
-import { S as me } from "../../Store-OTdcl6SX.js";
+var Ut = (a, n, e) => n.has(a) || ie("Cannot " + e);
+var t = (a, n, e) => (Ut(a, n, "read from private field"), e ? e.call(a) : n.get(a)), s = (a, n, e) => n.has(a) ? ie("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, e), h = (a, n, e, i) => (Ut(a, n, "write to private field"), i ? i.call(a, e) : n.set(a, e), e), d = (a, n, e) => (Ut(a, n, "access private method"), e);
+import { S as be } from "../../Store-OTdcl6SX.js";
 import { i as qt } from "../../browser-0zX67oeU.js";
-import { p as be } from "../../easings-BKi40vHz.js";
-import { d as Ut } from "../../events-CsVF98U6.js";
-import { c as ne } from "../../jss-CjccJC-K.js";
-import { a as Gt, g as Kt } from "../../layout-HoBT_Da2.js";
-import { c as he } from "../../math-BOBiC4TN.js";
+import { p as Se } from "../../easings-BKi40vHz.js";
+import { d as Gt } from "../../events-CsVF98U6.js";
+import { c as he } from "../../jss-CjccJC-K.js";
+import { a as Kt, g as _t } from "../../layout-HoBT_Da2.js";
+import { c as oe } from "../../math-BOBiC4TN.js";
 import "../../ticker/vanilla/index.js";
-import { TICK_ORDER as Se, RESIZE_ORDER as oe } from "../../order/index.js";
-import { D as ge } from "../../Damped-Chu29wn-.js";
-import { T as ve } from "../../Tweened-BUuSLSF7.js";
-import { WheelControls as ye, KeyboardControls as Ce, DragControls as Ee, AutoplayControls as xe } from "../../controls/index.js";
-import { windowResizer as Wt } from "../../window-resizer/vanilla/index.js";
-import { scrollEntries as bt } from "../../scroll-entries/index.js";
-import { cssUnitParser as re } from "../../css-unit-parser/index.js";
-import { CSSProperty as f } from "../../css-property/index.js";
-import { device as we } from "../../device/index.js";
-import { elementResizer as $t } from "../../element-resizer/vanilla/index.js";
-import { s as Pe } from "../../gestures-D2Fdra_G.js";
-import { f as le } from "../../dom-0S_WDL4g.js";
-import { d as Le } from "../../function-C10DGppn.js";
-import { ScrollSegmentElement as ze } from "../../scroll-segment/index.js";
-var m, Dt, v, et, T, N;
-class ke {
+import { TICK_ORDER as ge, RESIZE_ORDER as le } from "../../order/index.js";
+import { D as ve } from "../../Damped-Chu29wn-.js";
+import { T as ye } from "../../Tweened-BUuSLSF7.js";
+import { WheelControls as Ce, KeyboardControls as Ee, DragControls as xe, AutoplayControls as we } from "../../controls/index.js";
+import { windowResizer as $t } from "../../window-resizer/vanilla/index.js";
+import { scrollEntries as St } from "../../scroll-entries/index.js";
+import { cssUnitParser as ne } from "../../css-unit-parser/index.js";
+import { CSSProperty as m } from "../../css-property/index.js";
+import { device as Pe } from "../../device/index.js";
+import { elementResizer as Nt } from "../../element-resizer/vanilla/index.js";
+import { s as Le } from "../../gestures-D2Fdra_G.js";
+import { f as ce } from "../../dom-0S_WDL4g.js";
+import { d as ze } from "../../function-C10DGppn.js";
+import { ScrollSegmentElement as ke } from "../../scroll-segment/index.js";
+var f, At, v, st, T, q;
+class De {
   constructor(n, e, i) {
-    s(this, m);
-    s(this, Dt);
+    s(this, f);
+    s(this, At);
     s(this, v);
-    s(this, et, 0);
+    s(this, st, 0);
     s(this, T, 0);
-    s(this, N, null);
-    h(this, m, n), h(this, Dt, e), h(this, v, i), bt.register(t(this, m));
+    s(this, q, null);
+    h(this, f, n), h(this, At, e), h(this, v, i), St.register(t(this, f));
   }
   get index() {
-    return t(this, Dt);
+    return t(this, At);
   }
   get size() {
-    return t(this, et);
+    return t(this, st);
   }
   get position() {
     return t(this, T);
   }
   destroy() {
-    bt.unregister(t(this, m)), t(this, m).style.transform = "", this.mark(null);
+    St.unregister(t(this, f)), t(this, f).style.transform = "", this.mark(null);
   }
   setSize(n) {
-    n ? (t(this, m).style.setProperty("--size", n + "px"), t(this, v).axisCSSProperty.current === "x" ? (t(this, m).style.width = n + "px", t(this, m).style.height = "") : (t(this, m).style.height = n + "px", t(this, m).style.width = "")) : (t(this, m).style.width = "", t(this, m).style.height = "", t(this, m).style.removeProperty("--size"));
+    n ? (t(this, f).style.setProperty("--size", n + "px"), t(this, v).axisCSSProperty.current === "x" ? (t(this, f).style.width = n + "px", t(this, f).style.height = "") : (t(this, f).style.height = n + "px", t(this, f).style.width = "")) : (t(this, f).style.width = "", t(this, f).style.height = "", t(this, f).style.removeProperty("--size"));
   }
   resize() {
-    h(this, et, t(this, v).vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth), h(this, T, t(this, v).vertical ? Gt(t(this, m)) : Kt(t(this, m))), h(this, T, t(this, T) - t(this, v).contentPosition);
+    h(this, st, t(this, v).vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth), h(this, T, t(this, v).vertical ? Kt(t(this, f)) : _t(t(this, f))), h(this, T, t(this, T) - t(this, v).contentPosition);
   }
   transform() {
     let n = 0;
     const e = t(this, v).viewportSize * t(this, v).sectionDistanceScaleCSSProperty.current;
-    t(this, v).loopCSSProperty.current && t(this, v).overscroll && t(this, T) + t(this, et) < t(this, v).currentScrollValue && (n = t(this, v).distance * -1 - t(this, v).gap), bt.update(
-      t(this, m),
+    t(this, v).loopCSSProperty.current && t(this, v).overscroll && t(this, T) + t(this, st) < t(this, v).currentScrollValue && (n = t(this, v).distance * -1 - t(this, v).gap), St.update(
+      t(this, f),
       t(this, v).axisCSSProperty.current,
       n
     );
-    const i = t(this, v).currentScrollValue + n, r = t(this, T) - t(this, v).viewportSize - e, c = t(this, T) + t(this, et) + e, b = he(i, r, c);
-    t(this, v).vertical ? t(this, m).style.transform = `translate3d(0px, ${b * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${b * -1}px, 0px, 0px)`;
+    const i = t(this, v).currentScrollValue + n, r = t(this, T) - t(this, v).viewportSize - e, c = t(this, T) + t(this, st) + e, b = oe(i, r, c);
+    t(this, v).vertical ? t(this, f).style.transform = `translate3d(0px, ${b * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${b * -1}px, 0px, 0px)`;
   }
   mark(n) {
-    t(this, N) !== n && (t(this, N) && t(this, m).classList.remove(t(this, N)), n && t(this, m).classList.add(n), h(this, N, n), Ut(t(this, m), "scrollSectionMarkChange", {
+    t(this, q) !== n && (t(this, q) && t(this, f).classList.remove(t(this, q)), n && t(this, f).classList.add(n), h(this, q, n), Gt(t(this, f), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
-        mark: t(this, N)
+        mark: t(this, q)
       },
       custom: !0
     }));
   }
 }
-m = new WeakMap(), Dt = new WeakMap(), v = new WeakMap(), et = new WeakMap(), T = new WeakMap(), N = new WeakMap();
-const De = ne({
+f = new WeakMap(), At = new WeakMap(), v = new WeakMap(), st = new WeakMap(), T = new WeakMap(), q = new WeakMap();
+const Ae = he({
   ":host": {
     position: "relative",
     width: "100%",
@@ -105,6 +105,11 @@ const De = ne({
     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",
@@ -120,99 +125,100 @@ const De = ne({
     flexShrink: "0"
   }
 });
-var a, st, P, V, R, k, H, U, G, D, E, it, rt, nt, ht, St, A, ot, K, I, _, O, Z, lt, ct, ut, p, gt, o, At, It, y, S, L, M, j, B, C, g, vt, J, at, dt, yt, F, l, zt, mt, _t, Zt, jt, Jt, z, Mt, ce, Ct, Tt, Qt, tt, Xt;
-class kt extends HTMLElement {
+var u, it, P, V, R, D, H, U, G, A, E, rt, nt, ht, ot, gt, k, lt, K, I, _, O, Z, ct, at, ut, j, p, vt, o, It, Mt, y, S, L, M, J, B, C, g, yt, Q, dt, pt, Ct, F, l, kt, bt, Zt, jt, Jt, Qt, z, Tt, ae, Et, Vt, Xt, et, Yt;
+class Dt extends HTMLElement {
   constructor() {
     super();
     s(this, l);
-    s(this, a, null);
-    s(this, st, new f(this, "--controls", !0));
-    s(this, P, new f(this, "--axis", "y"));
-    s(this, V, new f(this, "--direction", 0));
-    s(this, R, new f(this, "--pages", 0, {
+    s(this, u, null);
+    s(this, it, new m(this, "--controls", !0));
+    s(this, P, new m(this, "--axis", "y"));
+    s(this, V, new m(this, "--direction", 0));
+    s(this, R, new m(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
-    s(this, k, new f(this, "--split", !1));
-    s(this, H, new f(this, "--sectional", !1));
-    s(this, U, new f(this, "--auto-size", !1));
-    s(this, G, new f(
+    s(this, D, new m(this, "--split", !1));
+    s(this, H, new m(this, "--sectional", !1));
+    s(this, U, new m(this, "--auto-size", !1));
+    s(this, G, new m(
       this,
       "--wheel-max-delta",
       !1
     ));
-    s(this, D, new f(
+    s(this, A, new m(
       this,
       "--sections-in-view",
       1
     ));
-    s(this, E, new f(this, "--loop", !1));
-    s(this, it, new f(this, "--damping", 20));
-    s(this, rt, new f(this, "--mass", 0));
-    s(this, nt, new f(this, "--stiffness", 0));
-    s(this, ht, new f(this, "--mouse-drag", !1));
-    s(this, St, new f(
+    s(this, E, new m(this, "--loop", !1));
+    s(this, rt, new m(this, "--damping", 20));
+    s(this, nt, new m(this, "--mass", 0));
+    s(this, ht, new m(this, "--stiffness", 0));
+    s(this, ot, new m(this, "--mouse-drag", !1));
+    s(this, gt, new m(
       this,
       "--section-distance-scale",
       0.5
     ));
-    s(this, A, new f(this, "--autoplay", 0));
-    s(this, ot, new f(
+    s(this, k, new m(this, "--autoplay", 0));
+    s(this, lt, new m(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    s(this, K, new f(
+    s(this, K, new m(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    s(this, I, new f(this, "--classes", !1));
-    s(this, _, new f(
+    s(this, I, new m(this, "--classes", !1));
+    s(this, _, new m(
       this,
       "--current-index-start-offset",
       0
     ));
-    s(this, O, new f(
+    s(this, O, new m(
       this,
       "--current-index-end-offset",
       0
     ));
-    s(this, Z, new f(this, "--focus-delay", 0));
-    s(this, lt, new f(
+    s(this, Z, new m(this, "--focus-delay", 0));
+    s(this, ct, new m(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, ct, new f(this, "--disabled", !1));
-    s(this, ut, new f(this, "--hibernated", !1));
+    s(this, at, new m(this, "--disabled", !1));
+    s(this, ut, new m(this, "--hibernated", !1));
+    s(this, j, null);
     s(this, p, null);
-    s(this, gt, null);
+    s(this, vt, null);
     s(this, o, []);
-    s(this, At, 0);
     s(this, It, 0);
+    s(this, Mt, 0);
     s(this, y, 0);
     s(this, S, 0);
     s(this, L, 0);
     s(this, M, null);
-    s(this, j, null);
+    s(this, J, null);
     s(this, B, null);
     s(this, C, null);
-    s(this, g, new me(0));
-    s(this, vt, 0);
-    s(this, J, 0);
-    s(this, at, !0);
+    s(this, g, new be(0));
+    s(this, yt, 0);
+    s(this, Q, 0);
     s(this, dt, !0);
-    s(this, yt);
-    s(this, F, new ve());
+    s(this, pt, !0);
+    s(this, Ct);
+    s(this, F, new ye());
     s(this, z, () => {
-      t(this, a).unlistenAnimationFrame();
+      t(this, u).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, S) || 0, i = t(this, g).current;
-      if (h(this, At, this.vertical ? Gt(this) : Kt(this)), h(this, It, this.vertical ? Gt(t(this, p)) : Kt(t(this, p))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, L, re.parse(
+      if (h(this, It, this.vertical ? Kt(this) : _t(this)), h(this, Mt, this.vertical ? Kt(t(this, p)) : _t(t(this, p))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, L, ne.parse(
         getComputedStyle(t(this, p)).rowGap
-      )) : h(this, L, re.parse(
+      )) : h(this, L, ne.parse(
         getComputedStyle(t(this, p)).columnGap
       )), t(this, U).current && t(this, o).length) {
-        const r = t(this, D).current, c = (t(this, y) - t(this, L) * (r - 1)) / r;
+        const r = t(this, A).current, c = (t(this, y) - t(this, L) * (r - 1)) / r;
         t(this, o).forEach((b) => {
           b.setSize(c);
         });
@@ -230,26 +236,26 @@ class kt extends HTMLElement {
         this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", h(this, S, t(this, p).offsetHeight - t(this, y))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", h(this, S, t(this, p).offsetWidth - t(this, y)));
       if (!t(this, E).current) {
         const r = getComputedStyle(this), c = this.vertical ? parseFloat(r.paddingBlockStart) + parseFloat(r.paddingBlockEnd) : parseFloat(r.paddingInlineStart) + parseFloat(r.paddingInlineEnd);
-        h(this, S, t(this, S) + c), t(this, a).max = t(this, S);
+        h(this, S, t(this, S) + c), t(this, u).max = t(this, S);
       }
       if (t(this, E).current && t(this, o).length) {
         const r = t(this, o)[t(this, o).length - 1], c = r.position + r.size - t(this, y), b = t(this, S) - c;
-        h(this, J, r.position + r.size + b);
+        h(this, Q, r.position + r.size + b);
       } else
-        h(this, J, t(this, S));
+        h(this, Q, t(this, S));
       if (t(this, H).current && t(this, o).length) {
         const r = t(this, o)[i];
-        t(this, a).set(r.position, {
+        t(this, u).set(r.position, {
           equalize: !0
         });
       } else
-        t(this, a).set(e * t(this, S), {
+        t(this, u).set(e * t(this, S), {
           equalize: !0
         });
     });
-    s(this, Mt, () => {
+    s(this, Tt, () => {
       const e = this.currentScrollValue;
-      if (h(this, vt, Math.max(0, e - t(this, S))), t(this, o).length) {
+      if (h(this, yt, Math.max(0, e - t(this, S))), t(this, o).length) {
         let i = 0;
         for (let r = 0; r < t(this, o).length; r++) {
           const c = t(this, o)[r];
@@ -258,51 +264,51 @@ class kt extends HTMLElement {
         t(this, g).current = i;
       } else
         this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
-      bt.update(
+      St.update(
         this,
         t(this, P).current,
         e
       );
     });
-    s(this, Ct, (e, i) => {
-      t(this, st).current && (t(this, K).current && (t(this, C).pauseAndContinue(
-        t(this, ot).current
-      ), t(this, C).direction = Math.sign(i) || 1), t(this, Tt).call(this, e, i));
+    s(this, Et, (e, i) => {
+      t(this, it).current && (t(this, K).current && (t(this, C).direction = Math.sign(i) || 1), t(this, k).current && t(this, C).pauseAndContinue(
+        t(this, lt).current
+      ), t(this, Vt).call(this, e, i));
     });
-    s(this, Tt, (e, i) => {
+    s(this, Vt, (e, i) => {
       if (t(this, V).current) {
         if (t(this, V).current < 0 && i > 0)
           return;
         if (t(this, V).current > 0 && i < 0)
           return;
       }
-      if (t(this, F).unlistenAnimationFrame(), !t(this, A).current && t(this, Z).current && (clearInterval(t(this, yt)), h(this, yt, setTimeout(() => {
-        const r = d(this, l, Xt).call(this);
+      if (t(this, F).unlistenAnimationFrame(), !t(this, k).current && t(this, Z).current && (clearInterval(t(this, Ct)), h(this, Ct, setTimeout(() => {
+        const r = d(this, l, Yt).call(this);
         r && this.scrollToSection(r.index, {
           tween: {
-            duration: t(this, lt).current,
-            easing: be
+            duration: t(this, ct).current,
+            easing: Se
           }
         });
-      }, t(this, Z).current))), !(e === "drag" && !we.isMobile && !t(this, ht).current))
+      }, t(this, Z).current))), !(e === "drag" && !Pe.isMobile && !t(this, ot).current))
         if (t(this, H).current) {
           const r = Math.sign(i);
-          t(this, o).length ? this.shiftSections(r) : t(this, a).shift(r * t(this, y));
+          t(this, o).length ? this.shiftSections(r) : t(this, u).shift(r * t(this, y));
         } else
-          t(this, a).shift(i);
+          t(this, u).shift(i);
     });
     if (qt) {
       const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets.push(De);
+      e.adoptedStyleSheets.push(Ae);
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, gt, document.createElement("slot")), t(this, p).appendChild(t(this, gt)), e.appendChild(t(this, p));
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, j, document.createElement("div")), t(this, j).className = "content-wrapper", h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, vt, document.createElement("slot")), t(this, p).appendChild(t(this, vt)), t(this, j).appendChild(t(this, p)), e.appendChild(t(this, j));
     }
   }
   get damped() {
-    return t(this, a);
+    return t(this, u);
   }
   get controlsCSSProperty() {
-    return t(this, st);
+    return t(this, it);
   }
   get axisCSSProperty() {
     return t(this, P);
@@ -314,7 +320,7 @@ class kt extends HTMLElement {
     return t(this, R);
   }
   get splitCSSProperty() {
-    return t(this, k);
+    return t(this, D);
   }
   get sectionalCSSProperty() {
     return t(this, H);
@@ -326,31 +332,31 @@ class kt extends HTMLElement {
     return t(this, G);
   }
   get sectionsInViewCSSProperty() {
-    return t(this, D);
+    return t(this, A);
   }
   get loopCSSProperty() {
     return t(this, E);
   }
   get dampingCSSProperty() {
-    return t(this, it);
+    return t(this, rt);
   }
   get massCSSProperty() {
-    return t(this, rt);
+    return t(this, nt);
   }
   get stiffnessCSSProperty() {
-    return t(this, nt);
+    return t(this, ht);
   }
   get mouseDragCSSProperty() {
-    return t(this, ht);
+    return t(this, ot);
   }
   get sectionDistanceScaleCSSProperty() {
-    return t(this, St);
+    return t(this, gt);
   }
   get autoplayCSSProperty() {
-    return t(this, A);
+    return t(this, k);
   }
   get autoplayPauseDurationCSSProperty() {
-    return t(this, ot);
+    return t(this, lt);
   }
   get autoplayUserDirectionCSSProperty() {
     return t(this, K);
@@ -368,19 +374,22 @@ class kt extends HTMLElement {
     return t(this, Z);
   }
   get focusDurationCSSProperty() {
-    return t(this, lt);
+    return t(this, ct);
   }
   get disabledCSSProperty() {
-    return t(this, ct);
+    return t(this, at);
   }
   get hibernatedCSSProperty() {
     return t(this, ut);
   }
   get currentScrollValue() {
-    return d(this, l, Qt).call(this, "current");
+    return d(this, l, Xt).call(this, "current");
   }
   get targetScrollValue() {
-    return d(this, l, Qt).call(this, "target");
+    return d(this, l, Xt).call(this, "target");
+  }
+  get contentWrapperElement() {
+    return t(this, j);
   }
   get contentElement() {
     return t(this, p);
@@ -389,10 +398,10 @@ class kt extends HTMLElement {
     return t(this, o);
   }
   get position() {
-    return t(this, At);
+    return t(this, It);
   }
   get contentPosition() {
-    return t(this, It);
+    return t(this, Mt);
   }
   get viewportSize() {
     return t(this, y);
@@ -407,16 +416,16 @@ class kt extends HTMLElement {
     return t(this, g);
   }
   get limit() {
-    return t(this, o).length - t(this, D).current;
+    return t(this, o).length - t(this, A).current;
   }
   get distance() {
-    return t(this, J);
+    return t(this, Q);
   }
   get loopDistance() {
-    return t(this, E).current ? t(this, J) + t(this, L) : t(this, J);
+    return t(this, E).current ? t(this, Q) + t(this, L) : t(this, Q);
   }
   get overscroll() {
-    return t(this, vt);
+    return t(this, yt);
   }
   get vertical() {
     return t(this, P).current === "y";
@@ -428,16 +437,16 @@ class kt extends HTMLElement {
     return this.targetScrollValue / this.loopDistance || 0;
   }
   get scrollWidth() {
-    return t(this, P).current === "y" ? 0 : t(this, a).distance;
+    return t(this, P).current === "y" ? 0 : t(this, u).distance;
   }
   get scrollHeight() {
-    return t(this, P).current === "x" ? 0 : t(this, a).distance;
+    return t(this, P).current === "x" ? 0 : t(this, u).distance;
   }
   onScroll(...e) {
-    return t(this, a).subscribe(...e);
+    return t(this, u).subscribe(...e);
   }
   offScroll(...e) {
-    t(this, a).unsubscribe(...e);
+    t(this, u).unsubscribe(...e);
   }
   //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
   range(e, i, r = 0) {
@@ -455,125 +464,125 @@ class kt extends HTMLElement {
     if (!t(this, o).length)
       return;
     const r = t(this, g).current;
-    d(this, l, ce).call(this, e);
+    d(this, l, ae).call(this, e);
     const c = t(this, o)[r], b = t(this, o)[t(this, g).current];
     if (c && b) {
       let w = 0;
-      const ft = d(this, l, Xt).call(this), ae = ft ? this.targetScrollValue - ft.position : 0;
-      t(this, E).current ? t(this, g).current === 0 && r === t(this, o).length - 1 ? w = t(this, S) + t(this, y) - c.position + t(this, L) : t(this, g).current === t(this, o).length - 1 && r === 0 ? w = b.position - (t(this, S) + t(this, y) + t(this, L)) : w = b.position - c.position : w = b.position - c.position, this.shiftPosition(w - ae, i);
+      const ft = d(this, l, Yt).call(this), de = ft ? this.targetScrollValue - ft.position : 0;
+      t(this, E).current ? t(this, g).current === 0 && r === t(this, o).length - 1 ? w = t(this, S) + t(this, y) - c.position + t(this, L) : t(this, g).current === t(this, o).length - 1 && r === 0 ? w = b.position - (t(this, S) + t(this, y) + t(this, L)) : w = b.position - c.position : w = b.position - c.position, this.shiftPosition(w - de, i);
     }
   }
   shiftSections(e, i) {
     t(this, o).length && this.scrollToSection(t(this, g).current + e, i);
   }
   setPosition(e, i) {
-    i != null && i.tween ? (t(this, F).set(t(this, a).current, { equalize: !0 }), t(this, F).set(e, ie({}, i.tween))) : t(this, a).set(e, {
+    i != null && i.tween ? (t(this, F).set(t(this, u).current, { equalize: !0 }), t(this, F).set(e, re({}, i.tween))) : t(this, u).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
     });
   }
   shiftPosition(e, i) {
-    this.setPosition(t(this, a).target + e, i);
+    this.setPosition(t(this, u).target + e, i);
   }
   connectedCallback() {
-    h(this, a, new ge(0, {
+    h(this, u, new ve(0, {
       damping: 0.01,
       min: 0,
-      order: Se.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, M, new ye({ element: t(this, p) })), t(this, M).changeEvent.subscribe(t(this, Ct)), h(this, j, new Ce({
+      order: ge.SCROLL
+    })), this.setAttribute("tabindex", "0"), h(this, M, new Ce({ element: t(this, p) })), t(this, M).changeEvent.subscribe(t(this, Et)), h(this, J, new Ee({
       element: this
-    })), t(this, j).changeEvent.subscribe(
-      t(this, Ct)
-    ), h(this, B, new Ee({ element: t(this, p) })), t(this, B).changeEvent.subscribe(t(this, Ct)), h(this, C, new xe({
+    })), t(this, J).changeEvent.subscribe(
+      t(this, Et)
+    ), h(this, B, new xe({ element: t(this, p) })), t(this, B).changeEvent.subscribe(t(this, Et)), h(this, C, new we({
       culling: this
-    })), t(this, C).changeEvent.subscribe(t(this, Tt)), t(this, P).subscribe(({ current: e }) => {
-      t(this, p).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, G).current ? "max" : e, t(this, j).dimension = e === "x" ? "width" : "height", t(this, B).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, z).call(this);
+    })), t(this, C).changeEvent.subscribe(t(this, Vt)), t(this, P).subscribe(({ current: e }) => {
+      t(this, p).style.flexDirection = e === "x" ? "row" : "column", t(this, M).axis = t(this, G).current ? "max" : e, t(this, J).dimension = e === "x" ? "width" : "height", t(this, B).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, z).call(this);
     }), t(this, G).subscribe((e) => {
       t(this, M).axis = e.current ? "max" : t(this, P).current;
     }), t(this, R).subscribe(() => {
       this.isConnected && t(this, z).call(this);
-    }), t(this, k).subscribe(({ current: e }) => {
-      this.isConnected && (e ? d(this, l, zt).call(this) : d(this, l, mt).call(this));
+    }), t(this, D).subscribe(({ current: e }) => {
+      this.isConnected && (e ? d(this, l, kt).call(this) : d(this, l, bt).call(this));
     }), t(this, H).subscribe((e) => {
-      t(this, M).debounce = e.current, t(this, B).swipe = e.current, t(this, C).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, o).length ? d(this, l, zt).call(this) : !e.current && e.previous && t(this, o).length && d(this, l, mt).call(this));
+      t(this, M).debounce = e.current, t(this, B).swipe = e.current, t(this, C).interval = e.current, this.isConnected && (e.current && !e.previous && !t(this, o).length ? d(this, l, kt).call(this) : !e.current && e.previous && t(this, o).length && d(this, l, bt).call(this));
     }), t(this, U).subscribe((e) => {
-      this.isConnected && (t(this, z).call(this), e.current && !e.previous && !t(this, o).length ? d(this, l, zt).call(this) : !e.current && e.previous && t(this, o).length && d(this, l, mt).call(this));
-    }), t(this, D).subscribe((e) => {
-      this.isConnected && (t(this, z).call(this), d(this, l, tt).call(this));
+      this.isConnected && (t(this, z).call(this), e.current && !e.previous && !t(this, o).length ? d(this, l, kt).call(this) : !e.current && e.previous && t(this, o).length && d(this, l, bt).call(this));
+    }), t(this, A).subscribe((e) => {
+      this.isConnected && (t(this, z).call(this), d(this, l, et).call(this));
     }), t(this, E).subscribe((e) => {
-      e.current ? (this.isConnected && (t(this, o).length || (t(this, k).current = !0)), t(this, o).length && (t(this, a).max = 1 / 0, t(this, a).min = -1 / 0)) : (h(this, vt, 0), t(this, a).max = t(this, S), t(this, a).min = 0);
-    }), t(this, it).subscribe((e) => {
-      t(this, a).damping = e.current;
+      e.current ? (this.isConnected && (t(this, o).length || (t(this, D).current = !0)), t(this, o).length && (t(this, u).max = 1 / 0, t(this, u).min = -1 / 0)) : (h(this, yt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
     }), t(this, rt).subscribe((e) => {
-      t(this, a).mass = e.current;
+      t(this, u).damping = e.current;
     }), t(this, nt).subscribe((e) => {
-      t(this, a).stiffness = e.current;
-    }), t(this, ct).subscribe((e) => {
-      e.current && !e.previous ? d(this, l, _t).call(this) : !e.current && e.previous && d(this, l, Zt).call(this);
+      t(this, u).mass = e.current;
+    }), t(this, ht).subscribe((e) => {
+      t(this, u).stiffness = e.current;
+    }), t(this, at).subscribe((e) => {
+      e.current && !e.previous ? d(this, l, Zt).call(this) : !e.current && e.previous && d(this, l, jt).call(this);
     }), t(this, ut).subscribe((e) => {
-      e.current && !e.previous ? d(this, l, jt).call(this) : !e.current && e.previous && d(this, l, Jt).call(this);
-    }), t(this, A).subscribe((e) => {
+      e.current && !e.previous ? d(this, l, Jt).call(this) : !e.current && e.previous && d(this, l, Qt).call(this);
+    }), t(this, k).subscribe((e) => {
       t(this, C).speed = e.current, e.current && !e.previous ? t(this, C).connect() : !e.current && e.previous && t(this, C).disconnect();
     }), t(this, K).subscribe((e) => {
       e.current || (t(this, C).direction = 1);
     }), t(this, I).subscribe((e) => {
-      this.isConnected && d(this, l, tt).call(this);
+      this.isConnected && d(this, l, et).call(this);
     }), t(this, _).subscribe((e) => {
-      this.isConnected && t(this, I).current && d(this, l, tt).call(this);
+      this.isConnected && t(this, I).current && d(this, l, et).call(this);
     }), t(this, O).subscribe((e) => {
-      this.isConnected && t(this, I).current && d(this, l, tt).call(this);
-    }), t(this, a).isRunning.subscribe((e) => {
+      this.isConnected && t(this, I).current && d(this, l, et).call(this);
+    }), t(this, u).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
     }), t(this, g).subscribe((e) => {
-      t(this, o).length && d(this, l, tt).call(this);
+      t(this, o).length && d(this, l, et).call(this);
     }), t(this, F).subscribe((e) => {
-      t(this, F).isRunning.current && t(this, a).set(e.current);
-    }), t(this, st).observe(), t(this, P).observe(), t(this, V).observe(), t(this, R).observe(), t(this, k).observe(), t(this, H).observe(), t(this, U).observe(), t(this, G).observe(), t(this, D).observe(), t(this, E).observe(), t(this, it).observe(), t(this, rt).observe(), t(this, nt).observe(), t(this, ht).observe(), t(this, St).observe(), t(this, A).observe(), t(this, A).observe(), t(this, ot).observe(), t(this, K).observe(), t(this, I).observe(), t(this, _).observe(), t(this, O).observe(), t(this, Z).observe(), t(this, lt).observe(), t(this, ct).observe(), t(this, ut).observe(), d(this, l, Jt).call(this);
+      t(this, F).isRunning.current && t(this, u).set(e.current);
+    }), t(this, it).observe(), t(this, P).observe(), t(this, V).observe(), t(this, R).observe(), t(this, D).observe(), t(this, H).observe(), t(this, U).observe(), t(this, G).observe(), t(this, A).observe(), t(this, E).observe(), t(this, rt).observe(), t(this, nt).observe(), t(this, ht).observe(), t(this, ot).observe(), t(this, gt).observe(), t(this, k).observe(), t(this, k).observe(), t(this, lt).observe(), t(this, K).observe(), t(this, I).observe(), t(this, _).observe(), t(this, O).observe(), t(this, Z).observe(), t(this, ct).observe(), t(this, at).observe(), t(this, ut).observe(), d(this, l, Qt).call(this);
   }
   disconnectedCallback() {
-    this.setAttribute("tabindex", ""), t(this, st).unobserve(), t(this, P).unobserve(), t(this, V).unobserve(), t(this, R).unobserve(), t(this, k).unobserve(), t(this, H).unobserve(), t(this, U).unobserve(), t(this, G).unobserve(), t(this, D).unobserve(), t(this, E).unobserve(), t(this, it).unobserve(), t(this, rt).unobserve(), t(this, nt).unobserve(), t(this, ht).unobserve(), t(this, St).unobserve(), t(this, A).unobserve(), t(this, ot).unobserve(), t(this, K).unobserve(), t(this, I).unobserve(), t(this, _).unobserve(), t(this, O).unobserve(), t(this, Z).unobserve(), t(this, lt).unobserve(), t(this, ct).unobserve(), t(this, ut).unobserve(), d(this, l, jt).call(this);
+    this.setAttribute("tabindex", ""), t(this, it).unobserve(), t(this, P).unobserve(), t(this, V).unobserve(), t(this, R).unobserve(), t(this, D).unobserve(), t(this, H).unobserve(), t(this, U).unobserve(), t(this, G).unobserve(), t(this, A).unobserve(), t(this, E).unobserve(), t(this, rt).unobserve(), t(this, nt).unobserve(), t(this, ht).unobserve(), t(this, ot).unobserve(), t(this, gt).unobserve(), t(this, k).unobserve(), t(this, lt).unobserve(), t(this, K).unobserve(), t(this, I).unobserve(), t(this, _).unobserve(), t(this, O).unobserve(), t(this, Z).unobserve(), t(this, ct).unobserve(), t(this, at).unobserve(), t(this, ut).unobserve(), d(this, l, Jt).call(this);
   }
 }
-a = new WeakMap(), st = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R = new WeakMap(), k = new WeakMap(), H = new WeakMap(), U = new WeakMap(), G = new WeakMap(), D = new WeakMap(), E = new WeakMap(), it = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), ht = new WeakMap(), St = new WeakMap(), A = new WeakMap(), ot = new WeakMap(), K = new WeakMap(), I = new WeakMap(), _ = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), ut = new WeakMap(), p = new WeakMap(), gt = new WeakMap(), o = new WeakMap(), At = new WeakMap(), It = new WeakMap(), y = new WeakMap(), S = new WeakMap(), L = new WeakMap(), M = new WeakMap(), j = new WeakMap(), B = new WeakMap(), C = new WeakMap(), g = new WeakMap(), vt = new WeakMap(), J = new WeakMap(), at = new WeakMap(), dt = new WeakMap(), yt = new WeakMap(), F = new WeakMap(), l = new WeakSet(), zt = function() {
-  d(this, l, mt).call(this), t(this, gt).assignedElements().forEach((e, i) => {
-    e instanceof HTMLElement && t(this, o).push(new ke(e, i, this));
-  }), t(this, p).style.transform = "", Ut(this, "scrollSectionsChange", {
+u = new WeakMap(), it = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R = new WeakMap(), D = new WeakMap(), H = new WeakMap(), U = new WeakMap(), G = new WeakMap(), A = new WeakMap(), E = new WeakMap(), rt = new WeakMap(), nt = new WeakMap(), ht = new WeakMap(), ot = new WeakMap(), gt = new WeakMap(), k = new WeakMap(), lt = new WeakMap(), K = new WeakMap(), I = new WeakMap(), _ = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), ct = new WeakMap(), at = new WeakMap(), ut = new WeakMap(), j = new WeakMap(), p = new WeakMap(), vt = new WeakMap(), o = new WeakMap(), It = new WeakMap(), Mt = new WeakMap(), y = new WeakMap(), S = new WeakMap(), L = new WeakMap(), M = new WeakMap(), J = new WeakMap(), B = new WeakMap(), C = new WeakMap(), g = new WeakMap(), yt = new WeakMap(), Q = new WeakMap(), dt = new WeakMap(), pt = new WeakMap(), Ct = new WeakMap(), F = new WeakMap(), l = new WeakSet(), kt = function() {
+  d(this, l, bt).call(this), t(this, vt).assignedElements().forEach((e, i) => {
+    e instanceof HTMLElement && t(this, o).push(new De(e, i, this));
+  }), t(this, p).style.transform = "", Gt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
-  }), t(this, z).call(this), d(this, l, tt).call(this);
-}, mt = function() {
+  }), t(this, z).call(this), d(this, l, et).call(this);
+}, bt = function() {
   t(this, o).forEach((e) => {
     e.destroy();
-  }), h(this, o, []), t(this, g).current = 0, t(this, a).reset(), Ut(this, "scrollSectionsChange", {
+  }), h(this, o, []), t(this, g).current = 0, t(this, u).reset(), Gt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
-}, _t = function() {
-  t(this, at) || (h(this, at, !0), t(this, a).unsubscribe(t(this, Mt)), t(this, a).unlistenAnimationFrame(), t(this, M).disconnect(), t(this, j).disconnect(), t(this, B).disconnect(), t(this, C).disconnect(), clearInterval(t(this, yt)), t(this, F).unlistenAnimationFrame());
 }, Zt = function() {
-  t(this, at) && (h(this, at, !1), t(this, a).subscribe(t(this, Mt)), t(this, M).connect(), t(this, j).connect(), t(this, B).connect(), t(this, A).current && t(this, C).connect());
+  t(this, dt) || (h(this, dt, !0), t(this, u).unsubscribe(t(this, Tt)), t(this, u).unlistenAnimationFrame(), t(this, M).disconnect(), t(this, J).disconnect(), t(this, B).disconnect(), t(this, C).disconnect(), clearInterval(t(this, Ct)), t(this, F).unlistenAnimationFrame());
 }, jt = function() {
-  t(this, dt) || (h(this, dt, !0), Wt.unsubscribe(t(this, z)), $t.unsubscribe(t(this, z)), t(this, a).reset(), d(this, l, _t).call(this), t(this, p).style.transform = "", t(this, k).current && d(this, l, mt).call(this), bt.unregister(this));
+  t(this, dt) && (h(this, dt, !1), t(this, u).subscribe(t(this, Tt)), t(this, M).connect(), t(this, J).connect(), t(this, B).connect(), t(this, k).current && t(this, C).connect());
 }, Jt = function() {
-  t(this, dt) && (h(this, dt, !1), t(this, k).current && d(this, l, zt).call(this), bt.register(this), Wt.subscribe(t(this, z), oe.SCROLL), $t.subscribe(this, t(this, z)), d(this, l, Zt).call(this));
-}, z = new WeakMap(), Mt = new WeakMap(), ce = function(e) {
-  t(this, E).current ? (t(this, g).current = e % t(this, o).length, t(this, g).current = t(this, g).current < 0 ? t(this, o).length + t(this, g).current : t(this, g).current) : t(this, g).current = he(e, 0, this.limit);
-}, Ct = new WeakMap(), Tt = new WeakMap(), Qt = function(e = "current") {
+  t(this, pt) || (h(this, pt, !0), $t.unsubscribe(t(this, z)), Nt.unsubscribe(t(this, z)), t(this, u).reset(), d(this, l, Zt).call(this), t(this, p).style.transform = "", t(this, D).current && d(this, l, bt).call(this), St.unregister(this));
+}, Qt = function() {
+  t(this, pt) && (h(this, pt, !1), t(this, D).current && d(this, l, kt).call(this), St.register(this), $t.subscribe(t(this, z), le.SCROLL), Nt.subscribe(this, t(this, z)), d(this, l, jt).call(this));
+}, z = new WeakMap(), Tt = new WeakMap(), ae = function(e) {
+  t(this, E).current ? (t(this, g).current = e % t(this, o).length, t(this, g).current = t(this, g).current < 0 ? t(this, o).length + t(this, g).current : t(this, g).current) : t(this, g).current = oe(e, 0, this.limit);
+}, Et = new WeakMap(), Vt = new WeakMap(), Xt = function(e = "current") {
   if (t(this, E).current && t(this, o).length) {
-    const i = t(this, a)[e] % (t(this, S) + t(this, y) + t(this, L));
+    const i = t(this, u)[e] % (t(this, S) + t(this, y) + t(this, L));
     return i < 0 ? t(this, S) + i + t(this, y) + t(this, L) : i;
   } else
-    return t(this, a)[e];
-}, tt = function() {
+    return t(this, u)[e];
+}, et = function() {
   if (t(this, I).current && t(this, o).length) {
     const e = t(this, g).current + t(this, _).current;
     e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end");
-    const i = t(this, D).current + t(this, O).current;
+    const i = t(this, A).current + t(this, O).current;
     t(this, o).forEach((r, c) => {
       const b = e - this.limit - 1 + t(this, O).current, w = e + i, ft = this.sections.length - w;
       c >= e && c < w || c <= b ? r.mark("current") : c >= w && c < w + ft / 2 || c <= b + i ? r.mark("next") : r.mark("previous");
     });
   }
-}, Xt = function() {
+}, Yt = function() {
   let e = null, i = 1 / 0;
   for (let r = 0; r < t(this, o).length; r++) {
     const c = Math.abs(t(this, o)[r].position - this.targetScrollValue);
@@ -581,47 +590,47 @@ a = new WeakMap(), st = new WeakMap(), P = new WeakMap(), V = new WeakMap(), R =
   }
   return e !== null ? t(this, o)[e] : null;
 };
-customElements.get("e-scroll") || customElements.define("e-scroll", kt);
-var Vt;
-class Yt extends HTMLElement {
+customElements.get("e-scroll") || customElements.define("e-scroll", Dt);
+var Rt;
+class te extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, Vt, null);
+    s(this, Rt, null);
   }
   get scrollElement() {
-    return t(this, Vt);
+    return t(this, Rt);
   }
   connectedCallback() {
-    const e = le(this, kt);
-    e instanceof kt ? h(this, Vt, e) : console.error(this, "e-scroll not found");
+    const e = ce(this, Dt);
+    e instanceof Dt ? h(this, Rt, e) : console.error(this, "e-scroll not found");
   }
 }
-Vt = new WeakMap();
-var Q, x, W, $, Et, xt, pt, Rt, Ht, Ot;
-class Ae extends Yt {
+Rt = new WeakMap();
+var X, x, W, $, xt, wt, mt, Ht, Ot, Bt;
+class Ie extends te {
   constructor() {
     super();
-    s(this, Q, null);
+    s(this, X, null);
     s(this, x, null);
     s(this, W, !1);
     s(this, $, 0);
-    s(this, Et, 0);
     s(this, xt, 0);
-    s(this, pt, () => {
+    s(this, wt, 0);
+    s(this, mt, () => {
       h(this, W, this.offsetWidth > this.offsetHeight);
       const e = t(this, W) ? this.offsetWidth : this.offsetHeight;
-      h(this, $, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, $, Math.max(t(this, $), 30)), t(this, W) ? (t(this, x).style.width = t(this, $) + "px", t(this, x).style.height = "100%") : (t(this, x).style.width = "100%", t(this, x).style.height = t(this, $) + "px"), h(this, Et, e - t(this, $)), this.scrollElement.scrollSize || (this.style.display = "none");
-    });
-    s(this, Rt, () => {
-      h(this, xt, this.scrollElement.currentProgress * t(this, Et)), t(this, W) ? t(this, x).style.transform = `translate3d(${t(this, xt)}px, 0px, 0px)` : t(this, x).style.transform = `translate3d(0px, ${t(this, xt)}px, 0px)`;
+      h(this, $, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, $, Math.max(t(this, $), 30)), t(this, W) ? (t(this, x).style.width = t(this, $) + "px", t(this, x).style.height = "100%") : (t(this, x).style.width = "100%", t(this, x).style.height = t(this, $) + "px"), h(this, xt, e - t(this, $)), this.scrollElement.scrollSize || (this.style.display = "none");
     });
     s(this, Ht, () => {
+      h(this, wt, this.scrollElement.currentProgress * t(this, xt)), t(this, W) ? t(this, x).style.transform = `translate3d(${t(this, wt)}px, 0px, 0px)` : t(this, x).style.transform = `translate3d(0px, ${t(this, wt)}px, 0px)`;
+    });
+    s(this, Ot, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, Ot, (e) => {
-      document.documentElement.classList.add("grabbing"), Pe(
+    s(this, Bt, (e) => {
+      document.documentElement.classList.add("grabbing"), Le(
         (c) => {
-          const b = t(this, W) ? c.x : c.y, w = this.scrollElement.distance / t(this, Et), ft = (b - r) * w;
+          const b = t(this, W) ? c.x : c.y, w = this.scrollElement.distance / t(this, xt), ft = (b - r) * w;
           this.scrollElement.setPosition(i + ft);
         },
         () => {
@@ -633,7 +642,7 @@ class Ae extends Yt {
     if (qt) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets.push(
-        ne({
+        he({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -662,7 +671,7 @@ class Ae extends Yt {
             touchAction: "none"
           }
         })
-      ), h(this, Q, document.createElement("slot")), t(this, Q).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, Q));
+      ), h(this, X, document.createElement("slot")), t(this, X).innerHTML = '<div class="default-thumb"></div>', e.appendChild(t(this, X));
     }
   }
   get thumbElement() {
@@ -670,111 +679,111 @@ class Ae extends Yt {
   }
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
-    const e = t(this, Q).assignedElements()[0] || t(this, Q).firstElementChild;
-    h(this, x, e), t(this, x).addEventListener("pointerdown", t(this, Ot)), Wt.subscribe(t(this, pt), oe.SCROLL), $t.subscribe(this, t(this, pt)), this.scrollElement.onScroll(t(this, Rt)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ht));
+    const e = t(this, X).assignedElements()[0] || t(this, X).firstElementChild;
+    h(this, x, e), t(this, x).addEventListener("pointerdown", t(this, Bt)), $t.subscribe(t(this, mt), le.SCROLL), Nt.subscribe(this, t(this, mt)), this.scrollElement.onScroll(t(this, Ht)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ot));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), t(this, x).removeEventListener("pointerdown", t(this, Ot)), Wt.unsubscribe(t(this, pt)), $t.unsubscribe(t(this, pt)), this.scrollElement.offScroll(t(this, Rt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ht));
+    this.removeAttribute("drag-dead-zone"), t(this, x).removeEventListener("pointerdown", t(this, Bt)), $t.unsubscribe(t(this, mt)), Nt.unsubscribe(t(this, mt)), this.scrollElement.offScroll(t(this, Ht)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ot));
   }
 }
-Q = new WeakMap(), x = new WeakMap(), W = new WeakMap(), $ = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), pt = new WeakMap(), Rt = new WeakMap(), Ht = new WeakMap(), Ot = new WeakMap();
-customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Ae);
-class ue extends Yt {
+X = new WeakMap(), x = new WeakMap(), W = new WeakMap(), $ = new WeakMap(), xt = new WeakMap(), wt = new WeakMap(), mt = new WeakMap(), Ht = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap();
+customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Ie);
+class ue extends te {
   constructor() {
     super(), qt && this.addEventListener("click", () => {
       this.handleClick();
     });
   }
 }
-class Ie extends ue {
+class Me extends ue {
   handleClick() {
     const n = this.getAttribute("index"), e = this.getAttribute("behaviour");
     this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: e });
   }
 }
-customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Ie);
-class Me extends ue {
+customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Me);
+class Te extends ue {
   handleClick() {
     const n = this.getAttribute("step"), e = this.getAttribute("behaviour");
     this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: e });
   }
 }
-customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", Me);
-var q, X, wt, Bt, Ft, Pt;
-class Te {
+customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", Te);
+var N, Y, Pt, Ft, Wt, Lt;
+class Ve {
   constructor(n, e, i) {
-    s(this, q, null);
-    s(this, X, null);
-    s(this, wt, null);
-    s(this, Bt, null);
-    s(this, Ft, () => {
-      t(this, X).scrollToSection(t(this, wt), {
-        behaviour: t(this, Bt)
+    s(this, N, null);
+    s(this, Y, null);
+    s(this, Pt, null);
+    s(this, Ft, null);
+    s(this, Wt, () => {
+      t(this, Y).scrollToSection(t(this, Pt), {
+        behaviour: t(this, Ft)
       });
     });
-    s(this, Pt, () => {
-      t(this, q).classList.toggle(
+    s(this, Lt, () => {
+      t(this, N).classList.toggle(
         "current",
-        t(this, X).counter.current === t(this, wt)
+        t(this, Y).counter.current === t(this, Pt)
       );
     });
-    qt && (h(this, q, document.createElement("button")), h(this, X, n), h(this, Bt, i), h(this, wt, e), t(this, q).addEventListener("click", t(this, Ft)), t(this, X).counter.subscribe(t(this, Pt)), t(this, Pt).call(this));
+    qt && (h(this, N, document.createElement("button")), h(this, Y, n), h(this, Ft, i), h(this, Pt, e), t(this, N).addEventListener("click", t(this, Wt)), t(this, Y).counter.subscribe(t(this, Lt)), t(this, Lt).call(this));
   }
   get element() {
-    return t(this, q);
+    return t(this, N);
   }
   destroy() {
-    t(this, q).removeEventListener("click", t(this, Ft)), t(this, X).counter.unsubscribe(t(this, Pt)), t(this, q).remove();
+    t(this, N).removeEventListener("click", t(this, Wt)), t(this, Y).counter.unsubscribe(t(this, Lt)), t(this, N).remove();
   }
 }
-q = new WeakMap(), X = new WeakMap(), wt = new WeakMap(), Bt = new WeakMap(), Ft = new WeakMap(), Pt = new WeakMap();
-var Y, Lt;
-class Ve extends Yt {
+N = new WeakMap(), Y = new WeakMap(), Pt = new WeakMap(), Ft = new WeakMap(), Wt = new WeakMap(), Lt = new WeakMap();
+var tt, zt;
+class Re extends te {
   constructor() {
     super(...arguments);
-    s(this, Y, []);
-    s(this, Lt, Le(() => {
-      t(this, Y).forEach((e) => e.destroy()), h(this, Y, []);
+    s(this, tt, []);
+    s(this, zt, ze(() => {
+      t(this, tt).forEach((e) => e.destroy()), h(this, tt, []);
       for (let e = 0; e < this.scrollElement.sections.length; e++) {
-        const i = new Te(
+        const i = new Ve(
           this.scrollElement,
           e,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(i.element), t(this, Y).push(i);
+        this.appendChild(i.element), t(this, tt).push(i);
       }
     }, 0));
   }
   connectedCallback() {
     super.connectedCallback(), this.scrollElement.addEventListener(
       "sectionsChange",
-      t(this, Lt)
-    ), t(this, Lt).call(this);
+      t(this, zt)
+    ), t(this, zt).call(this);
   }
   disconnectedCallback() {
     this.scrollElement.removeEventListener(
       "sectionsChange",
-      t(this, Lt)
-    ), t(this, Y).forEach((e) => e.destroy()), h(this, Y, []);
+      t(this, zt)
+    ), t(this, tt).forEach((e) => e.destroy()), h(this, tt, []);
   }
 }
-Y = new WeakMap(), Lt = new WeakMap();
-customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Ve);
-class Re extends ze {
+tt = new WeakMap(), zt = new WeakMap();
+customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Re);
+class He extends ke {
   connectedCallback() {
-    const n = le(this, kt);
-    n instanceof kt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
+    const n = ce(this, Dt);
+    n instanceof Dt ? (this.scrollContainer = n, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     )) : console.error(this, "e-scroll not found");
   }
 }
-customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Re);
+customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", He);
 export {
-  Ve as ScrollBulletButtonsElement,
-  kt as ScrollElement,
-  Re as ScrollSegmentElement,
-  Ie as ScrollSetButtonElement,
-  Me as ScrollStepButtonElement,
-  Ae as ScrollbarElement
+  Re as ScrollBulletButtonsElement,
+  Dt as ScrollElement,
+  He as ScrollSegmentElement,
+  Me as ScrollSetButtonElement,
+  Te as ScrollStepButtonElement,
+  Ie as ScrollbarElement
 };

package/package.json

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