aptechka 0.50.6 → 0.50.8

package/lib/scroll/ScrollElement.d.ts

@@ -73,6 +73,7 @@ export declare class ScrollElement extends HTMLElement {
     get targetProgress(): number;
     get scrollWidth(): number;
     get scrollHeight(): number;
+    tryResplit(): void;
     onScroll(...parameters: Parameters<Damped['subscribe']>): () => void;
     offScroll(...parameters: Parameters<Damped['unsubscribe']>): void;
     range(from: number, distance: number, margin?: number): number;

package/lib/scroll/index.cjs

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

package/lib/scroll/index.js

@@ -1,51 +1,51 @@
-var Me = Object.defineProperty;
-var we = Object.getOwnPropertySymbols;
-var Ve = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
-var Pe = (a) => {
+var Ve = Object.defineProperty;
+var Ee = Object.getOwnPropertySymbols;
+var Oe = Object.prototype.hasOwnProperty, Re = Object.prototype.propertyIsEnumerable;
+var xe = (a) => {
   throw TypeError(a);
 };
-var Ee = (a, h, e) => h in a ? Me(a, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[h] = e, xe = (a, h) => {
+var Pe = (a, h, e) => h in a ? Ve(a, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[h] = e, Le = (a, h) => {
   for (var e in h || (h = {}))
-    Ve.call(h, e) && Ee(a, e, h[e]);
-  if (we)
-    for (var e of we(h))
-      Oe.call(h, e) && Ee(a, e, h[e]);
+    Oe.call(h, e) && Pe(a, e, h[e]);
+  if (Ee)
+    for (var e of Ee(h))
+      Re.call(h, e) && Pe(a, e, h[e]);
   return a;
 };
-var de = (a, h, e) => h.has(a) || Pe("Cannot " + e);
-var t = (a, h, e) => (de(a, h, "read from private field"), e ? e.call(a) : h.get(a)), s = (a, h, e) => h.has(a) ? Pe("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(a) : h.set(a, e), n = (a, h, e, i) => (de(a, h, "write to private field"), i ? i.call(a, e) : h.set(a, e), e), c = (a, h, e) => (de(a, h, "access private method"), e);
-import { S as Re } from "../Store-D2xCXENW.js";
+var pe = (a, h, e) => h.has(a) || xe("Cannot " + e);
+var t = (a, h, e) => (pe(a, h, "read from private field"), e ? e.call(a) : h.get(a)), s = (a, h, e) => h.has(a) ? xe("Cannot add the same private member more than once") : h instanceof WeakSet ? h.add(a) : h.set(a, e), n = (a, h, e, i) => (pe(a, h, "write to private field"), i ? i.call(a, e) : h.set(a, e), e), c = (a, h, e) => (pe(a, h, "access private method"), e);
+import { S as He } from "../Store-D2xCXENW.js";
 import { i as H } from "../index-euf5anj6.js";
-import { a as He } from "../easings-Bni3YAAW.js";
-import { d as oe } from "../events-CsVF98U6.js";
-import { c as ke } from "../jss-Chm3yE5y.js";
-import { a as pe, g as fe } from "../layout-DpZo-I0y.js";
-import { c as ze } from "../math-BOBiC4TN.js";
-import { l as Be } from "../number-DwCxt_Ck.js";
+import { a as Be } from "../easings-Bni3YAAW.js";
+import { d as le } from "../events-CsVF98U6.js";
+import { c as ze } from "../jss-Chm3yE5y.js";
+import { a as fe, g as me } from "../layout-DpZo-I0y.js";
+import { c as Ie } from "../math-BOBiC4TN.js";
+import { l as We } from "../number-DwCxt_Ck.js";
 import "../ticker/index.js";
-import { TICK_ORDER as We, RESIZE_ORDER as me } from "../order/index.js";
-import { D as Fe } from "../Damped-CucKOQsI.js";
-import { T as $e } from "../Tweened-CcPeZ0UE.js";
-import { WheelControls as Ne, KeyboardControls as qe, DragControls as Ue, AutoplayControls as Ge } from "../controls/index.js";
+import { TICK_ORDER as Fe, RESIZE_ORDER as be } from "../order/index.js";
+import { D as $e } from "../Damped-CucKOQsI.js";
+import { T as Ne } from "../Tweened-CcPeZ0UE.js";
+import { WheelControls as qe, KeyboardControls as Ue, DragControls as Ge, AutoplayControls as Ke } from "../controls/index.js";
 import { windowResizer as It } from "../window-resizer/index.js";
 import { scrollEntries as St } from "../scroll-entries/index.js";
-import { cssUnitParser as Le } from "../css-unit-parser/index.js";
+import { cssUnitParser as ke } from "../css-unit-parser/index.js";
 import { CSSProperty as p } from "../css-property/index.js";
-import { device as Ke } from "../device/index.js";
+import { device as _e } from "../device/index.js";
 import { elementResizer as jt } from "../element-resizer/index.js";
-import { s as _e } from "../gestures-D2Fdra_G.js";
-import { b as Ie } from "../dom-CVWzyXPH.js";
-import { d as Ze } from "../function-C10DGppn.js";
-import { ScrollSegmentElement as je } from "../scroll-segment/index.js";
-var b, Qt, g, gt, B, Q;
-class Je {
+import { s as Ze } from "../gestures-D2Fdra_G.js";
+import { b as Te } from "../dom-CVWzyXPH.js";
+import { d as je } from "../function-C10DGppn.js";
+import { ScrollSegmentElement as Je } from "../scroll-segment/index.js";
+var b, Qt, g, gt, B, X;
+class Qe {
   constructor(h, e, i) {
     s(this, b);
     s(this, Qt);
     s(this, g);
     s(this, gt, 0);
     s(this, B, 0);
-    s(this, Q, null);
+    s(this, X, null);
     n(this, b, h), n(this, Qt, e), n(this, g, i), St.register(t(this, b));
   }
   get index() {
@@ -67,7 +67,7 @@ class Je {
     h ? (t(this, b).style.setProperty("--size", h + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, b).style.width = h + "px", t(this, b).style.height = "") : (t(this, b).style.height = h + "px", t(this, b).style.width = "")) : (t(this, b).style.width = "", t(this, b).style.height = "", t(this, b).style.removeProperty("--size"));
   }
   resize() {
-    n(this, gt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), n(this, B, t(this, g).vertical ? pe(t(this, b)) : fe(t(this, b))), n(this, B, t(this, B) - t(this, g).contentPosition);
+    n(this, gt, t(this, g).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), n(this, B, t(this, g).vertical ? fe(t(this, b)) : me(t(this, b))), n(this, B, t(this, B) - t(this, g).contentPosition);
   }
   transform() {
     let h = 0;
@@ -77,21 +77,21 @@ class Je {
       t(this, g).axisCSSProperty.current,
       h
     );
-    const i = t(this, g).currentScrollValue + h, r = t(this, B) - t(this, g).viewportSize - e, d = t(this, B) + t(this, gt) + e, m = ze(i, r, d);
+    const i = t(this, g).currentScrollValue + h, r = t(this, B) - t(this, g).viewportSize - e, d = t(this, B) + t(this, gt) + e, m = Ie(i, r, d);
     t(this, g).vertical ? t(this, b).style.transform = `translate3d(0px, ${m * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${m * -1}px, 0px, 0px)`;
   }
   mark(h) {
-    t(this, Q) !== h && (t(this, Q) && t(this, b).classList.remove(t(this, Q)), h && t(this, b).classList.add(h), n(this, Q, h), oe(t(this, b), "scrollSectionMarkChange", {
+    t(this, X) !== h && (t(this, X) && t(this, b).classList.remove(t(this, X)), h && t(this, b).classList.add(h), n(this, X, h), le(t(this, b), "scrollSectionMarkChange", {
       composed: !0,
       detail: {
-        mark: t(this, Q)
+        mark: t(this, X)
       },
       custom: !0
     }));
   }
 }
-b = new WeakMap(), Qt = new WeakMap(), g = new WeakMap(), gt = new WeakMap(), B = new WeakMap(), Q = new WeakMap();
-const Qe = ke({
+b = new WeakMap(), Qt = new WeakMap(), g = new WeakMap(), gt = new WeakMap(), B = new WeakMap(), X = new WeakMap();
+const Xe = ze({
   ":host": {
     position: "relative",
     width: "100%",
@@ -129,7 +129,7 @@ const Qe = ke({
     flexShrink: "0"
   }
 });
-var u, vt, x, X, W, F, $, A, Y, tt, N, et, yt, D, y, Ct, wt, Et, Pt, Tt, T, xt, st, M, it, q, rt, Lt, nt, ht, ot, f, At, l, Xt, Yt, v, S, z, V, lt, O, w, E, Dt, ct, U, G, at, Mt, ut, K, Vt, R, P, o, be, Zt, zt, le, ce, Se, ge, L, Ot, Te, Rt, te, ve, ye, bt, ae, ee;
+var u, vt, x, Y, W, F, $, A, tt, et, N, st, yt, D, y, Ct, wt, Et, Pt, Tt, T, xt, it, M, rt, q, nt, Lt, ht, ot, lt, f, At, l, Xt, Yt, v, S, z, V, ct, O, w, E, Dt, at, U, G, K, Mt, ut, _, Vt, R, P, te, o, Se, Zt, zt, ce, ae, ge, ve, L, Ot, Ae, Rt, ee, ye, Ce, bt, ue, se;
 class Jt extends HTMLElement {
   constructor() {
     super();
@@ -137,25 +137,25 @@ class Jt extends HTMLElement {
     s(this, u, null);
     s(this, vt, new p(this, "--controls", !0));
     s(this, x, new p(this, "--axis", "y"));
-    s(this, X, new p(this, "--reverse", !1));
+    s(this, Y, new p(this, "--reverse", !1));
     s(this, W, new p(this, "--direction", 0));
     s(this, F, new p(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
     s(this, $, new p(this, "--split", !1));
     s(this, A, new p(this, "--sectional", !1));
-    s(this, Y, new p(
+    s(this, tt, new p(
       this,
       "--tween-easing",
       !1
     ));
-    s(this, tt, new p(
+    s(this, et, new p(
       this,
       "--tween-duration",
       !1
     ));
     s(this, N, new p(this, "--auto-size", !1));
-    s(this, et, new p(
+    s(this, st, new p(
       this,
       "--wheel-max-delta",
       !1
@@ -182,13 +182,13 @@ class Jt extends HTMLElement {
       "--autoplay-pause-duration",
       0
     ));
-    s(this, st, new p(
+    s(this, it, new p(
       this,
       "--autoplay-user-direction",
       !1
     ));
     s(this, M, new p(this, "--classes", !1));
-    s(this, it, new p(
+    s(this, rt, new p(
       this,
       "--current-index-start-offset",
       0
@@ -198,15 +198,15 @@ class Jt extends HTMLElement {
       "--current-index-end-offset",
       0
     ));
-    s(this, rt, new p(this, "--focus-delay", 0));
+    s(this, nt, new p(this, "--focus-delay", 0));
     s(this, Lt, new p(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, nt, new p(this, "--disabled", !1));
-    s(this, ht, new p(this, "--hibernate", !1));
-    s(this, ot, null);
+    s(this, ht, new p(this, "--disabled", !1));
+    s(this, ot, new p(this, "--hibernate", !1));
+    s(this, lt, null);
     s(this, f, null);
     s(this, At, null);
     s(this, l, []);
@@ -216,29 +216,30 @@ class Jt extends HTMLElement {
     s(this, S, 0);
     s(this, z, 0);
     s(this, V, null);
-    s(this, lt, null);
+    s(this, ct, null);
     s(this, O, null);
     s(this, w, null);
-    s(this, E, new Re(0));
+    s(this, E, new He(0));
     s(this, Dt, 0);
-    s(this, ct, 0);
+    s(this, at, 0);
     s(this, U, !1);
     s(this, G, !0);
-    s(this, at, !0);
+    s(this, K, !0);
     s(this, Mt);
     s(this, ut);
-    s(this, K, new $e());
+    s(this, _, new Ne());
     s(this, Vt, !1);
     s(this, R, null);
     s(this, P, !1);
+    s(this, te, null);
     s(this, L, () => {
-      if (t(this, ht).current)
+      if (t(this, ot).current)
         return;
       t(this, u).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, S) || 0, i = t(this, E).current;
-      if (n(this, Xt, this.vertical ? pe(this) : fe(this)), n(this, Yt, this.vertical ? pe(t(this, f)) : fe(t(this, f))), n(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? n(this, z, Le.parse(
+      if (n(this, Xt, this.vertical ? fe(this) : me(this)), n(this, Yt, this.vertical ? fe(t(this, f)) : me(t(this, f))), n(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? n(this, z, ke.parse(
         getComputedStyle(t(this, f)).rowGap
-      )) : n(this, z, Le.parse(
+      )) : n(this, z, ke.parse(
         getComputedStyle(t(this, f)).columnGap
       )), t(this, N).current && t(this, l).length) {
         const r = t(this, D).current, d = (t(this, v) - t(this, z) * (r - 1)) / r;
@@ -263,9 +264,9 @@ class Jt extends HTMLElement {
       }
       if (t(this, y).current && t(this, l).length) {
         const r = t(this, l)[t(this, l).length - 1], d = r.position + r.size - t(this, v), m = t(this, S) - d;
-        n(this, ct, r.position + r.size + m);
+        n(this, at, r.position + r.size + m);
       } else
-        n(this, ct, t(this, S));
+        n(this, at, t(this, S));
       if (t(this, A).current && t(this, l).length) {
         const r = t(this, l)[i];
         t(this, u).set(r.position, {
@@ -275,16 +276,16 @@ class Jt extends HTMLElement {
         t(this, u).set(e * t(this, S), {
           equalize: !0
         });
-      n(this, U, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, U)), t(this, U) ? t(this, nt).current || c(this, o, ce).call(this) : c(this, o, le).call(this), t(this, Ot).call(this);
+      n(this, U, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, v)), this.classList.toggle("has-overflow", t(this, U)), t(this, U) ? t(this, ht).current || c(this, o, ae).call(this) : c(this, o, ce).call(this), t(this, Ot).call(this);
     });
     s(this, Ot, () => {
-      if (!t(this, U) || t(this, at) || t(this, G))
+      if (!t(this, U) || t(this, K) || t(this, G))
         return;
       const e = this.currentScrollValue;
       if (n(this, Dt, Math.max(0, e - t(this, S))), t(this, l).length) {
         for (let i = 0; i < t(this, l).length; i++)
           t(this, l)[i].transform();
-        t(this, E).current = c(this, o, ae).call(this);
+        t(this, E).current = c(this, o, ue).call(this);
       } else
         this.vertical ? t(this, f).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, f).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
       St.update(
@@ -294,31 +295,31 @@ class Jt extends HTMLElement {
       );
     });
     s(this, Rt, (e, i) => {
-      t(this, vt).current && (c(this, o, ve).call(this, Math.sign(i) || 1), t(this, te).call(this, e, i));
+      t(this, vt).current && (c(this, o, ye).call(this, Math.sign(i) || 1), t(this, ee).call(this, e, i));
     });
-    s(this, te, (e, i) => {
+    s(this, ee, (e, i) => {
       if (t(this, W).current) {
         if (t(this, W).current < 0 && i > 0)
           return;
         if (t(this, W).current > 0 && i < 0)
           return;
       }
-      if (t(this, ut) || t(this, K).unlistenAnimationFrame(), !t(this, T).current && t(this, rt).current && (clearInterval(t(this, Mt)), n(this, Mt, setTimeout(() => {
-        const r = t(this, l)[c(this, o, ae).call(this)];
+      if (t(this, ut) || t(this, _).unlistenAnimationFrame(), !t(this, T).current && t(this, nt).current && (clearInterval(t(this, Mt)), n(this, Mt, setTimeout(() => {
+        const r = t(this, l)[c(this, o, ue).call(this)];
         r && this.scrollToSection(r.index, {
           tween: {
             duration: t(this, Lt).current,
-            easing: He
+            easing: Be
           }
         });
-      }, t(this, rt).current))), !(e.includes("drag") && !Ke.isTouch && !t(this, Pt).current)) {
+      }, t(this, nt).current))), !(e.includes("drag") && !_e.isTouch && !t(this, Pt).current)) {
         if (t(this, A).current && e !== "drag") {
           const r = Math.sign(i);
           if (t(this, l).length) {
             const d = {
-              tween: t(this, Y).current || t(this, tt).current ? {
-                easing: t(this, Y).current || "easeInOutCubic",
-                duration: t(this, tt).current || 500
+              tween: t(this, tt).current || t(this, et).current ? {
+                easing: t(this, tt).current || "easeInOutCubic",
+                duration: t(this, et).current || 500
               } : void 0
             };
             t(this, Vt) ? this.scrollToSection(t(this, E).current, d) : this.shiftSections(r, d);
@@ -329,14 +330,16 @@ class Jt extends HTMLElement {
         n(this, Vt, e === "drag");
       }
     });
-    s(this, ee, () => {
-      n(this, P, !0), this.hibernatedCSSProperty.current || c(this, o, ge).call(this);
+    s(this, se, () => {
+      n(this, P, !0), this.hibernatedCSSProperty.current || c(this, o, ve).call(this);
     });
     if (H) {
       const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [Qe];
+      e.adoptedStyleSheets = [Xe];
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), n(this, ot, document.createElement("div")), t(this, ot).className = "content-wrapper", n(this, f, document.createElement("div")), t(this, f).className = "content", n(this, At, document.createElement("slot")), t(this, f).appendChild(t(this, At)), t(this, ot).appendChild(t(this, f)), e.appendChild(t(this, ot));
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), n(this, lt, document.createElement("div")), t(this, lt).className = "content-wrapper", n(this, f, document.createElement("div")), t(this, f).className = "content", n(this, At, document.createElement("slot")), t(this, f).appendChild(t(this, At)), t(this, lt).appendChild(t(this, f)), e.appendChild(t(this, lt)), n(this, te, new MutationObserver((r) => {
+        this.tryResplit();
+      }));
     }
   }
   get damped() {
@@ -349,7 +352,7 @@ class Jt extends HTMLElement {
     return t(this, x);
   }
   get reverseCSSProperty() {
-    return t(this, X);
+    return t(this, Y);
   }
   get directionCSSProperty() {
     return t(this, W);
@@ -364,16 +367,16 @@ class Jt extends HTMLElement {
     return t(this, A);
   }
   get easingCSSProperty() {
-    return t(this, Y);
+    return t(this, tt);
   }
   get durationCSSProperty() {
-    return t(this, tt);
+    return t(this, et);
   }
   get autoSizeCSSProperty() {
     return t(this, N);
   }
   get wheelMaxDeltaCSSProperty() {
-    return t(this, et);
+    return t(this, st);
   }
   get dragInertionCSSProperty() {
     return t(this, yt);
@@ -406,37 +409,37 @@ class Jt extends HTMLElement {
     return t(this, xt);
   }
   get autoplayUserDirectionCSSProperty() {
-    return t(this, st);
+    return t(this, it);
   }
   get classesCSSProperty() {
     return t(this, M);
   }
   get currentIndexStartOffsetCSSProperty() {
-    return t(this, it);
+    return t(this, rt);
   }
   get currentIndexEndOffsetCSSProperty() {
     return t(this, q);
   }
   get focusDelayCSSProperty() {
-    return t(this, rt);
+    return t(this, nt);
   }
   get focusDurationCSSProperty() {
     return t(this, Lt);
   }
   get disabledCSSProperty() {
-    return t(this, nt);
+    return t(this, ht);
   }
   get hibernatedCSSProperty() {
-    return t(this, ht);
+    return t(this, ot);
   }
   get currentScrollValue() {
-    return c(this, o, ye).call(this, "current");
+    return c(this, o, Ce).call(this, "current");
   }
   get targetScrollValue() {
-    return c(this, o, ye).call(this, "target");
+    return c(this, o, Ce).call(this, "target");
   }
   get contentWrapperElement() {
-    return t(this, ot);
+    return t(this, lt);
   }
   get contentElement() {
     return t(this, f);
@@ -468,10 +471,10 @@ class Jt extends HTMLElement {
     );
   }
   get distance() {
-    return t(this, ct);
+    return t(this, at);
   }
   get loopDistance() {
-    return t(this, y).current ? t(this, ct) + t(this, z) : t(this, ct);
+    return t(this, y).current ? t(this, at) + t(this, z) : t(this, at);
   }
   get hasOverflow() {
     return t(this, U);
@@ -497,6 +500,9 @@ class Jt extends HTMLElement {
   get scrollHeight() {
     return t(this, x).current === "x" ? 0 : t(this, u).distance;
   }
+  tryResplit() {
+    !t(this, K) && (t(this, y).current || t(this, $).current || t(this, y).current || t(this, N).current || t(this, A).current) && c(this, o, Zt).call(this);
+  }
   onScroll(...e) {
     return t(this, u).subscribe(...e);
   }
@@ -518,18 +524,18 @@ class Jt extends HTMLElement {
   scrollToSection(e, i) {
     if (!t(this, l).length)
       return;
-    const r = t(this, E).current, d = c(this, o, Te).call(this, e), m = t(this, l)[r], C = t(this, l)[d];
+    const r = t(this, E).current, d = c(this, o, Ae).call(this, e), m = t(this, l)[r], C = t(this, l)[d];
     if (m && C) {
       let I = 0;
-      const ue = c(this, o, ae).call(this), _t = t(this, l)[ue], De = _t ? this.targetScrollValue - _t.position : 0;
-      t(this, y).current ? d === 0 && r === t(this, l).length - 1 ? I = t(this, S) + t(this, v) - m.position + t(this, z) : d === t(this, l).length - 1 && r === 0 ? I = C.position - (t(this, S) + t(this, v) + t(this, z)) : I = C.position - m.position : I = C.position - m.position, this.shiftPosition(I - De, i);
+      const de = c(this, o, ue).call(this), _t = t(this, l)[de], Me = _t ? this.targetScrollValue - _t.position : 0;
+      t(this, y).current ? d === 0 && r === t(this, l).length - 1 ? I = t(this, S) + t(this, v) - m.position + t(this, z) : d === t(this, l).length - 1 && r === 0 ? I = C.position - (t(this, S) + t(this, v) + t(this, z)) : I = C.position - m.position : I = C.position - m.position, this.shiftPosition(I - Me, i);
     }
   }
   shiftSections(e, i) {
     t(this, l).length && this.scrollToSection(t(this, E).current + e, i);
   }
   setPosition(e, i) {
-    c(this, o, ve).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, K).set(t(this, u).current, { equalize: !0 }), t(this, K).set(e, xe({}, i.tween)), n(this, ut, setTimeout(() => {
+    c(this, o, ye).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, _).set(t(this, u).current, { equalize: !0 }), t(this, _).set(e, Le({}, i.tween)), n(this, ut, setTimeout(() => {
       n(this, ut, void 0);
     }, i.tween.duration || 0))) : t(this, u).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
@@ -539,21 +545,21 @@ class Jt extends HTMLElement {
     this.setPosition(t(this, u).target + e, i);
   }
   connectedCallback() {
-    St.register(this), n(this, u, new Fe(0, {
+    St.register(this), n(this, u, new $e(0, {
       damping: 0.01,
       min: 0,
-      order: We.SCROLL
-    })), this.setAttribute("tabindex", "0"), n(this, V, new Ne({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, Rt)), n(this, lt, new qe({
+      order: Fe.SCROLL
+    })), this.setAttribute("tabindex", "0"), n(this, V, new qe({ element: t(this, f) })), t(this, V).changeEvent.subscribe(t(this, Rt)), n(this, ct, new Ue({
       element: this
-    })), t(this, lt).changeEvent.subscribe(
+    })), t(this, ct).changeEvent.subscribe(
       t(this, Rt)
-    ), n(this, O, new Ue({ element: t(this, f) })), t(this, O).changeEvent.subscribe(t(this, Rt)), n(this, w, new Ge({
+    ), n(this, O, new Ge({ element: t(this, f) })), t(this, O).changeEvent.subscribe(t(this, Rt)), n(this, w, new Ke({
       culling: this
-    })), t(this, w).changeEvent.subscribe(t(this, te)), t(this, x).subscribe(() => {
-      c(this, o, be).call(this);
-    }), t(this, X).subscribe(() => {
-      c(this, o, be).call(this);
-    }), t(this, et).subscribe((e) => {
+    })), t(this, w).changeEvent.subscribe(t(this, ee)), t(this, x).subscribe(() => {
+      c(this, o, Se).call(this);
+    }), t(this, Y).subscribe(() => {
+      c(this, o, Se).call(this);
+    }), t(this, st).subscribe((e) => {
       t(this, V).axis = e.current ? "max" : t(this, x).current;
     }), t(this, yt).subscribe((e) => {
       t(this, O).inertion = typeof e.current == "number" ? e.current : 1;
@@ -577,11 +583,11 @@ class Jt extends HTMLElement {
       t(this, u).stiffness = e.current;
     }), t(this, T).subscribe((e) => {
       t(this, w).speed = e.current, !t(this, G) && e.current && !e.previous ? t(this, w).connect() : !e.current && e.previous && t(this, w).disconnect();
-    }), t(this, st).subscribe((e) => {
+    }), t(this, it).subscribe((e) => {
       e.current || (t(this, w).direction = 1);
     }), t(this, M).subscribe((e) => {
       t(this, P) && c(this, o, bt).call(this);
-    }), t(this, it).subscribe((e) => {
+    }), t(this, rt).subscribe((e) => {
       t(this, P) && t(this, M).current && c(this, o, bt).call(this);
     }), t(this, q).subscribe((e) => {
       t(this, P) && t(this, M).current && c(this, o, bt).call(this);
@@ -589,54 +595,54 @@ class Jt extends HTMLElement {
       this.classList.toggle("active", e.current);
     }), t(this, E).subscribe((e) => {
       t(this, l).length && c(this, o, bt).call(this);
-    }), t(this, K).subscribe((e) => {
-      t(this, K).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
-    }), t(this, nt).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, le).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, ce).call(this));
+    }), t(this, _).subscribe((e) => {
+      t(this, _).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
     }), t(this, ht).subscribe((e) => {
-      e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, Se).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, ge).call(this));
-    }), t(this, vt).observe(), t(this, x).observe(), t(this, X).observe(), t(this, W).observe(), t(this, F).observe(), t(this, $).observe(), t(this, A).observe(), t(this, Y).observe(), t(this, tt).observe(), t(this, N).observe(), t(this, et).observe(), t(this, yt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Ct).observe(), t(this, wt).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Tt).observe(), t(this, T).observe(), t(this, T).observe(), t(this, xt).observe(), t(this, st).observe(), t(this, M).observe(), t(this, it).observe(), t(this, q).observe(), t(this, rt).observe(), t(this, Lt).observe(), t(this, nt).observe(), t(this, ht).observe(), It.subscribe(t(this, ee), me.LAST);
+      e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, ce).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, ae).call(this));
+    }), t(this, ot).subscribe((e) => {
+      e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, ge).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, ve).call(this));
+    }), t(this, vt).observe(), t(this, x).observe(), t(this, Y).observe(), t(this, W).observe(), t(this, F).observe(), t(this, $).observe(), t(this, A).observe(), t(this, tt).observe(), t(this, et).observe(), t(this, N).observe(), t(this, st).observe(), t(this, yt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Ct).observe(), t(this, wt).observe(), t(this, Et).observe(), t(this, Pt).observe(), t(this, Tt).observe(), t(this, T).observe(), t(this, T).observe(), t(this, xt).observe(), t(this, it).observe(), t(this, M).observe(), t(this, rt).observe(), t(this, q).observe(), t(this, nt).observe(), t(this, Lt).observe(), t(this, ht).observe(), t(this, ot).observe(), It.subscribe(t(this, se), be.LAST);
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, vt).unobserve(), t(this, x).unobserve(), t(this, X).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, $).unobserve(), t(this, A).unobserve(), t(this, Y).unobserve(), t(this, tt).unobserve(), t(this, N).unobserve(), t(this, et).unobserve(), t(this, yt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Ct).unobserve(), t(this, wt).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Tt).unobserve(), t(this, T).unobserve(), t(this, xt).unobserve(), t(this, st).unobserve(), t(this, M).unobserve(), t(this, it).unobserve(), t(this, q).unobserve(), t(this, rt).unobserve(), t(this, Lt).unobserve(), t(this, nt).unobserve(), t(this, ht).unobserve(), It.unsubscribe(t(this, ee)), c(this, o, Se).call(this);
+    this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, vt).unobserve(), t(this, x).unobserve(), t(this, Y).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, $).unobserve(), t(this, A).unobserve(), t(this, tt).unobserve(), t(this, et).unobserve(), t(this, N).unobserve(), t(this, st).unobserve(), t(this, yt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Ct).unobserve(), t(this, wt).unobserve(), t(this, Et).unobserve(), t(this, Pt).unobserve(), t(this, Tt).unobserve(), t(this, T).unobserve(), t(this, xt).unobserve(), t(this, it).unobserve(), t(this, M).unobserve(), t(this, rt).unobserve(), t(this, q).unobserve(), t(this, nt).unobserve(), t(this, Lt).unobserve(), t(this, ht).unobserve(), t(this, ot).unobserve(), It.unsubscribe(t(this, se)), c(this, o, ge).call(this), t(this, te).disconnect();
   }
 }
-u = new WeakMap(), vt = new WeakMap(), x = new WeakMap(), X = new WeakMap(), W = new WeakMap(), F = new WeakMap(), $ = new WeakMap(), A = new WeakMap(), Y = new WeakMap(), tt = new WeakMap(), N = new WeakMap(), et = new WeakMap(), yt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Ct = new WeakMap(), wt = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Tt = new WeakMap(), T = new WeakMap(), xt = new WeakMap(), st = new WeakMap(), M = new WeakMap(), it = new WeakMap(), q = new WeakMap(), rt = new WeakMap(), Lt = new WeakMap(), nt = new WeakMap(), ht = new WeakMap(), ot = new WeakMap(), f = new WeakMap(), At = new WeakMap(), l = new WeakMap(), Xt = new WeakMap(), Yt = new WeakMap(), v = new WeakMap(), S = new WeakMap(), z = new WeakMap(), V = new WeakMap(), lt = new WeakMap(), O = new WeakMap(), w = new WeakMap(), E = new WeakMap(), Dt = new WeakMap(), ct = new WeakMap(), U = new WeakMap(), G = new WeakMap(), at = new WeakMap(), Mt = new WeakMap(), ut = new WeakMap(), K = new WeakMap(), Vt = new WeakMap(), R = new WeakMap(), P = new WeakMap(), o = new WeakSet(), be = function() {
-  const e = t(this, x).current, i = t(this, X).current ? "-reverse" : "";
-  t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, et).current ? "max" : e, t(this, lt).dimension = e === "x" ? "width" : "height", t(this, O).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, P) && t(this, L).call(this);
+u = new WeakMap(), vt = new WeakMap(), x = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), F = new WeakMap(), $ = new WeakMap(), A = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), N = new WeakMap(), st = new WeakMap(), yt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Ct = new WeakMap(), wt = new WeakMap(), Et = new WeakMap(), Pt = new WeakMap(), Tt = new WeakMap(), T = new WeakMap(), xt = new WeakMap(), it = new WeakMap(), M = new WeakMap(), rt = new WeakMap(), q = new WeakMap(), nt = new WeakMap(), Lt = new WeakMap(), ht = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), f = new WeakMap(), At = new WeakMap(), l = new WeakMap(), Xt = new WeakMap(), Yt = new WeakMap(), v = new WeakMap(), S = new WeakMap(), z = new WeakMap(), V = new WeakMap(), ct = new WeakMap(), O = new WeakMap(), w = new WeakMap(), E = new WeakMap(), Dt = new WeakMap(), at = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), Mt = new WeakMap(), ut = new WeakMap(), _ = new WeakMap(), Vt = new WeakMap(), R = new WeakMap(), P = new WeakMap(), te = new WeakMap(), o = new WeakSet(), Se = function() {
+  const e = t(this, x).current, i = t(this, Y).current ? "-reverse" : "";
+  t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, st).current ? "max" : e, t(this, ct).dimension = e === "x" ? "width" : "height", t(this, O).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, P) && t(this, L).call(this);
 }, Zt = function() {
   c(this, o, zt).call(this), t(this, At).assignedElements().forEach((e, i) => {
-    e instanceof HTMLElement && t(this, l).push(new Je(e, i, this));
-  }), t(this, f).style.transform = "", oe(this, "scrollSectionsChange", {
+    e instanceof HTMLElement && t(this, l).push(new Qe(e, i, this));
+  }), t(this, f).style.transform = "", le(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   }), t(this, L).call(this), c(this, o, bt).call(this);
 }, zt = function() {
   t(this, l).forEach((e) => {
     e.destroy();
-  }), n(this, l, []), t(this, E).reset(), t(this, u).reset(), oe(this, "scrollSectionsChange", {
+  }), n(this, l, []), t(this, E).reset(), t(this, u).reset(), le(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
   });
-}, le = function() {
-  t(this, G) || (n(this, G, !0), t(this, u).unsubscribe(t(this, Ot)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Mt)), clearInterval(t(this, ut)), t(this, K).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, lt).disconnect(), t(this, O).disconnect(), t(this, w).disconnect(), t(this, U) || (this.sections.forEach((e) => {
+}, ce = function() {
+  t(this, G) || (n(this, G, !0), t(this, u).unsubscribe(t(this, Ot)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Mt)), clearInterval(t(this, ut)), t(this, _).unlistenAnimationFrame(), t(this, V).disconnect(), t(this, ct).disconnect(), t(this, O).disconnect(), t(this, w).disconnect(), t(this, U) || (this.sections.forEach((e) => {
     e.unsetTransform();
   }), t(this, L).call(this)));
-}, ce = function() {
-  t(this, G) && (n(this, G, !1), t(this, u).subscribe(t(this, Ot)), t(this, V).connect(), t(this, lt).connect(), t(this, O).connect(), t(this, T).current && t(this, w).connect());
-}, Se = function() {
-  t(this, at) || (n(this, at, !0), It.unsubscribe(t(this, L)), jt.unsubscribe(t(this, L)), c(this, o, le).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, zt).call(this) : (t(this, E).reset(), t(this, u).reset()), St.unregister(this));
+}, ae = function() {
+  t(this, G) && (n(this, G, !1), t(this, u).subscribe(t(this, Ot)), t(this, V).connect(), t(this, ct).connect(), t(this, O).connect(), t(this, T).current && t(this, w).connect());
 }, ge = function() {
-  t(this, at) && (n(this, at, !1), St.register(this), (t(this, y).current || t(this, $).current || t(this, y).current || t(this, N).current || t(this, A).current) && c(this, o, Zt).call(this), c(this, o, ce).call(this), It.subscribe(t(this, L), me.SCROLL), jt.subscribe(this, t(this, L)));
-}, L = new WeakMap(), Ot = new WeakMap(), Te = function(e) {
+  t(this, K) || (n(this, K, !0), It.unsubscribe(t(this, L)), jt.unsubscribe(t(this, L)), c(this, o, ce).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, zt).call(this) : (t(this, E).reset(), t(this, u).reset()), St.unregister(this));
+}, ve = function() {
+  t(this, K) && (n(this, K, !1), St.register(this), this.tryResplit(), c(this, o, ae).call(this), It.subscribe(t(this, L), be.SCROLL), jt.subscribe(this, t(this, L)));
+}, L = new WeakMap(), Ot = new WeakMap(), Ae = function(e) {
   let i = t(this, E).current;
-  return t(this, y).current ? i = Be(e, t(this, l).length) : i = ze(e, 0, this.limit), i;
-}, Rt = new WeakMap(), te = new WeakMap(), ve = function(e = 1) {
-  t(this, st).current && (t(this, w).direction = e), t(this, T).current && t(this, w).pauseAndContinue(
+  return t(this, y).current ? i = We(e, t(this, l).length) : i = Ie(e, 0, this.limit), i;
+}, Rt = new WeakMap(), ee = new WeakMap(), ye = function(e = 1) {
+  t(this, it).current && (t(this, w).direction = e), t(this, T).current && t(this, w).pauseAndContinue(
     t(this, xt).current,
     this.sectionalCSSProperty.current
   );
-}, ye = function(e = "current") {
+}, Ce = function(e = "current") {
   if (t(this, y).current && t(this, l).length) {
     const i = t(this, u)[e] % (t(this, S) + t(this, v) + t(this, z));
     return i < 0 ? t(this, S) + i + t(this, v) + t(this, z) : i;
@@ -644,8 +650,8 @@ u = new WeakMap(), vt = new WeakMap(), x = new WeakMap(), X = new WeakMap(), W =
     return t(this, u)[e];
 }, bt = function() {
   if (t(this, l).length) {
-    const e = t(this, E).current + t(this, it).current;
-    if (e === 0 ? n(this, R, "start") : e === this.limit ? n(this, R, "end") : n(this, R, null), oe(this, "scrollLine", {
+    const e = t(this, E).current + t(this, rt).current;
+    if (e === 0 ? n(this, R, "start") : e === this.limit ? n(this, R, "end") : n(this, R, null), le(this, "scrollLine", {
       detail: { line: t(this, R) }
     }), t(this, M).current) {
       this.classList.remove("end", "start"), t(this, R) && this.classList.add(t(this, R));
@@ -657,70 +663,70 @@ u = new WeakMap(), vt = new WeakMap(), x = new WeakMap(), X = new WeakMap(), W =
     }
   }
 }, // TODO: Учитывать loop
-ae = function() {
+ue = function() {
   let e = this.targetScrollValue, i = 1 / 0, r = 0;
   const d = t(this, u).direction;
   for (let m = 0; m < t(this, l).length; m++) {
     const C = t(this, l)[m];
-    let I = t(this, Vt) ? C.size * d * -1 * 0.4 : 0, ue = C.position;
-    const _t = Math.abs(ue + I - e);
+    let I = t(this, Vt) ? C.size * d * -1 * 0.4 : 0, de = C.position;
+    const _t = Math.abs(de + I - e);
     _t < i && (i = _t, r = m);
   }
   return r;
-}, ee = new WeakMap();
+}, se = new WeakMap();
 H && !customElements.get("e-scroll") && customElements.define("e-scroll", Jt);
-var se;
-class Ce extends HTMLElement {
+var ie;
+class we extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, se, null);
+    s(this, ie, null);
   }
   get scrollElement() {
-    return t(this, se);
+    return t(this, ie);
   }
   connectedCallback() {
-    const e = Ie(this, Jt);
-    e instanceof Jt ? n(this, se, e) : console.error(this, "e-scroll not found");
+    const e = Te(this, Jt);
+    e instanceof Jt ? n(this, ie, e) : console.error(this, "e-scroll not found");
   }
 }
-se = new WeakMap();
-var dt, k, _, Z, Ht, Bt, pt, Wt, ie, re;
-class Xe extends Ce {
+ie = new WeakMap();
+var dt, k, Z, j, Ht, Bt, pt, Wt, re, ne;
+class Ye extends we {
   constructor() {
     super();
     s(this, dt, null);
     s(this, k, null);
-    s(this, _, !1);
-    s(this, Z, 0);
+    s(this, Z, !1);
+    s(this, j, 0);
     s(this, Ht, 0);
     s(this, Bt, 0);
     s(this, pt, () => {
-      n(this, _, this.offsetWidth > this.offsetHeight);
-      const e = t(this, _) ? this.offsetWidth : this.offsetHeight;
-      n(this, Z, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), n(this, Z, Math.max(t(this, Z), 30)), t(this, _) ? (t(this, k).style.width = t(this, Z) + "px", t(this, k).style.height = "100%") : (t(this, k).style.width = "100%", t(this, k).style.height = t(this, Z) + "px"), n(this, Ht, e - t(this, Z)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Wt).call(this);
+      n(this, Z, this.offsetWidth > this.offsetHeight);
+      const e = t(this, Z) ? this.offsetWidth : this.offsetHeight;
+      n(this, j, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), n(this, j, Math.max(t(this, j), 30)), t(this, Z) ? (t(this, k).style.width = t(this, j) + "px", t(this, k).style.height = "100%") : (t(this, k).style.width = "100%", t(this, k).style.height = t(this, j) + "px"), n(this, Ht, e - t(this, j)), this.scrollElement.scrollSize <= 0 ? this.style.display = "none" : this.style.display = "", t(this, Wt).call(this);
     });
     s(this, Wt, () => {
-      n(this, Bt, this.scrollElement.currentProgress * t(this, Ht)), t(this, _) ? t(this, k).style.transform = `translate3d(${t(this, Bt)}px, 0px, 0px)` : t(this, k).style.transform = `translate3d(0px, ${t(this, Bt)}px, 0px)`;
+      n(this, Bt, this.scrollElement.currentProgress * t(this, Ht)), t(this, Z) ? t(this, k).style.transform = `translate3d(${t(this, Bt)}px, 0px, 0px)` : t(this, k).style.transform = `translate3d(0px, ${t(this, Bt)}px, 0px)`;
     });
-    s(this, ie, () => {
+    s(this, re, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, re, (e) => {
-      document.documentElement.classList.add("grabbing"), _e(
+    s(this, ne, (e) => {
+      document.documentElement.classList.add("grabbing"), Ze(
         (d) => {
-          const m = t(this, _) ? d.x : d.y, C = this.scrollElement.distance / t(this, Ht), I = (m - r) * C;
+          const m = t(this, Z) ? d.x : d.y, C = this.scrollElement.distance / t(this, Ht), I = (m - r) * C;
           this.scrollElement.setPosition(i + I);
         },
         () => {
           document.documentElement.classList.remove("grabbing");
         }
       );
-      const i = this.scrollElement.damped.target, r = t(this, _) ? e.x : e.y;
+      const i = this.scrollElement.damped.target, r = t(this, Z) ? e.x : e.y;
     });
     if (H) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets = [
-        ke({
+        ze({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -758,16 +764,16 @@ class Xe extends Ce {
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
     const e = t(this, dt).assignedElements()[0] || t(this, dt).firstElementChild;
-    n(this, k, e), t(this, k).addEventListener("pointerdown", t(this, re)), It.subscribe(t(this, pt), me.SCROLL), jt.subscribe(this, t(this, pt)), jt.subscribe(this.scrollElement, t(this, pt)), this.scrollElement.onScroll(t(this, Wt)), this.scrollElement.axisCSSProperty.subscribe(t(this, ie));
+    n(this, k, e), t(this, k).addEventListener("pointerdown", t(this, ne)), It.subscribe(t(this, pt), be.SCROLL), jt.subscribe(this, t(this, pt)), jt.subscribe(this.scrollElement, t(this, pt)), this.scrollElement.onScroll(t(this, Wt)), this.scrollElement.axisCSSProperty.subscribe(t(this, re));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, k).removeEventListener("pointerdown", t(this, re)), It.unsubscribe(t(this, pt)), jt.unsubscribe(t(this, pt)), this.scrollElement.offScroll(t(this, Wt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ie));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, k).removeEventListener("pointerdown", t(this, ne)), It.unsubscribe(t(this, pt)), jt.unsubscribe(t(this, pt)), this.scrollElement.offScroll(t(this, Wt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, re));
   }
 }
-dt = new WeakMap(), k = new WeakMap(), _ = new WeakMap(), Z = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), pt = new WeakMap(), Wt = new WeakMap(), ie = new WeakMap(), re = new WeakMap();
-H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", Xe);
+dt = new WeakMap(), k = new WeakMap(), Z = new WeakMap(), j = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), pt = new WeakMap(), Wt = new WeakMap(), re = new WeakMap(), ne = new WeakMap();
+H && !customElements.get("e-scrollbar") && customElements.define("e-scrollbar", Ye);
 var Ft, $t, Nt;
-class Ae extends Ce {
+class De extends we {
   constructor() {
     super();
     s(this, Ft, new p(this, "--behaviour", "smooth"));
@@ -794,7 +800,7 @@ class Ae extends Ce {
 }
 Ft = new WeakMap(), $t = new WeakMap(), Nt = new WeakMap();
 var qt;
-class Ye extends Ae {
+class ts extends De {
   constructor() {
     super(...arguments);
     s(this, qt, new p(this, "--set", 1));
@@ -810,71 +816,71 @@ class Ye extends Ae {
   }
 }
 qt = new WeakMap();
-H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", Ye);
-var j, Ut;
-class ts extends Ae {
+H && !customElements.get("e-scroll-set-button") && customElements.define("e-scroll-set-button", ts);
+var J, Ut;
+class es extends De {
   constructor() {
     super(...arguments);
-    s(this, j, new p(this, "--step", 1));
+    s(this, J, new p(this, "--step", 1));
     s(this, Ut, () => {
-      this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, j).current > 0 && this.scrollElement.scrollLine === "end" || t(this, j).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+      this.scrollElement.loopCSSProperty.current ? this.removeAttribute("disabled") : t(this, J).current > 0 && this.scrollElement.scrollLine === "end" || t(this, J).current < 0 && this.scrollElement.scrollLine === "start" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
     });
   }
   handleClick(e) {
-    this.scrollElement.shiftSections(t(this, j).current, e);
+    this.scrollElement.shiftSections(t(this, J).current, e);
   }
   connectedCallback() {
-    super.connectedCallback(), this.scrollElement && (t(this, j).subscribe(() => {
+    super.connectedCallback(), this.scrollElement && (t(this, J).subscribe(() => {
       t(this, Ut).call(this);
-    }), t(this, j).observe(), this.scrollElement.addEventListener(
+    }), t(this, J).observe(), this.scrollElement.addEventListener(
       "scrollLine",
       t(this, Ut)
     ), t(this, Ut).call(this));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), t(this, j).close(), this.removeAttribute("disabled");
+    super.disconnectedCallback(), t(this, J).close(), this.removeAttribute("disabled");
   }
 }
-j = new WeakMap(), Ut = new WeakMap();
-H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", ts);
-var J, ft, Gt, ne, he, Kt;
-class es {
+J = new WeakMap(), Ut = new WeakMap();
+H && !customElements.get("e-scroll-step-button") && customElements.define("e-scroll-step-button", es);
+var Q, ft, Gt, he, oe, Kt;
+class ss {
   constructor(h, e, i) {
-    s(this, J, null);
+    s(this, Q, null);
     s(this, ft, null);
     s(this, Gt, null);
-    s(this, ne, null);
-    s(this, he, () => {
+    s(this, he, null);
+    s(this, oe, () => {
       t(this, ft).scrollToSection(t(this, Gt), {
-        behaviour: t(this, ne)
+        behaviour: t(this, he)
       });
     });
     s(this, Kt, () => {
-      t(this, J).classList.toggle(
+      t(this, Q).classList.toggle(
         "current",
         t(this, ft).counter.current === t(this, Gt)
       );
     });
-    H && (n(this, J, document.createElement("button")), n(this, ft, h), n(this, ne, i), n(this, Gt, e), t(this, J).addEventListener("click", t(this, he)), t(this, ft).counter.subscribe(t(this, Kt)), t(this, Kt).call(this));
+    H && (n(this, Q, document.createElement("button")), n(this, ft, h), n(this, he, i), n(this, Gt, e), t(this, Q).addEventListener("click", t(this, oe)), t(this, ft).counter.subscribe(t(this, Kt)), t(this, Kt).call(this));
   }
   get element() {
-    return t(this, J);
+    return t(this, Q);
   }
   destroy() {
-    t(this, J).removeEventListener("click", t(this, he)), t(this, ft).counter.unsubscribe(t(this, Kt)), t(this, J).remove();
+    t(this, Q).removeEventListener("click", t(this, oe)), t(this, ft).counter.unsubscribe(t(this, Kt)), t(this, Q).remove();
   }
 }
-J = new WeakMap(), ft = new WeakMap(), Gt = new WeakMap(), ne = new WeakMap(), he = new WeakMap(), Kt = new WeakMap();
+Q = new WeakMap(), ft = new WeakMap(), Gt = new WeakMap(), he = new WeakMap(), oe = new WeakMap(), Kt = new WeakMap();
 var mt, kt;
-class ss extends Ce {
+class is extends we {
   constructor() {
     super(...arguments);
     s(this, mt, []);
-    s(this, kt, Ze(() => {
+    s(this, kt, je(() => {
       t(this, mt).forEach((i) => i.destroy()), n(this, mt, []);
       const e = this.scrollElement.sections.length - Math.max(this.scrollElement.sectionsInViewCSSProperty.current - 1, 0);
       for (let i = 0; i < e; i++) {
-        const r = new es(
+        const r = new ss(
           this.scrollElement,
           i,
           this.getAttribute("behaviour") || "smooth"
@@ -901,22 +907,22 @@ class ss extends Ce {
   }
 }
 mt = new WeakMap(), kt = new WeakMap();
-H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", ss);
-class is extends je {
+H && !customElements.get("e-scroll-bullet-buttons") && customElements.define("e-scroll-bullet-buttons", is);
+class rs extends Je {
   connectedCallback() {
-    const h = Ie(this, Jt);
+    const h = Te(this, Jt);
     h instanceof Jt ? (this.scrollContainer = h, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     )) : console.error(this, "e-scroll not found");
   }
 }
-H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", is);
+H && !customElements.get("e-scroll-segment") && customElements.define("e-scroll-segment", rs);
 export {
-  ss as ScrollBulletButtonsElement,
+  is as ScrollBulletButtonsElement,
   Jt as ScrollElement,
-  is as ScrollSegmentElement,
-  Ye as ScrollSetButtonElement,
-  ts as ScrollStepButtonElement,
-  Xe as ScrollbarElement
+  rs as ScrollSegmentElement,
+  ts as ScrollSetButtonElement,
+  es as ScrollStepButtonElement,
+  Ye as ScrollbarElement
 };

package/package.json

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