aptechka 0.50.23 → 0.50.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/scroll/ScrollSection.d.ts +1 -0
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +37 -34
- package/package.json +1 -1
|
@@ -21,6 +21,7 @@ export declare class ScrollSection {
|
|
|
21
21
|
resize(): void;
|
|
22
22
|
transform(): void;
|
|
23
23
|
setMark(mark: ScrollSectionMark): void;
|
|
24
|
+
setMiddle(bool: boolean): void;
|
|
24
25
|
setIndex(value: number | null): void;
|
|
25
26
|
setCurrentIndex(value: number | null): void;
|
|
26
27
|
setCurrentIndexArc(value: number | null): void;
|
package/lib/scroll/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Ne=Object.defineProperty;var ze=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,Ge=Object.prototype.propertyIsEnumerable;var Ie=a=>{throw TypeError(a)};var ke=(a,n,e)=>n in a?Ne(a,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[n]=e,Re=(a,n)=>{for(var e in n||(n={}))Ue.call(n,e)&&ke(a,e,n[e]);if(ze)for(var e of ze(n))Ge.call(n,e)&&ke(a,e,n[e]);return a};var Ce=(a,n,e)=>n.has(a)||Ie("Cannot "+e);var t=(a,n,e)=>(Ce(a,n,"read from private field"),e?e.call(a):n.get(a)),s=(a,n,e)=>n.has(a)?Ie("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(a):n.set(a,e),h=(a,n,e,i)=>(Ce(a,n,"write to private field"),i?i.call(a,e):n.set(a,e),e),c=(a,n,e)=>(Ce(a,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("../Store-DRp_K37w.cjs"),O=require("../index-Cqw2NKev.cjs"),je=require("../easings-GegIwET5.cjs"),te=require("../events-KVanG9sR.cjs"),Ae=require("../jss-CRBgdvJ3.cjs"),At=require("../layout-Ctc2p3uz.cjs"),Te=require("../math-GDWEqu7y.cjs"),Ke=require("../number-0243DApo.cjs");require("../ticker/index.cjs");const pe=require("../order/index.cjs"),Je=require("../Damped-B1lXa9nb.cjs"),Qe=require("../Tweened-cJ36zq1A.cjs"),Se=require("../controls/index.cjs"),Tt=require("../window-resizer/index.cjs"),gt=require("../scroll-entries/index.cjs"),Me=require("../css-unit-parser/index.cjs"),S=require("../css-property/index.cjs"),Xe=require("../device/index.cjs"),se=require("../element-resizer/index.cjs"),Ye=require("../gestures-C7gbKx11.cjs"),qe=require("../dom-JBOkFLTh.cjs"),ts=require("../function-MthRj-GJ.cjs"),es=require("../scroll-segment/index.cjs");var b,qt,g,yt,V,X,Ct,Dt,be;class ss{constructor(n,e,i){s(this,Dt);s(this,b);s(this,qt);s(this,g);s(this,yt,0);s(this,V,0);s(this,X,null);s(this,Ct,0);h(this,b,n),h(this,qt,e),h(this,g,i),gt.scrollEntries.register(t(this,b)),this.setIndex(t(this,qt))}get element(){return t(this,b)}get index(){return t(this,qt)}get size(){return t(this,yt)}get position(){return t(this,V)}get transformPosition(){return t(this,Ct)}destroy(){gt.scrollEntries.unregister(t(this,b)),this.unsetTransform()}unsetTransform(){t(this,b).style.transform="",this.setMark(null),this.setIndex(null),this.setCurrentIndex(null),this.setCurrentIndexArc(null),this.setSize()}setSize(n){n?(t(this,b).style.setProperty("--size",n+"px"),t(this,g).axisCSSProperty.current==="x"?(t(this,b).style.width=n+"px",t(this,b).style.height=""):(t(this,b).style.height=n+"px",t(this,b).style.width="")):(t(this,b).style.width="",t(this,b).style.height="",t(this,b).style.removeProperty("--size"))}resize(){h(this,yt,t(this,g).vertical?t(this,b).offsetHeight:t(this,b).offsetWidth),h(this,V,t(this,g).vertical?At.getCumulativeOffsetTop(t(this,b)):At.getCumulativeOffsetLeft(t(this,b))),h(this,V,t(this,V)-t(this,g).contentPosition)}transform(){let n=0;const e=t(this,g).viewportSize*t(this,g).sectionDistanceScaleCSSProperty.current;t(this,g).loopCSSProperty.current&&t(this,g).overscroll&&t(this,V)+t(this,yt)<t(this,g).currentScrollValue&&(n=t(this,g).distance*-1-t(this,g).gap),gt.scrollEntries.update(t(this,b),t(this,g).axisCSSProperty.current,n);const i=t(this,g).currentScrollValue+n,r=t(this,V)-t(this,g).viewportSize-e,u=t(this,V)+t(this,yt)+e,f=Te.clamp(i,r,u);h(this,Ct,f*-1),t(this,g).vertical?t(this,b).style.transform=`translate3d(0px, ${t(this,Ct)}px, 0px)`:t(this,b).style.transform=`translate3d(${t(this,Ct)}px, 0px, 0px)`}setMark(n){t(this,X)!==n&&(t(this,X)&&t(this,b).classList.remove(t(this,X)),n&&t(this,b).classList.add(n),h(this,X,n),te.dispatchEvent(t(this,b),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,X)},custom:!0}))}setIndex(n){c(this,Dt,be).call(this,"--index",n)}setCurrentIndex(n){c(this,Dt,be).call(this,"--current-index",n)}setCurrentIndexArc(n){c(this,Dt,be).call(this,"--current-index-arc",n)}}b=new WeakMap,qt=new WeakMap,g=new WeakMap,yt=new WeakMap,V=new WeakMap,X=new WeakMap,Ct=new WeakMap,Dt=new WeakSet,be=function(n,e){e!==null?t(this,b).style.setProperty(n,e.toString()):t(this,b).style.removeProperty(n)};const is=Ae.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},":host(.hibernated) .content-wrapper":{display:"contents"},":host(.hibernated) .content":{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var d,vt,x,Y,_,H,W,A,tt,et,F,st,wt,T,C,Et,Pt,xt,Lt,Bt,R,zt,it,M,rt,$,nt,kt,ht,ot,lt,p,Ot,l,ie,re,y,m,k,q,ct,D,w,E,Vt,ut,N,U,G,_t,at,Z,Ht,B,P,ne,dt,o,ve,ee,Mt,fe,me,we,Ee,L,Wt,De,Ft,he,Pe,xe,mt,Be,ge,oe;class Rt extends HTMLElement{constructor(){super();s(this,o);s(this,d,null);s(this,vt,new S.CSSProperty(this,"--controls",!0));s(this,x,new S.CSSProperty(this,"--axis","y"));s(this,Y,new S.CSSProperty(this,"--reverse",!1));s(this,_,new S.CSSProperty(this,"--direction",0));s(this,H,new S.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,W,new S.CSSProperty(this,"--split",!1));s(this,A,new S.CSSProperty(this,"--sectional",!1));s(this,tt,new S.CSSProperty(this,"--tween-easing",!1));s(this,et,new S.CSSProperty(this,"--tween-duration",!1));s(this,F,new S.CSSProperty(this,"--auto-size",!1));s(this,st,new S.CSSProperty(this,"--wheel-max-delta",!1));s(this,wt,new S.CSSProperty(this,"--drag-inertion",1));s(this,T,new S.CSSProperty(this,"--sections-in-view",1));s(this,C,new S.CSSProperty(this,"--loop",!1));s(this,Et,new S.CSSProperty(this,"--damping",20));s(this,Pt,new S.CSSProperty(this,"--mass",0));s(this,xt,new S.CSSProperty(this,"--stiffness",0));s(this,Lt,new S.CSSProperty(this,"--mouse-drag",!1));s(this,Bt,new S.CSSProperty(this,"--section-distance-scale",.5));s(this,R,new S.CSSProperty(this,"--autoplay",0));s(this,zt,new S.CSSProperty(this,"--autoplay-pause-duration",0));s(this,it,new S.CSSProperty(this,"--autoplay-user-direction",!1));s(this,M,new S.CSSProperty(this,"--classes",!1));s(this,rt,new S.CSSProperty(this,"--current-index-start-offset",0));s(this,$,new S.CSSProperty(this,"--current-index-end-offset",0));s(this,nt,new S.CSSProperty(this,"--focus-delay",0));s(this,kt,new S.CSSProperty(this,"--focus-duration",3e3));s(this,ht,new S.CSSProperty(this,"--disabled",!1));s(this,ot,new S.CSSProperty(this,"--hibernate",!1));s(this,lt,null);s(this,p,null);s(this,Ot,null);s(this,l,[]);s(this,ie,0);s(this,re,0);s(this,y,0);s(this,m,0);s(this,k,0);s(this,q,null);s(this,ct,null);s(this,D,null);s(this,w,null);s(this,E,new Ze.Store(0));s(this,Vt,0);s(this,ut,0);s(this,N,!1);s(this,U,!0);s(this,G,!0);s(this,_t);s(this,at);s(this,Z,new Qe.Tweened);s(this,Ht,!1);s(this,B,null);s(this,P,!1);s(this,ne,null);s(this,dt,[]);s(this,L,()=>{if(t(this,ot).current)return;t(this,d).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,m)||0,i=t(this,E).current;if(h(this,ie,this.vertical?At.getCumulativeOffsetTop(this):At.getCumulativeOffsetLeft(this)),h(this,re,this.vertical?At.getCumulativeOffsetTop(t(this,p)):At.getCumulativeOffsetLeft(t(this,p))),h(this,y,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,k,Me.cssUnitParser.parse(getComputedStyle(t(this,p)).rowGap)):h(this,k,Me.cssUnitParser.parse(getComputedStyle(t(this,p)).columnGap)),t(this,F).current&&t(this,l).length){const r=t(this,T).current,u=(t(this,y)-t(this,k)*(r-1))/r;t(this,l).forEach(f=>{f.setSize(u)})}else t(this,l).forEach(r=>{r.setSize()});if(t(this,l).forEach(r=>{r.resize()}),t(this,H).current){h(this,m,t(this,y)*t(this,H).current);const r=t(this,m)+t(this,y);this.vertical?(t(this,p).style.width=r+"px",t(this,p).style.height="100%"):(t(this,p).style.height=r+"px",t(this,p).style.width="100%")}else this.vertical?(t(this,p).style.width="100%",t(this,p).style.height="max-content",h(this,m,t(this,p).offsetHeight-t(this,y))):(t(this,p).style.width="max-content",t(this,p).style.height="100%",h(this,m,t(this,p).offsetWidth-t(this,y)));if(!t(this,C).current){const r=getComputedStyle(this),u=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,m,t(this,m)+u),t(this,d).max=t(this,m)}if(t(this,C).current&&t(this,l).length){const r=t(this,l)[t(this,l).length-1],u=r.position+r.size-t(this,y),f=t(this,m)-u;h(this,ut,r.position+r.size+f)}else h(this,ut,t(this,m));if(t(this,A).current&&t(this,l).length){const r=t(this,l)[i];t(this,d).set(r.position,{equalize:!0})}else t(this,d).set(e*t(this,m),{equalize:!0});h(this,N,(this.vertical?t(this,p).offsetHeight:t(this,p).offsetWidth)>t(this,y)),this.classList.toggle("has-overflow",t(this,N)),t(this,N)?t(this,ht).current||c(this,o,me).call(this):c(this,o,fe).call(this),te.dispatchEvent(this,"scrollResize",{custom:!0}),t(this,Wt).call(this)});s(this,Wt,()=>{if(!t(this,N)||t(this,G)||t(this,U))return;const e=this.currentScrollValue;if(h(this,Vt,Math.max(0,e-t(this,m))),t(this,l).length){for(let i=0;i<t(this,l).length;i++)t(this,l)[i].transform();t(this,E).current=c(this,o,ge).call(this)}else this.vertical?t(this,p).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,p).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;c(this,o,Be).call(this),gt.scrollEntries.update(this,t(this,x).current,e)});s(this,Ft,(e,i)=>{t(this,vt).current&&(c(this,o,Pe).call(this,Math.sign(i)||1),t(this,he).call(this,e,i))});s(this,he,(e,i)=>{if(t(this,_).current){if(t(this,_).current<0&&i>0)return;if(t(this,_).current>0&&i<0)return}if(t(this,at)||t(this,Z).unlistenAnimationFrame(),!t(this,R).current&&t(this,nt).current&&(clearInterval(t(this,_t)),h(this,_t,setTimeout(()=>{const r=t(this,l)[c(this,o,ge).call(this)];r&&this.scrollToSection(r.index,{tween:{duration:t(this,kt).current,easing:je.easeInOutExpo}})},t(this,nt).current))),!(e.includes("drag")&&!Xe.device.isTouch&&!t(this,Lt).current)){if(t(this,A).current&&e!=="drag"){const r=Math.sign(i);if(t(this,l).length){const u={tween:t(this,tt).current||t(this,et).current?{easing:t(this,tt).current||"easeInOutCubic",duration:t(this,et).current||500}:void 0};t(this,Ht)?this.scrollToSection(t(this,E).current,u):this.shiftSections(r,u)}else t(this,d).shift(r*t(this,y))}else t(this,d).shift(i);h(this,Ht,e==="drag")}});s(this,oe,()=>{h(this,P,!0),this.hibernatedCSSProperty.current||c(this,o,Ee).call(this)});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[is];const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,lt,document.createElement("div")),t(this,lt).className="content-wrapper",h(this,p,document.createElement("div")),t(this,p).className="content",h(this,Ot,document.createElement("slot")),t(this,p).appendChild(t(this,Ot)),t(this,lt).appendChild(t(this,p)),e.appendChild(t(this,lt)),h(this,ne,new MutationObserver(r=>{this.tryResplit()}))}}get damped(){return t(this,d)}get controlsCSSProperty(){return t(this,vt)}get axisCSSProperty(){return t(this,x)}get reverseCSSProperty(){return t(this,Y)}get directionCSSProperty(){return t(this,_)}get pagesCSSProperty(){return t(this,H)}get splitCSSProperty(){return t(this,W)}get sectionalCSSProperty(){return t(this,A)}get easingCSSProperty(){return t(this,tt)}get durationCSSProperty(){return t(this,et)}get autoSizeCSSProperty(){return t(this,F)}get wheelMaxDeltaCSSProperty(){return t(this,st)}get dragInertionCSSProperty(){return t(this,wt)}get sectionsInViewCSSProperty(){return t(this,T)}get loopCSSProperty(){return t(this,C)}get dampingCSSProperty(){return t(this,Et)}get massCSSProperty(){return t(this,Pt)}get stiffnessCSSProperty(){return t(this,xt)}get mouseDragCSSProperty(){return t(this,Lt)}get sectionDistanceScaleCSSProperty(){return t(this,Bt)}get autoplayCSSProperty(){return t(this,R)}get autoplayPauseDurationCSSProperty(){return t(this,zt)}get autoplayUserDirectionCSSProperty(){return t(this,it)}get classesCSSProperty(){return t(this,M)}get currentIndexStartOffsetCSSProperty(){return t(this,rt)}get currentIndexEndOffsetCSSProperty(){return t(this,$)}get focusDelayCSSProperty(){return t(this,nt)}get focusDurationCSSProperty(){return t(this,kt)}get disabledCSSProperty(){return t(this,ht)}get hibernatedCSSProperty(){return t(this,ot)}get currentScrollValue(){return c(this,o,xe).call(this,"current")}get targetScrollValue(){return c(this,o,xe).call(this,"target")}get contentWrapperElement(){return t(this,lt)}get contentElement(){return t(this,p)}get sections(){return t(this,l)}get position(){return t(this,ie)}get contentPosition(){return t(this,re)}get viewportSize(){return t(this,y)}get scrollSize(){return t(this,m)}get gap(){return t(this,k)}get counter(){return t(this,E)}get limit(){return Math.ceil(t(this,l).length-t(this,T).current)}get distance(){return t(this,ut)}get loopDistance(){return t(this,C).current?t(this,ut)+t(this,k):t(this,ut)}get hasOverflow(){return t(this,N)}get overscroll(){return t(this,Vt)}get scrollLine(){return t(this,B)}get vertical(){return t(this,x).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,x).current==="y"?0:t(this,d).distance}get scrollHeight(){return t(this,x).current==="x"?0:t(this,d).distance}tryResplit(){!t(this,G)&&(t(this,C).current||t(this,W).current||t(this,C).current||t(this,F).current||t(this,A).current)&&c(this,o,ee).call(this)}onScroll(...e){return t(this,d).subscribe(...e)}offScroll(...e){t(this,d).unsubscribe(...e)}range(e,i,r=0){const u=e-r,f=u+i+r*2;return this.currentProgress<u?0:this.currentProgress>f?1:(this.currentProgress-u)/(f-u)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const u=e-r,f=u+i+r*2;return this.currentProgress>=u&&this.currentProgress<=f}scrollToSection(e,i){if(!t(this,l).length)return;const r=t(this,E).current,u=c(this,o,De).call(this,e),f=t(this,l)[r],v=t(this,l)[u];if(f&&v){let I=0;const ye=c(this,o,ge).call(this),Yt=t(this,l)[ye],$e=Yt?this.targetScrollValue-Yt.position:0;t(this,C).current?u===0&&r===t(this,l).length-1?I=t(this,m)+t(this,y)-f.position+t(this,k):u===t(this,l).length-1&&r===0?I=v.position-(t(this,m)+t(this,y)+t(this,k)):I=v.position-f.position:I=v.position-f.position,this.shiftPosition(I-$e,i)}}shiftSections(e,i){t(this,l).length&&this.scrollToSection(t(this,E).current+e,i)}setPosition(e,i){c(this,o,Pe).call(this,Math.sign(e)||1),i!=null&&i.tween?t(this,at)||(t(this,Z).set(t(this,d).current,{equalize:!0}),t(this,Z).set(e,Re({},i.tween)),h(this,at,setTimeout(()=>{h(this,at,void 0)},i.tween.duration||0))):t(this,d).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,d).target+e,i)}connectedCallback(){gt.scrollEntries.register(this),h(this,d,new Je.Damped(0,{damping:.01,min:0,order:pe.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,q,new Se.WheelControls({element:t(this,p)})),t(this,q).changeEvent.subscribe(t(this,Ft)),h(this,ct,new Se.KeyboardControls({element:this})),t(this,ct).changeEvent.subscribe(t(this,Ft)),h(this,D,new Se.DragControls({element:t(this,p)})),t(this,D).changeEvent.subscribe(t(this,Ft)),h(this,w,new Se.AutoplayControls({culling:this})),t(this,w).changeEvent.subscribe(t(this,he)),t(this,x).subscribe(()=>{c(this,o,ve).call(this)}),t(this,Y).subscribe(()=>{c(this,o,ve).call(this)}),t(this,st).subscribe(e=>{t(this,q).axis=e.current?"max":t(this,x).current}),t(this,wt).subscribe(e=>{t(this,D).inertion=typeof e.current=="number"?e.current:1}),t(this,H).subscribe(()=>{t(this,P)&&t(this,L).call(this)}),t(this,W).subscribe(({current:e})=>{t(this,P)&&(e?c(this,o,ee).call(this):c(this,o,Mt).call(this))}),t(this,A).subscribe(e=>{t(this,q).debounce=e.current,t(this,D).swipe=e.current,t(this,w).interval=e.current,t(this,P)&&(e.current&&!e.previous&&!t(this,l).length?c(this,o,ee).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Mt).call(this))}),t(this,F).subscribe(e=>{t(this,P)&&(t(this,L).call(this),e.current&&!e.previous&&!t(this,l).length?c(this,o,ee).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Mt).call(this))}),t(this,T).subscribe(e=>{t(this,P)&&(t(this,L).call(this),c(this,o,mt).call(this))}),t(this,C).subscribe(e=>{e.current?(t(this,P)&&(t(this,l).length||(t(this,W).current=!0)),t(this,d).max=1/0,t(this,d).min=-1/0):(h(this,Vt,0),t(this,d).max=t(this,m),t(this,d).min=0)}),t(this,Et).subscribe(e=>{t(this,d).damping=e.current}),t(this,Pt).subscribe(e=>{t(this,d).mass=e.current}),t(this,xt).subscribe(e=>{t(this,d).stiffness=e.current}),t(this,R).subscribe(e=>{t(this,w).speed=e.current,!t(this,U)&&e.current&&!e.previous?t(this,w).connect():!e.current&&e.previous&&t(this,w).disconnect()}),t(this,it).subscribe(e=>{e.current||(t(this,w).direction=1)}),t(this,M).subscribe(e=>{t(this,P)&&c(this,o,mt).call(this)}),t(this,rt).subscribe(e=>{t(this,P)&&t(this,M).current&&c(this,o,mt).call(this)}),t(this,$).subscribe(e=>{t(this,P)&&t(this,M).current&&c(this,o,mt).call(this)}),t(this,d).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,E).subscribe(e=>{t(this,l).length&&c(this,o,mt).call(this)}),t(this,Z).subscribe(e=>{t(this,Z).isRunning.current&&t(this,d).set(e.current,{equalize:!0})}),t(this,ht).subscribe(e=>{e.current&&!e.previous?(this.classList.add("disabled"),c(this,o,fe).call(this)):!e.current&&e.previous&&(this.classList.remove("disabled"),c(this,o,me).call(this))}),t(this,ot).subscribe(e=>{e.current&&!e.previous?(this.classList.add("hibernated"),c(this,o,we).call(this)):!e.current&&e.previous&&(this.classList.remove("hibernated"),c(this,o,Ee).call(this))}),t(this,vt).observe(),t(this,x).observe(),t(this,Y).observe(),t(this,_).observe(),t(this,H).observe(),t(this,W).observe(),t(this,A).observe(),t(this,tt).observe(),t(this,et).observe(),t(this,F).observe(),t(this,st).observe(),t(this,wt).observe(),t(this,T).observe(),t(this,C).observe(),t(this,Et).observe(),t(this,Pt).observe(),t(this,xt).observe(),t(this,Lt).observe(),t(this,Bt).observe(),t(this,R).observe(),t(this,R).observe(),t(this,zt).observe(),t(this,it).observe(),t(this,M).observe(),t(this,rt).observe(),t(this,$).observe(),t(this,nt).observe(),t(this,kt).observe(),t(this,ht).observe(),t(this,ot).observe(),Tt.windowResizer.subscribe(t(this,oe),pe.RESIZE_ORDER.LAST)}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("disabled"),this.classList.remove("hibernated"),t(this,vt).unobserve(),t(this,x).unobserve(),t(this,Y).unobserve(),t(this,_).unobserve(),t(this,H).unobserve(),t(this,W).unobserve(),t(this,A).unobserve(),t(this,tt).unobserve(),t(this,et).unobserve(),t(this,F).unobserve(),t(this,st).unobserve(),t(this,wt).unobserve(),t(this,T).unobserve(),t(this,C).unobserve(),t(this,Et).unobserve(),t(this,Pt).unobserve(),t(this,xt).unobserve(),t(this,Lt).unobserve(),t(this,Bt).unobserve(),t(this,R).unobserve(),t(this,zt).unobserve(),t(this,it).unobserve(),t(this,M).unobserve(),t(this,rt).unobserve(),t(this,$).unobserve(),t(this,nt).unobserve(),t(this,kt).unobserve(),t(this,ht).unobserve(),t(this,ot).unobserve(),Tt.windowResizer.unsubscribe(t(this,oe)),c(this,o,we).call(this),t(this,ne).disconnect()}}d=new WeakMap,vt=new WeakMap,x=new WeakMap,Y=new WeakMap,_=new WeakMap,H=new WeakMap,W=new WeakMap,A=new WeakMap,tt=new WeakMap,et=new WeakMap,F=new WeakMap,st=new WeakMap,wt=new WeakMap,T=new WeakMap,C=new WeakMap,Et=new WeakMap,Pt=new WeakMap,xt=new WeakMap,Lt=new WeakMap,Bt=new WeakMap,R=new WeakMap,zt=new WeakMap,it=new WeakMap,M=new WeakMap,rt=new WeakMap,$=new WeakMap,nt=new WeakMap,kt=new WeakMap,ht=new WeakMap,ot=new WeakMap,lt=new WeakMap,p=new WeakMap,Ot=new WeakMap,l=new WeakMap,ie=new WeakMap,re=new WeakMap,y=new WeakMap,m=new WeakMap,k=new WeakMap,q=new WeakMap,ct=new WeakMap,D=new WeakMap,w=new WeakMap,E=new WeakMap,Vt=new WeakMap,ut=new WeakMap,N=new WeakMap,U=new WeakMap,G=new WeakMap,_t=new WeakMap,at=new WeakMap,Z=new WeakMap,Ht=new WeakMap,B=new WeakMap,P=new WeakMap,ne=new WeakMap,dt=new WeakMap,o=new WeakSet,ve=function(){const e=t(this,x).current,i=t(this,Y).current?"-reverse":"";t(this,p).style.flexDirection=e==="x"?`row${i}`:`column${i}`,t(this,q).axis=t(this,st).current?"max":e,t(this,ct).dimension=e==="x"?"width":"height",t(this,D).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),t(this,P)&&t(this,L).call(this)},ee=function(){c(this,o,Mt).call(this),t(this,Ot).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,l).push(new ss(e,i,this))}),t(this,p).style.transform="",te.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,L).call(this),c(this,o,mt).call(this)},Mt=function(){t(this,l).forEach(e=>{e.destroy()}),h(this,l,[]),t(this,E).reset(),t(this,d).reset(),te.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},fe=function(){t(this,U)||(h(this,U,!0),t(this,d).unsubscribe(t(this,Wt)),t(this,d).unlistenAnimationFrame(),clearInterval(t(this,_t)),clearInterval(t(this,at)),t(this,Z).unlistenAnimationFrame(),t(this,q).disconnect(),t(this,ct).disconnect(),t(this,D).disconnect(),t(this,w).disconnect(),t(this,N)||(this.sections.forEach(e=>{e.unsetTransform()}),t(this,L).call(this)))},me=function(){t(this,U)&&(h(this,U,!1),t(this,d).subscribe(t(this,Wt)),t(this,q).connect(),t(this,ct).connect(),t(this,D).connect(),t(this,R).current&&t(this,w).connect())},we=function(){t(this,G)||(h(this,G,!0),Tt.windowResizer.unsubscribe(t(this,L)),se.elementResizer.unsubscribe(t(this,L)),c(this,o,fe).call(this),t(this,p).style.transform="",t(this,p).style.height="",t(this,p).style.width="",this.classList.remove("has-overflow","start","end"),t(this,l).length?c(this,o,Mt).call(this):(t(this,E).reset(),t(this,d).reset()),gt.scrollEntries.unregister(this))},Ee=function(){t(this,G)&&(h(this,G,!1),gt.scrollEntries.register(this),this.tryResplit(),c(this,o,me).call(this),Tt.windowResizer.subscribe(t(this,L),pe.RESIZE_ORDER.SCROLL),se.elementResizer.subscribe(this,t(this,L)))},L=new WeakMap,Wt=new WeakMap,De=function(e){let i=t(this,E).current;return t(this,C).current?i=Ke.loopNumber(e,t(this,l).length):i=Te.clamp(e,0,this.limit),i},Ft=new WeakMap,he=new WeakMap,Pe=function(e=1){t(this,it).current&&(t(this,w).direction=e),t(this,R).current&&t(this,w).pauseAndContinue(t(this,zt).current,this.sectionalCSSProperty.current)},xe=function(e="current"){if(t(this,C).current&&t(this,l).length){const i=t(this,d)[e]%(t(this,m)+t(this,y)+t(this,k));return i<0?t(this,m)+i+t(this,y)+t(this,k):i}else return t(this,d)[e]},mt=function(){if(t(this,l).length){const e=t(this,E).current+t(this,rt).current;if(e===0?h(this,B,"start"):e===this.limit?h(this,B,"end"):h(this,B,null),te.dispatchEvent(this,"scrollLine",{detail:{line:t(this,B)}}),t(this,M).current){this.classList.remove("end","start"),t(this,B)&&this.classList.add(t(this,B));const i=t(this,T).current+t(this,$).current;h(this,dt,[]),t(this,l).forEach((r,u)=>{r.setCurrentIndex(null),r.setCurrentIndexArc(null);const f=e-this.limit-1+t(this,$).current,v=e+i,I=this.sections.length-v;u>=e&&u<v||u<=f?(r.setMark("current"),t(this,dt).push(r)):u>=v&&u<v+I/2||u<=f+i?r.setMark("next"):r.setMark("previous")})}}},Be=function(){if(t(this,M).current){const e=Math.floor(t(this,dt).length/2);t(this,dt).sort((i,r)=>i.element.getBoundingClientRect().left-r.element.getBoundingClientRect().left),t(this,dt).forEach((i,r)=>{const u=Math.abs(r-e);i.setCurrentIndex(r),i.setCurrentIndexArc(u)})}},ge=function(){let e=this.targetScrollValue,i=1/0,r=0;const u=t(this,d).direction;for(let f=0;f<t(this,l).length;f++){const v=t(this,l)[f];let I=t(this,Ht)?v.size*u*-1*.4:0,ye=v.position;const Yt=Math.abs(ye+I-e);Yt<i&&(i=Yt,r=f)}return r},oe=new WeakMap;O.isBrowser&&!customElements.get("e-scroll")&&customElements.define("e-scroll",Rt);var le;class Le extends HTMLElement{constructor(){super(...arguments);s(this,le,null)}get scrollElement(){return t(this,le)}connectedCallback(){const e=qe.findParentElement(this,Rt);e instanceof Rt?h(this,le,e):console.error(this,"e-scroll not found")}}le=new WeakMap;var St,z,j,K,$t,Nt,pt,Ut,ce,ue;class Oe extends Le{constructor(){super();s(this,St,null);s(this,z,null);s(this,j,!1);s(this,K,0);s(this,$t,0);s(this,Nt,0);s(this,pt,()=>{h(this,j,this.offsetWidth>this.offsetHeight);const e=t(this,j)?this.offsetWidth:this.offsetHeight;h(this,K,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,K,Math.max(t(this,K),30)),t(this,j)?(t(this,z).style.width=t(this,K)+"px",t(this,z).style.height="100%"):(t(this,z).style.width="100%",t(this,z).style.height=t(this,K)+"px"),h(this,$t,e-t(this,K)),this.scrollElement.scrollSize<=0?this.style.display="none":this.style.display="",t(this,Ut).call(this)});s(this,Ut,()=>{h(this,Nt,this.scrollElement.currentProgress*t(this,$t)),t(this,j)?t(this,z).style.transform=`translate3d(${t(this,Nt)}px, 0px, 0px)`:t(this,z).style.transform=`translate3d(0px, ${t(this,Nt)}px, 0px)`});s(this,ce,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,ue,e=>{document.documentElement.classList.add("grabbing"),Ye.setupDrag(u=>{const f=t(this,j)?u.x:u.y,v=this.scrollElement.distance/t(this,$t),I=(f-r)*v;this.scrollElement.setPosition(i+I)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,j)?e.x:e.y});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[Ae.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"var(--thumb-color, black)",borderRadius:"var(--thumb-radius, 0px)",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})],h(this,St,document.createElement("slot")),t(this,St).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,St))}}get thumbElement(){return t(this,z)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,St).assignedElements()[0]||t(this,St).firstElementChild;h(this,z,e),t(this,z).addEventListener("pointerdown",t(this,ue)),Tt.windowResizer.subscribe(t(this,pt),pe.RESIZE_ORDER.SCROLL),se.elementResizer.subscribe(this,t(this,pt)),se.elementResizer.subscribe(this.scrollElement,t(this,pt)),this.scrollElement.onScroll(t(this,Ut)),this.scrollElement.axisCSSProperty.subscribe(t(this,ce))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),this.style.display="",t(this,z).removeEventListener("pointerdown",t(this,ue)),Tt.windowResizer.unsubscribe(t(this,pt)),se.elementResizer.unsubscribe(t(this,pt)),this.scrollElement.offScroll(t(this,Ut)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,ce))}}St=new WeakMap,z=new WeakMap,j=new WeakMap,K=new WeakMap,$t=new WeakMap,Nt=new WeakMap,pt=new WeakMap,Ut=new WeakMap,ce=new WeakMap,ue=new WeakMap;O.isBrowser&&!customElements.get("e-scrollbar")&&customElements.define("e-scrollbar",Oe);var Gt,Zt,jt;class Ve extends Le{constructor(){super();s(this,Gt,new S.CSSProperty(this,"--behaviour","smooth"));s(this,Zt,new S.CSSProperty(this,"--tween-easing",!1));s(this,jt,new S.CSSProperty(this,"--tween-duration",0));O.isBrowser&&this.addEventListener("click",()=>{const e=t(this,Gt).current,i=t(this,Zt).current,r=t(this,jt).current;this.handleClick({behaviour:e,tween:i||r?{easing:i,duration:r}:void 0})})}connectedCallback(){super.connectedCallback(),t(this,Gt).observe(),t(this,Zt).observe(),t(this,jt).observe()}disconnectedCallback(){t(this,Gt).close(),t(this,Zt).close(),t(this,jt).close()}}Gt=new WeakMap,Zt=new WeakMap,jt=new WeakMap;var Kt;class _e extends Ve{constructor(){super(...arguments);s(this,Kt,new S.CSSProperty(this,"--set",1))}handleClick(e){this.scrollElement.scrollToSection(t(this,Kt).current,e)}connectedCallback(){super.connectedCallback(),t(this,Kt).observe()}disconnectedCallback(){super.disconnectedCallback(),t(this,Kt).close()}}Kt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-set-button")&&customElements.define("e-scroll-set-button",_e);var J,Jt;class He extends Ve{constructor(){super(...arguments);s(this,J,new S.CSSProperty(this,"--step",1));s(this,Jt,()=>{this.scrollElement.loopCSSProperty.current?this.removeAttribute("disabled"):t(this,J).current>0&&this.scrollElement.scrollLine==="end"||t(this,J).current<0&&this.scrollElement.scrollLine==="start"?this.setAttribute("disabled",""):this.removeAttribute("disabled")})}handleClick(e){this.scrollElement.shiftSections(t(this,J).current,e)}connectedCallback(){super.connectedCallback(),this.scrollElement&&(t(this,J).subscribe(()=>{t(this,Jt).call(this)}),t(this,J).observe(),this.scrollElement.addEventListener("scrollLine",t(this,Jt)),t(this,Jt).call(this))}disconnectedCallback(){super.disconnectedCallback(),t(this,J).close(),this.removeAttribute("disabled")}}J=new WeakMap,Jt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-step-button")&&customElements.define("e-scroll-step-button",He);var Q,bt,Qt,ae,de,Xt;class rs{constructor(n,e,i){s(this,Q,null);s(this,bt,null);s(this,Qt,null);s(this,ae,null);s(this,de,()=>{t(this,bt).scrollToSection(t(this,Qt),{behaviour:t(this,ae)})});s(this,Xt,()=>{t(this,Q).classList.toggle("current",t(this,bt).counter.current===t(this,Qt))});O.isBrowser&&(h(this,Q,document.createElement("button")),h(this,bt,n),h(this,ae,i),h(this,Qt,e),t(this,Q).addEventListener("click",t(this,de)),t(this,bt).counter.subscribe(t(this,Xt)),t(this,Xt).call(this))}get element(){return t(this,Q)}destroy(){t(this,Q).removeEventListener("click",t(this,de)),t(this,bt).counter.unsubscribe(t(this,Xt)),t(this,Q).remove()}}Q=new WeakMap,bt=new WeakMap,Qt=new WeakMap,ae=new WeakMap,de=new WeakMap,Xt=new WeakMap;var ft,It;class We extends Le{constructor(){super(...arguments);s(this,ft,[]);s(this,It,ts.debounce(()=>{t(this,ft).forEach(i=>i.destroy()),h(this,ft,[]);const e=this.scrollElement.sections.length-Math.max(this.scrollElement.sectionsInViewCSSProperty.current-1,0);for(let i=0;i<e;i++){const r=new rs(this.scrollElement,i,this.getAttribute("behaviour")||"smooth");this.appendChild(r.element),t(this,ft).push(r)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",t(this,It)),this.scrollElement.sectionsInViewCSSProperty.subscribe(t(this,It))}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",t(this,It)),this.scrollElement.sectionsInViewCSSProperty.unsubscribe(t(this,It)),t(this,ft).forEach(e=>e.destroy()),h(this,ft,[])}}ft=new WeakMap,It=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-bullet-buttons")&&customElements.define("e-scroll-bullet-buttons",We);class Fe extends es.ScrollSegmentElement{connectedCallback(){const n=qe.findParentElement(this,Rt);n instanceof Rt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.addEventListener("scrollResize",this.resize),this.resize()):console.error(this,"e-scroll not found")}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer instanceof Rt&&(this.scrollContainer.removeEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.removeEventListener("scrollResize",this.resize))}}O.isBrowser&&!customElements.get("e-scroll-segment")&&customElements.define("e-scroll-segment",Fe);exports.ScrollBulletButtonsElement=We;exports.ScrollElement=Rt;exports.ScrollSegmentElement=Fe;exports.ScrollSetButtonElement=_e;exports.ScrollStepButtonElement=He;exports.ScrollbarElement=Oe;
|
|
1
|
+
"use strict";var Ne=Object.defineProperty;var ze=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,Ge=Object.prototype.propertyIsEnumerable;var Ie=a=>{throw TypeError(a)};var ke=(a,n,e)=>n in a?Ne(a,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[n]=e,Re=(a,n)=>{for(var e in n||(n={}))Ue.call(n,e)&&ke(a,e,n[e]);if(ze)for(var e of ze(n))Ge.call(n,e)&&ke(a,e,n[e]);return a};var Ce=(a,n,e)=>n.has(a)||Ie("Cannot "+e);var t=(a,n,e)=>(Ce(a,n,"read from private field"),e?e.call(a):n.get(a)),s=(a,n,e)=>n.has(a)?Ie("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(a):n.set(a,e),h=(a,n,e,i)=>(Ce(a,n,"write to private field"),i?i.call(a,e):n.set(a,e),e),c=(a,n,e)=>(Ce(a,n,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("../Store-DRp_K37w.cjs"),O=require("../index-Cqw2NKev.cjs"),je=require("../easings-GegIwET5.cjs"),te=require("../events-KVanG9sR.cjs"),Ae=require("../jss-CRBgdvJ3.cjs"),At=require("../layout-Ctc2p3uz.cjs"),Te=require("../math-GDWEqu7y.cjs"),Ke=require("../number-0243DApo.cjs");require("../ticker/index.cjs");const pe=require("../order/index.cjs"),Je=require("../Damped-B1lXa9nb.cjs"),Qe=require("../Tweened-cJ36zq1A.cjs"),Se=require("../controls/index.cjs"),Tt=require("../window-resizer/index.cjs"),gt=require("../scroll-entries/index.cjs"),Me=require("../css-unit-parser/index.cjs"),S=require("../css-property/index.cjs"),Xe=require("../device/index.cjs"),se=require("../element-resizer/index.cjs"),Ye=require("../gestures-C7gbKx11.cjs"),qe=require("../dom-JBOkFLTh.cjs"),ts=require("../function-MthRj-GJ.cjs"),es=require("../scroll-segment/index.cjs");var f,qt,g,yt,V,X,Ct,Dt,fe;class ss{constructor(n,e,i){s(this,Dt);s(this,f);s(this,qt);s(this,g);s(this,yt,0);s(this,V,0);s(this,X,null);s(this,Ct,0);h(this,f,n),h(this,qt,e),h(this,g,i),gt.scrollEntries.register(t(this,f)),this.setIndex(t(this,qt))}get element(){return t(this,f)}get index(){return t(this,qt)}get size(){return t(this,yt)}get position(){return t(this,V)}get transformPosition(){return t(this,Ct)}destroy(){gt.scrollEntries.unregister(t(this,f)),this.unsetTransform()}unsetTransform(){t(this,f).style.transform="",this.setMark(null),this.setIndex(null),this.setCurrentIndex(null),this.setCurrentIndexArc(null),this.setMiddle(!1),this.setSize()}setSize(n){n?(t(this,f).style.setProperty("--size",n+"px"),t(this,g).axisCSSProperty.current==="x"?(t(this,f).style.width=n+"px",t(this,f).style.height=""):(t(this,f).style.height=n+"px",t(this,f).style.width="")):(t(this,f).style.width="",t(this,f).style.height="",t(this,f).style.removeProperty("--size"))}resize(){h(this,yt,t(this,g).vertical?t(this,f).offsetHeight:t(this,f).offsetWidth),h(this,V,t(this,g).vertical?At.getCumulativeOffsetTop(t(this,f)):At.getCumulativeOffsetLeft(t(this,f))),h(this,V,t(this,V)-t(this,g).contentPosition)}transform(){let n=0;const e=t(this,g).viewportSize*t(this,g).sectionDistanceScaleCSSProperty.current;t(this,g).loopCSSProperty.current&&t(this,g).overscroll&&t(this,V)+t(this,yt)<t(this,g).currentScrollValue&&(n=t(this,g).distance*-1-t(this,g).gap),gt.scrollEntries.update(t(this,f),t(this,g).axisCSSProperty.current,n);const i=t(this,g).currentScrollValue+n,r=t(this,V)-t(this,g).viewportSize-e,u=t(this,V)+t(this,yt)+e,b=Te.clamp(i,r,u);h(this,Ct,b*-1),t(this,g).vertical?t(this,f).style.transform=`translate3d(0px, ${t(this,Ct)}px, 0px)`:t(this,f).style.transform=`translate3d(${t(this,Ct)}px, 0px, 0px)`}setMark(n){t(this,X)!==n&&(t(this,X)&&t(this,f).classList.remove(t(this,X)),n&&t(this,f).classList.add(n),h(this,X,n),te.dispatchEvent(t(this,f),"scrollSectionMarkChange",{composed:!0,detail:{mark:t(this,X)},custom:!0}))}setMiddle(n){t(this,f).classList.toggle("middle",n)}setIndex(n){c(this,Dt,fe).call(this,"--index",n)}setCurrentIndex(n){c(this,Dt,fe).call(this,"--current-index",n)}setCurrentIndexArc(n){c(this,Dt,fe).call(this,"--current-index-arc",n)}}f=new WeakMap,qt=new WeakMap,g=new WeakMap,yt=new WeakMap,V=new WeakMap,X=new WeakMap,Ct=new WeakMap,Dt=new WeakSet,fe=function(n,e){e!==null?t(this,f).style.setProperty(n,e.toString()):t(this,f).style.removeProperty(n)};const is=Ae.createStylesheet({":host":{position:"relative",width:"100%",height:"100%",display:"block",outline:"none"},".static":{position:"var(--static-position, absolute)",top:"var(--static-top, 0)",left:"var(--static-left, 0)",width:"var(--static-width, 100%)",height:"var(--static-height, 100%)"},".content-wrapper":{width:"100%",height:"100%",overflow:"var(--overflow, initial)"},".content":{position:"relative",display:"flex",width:"100%",height:"100%",gap:"var(--gap, 0px)",willChange:"var(--will-change, transform)"},":host(.hibernated) .content-wrapper":{display:"contents"},":host(.hibernated) .content":{display:"contents"},"::slotted(*)":{flexShrink:"0"}});var d,vt,x,Y,_,H,W,A,tt,et,F,st,wt,T,C,Et,Pt,xt,Lt,Bt,R,zt,it,M,rt,$,nt,kt,ht,ot,lt,p,Ot,l,ie,re,y,m,k,q,ct,D,w,E,Vt,ut,N,U,G,_t,at,Z,Ht,B,P,ne,dt,o,ve,ee,Mt,be,me,we,Ee,L,Wt,De,Ft,he,Pe,xe,mt,Be,ge,oe;class Rt extends HTMLElement{constructor(){super();s(this,o);s(this,d,null);s(this,vt,new S.CSSProperty(this,"--controls",!0));s(this,x,new S.CSSProperty(this,"--axis","y"));s(this,Y,new S.CSSProperty(this,"--reverse",!1));s(this,_,new S.CSSProperty(this,"--direction",0));s(this,H,new S.CSSProperty(this,"--pages",0,{validate:e=>Math.max(0,e-1)}));s(this,W,new S.CSSProperty(this,"--split",!1));s(this,A,new S.CSSProperty(this,"--sectional",!1));s(this,tt,new S.CSSProperty(this,"--tween-easing",!1));s(this,et,new S.CSSProperty(this,"--tween-duration",!1));s(this,F,new S.CSSProperty(this,"--auto-size",!1));s(this,st,new S.CSSProperty(this,"--wheel-max-delta",!1));s(this,wt,new S.CSSProperty(this,"--drag-inertion",1));s(this,T,new S.CSSProperty(this,"--sections-in-view",1));s(this,C,new S.CSSProperty(this,"--loop",!1));s(this,Et,new S.CSSProperty(this,"--damping",20));s(this,Pt,new S.CSSProperty(this,"--mass",0));s(this,xt,new S.CSSProperty(this,"--stiffness",0));s(this,Lt,new S.CSSProperty(this,"--mouse-drag",!1));s(this,Bt,new S.CSSProperty(this,"--section-distance-scale",.5));s(this,R,new S.CSSProperty(this,"--autoplay",0));s(this,zt,new S.CSSProperty(this,"--autoplay-pause-duration",0));s(this,it,new S.CSSProperty(this,"--autoplay-user-direction",!1));s(this,M,new S.CSSProperty(this,"--classes",!1));s(this,rt,new S.CSSProperty(this,"--current-index-start-offset",0));s(this,$,new S.CSSProperty(this,"--current-index-end-offset",0));s(this,nt,new S.CSSProperty(this,"--focus-delay",0));s(this,kt,new S.CSSProperty(this,"--focus-duration",3e3));s(this,ht,new S.CSSProperty(this,"--disabled",!1));s(this,ot,new S.CSSProperty(this,"--hibernate",!1));s(this,lt,null);s(this,p,null);s(this,Ot,null);s(this,l,[]);s(this,ie,0);s(this,re,0);s(this,y,0);s(this,m,0);s(this,k,0);s(this,q,null);s(this,ct,null);s(this,D,null);s(this,w,null);s(this,E,new Ze.Store(0));s(this,Vt,0);s(this,ut,0);s(this,N,!1);s(this,U,!0);s(this,G,!0);s(this,_t);s(this,at);s(this,Z,new Qe.Tweened);s(this,Ht,!1);s(this,B,null);s(this,P,!1);s(this,ne,null);s(this,dt,[]);s(this,L,()=>{if(t(this,ot).current)return;t(this,d).unlistenAnimationFrame();const e=this.currentScrollValue/t(this,m)||0,i=t(this,E).current;if(h(this,ie,this.vertical?At.getCumulativeOffsetTop(this):At.getCumulativeOffsetLeft(this)),h(this,re,this.vertical?At.getCumulativeOffsetTop(t(this,p)):At.getCumulativeOffsetLeft(t(this,p))),h(this,y,this.vertical?this.offsetHeight:this.offsetWidth),this.vertical?h(this,k,Me.cssUnitParser.parse(getComputedStyle(t(this,p)).rowGap)):h(this,k,Me.cssUnitParser.parse(getComputedStyle(t(this,p)).columnGap)),t(this,F).current&&t(this,l).length){const r=t(this,T).current,u=(t(this,y)-t(this,k)*(r-1))/r;t(this,l).forEach(b=>{b.setSize(u)})}else t(this,l).forEach(r=>{r.setSize()});if(t(this,l).forEach(r=>{r.resize()}),t(this,H).current){h(this,m,t(this,y)*t(this,H).current);const r=t(this,m)+t(this,y);this.vertical?(t(this,p).style.width=r+"px",t(this,p).style.height="100%"):(t(this,p).style.height=r+"px",t(this,p).style.width="100%")}else this.vertical?(t(this,p).style.width="100%",t(this,p).style.height="max-content",h(this,m,t(this,p).offsetHeight-t(this,y))):(t(this,p).style.width="max-content",t(this,p).style.height="100%",h(this,m,t(this,p).offsetWidth-t(this,y)));if(!t(this,C).current){const r=getComputedStyle(this),u=this.vertical?parseFloat(r.paddingBlockStart)+parseFloat(r.paddingBlockEnd):parseFloat(r.paddingInlineStart)+parseFloat(r.paddingInlineEnd);h(this,m,t(this,m)+u),t(this,d).max=t(this,m)}if(t(this,C).current&&t(this,l).length){const r=t(this,l)[t(this,l).length-1],u=r.position+r.size-t(this,y),b=t(this,m)-u;h(this,ut,r.position+r.size+b)}else h(this,ut,t(this,m));if(t(this,A).current&&t(this,l).length){const r=t(this,l)[i];t(this,d).set(r.position,{equalize:!0})}else t(this,d).set(e*t(this,m),{equalize:!0});h(this,N,(this.vertical?t(this,p).offsetHeight:t(this,p).offsetWidth)>t(this,y)),this.classList.toggle("has-overflow",t(this,N)),t(this,N)?t(this,ht).current||c(this,o,me).call(this):c(this,o,be).call(this),te.dispatchEvent(this,"scrollResize",{custom:!0}),t(this,Wt).call(this)});s(this,Wt,()=>{if(!t(this,N)||t(this,G)||t(this,U))return;const e=this.currentScrollValue;if(h(this,Vt,Math.max(0,e-t(this,m))),t(this,l).length){for(let i=0;i<t(this,l).length;i++)t(this,l)[i].transform();t(this,E).current=c(this,o,ge).call(this)}else this.vertical?t(this,p).style.transform=`translate3d(0px, ${e*-1}px, 0px)`:t(this,p).style.transform=`translate3d(${e*-1}px, 0px, 0px)`;c(this,o,Be).call(this),gt.scrollEntries.update(this,t(this,x).current,e)});s(this,Ft,(e,i)=>{t(this,vt).current&&(c(this,o,Pe).call(this,Math.sign(i)||1),t(this,he).call(this,e,i))});s(this,he,(e,i)=>{if(t(this,_).current){if(t(this,_).current<0&&i>0)return;if(t(this,_).current>0&&i<0)return}if(t(this,at)||t(this,Z).unlistenAnimationFrame(),!t(this,R).current&&t(this,nt).current&&(clearInterval(t(this,_t)),h(this,_t,setTimeout(()=>{const r=t(this,l)[c(this,o,ge).call(this)];r&&this.scrollToSection(r.index,{tween:{duration:t(this,kt).current,easing:je.easeInOutExpo}})},t(this,nt).current))),!(e.includes("drag")&&!Xe.device.isTouch&&!t(this,Lt).current)){if(t(this,A).current&&e!=="drag"){const r=Math.sign(i);if(t(this,l).length){const u={tween:t(this,tt).current||t(this,et).current?{easing:t(this,tt).current||"easeInOutCubic",duration:t(this,et).current||500}:void 0};t(this,Ht)?this.scrollToSection(t(this,E).current,u):this.shiftSections(r,u)}else t(this,d).shift(r*t(this,y))}else t(this,d).shift(i);h(this,Ht,e==="drag")}});s(this,oe,()=>{h(this,P,!0),this.hibernatedCSSProperty.current||c(this,o,Ee).call(this)});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[is];const i=document.createElement("div");i.className="static",i.innerHTML='<slot name="static"></slot>',e.appendChild(i),h(this,lt,document.createElement("div")),t(this,lt).className="content-wrapper",h(this,p,document.createElement("div")),t(this,p).className="content",h(this,Ot,document.createElement("slot")),t(this,p).appendChild(t(this,Ot)),t(this,lt).appendChild(t(this,p)),e.appendChild(t(this,lt)),h(this,ne,new MutationObserver(r=>{this.tryResplit()}))}}get damped(){return t(this,d)}get controlsCSSProperty(){return t(this,vt)}get axisCSSProperty(){return t(this,x)}get reverseCSSProperty(){return t(this,Y)}get directionCSSProperty(){return t(this,_)}get pagesCSSProperty(){return t(this,H)}get splitCSSProperty(){return t(this,W)}get sectionalCSSProperty(){return t(this,A)}get easingCSSProperty(){return t(this,tt)}get durationCSSProperty(){return t(this,et)}get autoSizeCSSProperty(){return t(this,F)}get wheelMaxDeltaCSSProperty(){return t(this,st)}get dragInertionCSSProperty(){return t(this,wt)}get sectionsInViewCSSProperty(){return t(this,T)}get loopCSSProperty(){return t(this,C)}get dampingCSSProperty(){return t(this,Et)}get massCSSProperty(){return t(this,Pt)}get stiffnessCSSProperty(){return t(this,xt)}get mouseDragCSSProperty(){return t(this,Lt)}get sectionDistanceScaleCSSProperty(){return t(this,Bt)}get autoplayCSSProperty(){return t(this,R)}get autoplayPauseDurationCSSProperty(){return t(this,zt)}get autoplayUserDirectionCSSProperty(){return t(this,it)}get classesCSSProperty(){return t(this,M)}get currentIndexStartOffsetCSSProperty(){return t(this,rt)}get currentIndexEndOffsetCSSProperty(){return t(this,$)}get focusDelayCSSProperty(){return t(this,nt)}get focusDurationCSSProperty(){return t(this,kt)}get disabledCSSProperty(){return t(this,ht)}get hibernatedCSSProperty(){return t(this,ot)}get currentScrollValue(){return c(this,o,xe).call(this,"current")}get targetScrollValue(){return c(this,o,xe).call(this,"target")}get contentWrapperElement(){return t(this,lt)}get contentElement(){return t(this,p)}get sections(){return t(this,l)}get position(){return t(this,ie)}get contentPosition(){return t(this,re)}get viewportSize(){return t(this,y)}get scrollSize(){return t(this,m)}get gap(){return t(this,k)}get counter(){return t(this,E)}get limit(){return Math.ceil(t(this,l).length-t(this,T).current)}get distance(){return t(this,ut)}get loopDistance(){return t(this,C).current?t(this,ut)+t(this,k):t(this,ut)}get hasOverflow(){return t(this,N)}get overscroll(){return t(this,Vt)}get scrollLine(){return t(this,B)}get vertical(){return t(this,x).current==="y"}get currentProgress(){return this.currentScrollValue/this.loopDistance||0}get targetProgress(){return this.targetScrollValue/this.loopDistance||0}get scrollWidth(){return t(this,x).current==="y"?0:t(this,d).distance}get scrollHeight(){return t(this,x).current==="x"?0:t(this,d).distance}tryResplit(){!t(this,G)&&(t(this,C).current||t(this,W).current||t(this,C).current||t(this,F).current||t(this,A).current)&&c(this,o,ee).call(this)}onScroll(...e){return t(this,d).subscribe(...e)}offScroll(...e){t(this,d).unsubscribe(...e)}range(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress<u?0:this.currentProgress>b?1:(this.currentProgress-u)/(b-u)}curve(e,i,r=0){return Math.sin(this.range(e,i,r)*Math.PI)}visible(e,i,r=0){const u=e-r,b=u+i+r*2;return this.currentProgress>=u&&this.currentProgress<=b}scrollToSection(e,i){if(!t(this,l).length)return;const r=t(this,E).current,u=c(this,o,De).call(this,e),b=t(this,l)[r],v=t(this,l)[u];if(b&&v){let I=0;const ye=c(this,o,ge).call(this),Yt=t(this,l)[ye],$e=Yt?this.targetScrollValue-Yt.position:0;t(this,C).current?u===0&&r===t(this,l).length-1?I=t(this,m)+t(this,y)-b.position+t(this,k):u===t(this,l).length-1&&r===0?I=v.position-(t(this,m)+t(this,y)+t(this,k)):I=v.position-b.position:I=v.position-b.position,this.shiftPosition(I-$e,i)}}shiftSections(e,i){t(this,l).length&&this.scrollToSection(t(this,E).current+e,i)}setPosition(e,i){c(this,o,Pe).call(this,Math.sign(e)||1),i!=null&&i.tween?t(this,at)||(t(this,Z).set(t(this,d).current,{equalize:!0}),t(this,Z).set(e,Re({},i.tween)),h(this,at,setTimeout(()=>{h(this,at,void 0)},i.tween.duration||0))):t(this,d).set(e,{equalize:(i==null?void 0:i.behaviour)==="instant"})}shiftPosition(e,i){this.setPosition(t(this,d).target+e,i)}connectedCallback(){gt.scrollEntries.register(this),h(this,d,new Je.Damped(0,{damping:.01,min:0,order:pe.TICK_ORDER.SCROLL})),this.setAttribute("tabindex","0"),h(this,q,new Se.WheelControls({element:t(this,p)})),t(this,q).changeEvent.subscribe(t(this,Ft)),h(this,ct,new Se.KeyboardControls({element:this})),t(this,ct).changeEvent.subscribe(t(this,Ft)),h(this,D,new Se.DragControls({element:t(this,p)})),t(this,D).changeEvent.subscribe(t(this,Ft)),h(this,w,new Se.AutoplayControls({culling:this})),t(this,w).changeEvent.subscribe(t(this,he)),t(this,x).subscribe(()=>{c(this,o,ve).call(this)}),t(this,Y).subscribe(()=>{c(this,o,ve).call(this)}),t(this,st).subscribe(e=>{t(this,q).axis=e.current?"max":t(this,x).current}),t(this,wt).subscribe(e=>{t(this,D).inertion=typeof e.current=="number"?e.current:1}),t(this,H).subscribe(()=>{t(this,P)&&t(this,L).call(this)}),t(this,W).subscribe(({current:e})=>{t(this,P)&&(e?c(this,o,ee).call(this):c(this,o,Mt).call(this))}),t(this,A).subscribe(e=>{t(this,q).debounce=e.current,t(this,D).swipe=e.current,t(this,w).interval=e.current,t(this,P)&&(e.current&&!e.previous&&!t(this,l).length?c(this,o,ee).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Mt).call(this))}),t(this,F).subscribe(e=>{t(this,P)&&(t(this,L).call(this),e.current&&!e.previous&&!t(this,l).length?c(this,o,ee).call(this):!e.current&&e.previous&&t(this,l).length&&c(this,o,Mt).call(this))}),t(this,T).subscribe(e=>{t(this,P)&&(t(this,L).call(this),c(this,o,mt).call(this))}),t(this,C).subscribe(e=>{e.current?(t(this,P)&&(t(this,l).length||(t(this,W).current=!0)),t(this,d).max=1/0,t(this,d).min=-1/0):(h(this,Vt,0),t(this,d).max=t(this,m),t(this,d).min=0)}),t(this,Et).subscribe(e=>{t(this,d).damping=e.current}),t(this,Pt).subscribe(e=>{t(this,d).mass=e.current}),t(this,xt).subscribe(e=>{t(this,d).stiffness=e.current}),t(this,R).subscribe(e=>{t(this,w).speed=e.current,!t(this,U)&&e.current&&!e.previous?t(this,w).connect():!e.current&&e.previous&&t(this,w).disconnect()}),t(this,it).subscribe(e=>{e.current||(t(this,w).direction=1)}),t(this,M).subscribe(e=>{t(this,P)&&c(this,o,mt).call(this)}),t(this,rt).subscribe(e=>{t(this,P)&&t(this,M).current&&c(this,o,mt).call(this)}),t(this,$).subscribe(e=>{t(this,P)&&t(this,M).current&&c(this,o,mt).call(this)}),t(this,d).isRunning.subscribe(e=>{this.classList.toggle("active",e.current)}),t(this,E).subscribe(e=>{t(this,l).length&&c(this,o,mt).call(this)}),t(this,Z).subscribe(e=>{t(this,Z).isRunning.current&&t(this,d).set(e.current,{equalize:!0})}),t(this,ht).subscribe(e=>{e.current&&!e.previous?(this.classList.add("disabled"),c(this,o,be).call(this)):!e.current&&e.previous&&(this.classList.remove("disabled"),c(this,o,me).call(this))}),t(this,ot).subscribe(e=>{e.current&&!e.previous?(this.classList.add("hibernated"),c(this,o,we).call(this)):!e.current&&e.previous&&(this.classList.remove("hibernated"),c(this,o,Ee).call(this))}),t(this,vt).observe(),t(this,x).observe(),t(this,Y).observe(),t(this,_).observe(),t(this,H).observe(),t(this,W).observe(),t(this,A).observe(),t(this,tt).observe(),t(this,et).observe(),t(this,F).observe(),t(this,st).observe(),t(this,wt).observe(),t(this,T).observe(),t(this,C).observe(),t(this,Et).observe(),t(this,Pt).observe(),t(this,xt).observe(),t(this,Lt).observe(),t(this,Bt).observe(),t(this,R).observe(),t(this,R).observe(),t(this,zt).observe(),t(this,it).observe(),t(this,M).observe(),t(this,rt).observe(),t(this,$).observe(),t(this,nt).observe(),t(this,kt).observe(),t(this,ht).observe(),t(this,ot).observe(),Tt.windowResizer.subscribe(t(this,oe),pe.RESIZE_ORDER.LAST)}disconnectedCallback(){this.removeAttribute("tabindex"),this.classList.remove("disabled"),this.classList.remove("hibernated"),t(this,vt).unobserve(),t(this,x).unobserve(),t(this,Y).unobserve(),t(this,_).unobserve(),t(this,H).unobserve(),t(this,W).unobserve(),t(this,A).unobserve(),t(this,tt).unobserve(),t(this,et).unobserve(),t(this,F).unobserve(),t(this,st).unobserve(),t(this,wt).unobserve(),t(this,T).unobserve(),t(this,C).unobserve(),t(this,Et).unobserve(),t(this,Pt).unobserve(),t(this,xt).unobserve(),t(this,Lt).unobserve(),t(this,Bt).unobserve(),t(this,R).unobserve(),t(this,zt).unobserve(),t(this,it).unobserve(),t(this,M).unobserve(),t(this,rt).unobserve(),t(this,$).unobserve(),t(this,nt).unobserve(),t(this,kt).unobserve(),t(this,ht).unobserve(),t(this,ot).unobserve(),Tt.windowResizer.unsubscribe(t(this,oe)),c(this,o,we).call(this),t(this,ne).disconnect()}}d=new WeakMap,vt=new WeakMap,x=new WeakMap,Y=new WeakMap,_=new WeakMap,H=new WeakMap,W=new WeakMap,A=new WeakMap,tt=new WeakMap,et=new WeakMap,F=new WeakMap,st=new WeakMap,wt=new WeakMap,T=new WeakMap,C=new WeakMap,Et=new WeakMap,Pt=new WeakMap,xt=new WeakMap,Lt=new WeakMap,Bt=new WeakMap,R=new WeakMap,zt=new WeakMap,it=new WeakMap,M=new WeakMap,rt=new WeakMap,$=new WeakMap,nt=new WeakMap,kt=new WeakMap,ht=new WeakMap,ot=new WeakMap,lt=new WeakMap,p=new WeakMap,Ot=new WeakMap,l=new WeakMap,ie=new WeakMap,re=new WeakMap,y=new WeakMap,m=new WeakMap,k=new WeakMap,q=new WeakMap,ct=new WeakMap,D=new WeakMap,w=new WeakMap,E=new WeakMap,Vt=new WeakMap,ut=new WeakMap,N=new WeakMap,U=new WeakMap,G=new WeakMap,_t=new WeakMap,at=new WeakMap,Z=new WeakMap,Ht=new WeakMap,B=new WeakMap,P=new WeakMap,ne=new WeakMap,dt=new WeakMap,o=new WeakSet,ve=function(){const e=t(this,x).current,i=t(this,Y).current?"-reverse":"";t(this,p).style.flexDirection=e==="x"?`row${i}`:`column${i}`,t(this,q).axis=t(this,st).current?"max":e,t(this,ct).dimension=e==="x"?"width":"height",t(this,D).axis=e,e==="x"?this.style.touchAction="pan-y":e==="y"&&(this.style.touchAction="pan-x"),t(this,P)&&t(this,L).call(this)},ee=function(){c(this,o,Mt).call(this),t(this,Ot).assignedElements().forEach((e,i)=>{e instanceof HTMLElement&&t(this,l).push(new ss(e,i,this))}),t(this,p).style.transform="",te.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0}),t(this,L).call(this),c(this,o,mt).call(this)},Mt=function(){t(this,l).forEach(e=>{e.destroy()}),h(this,l,[]),t(this,E).reset(),t(this,d).reset(),te.dispatchEvent(this,"scrollSectionsChange",{custom:!0,composed:!0})},be=function(){t(this,U)||(h(this,U,!0),t(this,d).unsubscribe(t(this,Wt)),t(this,d).unlistenAnimationFrame(),clearInterval(t(this,_t)),clearInterval(t(this,at)),t(this,Z).unlistenAnimationFrame(),t(this,q).disconnect(),t(this,ct).disconnect(),t(this,D).disconnect(),t(this,w).disconnect(),t(this,N)||(this.sections.forEach(e=>{e.unsetTransform()}),t(this,L).call(this)))},me=function(){t(this,U)&&(h(this,U,!1),t(this,d).subscribe(t(this,Wt)),t(this,q).connect(),t(this,ct).connect(),t(this,D).connect(),t(this,R).current&&t(this,w).connect())},we=function(){t(this,G)||(h(this,G,!0),Tt.windowResizer.unsubscribe(t(this,L)),se.elementResizer.unsubscribe(t(this,L)),c(this,o,be).call(this),t(this,p).style.transform="",t(this,p).style.height="",t(this,p).style.width="",this.classList.remove("has-overflow","start","end"),t(this,l).length?c(this,o,Mt).call(this):(t(this,E).reset(),t(this,d).reset()),gt.scrollEntries.unregister(this))},Ee=function(){t(this,G)&&(h(this,G,!1),gt.scrollEntries.register(this),this.tryResplit(),c(this,o,me).call(this),Tt.windowResizer.subscribe(t(this,L),pe.RESIZE_ORDER.SCROLL),se.elementResizer.subscribe(this,t(this,L)))},L=new WeakMap,Wt=new WeakMap,De=function(e){let i=t(this,E).current;return t(this,C).current?i=Ke.loopNumber(e,t(this,l).length):i=Te.clamp(e,0,this.limit),i},Ft=new WeakMap,he=new WeakMap,Pe=function(e=1){t(this,it).current&&(t(this,w).direction=e),t(this,R).current&&t(this,w).pauseAndContinue(t(this,zt).current,this.sectionalCSSProperty.current)},xe=function(e="current"){if(t(this,C).current&&t(this,l).length){const i=t(this,d)[e]%(t(this,m)+t(this,y)+t(this,k));return i<0?t(this,m)+i+t(this,y)+t(this,k):i}else return t(this,d)[e]},mt=function(){if(t(this,l).length){const e=t(this,E).current+t(this,rt).current;if(e===0?h(this,B,"start"):e===this.limit?h(this,B,"end"):h(this,B,null),te.dispatchEvent(this,"scrollLine",{detail:{line:t(this,B)}}),t(this,M).current){this.classList.remove("end","start"),t(this,B)&&this.classList.add(t(this,B));const i=t(this,T).current+t(this,$).current;h(this,dt,[]),t(this,l).forEach((r,u)=>{r.setCurrentIndex(null),r.setCurrentIndexArc(null);const b=e-this.limit-1+t(this,$).current,v=e+i,I=this.sections.length-v;u>=e&&u<v||u<=b?(r.setMark("current"),t(this,dt).push(r)):u>=v&&u<v+I/2||u<=b+i?r.setMark("next"):r.setMark("previous")})}}},Be=function(){if(t(this,M).current){const e=Math.floor(t(this,dt).length/2);t(this,dt).sort((i,r)=>i.element.getBoundingClientRect().left-r.element.getBoundingClientRect().left),t(this,dt).forEach((i,r)=>{const u=Math.abs(r-e);i.setCurrentIndex(r),i.setCurrentIndexArc(u),console.log(r===e),i.setMiddle(r===e)})}},ge=function(){let e=this.targetScrollValue,i=1/0,r=0;const u=t(this,d).direction;for(let b=0;b<t(this,l).length;b++){const v=t(this,l)[b];let I=t(this,Ht)?v.size*u*-1*.4:0,ye=v.position;const Yt=Math.abs(ye+I-e);Yt<i&&(i=Yt,r=b)}return r},oe=new WeakMap;O.isBrowser&&!customElements.get("e-scroll")&&customElements.define("e-scroll",Rt);var le;class Le extends HTMLElement{constructor(){super(...arguments);s(this,le,null)}get scrollElement(){return t(this,le)}connectedCallback(){const e=qe.findParentElement(this,Rt);e instanceof Rt?h(this,le,e):console.error(this,"e-scroll not found")}}le=new WeakMap;var St,z,j,K,$t,Nt,pt,Ut,ce,ue;class Oe extends Le{constructor(){super();s(this,St,null);s(this,z,null);s(this,j,!1);s(this,K,0);s(this,$t,0);s(this,Nt,0);s(this,pt,()=>{h(this,j,this.offsetWidth>this.offsetHeight);const e=t(this,j)?this.offsetWidth:this.offsetHeight;h(this,K,e/((this.scrollElement.scrollSize+this.scrollElement.viewportSize)/e)),h(this,K,Math.max(t(this,K),30)),t(this,j)?(t(this,z).style.width=t(this,K)+"px",t(this,z).style.height="100%"):(t(this,z).style.width="100%",t(this,z).style.height=t(this,K)+"px"),h(this,$t,e-t(this,K)),this.scrollElement.scrollSize<=0?this.style.display="none":this.style.display="",t(this,Ut).call(this)});s(this,Ut,()=>{h(this,Nt,this.scrollElement.currentProgress*t(this,$t)),t(this,j)?t(this,z).style.transform=`translate3d(${t(this,Nt)}px, 0px, 0px)`:t(this,z).style.transform=`translate3d(0px, ${t(this,Nt)}px, 0px)`});s(this,ce,()=>{this.setAttribute("axis",this.scrollElement.axisCSSProperty.current)});s(this,ue,e=>{document.documentElement.classList.add("grabbing"),Ye.setupDrag(u=>{const b=t(this,j)?u.x:u.y,v=this.scrollElement.distance/t(this,$t),I=(b-r)*v;this.scrollElement.setPosition(i+I)},()=>{document.documentElement.classList.remove("grabbing")});const i=this.scrollElement.damped.target,r=t(this,j)?e.x:e.y});if(O.isBrowser){const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[Ae.createStylesheet({":host":{display:"inline-block",zIndex:"1",backgroundColor:"#ebebeb"},':host([axis="y"])':{position:"absolute",right:"0",top:"0",width:"1vmin",height:"100%"},':host([axis="x"])':{position:"absolute",left:"0",bottom:"0",width:"100%",height:"1vmin"},".default-thumb":{backgroundColor:"var(--thumb-color, black)",borderRadius:"var(--thumb-radius, 0px)",touchAction:"none"},"::slotted(*)":{touchAction:"none"}})],h(this,St,document.createElement("slot")),t(this,St).innerHTML='<div class="default-thumb"></div>',e.appendChild(t(this,St))}}get thumbElement(){return t(this,z)}connectedCallback(){super.connectedCallback(),this.setAttribute("drag-dead-zone","");const e=t(this,St).assignedElements()[0]||t(this,St).firstElementChild;h(this,z,e),t(this,z).addEventListener("pointerdown",t(this,ue)),Tt.windowResizer.subscribe(t(this,pt),pe.RESIZE_ORDER.SCROLL),se.elementResizer.subscribe(this,t(this,pt)),se.elementResizer.subscribe(this.scrollElement,t(this,pt)),this.scrollElement.onScroll(t(this,Ut)),this.scrollElement.axisCSSProperty.subscribe(t(this,ce))}disconnectedCallback(){this.removeAttribute("drag-dead-zone"),this.style.display="",t(this,z).removeEventListener("pointerdown",t(this,ue)),Tt.windowResizer.unsubscribe(t(this,pt)),se.elementResizer.unsubscribe(t(this,pt)),this.scrollElement.offScroll(t(this,Ut)),this.scrollElement.axisCSSProperty.unsubscribe(t(this,ce))}}St=new WeakMap,z=new WeakMap,j=new WeakMap,K=new WeakMap,$t=new WeakMap,Nt=new WeakMap,pt=new WeakMap,Ut=new WeakMap,ce=new WeakMap,ue=new WeakMap;O.isBrowser&&!customElements.get("e-scrollbar")&&customElements.define("e-scrollbar",Oe);var Gt,Zt,jt;class Ve extends Le{constructor(){super();s(this,Gt,new S.CSSProperty(this,"--behaviour","smooth"));s(this,Zt,new S.CSSProperty(this,"--tween-easing",!1));s(this,jt,new S.CSSProperty(this,"--tween-duration",0));O.isBrowser&&this.addEventListener("click",()=>{const e=t(this,Gt).current,i=t(this,Zt).current,r=t(this,jt).current;this.handleClick({behaviour:e,tween:i||r?{easing:i,duration:r}:void 0})})}connectedCallback(){super.connectedCallback(),t(this,Gt).observe(),t(this,Zt).observe(),t(this,jt).observe()}disconnectedCallback(){t(this,Gt).close(),t(this,Zt).close(),t(this,jt).close()}}Gt=new WeakMap,Zt=new WeakMap,jt=new WeakMap;var Kt;class _e extends Ve{constructor(){super(...arguments);s(this,Kt,new S.CSSProperty(this,"--set",1))}handleClick(e){this.scrollElement.scrollToSection(t(this,Kt).current,e)}connectedCallback(){super.connectedCallback(),t(this,Kt).observe()}disconnectedCallback(){super.disconnectedCallback(),t(this,Kt).close()}}Kt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-set-button")&&customElements.define("e-scroll-set-button",_e);var J,Jt;class He extends Ve{constructor(){super(...arguments);s(this,J,new S.CSSProperty(this,"--step",1));s(this,Jt,()=>{this.scrollElement.loopCSSProperty.current?this.removeAttribute("disabled"):t(this,J).current>0&&this.scrollElement.scrollLine==="end"||t(this,J).current<0&&this.scrollElement.scrollLine==="start"?this.setAttribute("disabled",""):this.removeAttribute("disabled")})}handleClick(e){this.scrollElement.shiftSections(t(this,J).current,e)}connectedCallback(){super.connectedCallback(),this.scrollElement&&(t(this,J).subscribe(()=>{t(this,Jt).call(this)}),t(this,J).observe(),this.scrollElement.addEventListener("scrollLine",t(this,Jt)),t(this,Jt).call(this))}disconnectedCallback(){super.disconnectedCallback(),t(this,J).close(),this.removeAttribute("disabled")}}J=new WeakMap,Jt=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-step-button")&&customElements.define("e-scroll-step-button",He);var Q,ft,Qt,ae,de,Xt;class rs{constructor(n,e,i){s(this,Q,null);s(this,ft,null);s(this,Qt,null);s(this,ae,null);s(this,de,()=>{t(this,ft).scrollToSection(t(this,Qt),{behaviour:t(this,ae)})});s(this,Xt,()=>{t(this,Q).classList.toggle("current",t(this,ft).counter.current===t(this,Qt))});O.isBrowser&&(h(this,Q,document.createElement("button")),h(this,ft,n),h(this,ae,i),h(this,Qt,e),t(this,Q).addEventListener("click",t(this,de)),t(this,ft).counter.subscribe(t(this,Xt)),t(this,Xt).call(this))}get element(){return t(this,Q)}destroy(){t(this,Q).removeEventListener("click",t(this,de)),t(this,ft).counter.unsubscribe(t(this,Xt)),t(this,Q).remove()}}Q=new WeakMap,ft=new WeakMap,Qt=new WeakMap,ae=new WeakMap,de=new WeakMap,Xt=new WeakMap;var bt,It;class We extends Le{constructor(){super(...arguments);s(this,bt,[]);s(this,It,ts.debounce(()=>{t(this,bt).forEach(i=>i.destroy()),h(this,bt,[]);const e=this.scrollElement.sections.length-Math.max(this.scrollElement.sectionsInViewCSSProperty.current-1,0);for(let i=0;i<e;i++){const r=new rs(this.scrollElement,i,this.getAttribute("behaviour")||"smooth");this.appendChild(r.element),t(this,bt).push(r)}},0))}connectedCallback(){super.connectedCallback(),this.scrollElement.addEventListener("sectionsChange",t(this,It)),this.scrollElement.sectionsInViewCSSProperty.subscribe(t(this,It))}disconnectedCallback(){this.scrollElement.removeEventListener("sectionsChange",t(this,It)),this.scrollElement.sectionsInViewCSSProperty.unsubscribe(t(this,It)),t(this,bt).forEach(e=>e.destroy()),h(this,bt,[])}}bt=new WeakMap,It=new WeakMap;O.isBrowser&&!customElements.get("e-scroll-bullet-buttons")&&customElements.define("e-scroll-bullet-buttons",We);class Fe extends es.ScrollSegmentElement{connectedCallback(){const n=qe.findParentElement(this,Rt);n instanceof Rt?(this.scrollContainer=n,this.scrollContainer.addEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.addEventListener("scrollResize",this.resize),this.resize()):console.error(this,"e-scroll not found")}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer instanceof Rt&&(this.scrollContainer.removeEventListener("scrollSectionsChange",this.findAnotherScrollEntries),this.scrollContainer.removeEventListener("scrollResize",this.resize))}}O.isBrowser&&!customElements.get("e-scroll-segment")&&customElements.define("e-scroll-segment",Fe);exports.ScrollBulletButtonsElement=We;exports.ScrollElement=Rt;exports.ScrollSegmentElement=Fe;exports.ScrollSetButtonElement=_e;exports.ScrollStepButtonElement=He;exports.ScrollbarElement=Oe;
|
package/lib/scroll/index.js
CHANGED
|
@@ -4,7 +4,7 @@ var Fe = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumer
|
|
|
4
4
|
var Ie = (u) => {
|
|
5
5
|
throw TypeError(u);
|
|
6
6
|
};
|
|
7
|
-
var ke = (u, n, e) => n in u ? We(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e,
|
|
7
|
+
var ke = (u, n, e) => n in u ? We(u, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[n] = e, Me = (u, n) => {
|
|
8
8
|
for (var e in n || (n = {}))
|
|
9
9
|
Fe.call(n, e) && ke(u, e, n[e]);
|
|
10
10
|
if (ze)
|
|
@@ -27,9 +27,9 @@ import { TICK_ORDER as Ge, RESIZE_ORDER as ye } from "../order/index.js";
|
|
|
27
27
|
import { D as Ke } from "../Damped-BXsGpI-B.js";
|
|
28
28
|
import { T as _e } from "../Tweened-BhDWLNF0.js";
|
|
29
29
|
import { WheelControls as Ze, KeyboardControls as je, DragControls as Je, AutoplayControls as Qe } from "../controls/index.js";
|
|
30
|
-
import { windowResizer as
|
|
30
|
+
import { windowResizer as At } from "../window-resizer/index.js";
|
|
31
31
|
import { scrollEntries as gt } from "../scroll-entries/index.js";
|
|
32
|
-
import { cssUnitParser as
|
|
32
|
+
import { cssUnitParser as Ae } from "../css-unit-parser/index.js";
|
|
33
33
|
import { CSSProperty as p } from "../css-property/index.js";
|
|
34
34
|
import { device as Xe } from "../device/index.js";
|
|
35
35
|
import { elementResizer as ee } from "../element-resizer/index.js";
|
|
@@ -69,7 +69,7 @@ class ss {
|
|
|
69
69
|
gt.unregister(t(this, m)), this.unsetTransform();
|
|
70
70
|
}
|
|
71
71
|
unsetTransform() {
|
|
72
|
-
t(this, m).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setSize();
|
|
72
|
+
t(this, m).style.transform = "", this.setMark(null), this.setIndex(null), this.setCurrentIndex(null), this.setCurrentIndexArc(null), this.setMiddle(!1), this.setSize();
|
|
73
73
|
}
|
|
74
74
|
setSize(n) {
|
|
75
75
|
n ? (t(this, m).style.setProperty("--size", n + "px"), t(this, g).axisCSSProperty.current === "x" ? (t(this, m).style.width = n + "px", t(this, m).style.height = "") : (t(this, m).style.height = n + "px", t(this, m).style.width = "")) : (t(this, m).style.width = "", t(this, m).style.height = "", t(this, m).style.removeProperty("--size"));
|
|
@@ -97,6 +97,9 @@ class ss {
|
|
|
97
97
|
custom: !0
|
|
98
98
|
}));
|
|
99
99
|
}
|
|
100
|
+
setMiddle(n) {
|
|
101
|
+
t(this, m).classList.toggle("middle", n);
|
|
102
|
+
}
|
|
100
103
|
setIndex(n) {
|
|
101
104
|
c(this, Vt, de).call(this, "--index", n);
|
|
102
105
|
}
|
|
@@ -148,7 +151,7 @@ const is = Te({
|
|
|
148
151
|
flexShrink: "0"
|
|
149
152
|
}
|
|
150
153
|
});
|
|
151
|
-
var d, Ct, P, Y, W, F, $, T, tt, et, N, st, wt, D, y, Et, xt, Pt, Lt, Rt,
|
|
154
|
+
var d, Ct, P, Y, W, F, $, T, tt, et, N, st, wt, D, y, Et, xt, Pt, Lt, Rt, M, zt, it, A, rt, q, nt, kt, ht, ot, lt, f, Ot, l, se, ie, v, S, k, V, ct, R, w, E, Ht, at, U, G, K, Bt, ut, _, Wt, O, x, re, dt, o, Ce, te, Mt, pe, fe, we, Ee, L, Ft, Re, $t, ne, xe, Pe, St, Oe, me, he;
|
|
152
155
|
class Tt extends HTMLElement {
|
|
153
156
|
constructor() {
|
|
154
157
|
super();
|
|
@@ -195,7 +198,7 @@ class Tt extends HTMLElement {
|
|
|
195
198
|
"--section-distance-scale",
|
|
196
199
|
0.5
|
|
197
200
|
));
|
|
198
|
-
s(this,
|
|
201
|
+
s(this, M, new p(this, "--autoplay", 0));
|
|
199
202
|
s(this, zt, new p(
|
|
200
203
|
this,
|
|
201
204
|
"--autoplay-pause-duration",
|
|
@@ -206,7 +209,7 @@ class Tt extends HTMLElement {
|
|
|
206
209
|
"--autoplay-user-direction",
|
|
207
210
|
!1
|
|
208
211
|
));
|
|
209
|
-
s(this,
|
|
212
|
+
s(this, A, new p(this, "--classes", !1));
|
|
210
213
|
s(this, rt, new p(
|
|
211
214
|
this,
|
|
212
215
|
"--current-index-start-offset",
|
|
@@ -257,9 +260,9 @@ class Tt extends HTMLElement {
|
|
|
257
260
|
return;
|
|
258
261
|
t(this, d).unlistenAnimationFrame();
|
|
259
262
|
const e = this.currentScrollValue / t(this, S) || 0, i = t(this, E).current;
|
|
260
|
-
if (h(this, se, this.vertical ? ge(this) : ve(this)), h(this, ie, this.vertical ? ge(t(this, f)) : ve(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k,
|
|
263
|
+
if (h(this, se, this.vertical ? ge(this) : ve(this)), h(this, ie, this.vertical ? ge(t(this, f)) : ve(t(this, f))), h(this, v, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? h(this, k, Ae.parse(
|
|
261
264
|
getComputedStyle(t(this, f)).rowGap
|
|
262
|
-
)) : h(this, k,
|
|
265
|
+
)) : h(this, k, Ae.parse(
|
|
263
266
|
getComputedStyle(t(this, f)).columnGap
|
|
264
267
|
)), t(this, N).current && t(this, l).length) {
|
|
265
268
|
const r = t(this, D).current, a = (t(this, v) - t(this, k) * (r - 1)) / r;
|
|
@@ -324,7 +327,7 @@ class Tt extends HTMLElement {
|
|
|
324
327
|
if (t(this, W).current > 0 && i < 0)
|
|
325
328
|
return;
|
|
326
329
|
}
|
|
327
|
-
if (t(this, ut) || t(this, _).unlistenAnimationFrame(), !t(this,
|
|
330
|
+
if (t(this, ut) || t(this, _).unlistenAnimationFrame(), !t(this, M).current && t(this, nt).current && (clearInterval(t(this, Bt)), h(this, Bt, setTimeout(() => {
|
|
328
331
|
const r = t(this, l)[c(this, o, me).call(this)];
|
|
329
332
|
r && this.scrollToSection(r.index, {
|
|
330
333
|
tween: {
|
|
@@ -423,7 +426,7 @@ class Tt extends HTMLElement {
|
|
|
423
426
|
return t(this, Rt);
|
|
424
427
|
}
|
|
425
428
|
get autoplayCSSProperty() {
|
|
426
|
-
return t(this,
|
|
429
|
+
return t(this, M);
|
|
427
430
|
}
|
|
428
431
|
get autoplayPauseDurationCSSProperty() {
|
|
429
432
|
return t(this, zt);
|
|
@@ -432,7 +435,7 @@ class Tt extends HTMLElement {
|
|
|
432
435
|
return t(this, it);
|
|
433
436
|
}
|
|
434
437
|
get classesCSSProperty() {
|
|
435
|
-
return t(this,
|
|
438
|
+
return t(this, A);
|
|
436
439
|
}
|
|
437
440
|
get currentIndexStartOffsetCSSProperty() {
|
|
438
441
|
return t(this, rt);
|
|
@@ -555,7 +558,7 @@ class Tt extends HTMLElement {
|
|
|
555
558
|
t(this, l).length && this.scrollToSection(t(this, E).current + e, i);
|
|
556
559
|
}
|
|
557
560
|
setPosition(e, i) {
|
|
558
|
-
c(this, o, xe).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, _).set(t(this, d).current, { equalize: !0 }), t(this, _).set(e,
|
|
561
|
+
c(this, o, xe).call(this, Math.sign(e) || 1), i != null && i.tween ? t(this, ut) || (t(this, _).set(t(this, d).current, { equalize: !0 }), t(this, _).set(e, Me({}, i.tween)), h(this, ut, setTimeout(() => {
|
|
559
562
|
h(this, ut, void 0);
|
|
560
563
|
}, i.tween.duration || 0))) : t(this, d).set(e, {
|
|
561
564
|
equalize: (i == null ? void 0 : i.behaviour) === "instant"
|
|
@@ -586,11 +589,11 @@ class Tt extends HTMLElement {
|
|
|
586
589
|
}), t(this, F).subscribe(() => {
|
|
587
590
|
t(this, x) && t(this, L).call(this);
|
|
588
591
|
}), t(this, $).subscribe(({ current: e }) => {
|
|
589
|
-
t(this, x) && (e ? c(this, o, te).call(this) : c(this, o,
|
|
592
|
+
t(this, x) && (e ? c(this, o, te).call(this) : c(this, o, Mt).call(this));
|
|
590
593
|
}), t(this, T).subscribe((e) => {
|
|
591
|
-
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, l).length ? c(this, o, te).call(this) : !e.current && e.previous && t(this, l).length && c(this, o,
|
|
594
|
+
t(this, V).debounce = e.current, t(this, R).swipe = e.current, t(this, w).interval = e.current, t(this, x) && (e.current && !e.previous && !t(this, l).length ? c(this, o, te).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Mt).call(this));
|
|
592
595
|
}), t(this, N).subscribe((e) => {
|
|
593
|
-
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o, te).call(this) : !e.current && e.previous && t(this, l).length && c(this, o,
|
|
596
|
+
t(this, x) && (t(this, L).call(this), e.current && !e.previous && !t(this, l).length ? c(this, o, te).call(this) : !e.current && e.previous && t(this, l).length && c(this, o, Mt).call(this));
|
|
594
597
|
}), t(this, D).subscribe((e) => {
|
|
595
598
|
t(this, x) && (t(this, L).call(this), c(this, o, St).call(this));
|
|
596
599
|
}), t(this, y).subscribe((e) => {
|
|
@@ -601,16 +604,16 @@ class Tt extends HTMLElement {
|
|
|
601
604
|
t(this, d).mass = e.current;
|
|
602
605
|
}), t(this, Pt).subscribe((e) => {
|
|
603
606
|
t(this, d).stiffness = e.current;
|
|
604
|
-
}), t(this,
|
|
607
|
+
}), t(this, M).subscribe((e) => {
|
|
605
608
|
t(this, w).speed = e.current, !t(this, G) && e.current && !e.previous ? t(this, w).connect() : !e.current && e.previous && t(this, w).disconnect();
|
|
606
609
|
}), t(this, it).subscribe((e) => {
|
|
607
610
|
e.current || (t(this, w).direction = 1);
|
|
608
|
-
}), t(this,
|
|
611
|
+
}), t(this, A).subscribe((e) => {
|
|
609
612
|
t(this, x) && c(this, o, St).call(this);
|
|
610
613
|
}), t(this, rt).subscribe((e) => {
|
|
611
|
-
t(this, x) && t(this,
|
|
614
|
+
t(this, x) && t(this, A).current && c(this, o, St).call(this);
|
|
612
615
|
}), t(this, q).subscribe((e) => {
|
|
613
|
-
t(this, x) && t(this,
|
|
616
|
+
t(this, x) && t(this, A).current && c(this, o, St).call(this);
|
|
614
617
|
}), t(this, d).isRunning.subscribe((e) => {
|
|
615
618
|
this.classList.toggle("active", e.current);
|
|
616
619
|
}), t(this, E).subscribe((e) => {
|
|
@@ -621,23 +624,23 @@ class Tt extends HTMLElement {
|
|
|
621
624
|
e.current && !e.previous ? (this.classList.add("disabled"), c(this, o, pe).call(this)) : !e.current && e.previous && (this.classList.remove("disabled"), c(this, o, fe).call(this));
|
|
622
625
|
}), t(this, ot).subscribe((e) => {
|
|
623
626
|
e.current && !e.previous ? (this.classList.add("hibernated"), c(this, o, we).call(this)) : !e.current && e.previous && (this.classList.remove("hibernated"), c(this, o, Ee).call(this));
|
|
624
|
-
}), t(this, Ct).observe(), t(this, P).observe(), t(this, Y).observe(), t(this, W).observe(), t(this, F).observe(), t(this, $).observe(), t(this, T).observe(), t(this, tt).observe(), t(this, et).observe(), t(this, N).observe(), t(this, st).observe(), t(this, wt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, Rt).observe(), t(this,
|
|
627
|
+
}), t(this, Ct).observe(), t(this, P).observe(), t(this, Y).observe(), t(this, W).observe(), t(this, F).observe(), t(this, $).observe(), t(this, T).observe(), t(this, tt).observe(), t(this, et).observe(), t(this, N).observe(), t(this, st).observe(), t(this, wt).observe(), t(this, D).observe(), t(this, y).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Pt).observe(), t(this, Lt).observe(), t(this, Rt).observe(), t(this, M).observe(), t(this, M).observe(), t(this, zt).observe(), t(this, it).observe(), t(this, A).observe(), t(this, rt).observe(), t(this, q).observe(), t(this, nt).observe(), t(this, kt).observe(), t(this, ht).observe(), t(this, ot).observe(), At.subscribe(t(this, he), ye.LAST);
|
|
625
628
|
}
|
|
626
629
|
disconnectedCallback() {
|
|
627
|
-
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, Ct).unobserve(), t(this, P).unobserve(), t(this, Y).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, $).unobserve(), t(this, T).unobserve(), t(this, tt).unobserve(), t(this, et).unobserve(), t(this, N).unobserve(), t(this, st).unobserve(), t(this, wt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, xt).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, Rt).unobserve(), t(this,
|
|
630
|
+
this.removeAttribute("tabindex"), this.classList.remove("disabled"), this.classList.remove("hibernated"), t(this, Ct).unobserve(), t(this, P).unobserve(), t(this, Y).unobserve(), t(this, W).unobserve(), t(this, F).unobserve(), t(this, $).unobserve(), t(this, T).unobserve(), t(this, tt).unobserve(), t(this, et).unobserve(), t(this, N).unobserve(), t(this, st).unobserve(), t(this, wt).unobserve(), t(this, D).unobserve(), t(this, y).unobserve(), t(this, Et).unobserve(), t(this, xt).unobserve(), t(this, Pt).unobserve(), t(this, Lt).unobserve(), t(this, Rt).unobserve(), t(this, M).unobserve(), t(this, zt).unobserve(), t(this, it).unobserve(), t(this, A).unobserve(), t(this, rt).unobserve(), t(this, q).unobserve(), t(this, nt).unobserve(), t(this, kt).unobserve(), t(this, ht).unobserve(), t(this, ot).unobserve(), At.unsubscribe(t(this, he)), c(this, o, we).call(this), t(this, re).disconnect();
|
|
628
631
|
}
|
|
629
632
|
}
|
|
630
|
-
d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), F = new WeakMap(), $ = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), N = new WeakMap(), st = new WeakMap(), wt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), Rt = new WeakMap(),
|
|
633
|
+
d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W = new WeakMap(), F = new WeakMap(), $ = new WeakMap(), T = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), N = new WeakMap(), st = new WeakMap(), wt = new WeakMap(), D = new WeakMap(), y = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Pt = new WeakMap(), Lt = new WeakMap(), Rt = new WeakMap(), M = new WeakMap(), zt = new WeakMap(), it = new WeakMap(), A = new WeakMap(), rt = new WeakMap(), q = new WeakMap(), nt = new WeakMap(), kt = new WeakMap(), ht = new WeakMap(), ot = new WeakMap(), lt = new WeakMap(), f = new WeakMap(), Ot = new WeakMap(), l = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), v = new WeakMap(), S = new WeakMap(), k = new WeakMap(), V = new WeakMap(), ct = new WeakMap(), R = new WeakMap(), w = new WeakMap(), E = new WeakMap(), Ht = new WeakMap(), at = new WeakMap(), U = new WeakMap(), G = new WeakMap(), K = new WeakMap(), Bt = new WeakMap(), ut = new WeakMap(), _ = new WeakMap(), Wt = new WeakMap(), O = new WeakMap(), x = new WeakMap(), re = new WeakMap(), dt = new WeakMap(), o = new WeakSet(), Ce = function() {
|
|
631
634
|
const e = t(this, P).current, i = t(this, Y).current ? "-reverse" : "";
|
|
632
635
|
t(this, f).style.flexDirection = e === "x" ? `row${i}` : `column${i}`, t(this, V).axis = t(this, st).current ? "max" : e, t(this, ct).dimension = e === "x" ? "width" : "height", t(this, R).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), t(this, x) && t(this, L).call(this);
|
|
633
636
|
}, te = function() {
|
|
634
|
-
c(this, o,
|
|
637
|
+
c(this, o, Mt).call(this), t(this, Ot).assignedElements().forEach((e, i) => {
|
|
635
638
|
e instanceof HTMLElement && t(this, l).push(new ss(e, i, this));
|
|
636
639
|
}), t(this, f).style.transform = "", Yt(this, "scrollSectionsChange", {
|
|
637
640
|
custom: !0,
|
|
638
641
|
composed: !0
|
|
639
642
|
}), t(this, L).call(this), c(this, o, St).call(this);
|
|
640
|
-
},
|
|
643
|
+
}, Mt = function() {
|
|
641
644
|
t(this, l).forEach((e) => {
|
|
642
645
|
e.destroy();
|
|
643
646
|
}), h(this, l, []), t(this, E).reset(), t(this, d).reset(), Yt(this, "scrollSectionsChange", {
|
|
@@ -649,16 +652,16 @@ d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W =
|
|
|
649
652
|
e.unsetTransform();
|
|
650
653
|
}), t(this, L).call(this)));
|
|
651
654
|
}, fe = function() {
|
|
652
|
-
t(this, G) && (h(this, G, !1), t(this, d).subscribe(t(this, Ft)), t(this, V).connect(), t(this, ct).connect(), t(this, R).connect(), t(this,
|
|
655
|
+
t(this, G) && (h(this, G, !1), t(this, d).subscribe(t(this, Ft)), t(this, V).connect(), t(this, ct).connect(), t(this, R).connect(), t(this, M).current && t(this, w).connect());
|
|
653
656
|
}, we = function() {
|
|
654
|
-
t(this, K) || (h(this, K, !0),
|
|
657
|
+
t(this, K) || (h(this, K, !0), At.unsubscribe(t(this, L)), ee.unsubscribe(t(this, L)), c(this, o, pe).call(this), t(this, f).style.transform = "", t(this, f).style.height = "", t(this, f).style.width = "", this.classList.remove("has-overflow", "start", "end"), t(this, l).length ? c(this, o, Mt).call(this) : (t(this, E).reset(), t(this, d).reset()), gt.unregister(this));
|
|
655
658
|
}, Ee = function() {
|
|
656
|
-
t(this, K) && (h(this, K, !1), gt.register(this), this.tryResplit(), c(this, o, fe).call(this),
|
|
659
|
+
t(this, K) && (h(this, K, !1), gt.register(this), this.tryResplit(), c(this, o, fe).call(this), At.subscribe(t(this, L), ye.SCROLL), ee.subscribe(this, t(this, L)));
|
|
657
660
|
}, L = new WeakMap(), Ft = new WeakMap(), Re = function(e) {
|
|
658
661
|
let i = t(this, E).current;
|
|
659
662
|
return t(this, y).current ? i = Ue(e, t(this, l).length) : i = De(e, 0, this.limit), i;
|
|
660
663
|
}, $t = new WeakMap(), ne = new WeakMap(), xe = function(e = 1) {
|
|
661
|
-
t(this, it).current && (t(this, w).direction = e), t(this,
|
|
664
|
+
t(this, it).current && (t(this, w).direction = e), t(this, M).current && t(this, w).pauseAndContinue(
|
|
662
665
|
t(this, zt).current,
|
|
663
666
|
this.sectionalCSSProperty.current
|
|
664
667
|
);
|
|
@@ -673,7 +676,7 @@ d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W =
|
|
|
673
676
|
const e = t(this, E).current + t(this, rt).current;
|
|
674
677
|
if (e === 0 ? h(this, O, "start") : e === this.limit ? h(this, O, "end") : h(this, O, null), Yt(this, "scrollLine", {
|
|
675
678
|
detail: { line: t(this, O) }
|
|
676
|
-
}), t(this,
|
|
679
|
+
}), t(this, A).current) {
|
|
677
680
|
this.classList.remove("end", "start"), t(this, O) && this.classList.add(t(this, O));
|
|
678
681
|
const i = t(this, D).current + t(this, q).current;
|
|
679
682
|
h(this, dt, []), t(this, l).forEach((r, a) => {
|
|
@@ -684,11 +687,11 @@ d = new WeakMap(), Ct = new WeakMap(), P = new WeakMap(), Y = new WeakMap(), W =
|
|
|
684
687
|
}
|
|
685
688
|
}
|
|
686
689
|
}, Oe = function() {
|
|
687
|
-
if (t(this,
|
|
690
|
+
if (t(this, A).current) {
|
|
688
691
|
const e = Math.floor(t(this, dt).length / 2);
|
|
689
692
|
t(this, dt).sort((i, r) => i.element.getBoundingClientRect().left - r.element.getBoundingClientRect().left), t(this, dt).forEach((i, r) => {
|
|
690
693
|
const a = Math.abs(r - e);
|
|
691
|
-
i.setCurrentIndex(r), i.setCurrentIndexArc(a);
|
|
694
|
+
i.setCurrentIndex(r), i.setCurrentIndexArc(a), console.log(r === e), i.setMiddle(r === e);
|
|
692
695
|
});
|
|
693
696
|
}
|
|
694
697
|
}, // TODO: Учитывать loop
|
|
@@ -793,10 +796,10 @@ class rs extends Le {
|
|
|
793
796
|
connectedCallback() {
|
|
794
797
|
super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
|
|
795
798
|
const e = t(this, pt).assignedElements()[0] || t(this, pt).firstElementChild;
|
|
796
|
-
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ce)),
|
|
799
|
+
h(this, z, e), t(this, z).addEventListener("pointerdown", t(this, ce)), At.subscribe(t(this, ft), ye.SCROLL), ee.subscribe(this, t(this, ft)), ee.subscribe(this.scrollElement, t(this, ft)), this.scrollElement.onScroll(t(this, Ut)), this.scrollElement.axisCSSProperty.subscribe(t(this, le));
|
|
797
800
|
}
|
|
798
801
|
disconnectedCallback() {
|
|
799
|
-
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ce)),
|
|
802
|
+
this.removeAttribute("drag-dead-zone"), this.style.display = "", t(this, z).removeEventListener("pointerdown", t(this, ce)), At.unsubscribe(t(this, ft)), ee.unsubscribe(t(this, ft)), this.scrollElement.offScroll(t(this, Ut)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, le));
|
|
800
803
|
}
|
|
801
804
|
}
|
|
802
805
|
pt = new WeakMap(), z = new WeakMap(), Z = new WeakMap(), j = new WeakMap(), Nt = new WeakMap(), qt = new WeakMap(), ft = new WeakMap(), Ut = new WeakMap(), le = new WeakMap(), ce = new WeakMap();
|