aptechka 0.30.9 → 0.30.10

package/lib/scroll/vanilla/index.cjs

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

package/lib/scroll/vanilla/index.js

@@ -271,7 +271,7 @@ class Dt extends HTMLElement {
       );
     });
     s(this, Et, (e, i) => {
-      t(this, it).current && (d(this, o, Xt).call(this), t(this, Vt).call(this, e, i));
+      t(this, it).current && (d(this, o, Xt).call(this, Math.sign(i) || 1), t(this, Vt).call(this, e, i));
     });
     s(this, Vt, (e, i) => {
       if (t(this, V).current) {
@@ -474,7 +474,7 @@ class Dt extends HTMLElement {
     t(this, l).length && this.scrollToSection(t(this, g).current + e, i);
   }
   setPosition(e, i) {
-    d(this, o, Xt).call(this), i != null && i.tween ? (t(this, F).set(t(this, u).current, { equalize: !0 }), t(this, F).set(e, ne({}, i.tween))) : t(this, u).set(e, {
+    d(this, o, Xt).call(this, Math.sign(e) || 1), i != null && i.tween ? (t(this, F).set(t(this, u).current, { equalize: !0 }), t(this, F).set(e, ne({}, i.tween))) : t(this, u).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
     });
   }

package/package.json

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