aptechka 0.33.2 → 0.33.4

package/lib/scroll/vanilla/index.cjs

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

package/lib/scroll/vanilla/index.js

@@ -18,46 +18,46 @@ import { S as we } from "../../Store-OTdcl6SX.js";
 import { i as Qt } from "../../browser-0zX67oeU.js";
 import { q as xe } from "../../easings-BEmRlrDd.js";
 import { d as Yt } from "../../events-CsVF98U6.js";
-import { c as fe } from "../../jss-CjccJC-K.js";
+import { c as pe } from "../../jss-CjccJC-K.js";
 import { a as te, g as ee } from "../../layout-HoBT_Da2.js";
-import { c as pe } from "../../math-BOBiC4TN.js";
+import { c as fe } from "../../math-BOBiC4TN.js";
 import "../../ticker/vanilla/index.js";
 import { TICK_ORDER as Pe, RESIZE_ORDER as me } from "../../order/index.js";
 import { D as Le } from "../../Damped-Chu29wn-.js";
 import { T as ze } from "../../Tweened-B_ZFQKGQ.js";
 import { WheelControls as ke, KeyboardControls as Ie, DragControls as De, AutoplayControls as Ae } from "../../controls/index.js";
-import { windowResizer as jt } from "../../window-resizer/vanilla/index.js";
-import { scrollEntries as lt } from "../../scroll-entries/index.js";
+import { windowResizer as Jt } from "../../window-resizer/vanilla/index.js";
+import { scrollEntries as ct } from "../../scroll-entries/index.js";
 import { cssUnitParser as de } from "../../css-unit-parser/index.js";
-import { CSSProperty as p } from "../../css-property/index.js";
+import { CSSProperty as f } from "../../css-property/index.js";
 import { device as Te } from "../../device/index.js";
-import { elementResizer as Jt } from "../../element-resizer/vanilla/index.js";
+import { elementResizer as Ot } from "../../element-resizer/vanilla/index.js";
 import { s as Me } from "../../gestures-D2Fdra_G.js";
 import { f as be } from "../../dom-0S_WDL4g.js";
 import { d as Ve } from "../../function-C10DGppn.js";
 import { ScrollSegmentElement as Oe } from "../../scroll-segment/index.js";
-var m, Rt, v, ct, V, G;
+var m, Ht, v, at, V, G;
 class Re {
   constructor(r, e, i) {
     s(this, m);
-    s(this, Rt);
+    s(this, Ht);
     s(this, v);
-    s(this, ct, 0);
+    s(this, at, 0);
     s(this, V, 0);
     s(this, G, null);
-    h(this, m, r), h(this, Rt, e), h(this, v, i), lt.register(t(this, m));
+    h(this, m, r), h(this, Ht, e), h(this, v, i), ct.register(t(this, m));
   }
   get index() {
-    return t(this, Rt);
+    return t(this, Ht);
   }
   get size() {
-    return t(this, ct);
+    return t(this, at);
   }
   get position() {
     return t(this, V);
   }
   destroy() {
-    lt.unregister(t(this, m)), this.unsetTransform();
+    ct.unregister(t(this, m)), this.unsetTransform();
   }
   unsetTransform() {
     t(this, m).style.transform = "", this.mark(null);
@@ -66,17 +66,17 @@ class Re {
     r ? (t(this, m).style.setProperty("--size", r + "px"), t(this, v).axisCSSProperty.current === "x" ? (t(this, m).style.width = r + "px", t(this, m).style.height = "") : (t(this, m).style.height = r + "px", t(this, m).style.width = "")) : (t(this, m).style.width = "", t(this, m).style.height = "", t(this, m).style.removeProperty("--size"));
   }
   resize() {
-    h(this, ct, t(this, v).vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth), h(this, V, t(this, v).vertical ? te(t(this, m)) : ee(t(this, m))), h(this, V, t(this, V) - t(this, v).contentPosition);
+    h(this, at, t(this, v).vertical ? t(this, m).offsetHeight : t(this, m).offsetWidth), h(this, V, t(this, v).vertical ? te(t(this, m)) : ee(t(this, m))), h(this, V, t(this, V) - t(this, v).contentPosition);
   }
   transform() {
     let r = 0;
     const e = t(this, v).viewportSize * t(this, v).sectionDistanceScaleCSSProperty.current;
-    t(this, v).loopCSSProperty.current && t(this, v).overscroll && t(this, V) + t(this, ct) < t(this, v).currentScrollValue && (r = t(this, v).distance * -1 - t(this, v).gap), lt.update(
+    t(this, v).loopCSSProperty.current && t(this, v).overscroll && t(this, V) + t(this, at) < t(this, v).currentScrollValue && (r = t(this, v).distance * -1 - t(this, v).gap), ct.update(
       t(this, m),
       t(this, v).axisCSSProperty.current,
       r
     );
-    const i = t(this, v).currentScrollValue + r, n = t(this, V) - t(this, v).viewportSize - e, c = t(this, V) + t(this, ct) + e, b = pe(i, n, c);
+    const i = t(this, v).currentScrollValue + r, n = t(this, V) - t(this, v).viewportSize - e, c = t(this, V) + t(this, at) + e, b = fe(i, n, c);
     t(this, v).vertical ? t(this, m).style.transform = `translate3d(0px, ${b * -1}px, 0px)` : t(this, m).style.transform = `translate3d(${b * -1}px, 0px, 0px)`;
   }
   mark(r) {
@@ -89,8 +89,8 @@ class Re {
     }));
   }
 }
-m = new WeakMap(), Rt = new WeakMap(), v = new WeakMap(), ct = new WeakMap(), V = new WeakMap(), G = new WeakMap();
-const He = fe({
+m = new WeakMap(), Ht = new WeakMap(), v = new WeakMap(), at = new WeakMap(), V = new WeakMap(), G = new WeakMap();
+const He = pe({
   ":host": {
     position: "relative",
     width: "100%",
@@ -128,88 +128,88 @@ const He = fe({
     flexShrink: "0"
   }
 });
-var u, at, P, O, R, H, I, K, _, B, Z, ut, D, C, dt, ft, pt, mt, wt, k, bt, j, A, J, F, Q, gt, St, X, Y, f, xt, l, Ht, Bt, y, S, L, T, tt, M, E, g, Pt, et, W, st, vt, Lt, it, $, Ft, o, Vt, Et, _t, Zt, se, ie, z, zt, ge, kt, Wt, re, ne, ot, he;
-class Ot extends HTMLElement {
+var u, ut, P, O, R, H, I, K, _, B, Z, dt, D, C, pt, ft, mt, bt, wt, k, gt, j, A, J, F, Q, St, vt, X, Y, p, xt, l, Bt, Ft, y, S, L, T, tt, M, E, g, Pt, et, W, st, yt, Lt, it, $, Wt, o, Vt, Et, Zt, jt, se, ie, z, zt, ge, kt, $t, re, ne, lt, he;
+class Rt extends HTMLElement {
   constructor() {
     super();
     s(this, o);
     s(this, u, null);
-    s(this, at, new p(this, "--controls", !0));
-    s(this, P, new p(this, "--axis", "y"));
-    s(this, O, new p(this, "--direction", 0));
-    s(this, R, new p(this, "--pages", 0, {
+    s(this, ut, new f(this, "--controls", !0));
+    s(this, P, new f(this, "--axis", "y"));
+    s(this, O, new f(this, "--direction", 0));
+    s(this, R, new f(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
     }));
-    s(this, H, new p(this, "--split", !1));
-    s(this, I, new p(this, "--sectional", !1));
-    s(this, K, new p(
+    s(this, H, new f(this, "--split", !1));
+    s(this, I, new f(this, "--sectional", !1));
+    s(this, K, new f(
       this,
       "--easing",
       !1
     ));
-    s(this, _, new p(
+    s(this, _, new f(
       this,
       "--duration",
       !1
     ));
-    s(this, B, new p(this, "--auto-size", !1));
-    s(this, Z, new p(
+    s(this, B, new f(this, "--auto-size", !1));
+    s(this, Z, new f(
       this,
       "--wheel-max-delta",
       !1
     ));
-    s(this, ut, new p(this, "--drag-inertion", 1));
-    s(this, D, new p(
+    s(this, dt, new f(this, "--drag-inertion", 1));
+    s(this, D, new f(
       this,
       "--sections-in-view",
       1
     ));
-    s(this, C, new p(this, "--loop", !1));
-    s(this, dt, new p(this, "--damping", 20));
-    s(this, ft, new p(this, "--mass", 0));
-    s(this, pt, new p(this, "--stiffness", 0));
-    s(this, mt, new p(this, "--mouse-drag", !1));
-    s(this, wt, new p(
+    s(this, C, new f(this, "--loop", !1));
+    s(this, pt, new f(this, "--damping", 20));
+    s(this, ft, new f(this, "--mass", 0));
+    s(this, mt, new f(this, "--stiffness", 0));
+    s(this, bt, new f(this, "--mouse-drag", !1));
+    s(this, wt, new f(
       this,
       "--section-distance-scale",
       0.5
     ));
-    s(this, k, new p(this, "--autoplay", 0));
-    s(this, bt, new p(
+    s(this, k, new f(this, "--autoplay", 0));
+    s(this, gt, new f(
       this,
       "--autoplay-pause-duration",
       0
     ));
-    s(this, j, new p(
+    s(this, j, new f(
       this,
       "--autoplay-user-direction",
       !1
     ));
-    s(this, A, new p(this, "--classes", !1));
-    s(this, J, new p(
+    s(this, A, new f(this, "--classes", !1));
+    s(this, J, new f(
       this,
       "--current-index-start-offset",
       0
     ));
-    s(this, F, new p(
+    s(this, F, new f(
       this,
       "--current-index-end-offset",
       0
     ));
-    s(this, Q, new p(this, "--focus-delay", 0));
-    s(this, gt, new p(
+    s(this, Q, new f(this, "--focus-delay", 0));
+    s(this, St, new f(
       this,
       "--focus-duration",
       3e3
     ));
-    s(this, St, new p(this, "--disabled", !1));
-    s(this, X, new p(this, "--hibernated", !1));
+    s(this, vt, new f(this, "--disabled", !1));
+    s(this, X, new f(this, "--hibernated", !1));
     s(this, Y, null);
-    s(this, f, null);
+    s(this, p, null);
     s(this, xt, null);
     s(this, l, []);
-    s(this, Ht, 0);
     s(this, Bt, 0);
+    s(this, Ft, 0);
     s(this, y, 0);
     s(this, S, 0);
     s(this, L, 0);
@@ -222,18 +222,18 @@ class Ot extends HTMLElement {
     s(this, et, 0);
     s(this, W, !1);
     s(this, st, !0);
-    s(this, vt, !0);
+    s(this, yt, !0);
     s(this, Lt);
     s(this, it);
     s(this, $, new ze());
-    s(this, Ft, !1);
+    s(this, Wt, !1);
     s(this, z, () => {
       t(this, u).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, S) || 0, i = t(this, g).current;
-      if (h(this, Ht, this.vertical ? te(this) : ee(this)), h(this, Bt, this.vertical ? te(t(this, f)) : ee(t(this, f))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, L, de.parse(
-        getComputedStyle(t(this, f)).rowGap
+      if (h(this, Bt, this.vertical ? te(this) : ee(this)), h(this, Ft, this.vertical ? te(t(this, p)) : ee(t(this, p))), h(this, y, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, L, de.parse(
+        getComputedStyle(t(this, p)).rowGap
       )) : h(this, L, de.parse(
-        getComputedStyle(t(this, f)).columnGap
+        getComputedStyle(t(this, p)).columnGap
       )), t(this, B).current && t(this, l).length) {
         const n = t(this, D).current, c = (t(this, y) - t(this, L) * (n - 1)) / n;
         t(this, l).forEach((b) => {
@@ -248,9 +248,9 @@ class Ot extends HTMLElement {
       }), t(this, R).current) {
         h(this, S, t(this, y) * t(this, R).current);
         const n = t(this, S) + t(this, y);
-        this.vertical ? (t(this, f).style.width = n + "px", t(this, f).style.height = "100%") : (t(this, f).style.height = n + "px", t(this, f).style.width = "100%");
+        this.vertical ? (t(this, p).style.width = n + "px", t(this, p).style.height = "100%") : (t(this, p).style.height = n + "px", t(this, p).style.width = "100%");
       } else
-        this.vertical ? (t(this, f).style.width = "100%", t(this, f).style.height = "max-content", h(this, S, t(this, f).offsetHeight - t(this, y))) : (t(this, f).style.width = "max-content", t(this, f).style.height = "100%", h(this, S, t(this, f).offsetWidth - t(this, y)));
+        this.vertical ? (t(this, p).style.width = "100%", t(this, p).style.height = "max-content", h(this, S, t(this, p).offsetHeight - t(this, y))) : (t(this, p).style.width = "max-content", t(this, p).style.height = "100%", h(this, S, t(this, p).offsetWidth - t(this, y)));
       if (!t(this, C).current) {
         const n = getComputedStyle(this), c = this.vertical ? parseFloat(n.paddingBlockStart) + parseFloat(n.paddingBlockEnd) : parseFloat(n.paddingInlineStart) + parseFloat(n.paddingInlineEnd);
         h(this, S, t(this, S) + c), t(this, u).max = t(this, S);
@@ -269,7 +269,7 @@ class Ot extends HTMLElement {
         t(this, u).set(e * t(this, S), {
           equalize: !0
         });
-      h(this, W, (this.vertical ? t(this, f).offsetHeight : t(this, f).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, W)), t(this, W) ? d(this, o, Zt).call(this) : d(this, o, _t).call(this), t(this, zt).call(this);
+      h(this, W, (this.vertical ? t(this, p).offsetHeight : t(this, p).offsetWidth) > t(this, y)), this.classList.toggle("has-overflow", t(this, W)), t(this, W) ? d(this, o, jt).call(this) : d(this, o, Zt).call(this), t(this, zt).call(this);
     });
     s(this, zt, () => {
       if (!t(this, W))
@@ -281,19 +281,19 @@ class Ot extends HTMLElement {
           const c = t(this, l)[n];
           c.transform(), this.targetScrollValue + c.size / 2 >= c.position && (i = n);
         }
-        t(this, g).current = i, console.log(t(this, g).current);
+        t(this, g).current = i;
       } 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)`;
-      lt.update(
+        this.vertical ? t(this, p).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, p).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
+      ct.update(
         this,
         t(this, P).current,
         e
       );
     });
     s(this, kt, (e, i) => {
-      t(this, at).current && (d(this, o, re).call(this, Math.sign(i) || 1), t(this, Wt).call(this, e, i));
+      t(this, ut).current && (d(this, o, re).call(this, Math.sign(i) || 1), t(this, $t).call(this, e, i));
     });
-    s(this, Wt, (e, i) => {
+    s(this, $t, (e, i) => {
       if (t(this, O).current) {
         if (t(this, O).current < 0 && i > 0)
           return;
@@ -304,11 +304,11 @@ class Ot extends HTMLElement {
         const n = d(this, o, he).call(this);
         n && this.scrollToSection(n.index, {
           tween: {
-            duration: t(this, gt).current,
+            duration: t(this, St).current,
             easing: xe
           }
         });
-      }, t(this, Q).current))), !(e.includes("drag") && !Te.isMobile && !t(this, mt).current)) {
+      }, t(this, Q).current))), !(e.includes("drag") && !Te.isMobile && !t(this, bt).current)) {
         if (t(this, I).current && e !== "drag") {
           const n = Math.sign(i);
           if (t(this, l).length) {
@@ -318,26 +318,26 @@ class Ot extends HTMLElement {
                 duration: t(this, _).current || 500
               } : void 0
             };
-            t(this, Ft) ? this.scrollToSection(t(this, g).current, c) : this.shiftSections(n, c);
+            t(this, Wt) ? this.scrollToSection(t(this, g).current, c) : this.shiftSections(n, c);
           } else
             t(this, u).shift(n * t(this, y));
         } else
           t(this, u).shift(i);
-        h(this, Ft, e === "drag");
+        h(this, Wt, e === "drag");
       }
     });
     if (Qt) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets.push(He);
       const i = document.createElement("div");
-      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, Y, document.createElement("div")), t(this, Y).className = "content-wrapper", h(this, f, document.createElement("div")), t(this, f).className = "content", h(this, xt, document.createElement("slot")), t(this, f).appendChild(t(this, xt)), t(this, Y).appendChild(t(this, f)), e.appendChild(t(this, Y));
+      i.className = "static", i.innerHTML = '<slot name="static"></slot>', e.appendChild(i), h(this, Y, document.createElement("div")), t(this, Y).className = "content-wrapper", h(this, p, document.createElement("div")), t(this, p).className = "content", h(this, xt, document.createElement("slot")), t(this, p).appendChild(t(this, xt)), t(this, Y).appendChild(t(this, p)), e.appendChild(t(this, Y));
     }
   }
   get damped() {
     return t(this, u);
   }
   get controlsCSSProperty() {
-    return t(this, at);
+    return t(this, ut);
   }
   get axisCSSProperty() {
     return t(this, P);
@@ -367,7 +367,7 @@ class Ot extends HTMLElement {
     return t(this, Z);
   }
   get dragInertionCSSProperty() {
-    return t(this, ut);
+    return t(this, dt);
   }
   get sectionsInViewCSSProperty() {
     return t(this, D);
@@ -376,16 +376,16 @@ class Ot extends HTMLElement {
     return t(this, C);
   }
   get dampingCSSProperty() {
-    return t(this, dt);
+    return t(this, pt);
   }
   get massCSSProperty() {
     return t(this, ft);
   }
   get stiffnessCSSProperty() {
-    return t(this, pt);
+    return t(this, mt);
   }
   get mouseDragCSSProperty() {
-    return t(this, mt);
+    return t(this, bt);
   }
   get sectionDistanceScaleCSSProperty() {
     return t(this, wt);
@@ -394,7 +394,7 @@ class Ot extends HTMLElement {
     return t(this, k);
   }
   get autoplayPauseDurationCSSProperty() {
-    return t(this, bt);
+    return t(this, gt);
   }
   get autoplayUserDirectionCSSProperty() {
     return t(this, j);
@@ -412,10 +412,10 @@ class Ot extends HTMLElement {
     return t(this, Q);
   }
   get focusDurationCSSProperty() {
-    return t(this, gt);
+    return t(this, St);
   }
   get disabledCSSProperty() {
-    return t(this, St);
+    return t(this, vt);
   }
   get hibernatedCSSProperty() {
     return t(this, X);
@@ -430,16 +430,16 @@ class Ot extends HTMLElement {
     return t(this, Y);
   }
   get contentElement() {
-    return t(this, f);
+    return t(this, p);
   }
   get sections() {
     return t(this, l);
   }
   get position() {
-    return t(this, Ht);
+    return t(this, Bt);
   }
   get contentPosition() {
-    return t(this, Bt);
+    return t(this, Ft);
   }
   get viewportSize() {
     return t(this, y);
@@ -454,7 +454,9 @@ class Ot extends HTMLElement {
     return t(this, g);
   }
   get limit() {
-    return t(this, l).length - t(this, D).current;
+    return Math.ceil(
+      t(this, l).length - t(this, D).current
+    );
   }
   get distance() {
     return t(this, et);
@@ -527,21 +529,21 @@ class Ot extends HTMLElement {
     this.setPosition(t(this, u).target + e, i);
   }
   connectedCallback() {
-    lt.register(this), h(this, u, new Le(0, {
+    ct.register(this), h(this, u, new Le(0, {
       damping: 0.01,
       min: 0,
       order: Pe.SCROLL
-    })), this.setAttribute("tabindex", "0"), h(this, T, new ke({ element: t(this, f) })), t(this, T).changeEvent.subscribe(t(this, kt)), h(this, tt, new Ie({
+    })), this.setAttribute("tabindex", "0"), h(this, T, new ke({ element: t(this, p) })), t(this, T).changeEvent.subscribe(t(this, kt)), h(this, tt, new Ie({
       element: this
     })), t(this, tt).changeEvent.subscribe(
       t(this, kt)
-    ), h(this, M, new De({ element: t(this, f) })), t(this, M).changeEvent.subscribe(t(this, kt)), h(this, E, new Ae({
+    ), h(this, M, new De({ element: t(this, p) })), t(this, M).changeEvent.subscribe(t(this, kt)), h(this, E, new Ae({
       culling: this
-    })), t(this, E).changeEvent.subscribe(t(this, Wt)), t(this, P).subscribe(({ current: e }) => {
-      t(this, f).style.flexDirection = e === "x" ? "row" : "column", t(this, T).axis = t(this, Z).current ? "max" : e, t(this, tt).dimension = e === "x" ? "width" : "height", t(this, M).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, z).call(this);
+    })), t(this, E).changeEvent.subscribe(t(this, $t)), t(this, P).subscribe(({ current: e }) => {
+      t(this, p).style.flexDirection = e === "x" ? "row" : "column", t(this, T).axis = t(this, Z).current ? "max" : e, t(this, tt).dimension = e === "x" ? "width" : "height", t(this, M).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, z).call(this);
     }), t(this, Z).subscribe((e) => {
       t(this, T).axis = e.current ? "max" : t(this, P).current;
-    }), t(this, ut).subscribe((e) => {
+    }), t(this, dt).subscribe((e) => {
       t(this, M).inertion = typeof e.current == "number" ? e.current : 1;
     }), t(this, R).subscribe(() => {
       this.isConnected && t(this, z).call(this);
@@ -552,48 +554,48 @@ class Ot extends HTMLElement {
     }), t(this, B).subscribe((e) => {
       this.isConnected && (t(this, z).call(this), e.current && !e.previous && !t(this, l).length ? d(this, o, Vt).call(this) : !e.current && e.previous && t(this, l).length && d(this, o, Et).call(this));
     }), t(this, D).subscribe((e) => {
-      this.isConnected && (t(this, z).call(this), d(this, o, ot).call(this));
+      this.isConnected && (t(this, z).call(this), d(this, o, lt).call(this));
     }), t(this, C).subscribe((e) => {
       e.current ? (this.isConnected && (t(this, l).length || (t(this, H).current = !0)), t(this, l).length && (t(this, u).max = 1 / 0, t(this, u).min = -1 / 0)) : (h(this, Pt, 0), t(this, u).max = t(this, S), t(this, u).min = 0);
-    }), t(this, dt).subscribe((e) => {
+    }), t(this, pt).subscribe((e) => {
       t(this, u).damping = e.current;
     }), t(this, ft).subscribe((e) => {
       t(this, u).mass = e.current;
-    }), t(this, pt).subscribe((e) => {
+    }), t(this, mt).subscribe((e) => {
       t(this, u).stiffness = e.current;
     }), t(this, k).subscribe((e) => {
       t(this, E).speed = e.current, !t(this, st) && e.current && !e.previous ? t(this, E).connect() : !e.current && e.previous && t(this, E).disconnect();
     }), t(this, j).subscribe((e) => {
       e.current || (t(this, E).direction = 1);
     }), t(this, A).subscribe((e) => {
-      this.isConnected && d(this, o, ot).call(this);
+      this.isConnected && d(this, o, lt).call(this);
     }), t(this, J).subscribe((e) => {
-      this.isConnected && t(this, A).current && d(this, o, ot).call(this);
+      this.isConnected && t(this, A).current && d(this, o, lt).call(this);
     }), t(this, F).subscribe((e) => {
-      this.isConnected && t(this, A).current && d(this, o, ot).call(this);
+      this.isConnected && t(this, A).current && d(this, o, lt).call(this);
     }), t(this, u).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
     }), t(this, g).subscribe((e) => {
-      t(this, l).length && d(this, o, ot).call(this);
+      t(this, l).length && d(this, o, lt).call(this);
     }), t(this, $).subscribe((e) => {
       t(this, $).isRunning.current && t(this, u).set(e.current, { equalize: !0 });
-    }), t(this, St).subscribe((e) => {
-      e.current && !e.previous ? d(this, o, _t).call(this) : !e.current && e.previous && d(this, o, Zt).call(this);
+    }), t(this, vt).subscribe((e) => {
+      e.current && !e.previous ? d(this, o, Zt).call(this) : !e.current && e.previous && d(this, o, jt).call(this);
     }), t(this, X).subscribe((e) => {
       e.current && !e.previous ? d(this, o, se).call(this) : !e.current && e.previous && d(this, o, ie).call(this);
-    }), t(this, at).observe(), t(this, P).observe(), t(this, O).observe(), t(this, R).observe(), t(this, H).observe(), t(this, I).observe(), t(this, K).observe(), t(this, _).observe(), t(this, B).observe(), t(this, Z).observe(), t(this, ut).observe(), t(this, D).observe(), t(this, C).observe(), t(this, dt).observe(), t(this, ft).observe(), t(this, pt).observe(), t(this, mt).observe(), t(this, wt).observe(), t(this, k).observe(), t(this, k).observe(), t(this, bt).observe(), t(this, j).observe(), t(this, A).observe(), t(this, J).observe(), t(this, F).observe(), t(this, Q).observe(), t(this, gt).observe(), t(this, St).observe(), t(this, X).observe(), t(this, X).current || d(this, o, ie).call(this);
+    }), t(this, ut).observe(), t(this, P).observe(), t(this, O).observe(), t(this, R).observe(), t(this, H).observe(), t(this, I).observe(), t(this, K).observe(), t(this, _).observe(), t(this, B).observe(), t(this, Z).observe(), t(this, dt).observe(), t(this, D).observe(), t(this, C).observe(), t(this, pt).observe(), t(this, ft).observe(), t(this, mt).observe(), t(this, bt).observe(), t(this, wt).observe(), t(this, k).observe(), t(this, k).observe(), t(this, gt).observe(), t(this, j).observe(), t(this, A).observe(), t(this, J).observe(), t(this, F).observe(), t(this, Q).observe(), t(this, St).observe(), t(this, vt).observe(), t(this, X).observe(), t(this, X).current || d(this, o, ie).call(this);
   }
   disconnectedCallback() {
-    this.removeAttribute("tabindex"), this.classList.remove("has-overflow"), t(this, at).unobserve(), t(this, P).unobserve(), t(this, O).unobserve(), t(this, R).unobserve(), t(this, H).unobserve(), t(this, I).unobserve(), t(this, K).unobserve(), t(this, _).unobserve(), t(this, B).unobserve(), t(this, Z).unobserve(), t(this, ut).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, dt).unobserve(), t(this, ft).unobserve(), t(this, pt).unobserve(), t(this, mt).unobserve(), t(this, wt).unobserve(), t(this, k).unobserve(), t(this, bt).unobserve(), t(this, j).unobserve(), t(this, A).unobserve(), t(this, J).unobserve(), t(this, F).unobserve(), t(this, Q).unobserve(), t(this, gt).unobserve(), t(this, St).unobserve(), t(this, X).unobserve(), d(this, o, se).call(this);
+    this.removeAttribute("tabindex"), this.classList.remove("has-overflow"), t(this, ut).unobserve(), t(this, P).unobserve(), t(this, O).unobserve(), t(this, R).unobserve(), t(this, H).unobserve(), t(this, I).unobserve(), t(this, K).unobserve(), t(this, _).unobserve(), t(this, B).unobserve(), t(this, Z).unobserve(), t(this, dt).unobserve(), t(this, D).unobserve(), t(this, C).unobserve(), t(this, pt).unobserve(), t(this, ft).unobserve(), t(this, mt).unobserve(), t(this, bt).unobserve(), t(this, wt).unobserve(), t(this, k).unobserve(), t(this, gt).unobserve(), t(this, j).unobserve(), t(this, A).unobserve(), t(this, J).unobserve(), t(this, F).unobserve(), t(this, Q).unobserve(), t(this, St).unobserve(), t(this, vt).unobserve(), t(this, X).unobserve(), d(this, o, se).call(this);
   }
 }
-u = new WeakMap(), at = new WeakMap(), P = new WeakMap(), O = new WeakMap(), R = new WeakMap(), H = new WeakMap(), I = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), B = new WeakMap(), Z = new WeakMap(), ut = new WeakMap(), D = new WeakMap(), C = new WeakMap(), dt = new WeakMap(), ft = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), wt = new WeakMap(), k = new WeakMap(), bt = new WeakMap(), j = new WeakMap(), A = new WeakMap(), J = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), gt = new WeakMap(), St = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), f = new WeakMap(), xt = new WeakMap(), l = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), y = new WeakMap(), S = new WeakMap(), L = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), M = new WeakMap(), E = new WeakMap(), g = new WeakMap(), Pt = new WeakMap(), et = new WeakMap(), W = new WeakMap(), st = new WeakMap(), vt = new WeakMap(), Lt = new WeakMap(), it = new WeakMap(), $ = new WeakMap(), Ft = new WeakMap(), o = new WeakSet(), Vt = function() {
+u = new WeakMap(), ut = new WeakMap(), P = new WeakMap(), O = new WeakMap(), R = new WeakMap(), H = new WeakMap(), I = new WeakMap(), K = new WeakMap(), _ = new WeakMap(), B = new WeakMap(), Z = new WeakMap(), dt = new WeakMap(), D = new WeakMap(), C = new WeakMap(), pt = new WeakMap(), ft = new WeakMap(), mt = new WeakMap(), bt = new WeakMap(), wt = new WeakMap(), k = new WeakMap(), gt = new WeakMap(), j = new WeakMap(), A = new WeakMap(), J = new WeakMap(), F = new WeakMap(), Q = new WeakMap(), St = new WeakMap(), vt = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), p = new WeakMap(), xt = new WeakMap(), l = new WeakMap(), Bt = new WeakMap(), Ft = new WeakMap(), y = new WeakMap(), S = new WeakMap(), L = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), M = new WeakMap(), E = new WeakMap(), g = new WeakMap(), Pt = new WeakMap(), et = new WeakMap(), W = new WeakMap(), st = new WeakMap(), yt = new WeakMap(), Lt = new WeakMap(), it = new WeakMap(), $ = new WeakMap(), Wt = new WeakMap(), o = new WeakSet(), Vt = function() {
   d(this, o, Et).call(this), t(this, xt).assignedElements().forEach((e, i) => {
     e instanceof HTMLElement && t(this, l).push(new Re(e, i, this));
-  }), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
+  }), t(this, p).style.transform = "", Yt(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
-  }), t(this, z).call(this), d(this, o, ot).call(this);
+  }), t(this, z).call(this), d(this, o, lt).call(this);
 }, Et = function() {
   t(this, l).forEach((e) => {
     e.destroy();
@@ -601,21 +603,21 @@ u = new WeakMap(), at = new WeakMap(), P = new WeakMap(), O = new WeakMap(), R =
     custom: !0,
     composed: !0
   });
-}, _t = function() {
+}, Zt = function() {
   t(this, st) || (h(this, st, !0), t(this, u).unsubscribe(t(this, zt)), t(this, u).unlistenAnimationFrame(), clearInterval(t(this, Lt)), clearInterval(t(this, it)), t(this, $).unlistenAnimationFrame(), t(this, T).disconnect(), t(this, tt).disconnect(), t(this, M).disconnect(), t(this, E).disconnect(), t(this, W) || this.sections.forEach((e) => {
     e.unsetTransform();
   }));
-}, Zt = function() {
+}, jt = function() {
   t(this, st) && (h(this, st, !1), t(this, u).subscribe(t(this, zt)), t(this, T).connect(), t(this, tt).connect(), t(this, M).connect(), t(this, k).current && t(this, E).connect());
 }, se = function() {
-  t(this, vt) || (h(this, vt, !0), jt.unsubscribe(t(this, z)), Jt.unsubscribe(t(this, z)), d(this, o, _t).call(this), t(this, f).style.transform = "", t(this, l).length ? d(this, o, Et).call(this) : (t(this, g).reset(), t(this, u).reset()), lt.unregister(this));
+  t(this, yt) || (h(this, yt, !0), Jt.unsubscribe(t(this, z)), Ot.unsubscribe(t(this, z)), d(this, o, Zt).call(this), t(this, p).style.transform = "", t(this, l).length ? d(this, o, Et).call(this) : (t(this, g).reset(), t(this, u).reset()), ct.unregister(this));
 }, ie = function() {
-  t(this, vt) && (h(this, vt, !1), lt.register(this), (t(this, C).current || t(this, H).current || t(this, C).current || t(this, B).current || t(this, I).current) && d(this, o, Vt).call(this), d(this, o, Zt).call(this), jt.subscribe(t(this, z), me.SCROLL), Jt.subscribe(this, t(this, z)));
+  t(this, yt) && (h(this, yt, !1), ct.register(this), (t(this, C).current || t(this, H).current || t(this, C).current || t(this, B).current || t(this, I).current) && d(this, o, Vt).call(this), d(this, o, jt).call(this), Jt.subscribe(t(this, z), me.SCROLL), Ot.subscribe(this, t(this, z)));
 }, z = new WeakMap(), zt = new WeakMap(), ge = function(e) {
-  t(this, C).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 = pe(e, 0, this.limit);
-}, kt = new WeakMap(), Wt = new WeakMap(), re = function(e = 1) {
+  t(this, C).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 = fe(e, 0, this.limit);
+}, kt = new WeakMap(), $t = new WeakMap(), re = function(e = 1) {
   t(this, j).current && (t(this, E).direction = e), t(this, k).current && t(this, E).pauseAndContinue(
-    t(this, bt).current,
+    t(this, gt).current,
     this.sectionalCSSProperty.current
   );
 }, ne = function(e = "current") {
@@ -624,7 +626,7 @@ u = new WeakMap(), at = new WeakMap(), P = new WeakMap(), O = new WeakMap(), R =
     return i < 0 ? t(this, S) + i + t(this, y) + t(this, L) : i;
   } else
     return t(this, u)[e];
-}, ot = function() {
+}, lt = function() {
   if (t(this, A).current && t(this, l).length) {
     const e = t(this, g).current + t(this, J).current;
     e === 0 ? this.classList.add("start") : this.classList.remove("start"), e === this.limit ? this.classList.add("end") : this.classList.remove("end");
@@ -642,23 +644,23 @@ u = new WeakMap(), at = new WeakMap(), P = new WeakMap(), O = new WeakMap(), R =
   }
   return i !== null ? t(this, l)[i] : null;
 };
-customElements.get("e-scroll") || customElements.define("e-scroll", Ot);
-var $t;
+customElements.get("e-scroll") || customElements.define("e-scroll", Rt);
+var qt;
 class oe extends HTMLElement {
   constructor() {
     super(...arguments);
-    s(this, $t, null);
+    s(this, qt, null);
   }
   get scrollElement() {
-    return t(this, $t);
+    return t(this, qt);
   }
   connectedCallback() {
-    const e = be(this, Ot);
-    e instanceof Ot ? h(this, $t, e) : console.error(this, "e-scroll not found");
+    const e = be(this, Rt);
+    e instanceof Rt ? h(this, qt, e) : console.error(this, "e-scroll not found");
   }
 }
-$t = new WeakMap();
-var rt, w, q, N, It, Dt, yt, qt, Nt, Ut;
+qt = new WeakMap();
+var rt, w, q, N, It, Dt, nt, Nt, Ut, Gt;
 class Be extends oe {
   constructor() {
     super();
@@ -668,18 +670,18 @@ class Be extends oe {
     s(this, N, 0);
     s(this, It, 0);
     s(this, Dt, 0);
-    s(this, yt, () => {
+    s(this, nt, () => {
       h(this, q, this.offsetWidth > this.offsetHeight);
       const e = t(this, q) ? this.offsetWidth : this.offsetHeight;
-      h(this, N, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, N, Math.max(t(this, N), 30)), t(this, q) ? (t(this, w).style.width = t(this, N) + "px", t(this, w).style.height = "100%") : (t(this, w).style.width = "100%", t(this, w).style.height = t(this, N) + "px"), h(this, It, e - t(this, N)), this.scrollElement.scrollSize || (this.style.display = "none");
+      h(this, N, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), h(this, N, Math.max(t(this, N), 30)), t(this, q) ? (t(this, w).style.width = t(this, N) + "px", t(this, w).style.height = "100%") : (t(this, w).style.width = "100%", t(this, w).style.height = t(this, N) + "px"), h(this, It, e - t(this, N)), this.scrollElement.scrollSize ? this.style.display = "" : this.style.display = "none";
     });
-    s(this, qt, () => {
+    s(this, Nt, () => {
       h(this, Dt, this.scrollElement.currentProgress * t(this, It)), t(this, q) ? t(this, w).style.transform = `translate3d(${t(this, Dt)}px, 0px, 0px)` : t(this, w).style.transform = `translate3d(0px, ${t(this, Dt)}px, 0px)`;
     });
-    s(this, Nt, () => {
+    s(this, Ut, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    s(this, Ut, (e) => {
+    s(this, Gt, (e) => {
       document.documentElement.classList.add("grabbing"), Me(
         (c) => {
           const b = t(this, q) ? c.x : c.y, x = this.scrollElement.distance / t(this, It), Ct = (b - n) * x;
@@ -694,7 +696,7 @@ class Be extends oe {
     if (Qt) {
       const e = this.attachShadow({ mode: "open" });
       e.adoptedStyleSheets.push(
-        fe({
+        pe({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -715,8 +717,8 @@ class Be extends oe {
             height: "1vmin"
           },
           ".default-thumb": {
-            backgroundColor: "black",
-            borderRadius: "0.3vmin",
+            backgroundColor: "var(--thumb-color, black)",
+            borderRadius: "var(--thumb-radius, 0px)",
             touchAction: "none"
           },
           "::slotted(*)": {
@@ -732,13 +734,13 @@ class Be extends oe {
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
     const e = t(this, rt).assignedElements()[0] || t(this, rt).firstElementChild;
-    h(this, w, e), t(this, w).addEventListener("pointerdown", t(this, Ut)), jt.subscribe(t(this, yt), me.SCROLL), Jt.subscribe(this, t(this, yt)), this.scrollElement.onScroll(t(this, qt)), this.scrollElement.axisCSSProperty.subscribe(t(this, Nt));
+    h(this, w, e), t(this, w).addEventListener("pointerdown", t(this, Gt)), Jt.subscribe(t(this, nt), me.SCROLL), Ot.subscribe(this, t(this, nt)), Ot.subscribe(this.scrollElement, t(this, nt)), this.scrollElement.onScroll(t(this, Nt)), this.scrollElement.axisCSSProperty.subscribe(t(this, Ut));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), t(this, w).removeEventListener("pointerdown", t(this, Ut)), jt.unsubscribe(t(this, yt)), Jt.unsubscribe(t(this, yt)), this.scrollElement.offScroll(t(this, qt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Nt));
+    this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, w).removeEventListener("pointerdown", t(this, Gt)), Jt.unsubscribe(t(this, nt)), Ot.unsubscribe(t(this, nt)), this.scrollElement.offScroll(t(this, Nt)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Ut));
   }
 }
-rt = new WeakMap(), w = new WeakMap(), q = new WeakMap(), N = new WeakMap(), It = new WeakMap(), Dt = new WeakMap(), yt = new WeakMap(), qt = new WeakMap(), Nt = new WeakMap(), Ut = new WeakMap();
+rt = new WeakMap(), w = new WeakMap(), q = new WeakMap(), N = new WeakMap(), It = new WeakMap(), Dt = new WeakMap(), nt = new WeakMap(), Nt = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap();
 customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Be);
 class Se extends oe {
   constructor() {
@@ -765,48 +767,48 @@ class We extends Se {
   }
 }
 customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", We);
-var U, nt, At, Gt, Kt, Tt;
+var U, ht, At, Kt, _t, Tt;
 class $e {
   constructor(r, e, i) {
     s(this, U, null);
-    s(this, nt, null);
+    s(this, ht, null);
     s(this, At, null);
-    s(this, Gt, null);
-    s(this, Kt, () => {
-      t(this, nt).scrollToSection(t(this, At), {
-        behaviour: t(this, Gt)
+    s(this, Kt, null);
+    s(this, _t, () => {
+      t(this, ht).scrollToSection(t(this, At), {
+        behaviour: t(this, Kt)
       });
     });
     s(this, Tt, () => {
       t(this, U).classList.toggle(
         "current",
-        t(this, nt).counter.current === t(this, At)
+        t(this, ht).counter.current === t(this, At)
       );
     });
-    Qt && (h(this, U, document.createElement("button")), h(this, nt, r), h(this, Gt, i), h(this, At, e), t(this, U).addEventListener("click", t(this, Kt)), t(this, nt).counter.subscribe(t(this, Tt)), t(this, Tt).call(this));
+    Qt && (h(this, U, document.createElement("button")), h(this, ht, r), h(this, Kt, i), h(this, At, e), t(this, U).addEventListener("click", t(this, _t)), t(this, ht).counter.subscribe(t(this, Tt)), t(this, Tt).call(this));
   }
   get element() {
     return t(this, U);
   }
   destroy() {
-    t(this, U).removeEventListener("click", t(this, Kt)), t(this, nt).counter.unsubscribe(t(this, Tt)), t(this, U).remove();
+    t(this, U).removeEventListener("click", t(this, _t)), t(this, ht).counter.unsubscribe(t(this, Tt)), t(this, U).remove();
   }
 }
-U = new WeakMap(), nt = new WeakMap(), At = new WeakMap(), Gt = new WeakMap(), Kt = new WeakMap(), Tt = new WeakMap();
-var ht, Mt;
+U = new WeakMap(), ht = new WeakMap(), At = new WeakMap(), Kt = new WeakMap(), _t = new WeakMap(), Tt = new WeakMap();
+var ot, Mt;
 class qe extends oe {
   constructor() {
     super(...arguments);
-    s(this, ht, []);
+    s(this, ot, []);
     s(this, Mt, Ve(() => {
-      t(this, ht).forEach((e) => e.destroy()), h(this, ht, []);
+      t(this, ot).forEach((e) => e.destroy()), h(this, ot, []);
       for (let e = 0; e < this.scrollElement.sections.length; e++) {
         const i = new $e(
           this.scrollElement,
           e,
           this.getAttribute("behaviour") || "smooth"
         );
-        this.appendChild(i.element), t(this, ht).push(i);
+        this.appendChild(i.element), t(this, ot).push(i);
       }
     }, 0));
   }
@@ -820,15 +822,15 @@ class qe extends oe {
     this.scrollElement.removeEventListener(
       "sectionsChange",
       t(this, Mt)
-    ), t(this, ht).forEach((e) => e.destroy()), h(this, ht, []);
+    ), t(this, ot).forEach((e) => e.destroy()), h(this, ot, []);
   }
 }
-ht = new WeakMap(), Mt = new WeakMap();
+ot = new WeakMap(), Mt = new WeakMap();
 customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", qe);
 class Ne extends Oe {
   connectedCallback() {
-    const r = be(this, Ot);
-    r instanceof Ot ? (this.scrollContainer = r, this.scrollContainer.addEventListener(
+    const r = be(this, Rt);
+    r instanceof Rt ? (this.scrollContainer = r, this.scrollContainer.addEventListener(
       "scrollSectionsChange",
       this.findAnotherScrollEntries
     )) : console.error(this, "e-scroll not found");
@@ -837,7 +839,7 @@ class Ne extends Oe {
 customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Ne);
 export {
   qe as ScrollBulletButtonsElement,
-  Ot as ScrollElement,
+  Rt as ScrollElement,
   Ne as ScrollSegmentElement,
   Fe as ScrollSetButtonElement,
   We as ScrollStepButtonElement,

package/package.json

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