aptechka 0.26.2 → 0.26.4

package/lib/order/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var L=(A=>(A[A.FIRST=-1e4]="FIRST",A[A.DEVICE=-9999]="DEVICE",A[A.CSS_VARIABLE=-9998]="CSS_VARIABLE",A[A.MEDIA=-9997]="MEDIA",A[A.SOURCE_MANAGER=-9996]="SOURCE_MANAGER",A[A.SCROLL=-9995]="SCROLL",A[A.LAYOUT_BOX=-9994]="LAYOUT_BOX",A[A.CANVAS=-9993]="CANVAS",A[A.LAST=1e4]="LAST",A))(L||{}),N=(A=>(A[A.FIRST=-1e4]="FIRST",A[A.CONNECTOR=-9999]="CONNECTOR",A[A.CONTROLS=-9998]="CONTROLS",A[A.SCROLL=-9997]="SCROLL",A[A.ANIMATION=-9996]="ANIMATION",A[A.LAYOUT_BOX=-9995]="LAYOUT_BOX",A[A.LADDER=-9994]="LADDER",A[A.CANVAS=-9993]="CANVAS",A[A.LAST=1e4]="LAST",A))(N||{});exports.RESIZE_ORDER=L;exports.TICK_ORDER=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var L=(A=>(A[A.FIRST=-1e4]="FIRST",A[A.DEVICE=-9999]="DEVICE",A[A.CSS_VARIABLE=-9998]="CSS_VARIABLE",A[A.MEDIA=-9997]="MEDIA",A[A.SOURCE_MANAGER=-9996]="SOURCE_MANAGER",A[A.SCROLL=-9995]="SCROLL",A[A.LAYOUT_BOX=-9994]="LAYOUT_BOX",A[A.CANVAS=-9993]="CANVAS",A[A.LAST=1e4]="LAST",A))(L||{}),N=(A=>(A[A.FIRST=-1e4]="FIRST",A[A.CONNECTOR=-9999]="CONNECTOR",A[A.CONTROLS=-9998]="CONTROLS",A[A.SCROLL=-9997]="SCROLL",A[A.SEGMENT=-9996]="SEGMENT",A[A.ANIMATION=-9995]="ANIMATION",A[A.LAYOUT_BOX=-9994]="LAYOUT_BOX",A[A.LADDER=-9993]="LADDER",A[A.CANVAS=-9992]="CANVAS",A[A.LAST=1e4]="LAST",A))(N||{});exports.RESIZE_ORDER=L;exports.TICK_ORDER=N;

package/lib/order/index.d.ts

@@ -14,9 +14,10 @@ export declare enum TICK_ORDER {
     CONNECTOR = -9999,
     CONTROLS = -9998,
     SCROLL = -9997,
-    ANIMATION = -9996,
-    LAYOUT_BOX = -9995,
-    LADDER = -9994,
-    CANVAS = -9993,
+    SEGMENT = -9996,
+    ANIMATION = -9995,
+    LAYOUT_BOX = -9994,
+    LADDER = -9993,
+    CANVAS = -9992,
     LAST = 10000
 }

package/lib/order/index.js

@@ -1,4 +1,4 @@
-var L = /* @__PURE__ */ ((A) => (A[A.FIRST = -1e4] = "FIRST", A[A.DEVICE = -9999] = "DEVICE", A[A.CSS_VARIABLE = -9998] = "CSS_VARIABLE", A[A.MEDIA = -9997] = "MEDIA", A[A.SOURCE_MANAGER = -9996] = "SOURCE_MANAGER", A[A.SCROLL = -9995] = "SCROLL", A[A.LAYOUT_BOX = -9994] = "LAYOUT_BOX", A[A.CANVAS = -9993] = "CANVAS", A[A.LAST = 1e4] = "LAST", A))(L || {}), N = /* @__PURE__ */ ((A) => (A[A.FIRST = -1e4] = "FIRST", A[A.CONNECTOR = -9999] = "CONNECTOR", A[A.CONTROLS = -9998] = "CONTROLS", A[A.SCROLL = -9997] = "SCROLL", A[A.ANIMATION = -9996] = "ANIMATION", A[A.LAYOUT_BOX = -9995] = "LAYOUT_BOX", A[A.LADDER = -9994] = "LADDER", A[A.CANVAS = -9993] = "CANVAS", A[A.LAST = 1e4] = "LAST", A))(N || {});
+var L = /* @__PURE__ */ ((A) => (A[A.FIRST = -1e4] = "FIRST", A[A.DEVICE = -9999] = "DEVICE", A[A.CSS_VARIABLE = -9998] = "CSS_VARIABLE", A[A.MEDIA = -9997] = "MEDIA", A[A.SOURCE_MANAGER = -9996] = "SOURCE_MANAGER", A[A.SCROLL = -9995] = "SCROLL", A[A.LAYOUT_BOX = -9994] = "LAYOUT_BOX", A[A.CANVAS = -9993] = "CANVAS", A[A.LAST = 1e4] = "LAST", A))(L || {}), N = /* @__PURE__ */ ((A) => (A[A.FIRST = -1e4] = "FIRST", A[A.CONNECTOR = -9999] = "CONNECTOR", A[A.CONTROLS = -9998] = "CONTROLS", A[A.SCROLL = -9997] = "SCROLL", A[A.SEGMENT = -9996] = "SEGMENT", A[A.ANIMATION = -9995] = "ANIMATION", A[A.LAYOUT_BOX = -9994] = "LAYOUT_BOX", A[A.LADDER = -9993] = "LADDER", A[A.CANVAS = -9992] = "CANVAS", A[A.LAST = 1e4] = "LAST", A))(N || {});
 export {
   L as RESIZE_ORDER,
   N as TICK_ORDER

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

@@ -24,6 +24,7 @@ export declare class ScrollSegmentElement extends ScrollUserElement {
     get releasedFromFinishCSSProperty(): CSSProperty<string>;
     get passedVarCSSProperty(): CSSProperty<string>;
     get progressVarCSSProperty(): CSSProperty<string>;
+    get animationVarTypeCSSProperty(): CSSProperty<"target" | "current">;
     get distanceVarCSSProperty(): CSSProperty<string>;
     get startVarCSSProperty(): CSSProperty<string>;
     get finishVarCSSProperty(): CSSProperty<string>;

package/lib/scroll/vanilla/index.cjs

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

package/lib/scroll/vanilla/index.js

@@ -1,53 +1,53 @@
-var fe = Object.defineProperty;
-var Ks = Object.getOwnPropertySymbols;
-var pe = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable;
-var Zs = (d) => {
+var pe = Object.defineProperty;
+var _s = Object.getOwnPropertySymbols;
+var me = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable;
+var js = (d) => {
   throw TypeError(d);
 };
-var _s = (d, n, s) => n in d ? fe(d, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[n] = s, js = (d, n) => {
+var Zs = (d, n, s) => n in d ? pe(d, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[n] = s, Js = (d, n) => {
   for (var s in n || (n = {}))
-    pe.call(n, s) && _s(d, s, n[s]);
-  if (Ks)
-    for (var s of Ks(n))
-      me.call(n, s) && _s(d, s, n[s]);
+    me.call(n, s) && Zs(d, s, n[s]);
+  if (_s)
+    for (var s of _s(n))
+      Se.call(n, s) && Zs(d, s, n[s]);
   return d;
 };
-var Os = (d, n, s) => n.has(d) || Zs("Cannot " + s);
-var t = (d, n, s) => (Os(d, n, "read from private field"), s ? s.call(d) : n.get(d)), i = (d, n, s) => n.has(d) ? Zs("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, s), r = (d, n, s, e) => (Os(d, n, "write to private field"), e ? e.call(d, s) : n.set(d, s), s), o = (d, n, s) => (Os(d, n, "access private method"), s);
+var Os = (d, n, s) => n.has(d) || js("Cannot " + s);
+var t = (d, n, s) => (Os(d, n, "read from private field"), s ? s.call(d) : n.get(d)), i = (d, n, s) => n.has(d) ? js("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(d) : n.set(d, s), r = (d, n, s, e) => (Os(d, n, "write to private field"), e ? e.call(d, s) : n.set(d, s), s), o = (d, n, s) => (Os(d, n, "access private method"), s);
 import { S as Dt } from "../../Store-OTdcl6SX.js";
-import { i as Is } from "../../browser-0zX67oeU.js";
-import { p as Se } from "../../easings-BKi40vHz.js";
+import { i as Ms } from "../../browser-0zX67oeU.js";
+import { p as be } from "../../easings-BKi40vHz.js";
 import { d as Q } from "../../events-CsVF98U6.js";
-import { c as Qs } from "../../jss-CjccJC-K.js";
-import { a as Ds, g as Rs } from "../../layout-HoBT_Da2.js";
-import { c as Xs, s as be } from "../../math-BOBiC4TN.js";
+import { c as Xs } from "../../jss-CjccJC-K.js";
+import { a as Rs, g as As } from "../../layout-HoBT_Da2.js";
+import { c as Ys, s as ge } from "../../math-BOBiC4TN.js";
 import "../../ticker/vanilla/index.js";
-import { TICK_ORDER as Ys, RESIZE_ORDER as Gs } from "../../order/index.js";
-import { D as te } from "../../Damped-Chu29wn-.js";
-import { T as ge } from "../../Tweened-BUuSLSF7.js";
-import { WheelControls as ve, KeyboardControls as ye, DragControls as Ce, AutoplayControls as Pe } from "../../controls/index.js";
-import { windowResizer as ps } from "../../window-resizer/vanilla/index.js";
+import { TICK_ORDER as te, RESIZE_ORDER as Ks } from "../../order/index.js";
+import { D as se } from "../../Damped-Chu29wn-.js";
+import { T as ve } from "../../Tweened-BUuSLSF7.js";
+import { WheelControls as ye, KeyboardControls as Ce, DragControls as Pe, AutoplayControls as we } from "../../controls/index.js";
+import { windowResizer as ms } from "../../window-resizer/vanilla/index.js";
 import { scrollEntries as Yt } from "../../scroll-entries/index.js";
-import { cssUnitParser as Js } from "../../css-unit-parser/index.js";
+import { cssUnitParser as Qs } from "../../css-unit-parser/index.js";
 import { CSSProperty as c } from "../../css-property/index.js";
-import { device as we } from "../../device/index.js";
-import { elementResizer as As } from "../../element-resizer/vanilla/index.js";
-import { s as Ee } from "../../gestures-D2Fdra_G.js";
-import { f as xe } from "../../dom-0S_WDL4g.js";
-import { d as se } from "../../function-C10DGppn.js";
-var b, Ss, C, It, X, ft;
-class Le {
+import { device as Ee } from "../../device/index.js";
+import { elementResizer as Is } from "../../element-resizer/vanilla/index.js";
+import { s as xe } from "../../gestures-D2Fdra_G.js";
+import { f as Le } from "../../dom-0S_WDL4g.js";
+import { d as ee } from "../../function-C10DGppn.js";
+var b, bs, C, It, X, ft;
+class Ve {
   constructor(n, s, e) {
     i(this, b);
-    i(this, Ss);
+    i(this, bs);
     i(this, C);
     i(this, It, 0);
     i(this, X, 0);
     i(this, ft, null);
-    r(this, b, n), r(this, Ss, s), r(this, C, e), Yt.register(t(this, b));
+    r(this, b, n), r(this, bs, s), r(this, C, e), Yt.register(t(this, b));
   }
   get index() {
-    return t(this, Ss);
+    return t(this, bs);
   }
   get size() {
     return t(this, It);
@@ -62,7 +62,7 @@ class Le {
     n ? (t(this, b).style.setProperty("--size", n + "px"), t(this, C).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() {
-    r(this, It, t(this, C).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), r(this, X, t(this, C).vertical ? Ds(t(this, b)) : Rs(t(this, b))), r(this, X, t(this, X) - t(this, C).contentPosition);
+    r(this, It, t(this, C).vertical ? t(this, b).offsetHeight : t(this, b).offsetWidth), r(this, X, t(this, C).vertical ? Rs(t(this, b)) : As(t(this, b))), r(this, X, t(this, X) - t(this, C).contentPosition);
   }
   transform() {
     let n = 0;
@@ -72,7 +72,7 @@ class Le {
       t(this, C).axisCSSProperty.current,
       n
     );
-    const e = t(this, C).currentScrollValue + n, h = t(this, X) - t(this, C).viewportSize - s, a = t(this, X) + t(this, It) + s, g = Xs(e, h, a);
+    const e = t(this, C).currentScrollValue + n, h = t(this, X) - t(this, C).viewportSize - s, a = t(this, X) + t(this, It) + s, g = Ys(e, h, a);
     t(this, C).vertical ? t(this, b).style.transform = `translate3d(0px, ${g * -1}px, 0px)` : t(this, b).style.transform = `translate3d(${g * -1}px, 0px, 0px)`;
   }
   mark(n) {
@@ -85,8 +85,8 @@ class Le {
     }));
   }
 }
-b = new WeakMap(), Ss = new WeakMap(), C = new WeakMap(), It = new WeakMap(), X = new WeakMap(), ft = new WeakMap();
-const Ve = Qs({
+b = new WeakMap(), bs = new WeakMap(), C = new WeakMap(), It = new WeakMap(), X = new WeakMap(), ft = new WeakMap();
+const ze = Xs({
   ":host": {
     position: "relative",
     width: "100%",
@@ -119,8 +119,8 @@ const Ve = Qs({
     flexShrink: "0"
   }
 });
-var f, Mt, I, Y, tt, U, st, pt, mt, G, k, Ot, Tt, Ht, Bt, es, K, $t, St, _, bt, et, gt, Wt, qt, Nt, p, is, l, bs, gs, E, v, M, Z, vt, it, V, y, rs, yt, Ut, Gt, hs, rt, u, ms, ss, Hs, Bs, $s, Ws, O, vs, ee, ns, ys, qs, Rt, Ns;
-class Ts extends HTMLElement {
+var f, Mt, I, Y, tt, U, st, pt, mt, G, k, Tt, Ot, Ht, Bt, es, K, $t, St, _, bt, et, gt, Wt, qt, Nt, p, is, l, gs, vs, E, v, M, Z, vt, it, L, y, rs, yt, Ut, Gt, hs, rt, u, Ss, ss, Bs, $s, Ws, qs, T, ys, ie, ns, Cs, Ns, Rt, Us;
+class Hs extends HTMLElement {
   constructor() {
     super();
     i(this, u);
@@ -145,8 +145,8 @@ class Ts extends HTMLElement {
       1
     ));
     i(this, k, new c(this, "--loop", !1));
-    i(this, Ot, new c(this, "--damping", 20));
-    i(this, Tt, new c(this, "--mass", 0));
+    i(this, Tt, new c(this, "--damping", 20));
+    i(this, Ot, new c(this, "--mass", 0));
     i(this, Ht, new c(this, "--stiffness", 0));
     i(this, Bt, new c(this, "--mouse-drag", !1));
     i(this, es, new c(
@@ -187,28 +187,28 @@ class Ts extends HTMLElement {
     i(this, p, null);
     i(this, is, null);
     i(this, l, []);
-    i(this, bs, 0);
     i(this, gs, 0);
+    i(this, vs, 0);
     i(this, E, 0);
     i(this, v, 0);
     i(this, M, 0);
     i(this, Z, null);
     i(this, vt, null);
     i(this, it, null);
-    i(this, V, null);
+    i(this, L, null);
     i(this, y, new Dt(0));
     i(this, rs, 0);
     i(this, yt, 0);
     i(this, Ut, !0);
     i(this, Gt, !0);
     i(this, hs);
-    i(this, rt, new ge());
-    i(this, O, () => {
+    i(this, rt, new ve());
+    i(this, T, () => {
       t(this, f).unlistenAnimationFrame();
       const s = this.currentScrollValue / t(this, v) || 0, e = t(this, y).current;
-      if (r(this, bs, this.vertical ? Ds(this) : Rs(this)), r(this, gs, this.vertical ? Ds(t(this, p)) : Rs(t(this, p))), r(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, M, Js.parse(
+      if (r(this, gs, this.vertical ? Rs(this) : As(this)), r(this, vs, this.vertical ? Rs(t(this, p)) : As(t(this, p))), r(this, E, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? r(this, M, Qs.parse(
         getComputedStyle(t(this, p)).rowGap
-      )) : r(this, M, Js.parse(
+      )) : r(this, M, Qs.parse(
         getComputedStyle(t(this, p)).columnGap
       )), t(this, pt).current && t(this, l).length) {
         const h = t(this, G).current, a = (t(this, E) - t(this, M) * (h - 1)) / h;
@@ -246,7 +246,7 @@ class Ts extends HTMLElement {
           equalize: !0
         });
     });
-    i(this, vs, () => {
+    i(this, ys, () => {
       const s = this.currentScrollValue;
       if (r(this, rs, Math.max(0, s - t(this, v))), t(this, l).length) {
         let e = 0;
@@ -264,11 +264,11 @@ class Ts extends HTMLElement {
       );
     });
     i(this, ns, (s, e) => {
-      t(this, Mt).current && (t(this, St).current && (t(this, V).pauseAndContinue(
+      t(this, Mt).current && (t(this, St).current && (t(this, L).pauseAndContinue(
         t(this, $t).current
-      ), t(this, V).direction = Math.sign(e) || 1), t(this, ys).call(this, s, e));
+      ), t(this, L).direction = Math.sign(e) || 1), t(this, Cs).call(this, s, e));
     });
-    i(this, ys, (s, e) => {
+    i(this, Cs, (s, e) => {
       if (t(this, Y).current) {
         if (t(this, Y).current < 0 && e > 0)
           return;
@@ -276,23 +276,23 @@ class Ts extends HTMLElement {
           return;
       }
       if (t(this, rt).unlistenAnimationFrame(), !t(this, K).current && t(this, gt).current && (clearInterval(t(this, hs)), r(this, hs, setTimeout(() => {
-        const h = o(this, u, Ns).call(this);
+        const h = o(this, u, Us).call(this);
         h && this.scrollToSection(h.index, {
           tween: {
             duration: t(this, Wt).current,
-            easing: Se
+            easing: be
           }
         });
-      }, t(this, gt).current))), !(s === "drag" && !we.isMobile && !t(this, Bt).current))
+      }, t(this, gt).current))), !(s === "drag" && !Ee.isMobile && !t(this, Bt).current))
         if (t(this, st).current) {
           const h = Math.sign(e);
           t(this, l).length ? this.shiftSections(h) : t(this, f).shift(h * t(this, E));
         } else
           t(this, f).shift(e);
     });
-    if (Is) {
+    if (Ms) {
       const s = this.attachShadow({ mode: "open" });
-      s.adoptedStyleSheets.push(Ve);
+      s.adoptedStyleSheets.push(ze);
       const e = document.createElement("div");
       e.className = "static", e.innerHTML = '<slot name="static"></slot>', s.appendChild(e), r(this, p, document.createElement("div")), t(this, p).className = "content", r(this, is, document.createElement("slot")), t(this, p).appendChild(t(this, is)), s.appendChild(t(this, p));
     }
@@ -331,10 +331,10 @@ class Ts extends HTMLElement {
     return t(this, k);
   }
   get dampingCSSProperty() {
-    return t(this, Ot);
+    return t(this, Tt);
   }
   get massCSSProperty() {
-    return t(this, Tt);
+    return t(this, Ot);
   }
   get stiffnessCSSProperty() {
     return t(this, Ht);
@@ -376,10 +376,10 @@ class Ts extends HTMLElement {
     return t(this, Nt);
   }
   get currentScrollValue() {
-    return o(this, u, qs).call(this, "current");
+    return o(this, u, Ns).call(this, "current");
   }
   get targetScrollValue() {
-    return o(this, u, qs).call(this, "target");
+    return o(this, u, Ns).call(this, "target");
   }
   get contentElement() {
     return t(this, p);
@@ -388,10 +388,10 @@ class Ts extends HTMLElement {
     return t(this, l);
   }
   get position() {
-    return t(this, bs);
+    return t(this, gs);
   }
   get contentPosition() {
-    return t(this, gs);
+    return t(this, vs);
   }
   get viewportSize() {
     return t(this, E);
@@ -454,19 +454,19 @@ class Ts extends HTMLElement {
     if (!t(this, l).length)
       return;
     const h = t(this, y).current;
-    o(this, u, ee).call(this, s);
+    o(this, u, ie).call(this, s);
     const a = t(this, l)[h], g = t(this, l)[t(this, y).current];
     if (a && g) {
       let A = 0;
-      const ts = o(this, u, Ns).call(this), de = ts ? this.targetScrollValue - ts.position : 0;
-      t(this, k).current ? t(this, y).current === 0 && h === t(this, l).length - 1 ? A = t(this, v) + t(this, E) - a.position + t(this, M) : t(this, y).current === t(this, l).length - 1 && h === 0 ? A = g.position - (t(this, v) + t(this, E) + t(this, M)) : A = g.position - a.position : A = g.position - a.position, this.shiftPosition(A - de, e);
+      const ts = o(this, u, Us).call(this), fe = ts ? this.targetScrollValue - ts.position : 0;
+      t(this, k).current ? t(this, y).current === 0 && h === t(this, l).length - 1 ? A = t(this, v) + t(this, E) - a.position + t(this, M) : t(this, y).current === t(this, l).length - 1 && h === 0 ? A = g.position - (t(this, v) + t(this, E) + t(this, M)) : A = g.position - a.position : A = g.position - a.position, this.shiftPosition(A - fe, e);
     }
   }
   shiftSections(s, e) {
     t(this, l).length && this.scrollToSection(t(this, y).current + s, e);
   }
   setPosition(s, e) {
-    e != null && e.tween ? (t(this, rt).set(t(this, f).current, { equalize: !0 }), t(this, rt).set(s, js({}, e.tween))) : t(this, f).set(s, {
+    e != null && e.tween ? (t(this, rt).set(t(this, f).current, { equalize: !0 }), t(this, rt).set(s, Js({}, e.tween))) : t(this, f).set(s, {
       equalize: (e == null ? void 0 : e.behaviour) === "instant"
     });
   }
@@ -474,46 +474,46 @@ class Ts extends HTMLElement {
     this.setPosition(t(this, f).target + s, e);
   }
   connectedCallback() {
-    r(this, f, new te(0, {
+    r(this, f, new se(0, {
       damping: 0.01,
       min: 0,
-      order: Ys.SCROLL
-    })), this.setAttribute("tabindex", "0"), r(this, Z, new ve({ element: t(this, p) })), t(this, Z).changeEvent.subscribe(t(this, ns)), r(this, vt, new ye({
+      order: te.SCROLL
+    })), this.setAttribute("tabindex", "0"), r(this, Z, new ye({ element: t(this, p) })), t(this, Z).changeEvent.subscribe(t(this, ns)), r(this, vt, new Ce({
       element: this
     })), t(this, vt).changeEvent.subscribe(
       t(this, ns)
-    ), r(this, it, new Ce({ element: t(this, p) })), t(this, it).changeEvent.subscribe(t(this, ns)), r(this, V, new Pe({
+    ), r(this, it, new Pe({ element: t(this, p) })), t(this, it).changeEvent.subscribe(t(this, ns)), r(this, L, new we({
       culling: this
-    })), t(this, V).changeEvent.subscribe(t(this, ys)), t(this, I).subscribe(({ current: s }) => {
-      t(this, p).style.flexDirection = s === "x" ? "row" : "column", t(this, Z).axis = t(this, mt).current ? "max" : s, t(this, vt).dimension = s === "x" ? "width" : "height", t(this, it).axis = s, s === "x" ? this.style.touchAction = "pan-y" : s === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, O).call(this);
+    })), t(this, L).changeEvent.subscribe(t(this, Cs)), t(this, I).subscribe(({ current: s }) => {
+      t(this, p).style.flexDirection = s === "x" ? "row" : "column", t(this, Z).axis = t(this, mt).current ? "max" : s, t(this, vt).dimension = s === "x" ? "width" : "height", t(this, it).axis = s, s === "x" ? this.style.touchAction = "pan-y" : s === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, T).call(this);
     }), t(this, mt).subscribe((s) => {
       t(this, Z).axis = s.current ? "max" : t(this, I).current;
     }), t(this, tt).subscribe(() => {
-      this.isConnected && t(this, O).call(this);
+      this.isConnected && t(this, T).call(this);
     }), t(this, U).subscribe(({ current: s }) => {
-      this.isConnected && (s ? o(this, u, ms).call(this) : o(this, u, ss).call(this));
+      this.isConnected && (s ? o(this, u, Ss).call(this) : o(this, u, ss).call(this));
     }), t(this, st).subscribe((s) => {
-      t(this, Z).debounce = s.current, t(this, it).swipe = s.current, t(this, V).interval = s.current, this.isConnected && (s.current && !s.previous && !t(this, l).length ? o(this, u, ms).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, ss).call(this));
+      t(this, Z).debounce = s.current, t(this, it).swipe = s.current, t(this, L).interval = s.current, this.isConnected && (s.current && !s.previous && !t(this, l).length ? o(this, u, Ss).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, ss).call(this));
     }), t(this, pt).subscribe((s) => {
-      this.isConnected && (t(this, O).call(this), s.current && !s.previous && !t(this, l).length ? o(this, u, ms).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, ss).call(this));
+      this.isConnected && (t(this, T).call(this), s.current && !s.previous && !t(this, l).length ? o(this, u, Ss).call(this) : !s.current && s.previous && t(this, l).length && o(this, u, ss).call(this));
     }), t(this, G).subscribe((s) => {
-      this.isConnected && (t(this, O).call(this), o(this, u, Rt).call(this));
+      this.isConnected && (t(this, T).call(this), o(this, u, Rt).call(this));
     }), t(this, k).subscribe((s) => {
       s.current ? (this.isConnected && (t(this, l).length || (t(this, U).current = !0)), t(this, l).length && (t(this, f).max = 1 / 0, t(this, f).min = -1 / 0)) : (r(this, rs, 0), t(this, f).max = t(this, v), t(this, f).min = 0);
-    }), t(this, Ot).subscribe((s) => {
-      t(this, f).damping = s.current;
     }), t(this, Tt).subscribe((s) => {
+      t(this, f).damping = s.current;
+    }), t(this, Ot).subscribe((s) => {
       t(this, f).mass = s.current;
     }), t(this, Ht).subscribe((s) => {
       t(this, f).stiffness = s.current;
     }), t(this, qt).subscribe((s) => {
-      s.current && !s.previous ? o(this, u, Hs).call(this) : !s.current && s.previous && o(this, u, Bs).call(this);
+      s.current && !s.previous ? o(this, u, Bs).call(this) : !s.current && s.previous && o(this, u, $s).call(this);
     }), t(this, Nt).subscribe((s) => {
-      s.current && !s.previous ? o(this, u, $s).call(this) : !s.current && s.previous && o(this, u, Ws).call(this);
+      s.current && !s.previous ? o(this, u, Ws).call(this) : !s.current && s.previous && o(this, u, qs).call(this);
     }), t(this, K).subscribe((s) => {
-      t(this, V).speed = s.current, s.current && !s.previous ? t(this, V).connect() : !s.current && s.previous && t(this, V).disconnect();
+      t(this, L).speed = s.current, s.current && !s.previous ? t(this, L).connect() : !s.current && s.previous && t(this, L).disconnect();
     }), t(this, St).subscribe((s) => {
-      s.current || (t(this, V).direction = 1);
+      s.current || (t(this, L).direction = 1);
     }), t(this, _).subscribe((s) => {
       this.isConnected && o(this, u, Rt).call(this);
     }), t(this, bt).subscribe((s) => {
@@ -526,19 +526,19 @@ class Ts extends HTMLElement {
       t(this, l).length && o(this, u, Rt).call(this);
     }), t(this, rt).subscribe((s) => {
       t(this, rt).isRunning.current && t(this, f).set(s.current);
-    }), t(this, Mt).observe(), t(this, I).observe(), t(this, Y).observe(), t(this, tt).observe(), t(this, U).observe(), t(this, st).observe(), t(this, pt).observe(), t(this, mt).observe(), t(this, G).observe(), t(this, k).observe(), t(this, Ot).observe(), t(this, Tt).observe(), t(this, Ht).observe(), t(this, Bt).observe(), t(this, es).observe(), t(this, K).observe(), t(this, K).observe(), t(this, $t).observe(), t(this, St).observe(), t(this, _).observe(), t(this, bt).observe(), t(this, et).observe(), t(this, gt).observe(), t(this, Wt).observe(), t(this, qt).observe(), t(this, Nt).observe(), o(this, u, Ws).call(this);
+    }), t(this, Mt).observe(), t(this, I).observe(), t(this, Y).observe(), t(this, tt).observe(), t(this, U).observe(), t(this, st).observe(), t(this, pt).observe(), t(this, mt).observe(), t(this, G).observe(), t(this, k).observe(), t(this, Tt).observe(), t(this, Ot).observe(), t(this, Ht).observe(), t(this, Bt).observe(), t(this, es).observe(), t(this, K).observe(), t(this, K).observe(), t(this, $t).observe(), t(this, St).observe(), t(this, _).observe(), t(this, bt).observe(), t(this, et).observe(), t(this, gt).observe(), t(this, Wt).observe(), t(this, qt).observe(), t(this, Nt).observe(), o(this, u, qs).call(this);
   }
   disconnectedCallback() {
-    this.setAttribute("tabindex", ""), t(this, Mt).unobserve(), t(this, I).unobserve(), t(this, Y).unobserve(), t(this, tt).unobserve(), t(this, U).unobserve(), t(this, st).unobserve(), t(this, pt).unobserve(), t(this, mt).unobserve(), t(this, G).unobserve(), t(this, k).unobserve(), t(this, Ot).unobserve(), t(this, Tt).unobserve(), t(this, Ht).unobserve(), t(this, Bt).unobserve(), t(this, es).unobserve(), t(this, K).unobserve(), t(this, $t).unobserve(), t(this, St).unobserve(), t(this, _).unobserve(), t(this, bt).unobserve(), t(this, et).unobserve(), t(this, gt).unobserve(), t(this, Wt).unobserve(), t(this, qt).unobserve(), t(this, Nt).unobserve(), o(this, u, $s).call(this);
+    this.setAttribute("tabindex", ""), t(this, Mt).unobserve(), t(this, I).unobserve(), t(this, Y).unobserve(), t(this, tt).unobserve(), t(this, U).unobserve(), t(this, st).unobserve(), t(this, pt).unobserve(), t(this, mt).unobserve(), t(this, G).unobserve(), t(this, k).unobserve(), t(this, Tt).unobserve(), t(this, Ot).unobserve(), t(this, Ht).unobserve(), t(this, Bt).unobserve(), t(this, es).unobserve(), t(this, K).unobserve(), t(this, $t).unobserve(), t(this, St).unobserve(), t(this, _).unobserve(), t(this, bt).unobserve(), t(this, et).unobserve(), t(this, gt).unobserve(), t(this, Wt).unobserve(), t(this, qt).unobserve(), t(this, Nt).unobserve(), o(this, u, Ws).call(this);
   }
 }
-f = new WeakMap(), Mt = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), tt = new WeakMap(), U = new WeakMap(), st = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), G = new WeakMap(), k = new WeakMap(), Ot = new WeakMap(), Tt = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), es = new WeakMap(), K = new WeakMap(), $t = new WeakMap(), St = new WeakMap(), _ = new WeakMap(), bt = new WeakMap(), et = new WeakMap(), gt = new WeakMap(), Wt = new WeakMap(), qt = new WeakMap(), Nt = new WeakMap(), p = new WeakMap(), is = new WeakMap(), l = new WeakMap(), bs = new WeakMap(), gs = new WeakMap(), E = new WeakMap(), v = new WeakMap(), M = new WeakMap(), Z = new WeakMap(), vt = new WeakMap(), it = new WeakMap(), V = new WeakMap(), y = new WeakMap(), rs = new WeakMap(), yt = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap(), hs = new WeakMap(), rt = new WeakMap(), u = new WeakSet(), ms = function() {
+f = new WeakMap(), Mt = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), tt = new WeakMap(), U = new WeakMap(), st = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), G = new WeakMap(), k = new WeakMap(), Tt = new WeakMap(), Ot = new WeakMap(), Ht = new WeakMap(), Bt = new WeakMap(), es = new WeakMap(), K = new WeakMap(), $t = new WeakMap(), St = new WeakMap(), _ = new WeakMap(), bt = new WeakMap(), et = new WeakMap(), gt = new WeakMap(), Wt = new WeakMap(), qt = new WeakMap(), Nt = new WeakMap(), p = new WeakMap(), is = new WeakMap(), l = new WeakMap(), gs = new WeakMap(), vs = new WeakMap(), E = new WeakMap(), v = new WeakMap(), M = new WeakMap(), Z = new WeakMap(), vt = new WeakMap(), it = new WeakMap(), L = new WeakMap(), y = new WeakMap(), rs = new WeakMap(), yt = new WeakMap(), Ut = new WeakMap(), Gt = new WeakMap(), hs = new WeakMap(), rt = new WeakMap(), u = new WeakSet(), Ss = function() {
   o(this, u, ss).call(this), t(this, is).assignedElements().forEach((s, e) => {
-    s instanceof HTMLElement && t(this, l).push(new Le(s, e, this));
+    s instanceof HTMLElement && t(this, l).push(new Ve(s, e, this));
   }), t(this, p).style.transform = "", Q(this, "scrollSectionsChange", {
     custom: !0,
     composed: !0
-  }), t(this, O).call(this), o(this, u, Rt).call(this);
+  }), t(this, T).call(this), o(this, u, Rt).call(this);
 }, ss = function() {
   t(this, l).forEach((s) => {
     s.destroy();
@@ -546,17 +546,17 @@ f = new WeakMap(), Mt = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), tt
     custom: !0,
     composed: !0
   });
-}, Hs = function() {
-  t(this, Ut) || (r(this, Ut, !0), t(this, f).unsubscribe(t(this, vs)), t(this, f).unlistenAnimationFrame(), t(this, Z).disconnect(), t(this, vt).disconnect(), t(this, it).disconnect(), t(this, V).disconnect(), clearInterval(t(this, hs)), t(this, rt).unlistenAnimationFrame());
 }, Bs = function() {
-  t(this, Ut) && (r(this, Ut, !1), t(this, f).subscribe(t(this, vs)), t(this, Z).connect(), t(this, vt).connect(), t(this, it).connect(), t(this, K).current && t(this, V).connect());
+  t(this, Ut) || (r(this, Ut, !0), t(this, f).unsubscribe(t(this, ys)), t(this, f).unlistenAnimationFrame(), t(this, Z).disconnect(), t(this, vt).disconnect(), t(this, it).disconnect(), t(this, L).disconnect(), clearInterval(t(this, hs)), t(this, rt).unlistenAnimationFrame());
 }, $s = function() {
-  t(this, Gt) || (r(this, Gt, !0), ps.unsubscribe(t(this, O)), As.unsubscribe(t(this, O)), t(this, f).reset(), o(this, u, Hs).call(this), t(this, p).style.transform = "", t(this, U).current && o(this, u, ss).call(this), Yt.unregister(this));
+  t(this, Ut) && (r(this, Ut, !1), t(this, f).subscribe(t(this, ys)), t(this, Z).connect(), t(this, vt).connect(), t(this, it).connect(), t(this, K).current && t(this, L).connect());
 }, Ws = function() {
-  t(this, Gt) && (r(this, Gt, !1), t(this, U).current && o(this, u, ms).call(this), Yt.register(this), ps.subscribe(t(this, O), Gs.SCROLL), As.subscribe(this, t(this, O)), o(this, u, Bs).call(this));
-}, O = new WeakMap(), vs = new WeakMap(), ee = function(s) {
-  t(this, k).current ? (t(this, y).current = s % t(this, l).length, t(this, y).current = t(this, y).current < 0 ? t(this, l).length + t(this, y).current : t(this, y).current) : t(this, y).current = Xs(s, 0, this.limit);
-}, ns = new WeakMap(), ys = new WeakMap(), qs = function(s = "current") {
+  t(this, Gt) || (r(this, Gt, !0), ms.unsubscribe(t(this, T)), Is.unsubscribe(t(this, T)), t(this, f).reset(), o(this, u, Bs).call(this), t(this, p).style.transform = "", t(this, U).current && o(this, u, ss).call(this), Yt.unregister(this));
+}, qs = function() {
+  t(this, Gt) && (r(this, Gt, !1), t(this, U).current && o(this, u, Ss).call(this), Yt.register(this), ms.subscribe(t(this, T), Ks.SCROLL), Is.subscribe(this, t(this, T)), o(this, u, $s).call(this));
+}, T = new WeakMap(), ys = new WeakMap(), ie = function(s) {
+  t(this, k).current ? (t(this, y).current = s % t(this, l).length, t(this, y).current = t(this, y).current < 0 ? t(this, l).length + t(this, y).current : t(this, y).current) : t(this, y).current = Ys(s, 0, this.limit);
+}, ns = new WeakMap(), Cs = new WeakMap(), Ns = function(s = "current") {
   if (t(this, k).current && t(this, l).length) {
     const e = t(this, f)[s] % (t(this, v) + t(this, E) + t(this, M));
     return e < 0 ? t(this, v) + e + t(this, E) + t(this, M) : e;
@@ -572,7 +572,7 @@ f = new WeakMap(), Mt = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), tt
       a >= s && a < A || a <= g ? h.mark("current") : a >= A && a < A + ts / 2 || a <= g + e ? h.mark("next") : h.mark("previous");
     });
   }
-}, Ns = function() {
+}, Us = function() {
   let s = null, e = 1 / 0;
   for (let h = 0; h < t(this, l).length; h++) {
     const a = Math.abs(t(this, l)[h].position - this.targetScrollValue);
@@ -580,24 +580,24 @@ f = new WeakMap(), Mt = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), tt
   }
   return s !== null ? t(this, l)[s] : null;
 };
-customElements.get("e-scroll") || customElements.define("e-scroll", Ts);
-var Cs;
-class Ms extends HTMLElement {
+customElements.get("e-scroll") || customElements.define("e-scroll", Hs);
+var Ps;
+class Ts extends HTMLElement {
   constructor() {
     super(...arguments);
-    i(this, Cs, null);
+    i(this, Ps, null);
   }
   get scrollElement() {
-    return t(this, Cs);
+    return t(this, Ps);
   }
   connectedCallback() {
-    const s = xe(this, Ts);
-    s instanceof Ts ? r(this, Cs, s) : console.error(this, "e-scroll not found");
+    const s = Le(this, Hs);
+    s instanceof Hs ? r(this, Ps, s) : console.error(this, "e-scroll not found");
   }
 }
-Cs = new WeakMap();
-var Ct, D, ht, nt, os, cs, Kt, Ps, ws, Es;
-class ze extends Ms {
+Ps = new WeakMap();
+var Ct, D, ht, nt, os, cs, Kt, ws, Es, xs;
+class Fe extends Ts {
   constructor() {
     super();
     i(this, Ct, null);
@@ -611,14 +611,14 @@ class ze extends Ms {
       const s = t(this, ht) ? this.offsetWidth : this.offsetHeight;
       r(this, nt, s / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / s)), r(this, nt, Math.max(t(this, nt), 30)), t(this, ht) ? (t(this, D).style.width = t(this, nt) + "px", t(this, D).style.height = "100%") : (t(this, D).style.width = "100%", t(this, D).style.height = t(this, nt) + "px"), r(this, os, s - t(this, nt)), this.scrollElement.scrollSize || (this.style.display = "none");
     });
-    i(this, Ps, () => {
+    i(this, ws, () => {
       r(this, cs, this.scrollElement.currentProgress * t(this, os)), t(this, ht) ? t(this, D).style.transform = `translate3d(${t(this, cs)}px, 0px, 0px)` : t(this, D).style.transform = `translate3d(0px, ${t(this, cs)}px, 0px)`;
     });
-    i(this, ws, () => {
+    i(this, Es, () => {
       this.setAttribute("axis", this.scrollElement.axisCSSProperty.current);
     });
-    i(this, Es, (s) => {
-      document.documentElement.classList.add("grabbing"), Ee(
+    i(this, xs, (s) => {
+      document.documentElement.classList.add("grabbing"), xe(
         (a) => {
           const g = t(this, ht) ? a.x : a.y, A = this.scrollElement.distance / t(this, os), ts = (g - h) * A;
           this.scrollElement.setPosition(e + ts);
@@ -629,10 +629,10 @@ class ze extends Ms {
       );
       const e = this.scrollElement.damped.target, h = t(this, ht) ? s.x : s.y;
     });
-    if (Is) {
+    if (Ms) {
       const s = this.attachShadow({ mode: "open" });
       s.adoptedStyleSheets.push(
-        Qs({
+        Xs({
           ":host": {
             display: "inline-block",
             zIndex: "1",
@@ -670,45 +670,45 @@ class ze extends Ms {
   connectedCallback() {
     super.connectedCallback(), this.setAttribute("drag-dead-zone", "");
     const s = t(this, Ct).assignedElements()[0] || t(this, Ct).firstElementChild;
-    r(this, D, s), t(this, D).addEventListener("pointerdown", t(this, Es)), ps.subscribe(t(this, Kt), Gs.SCROLL), As.subscribe(this, t(this, Kt)), this.scrollElement.onScroll(t(this, Ps)), this.scrollElement.axisCSSProperty.subscribe(t(this, ws));
+    r(this, D, s), t(this, D).addEventListener("pointerdown", t(this, xs)), ms.subscribe(t(this, Kt), Ks.SCROLL), Is.subscribe(this, t(this, Kt)), this.scrollElement.onScroll(t(this, ws)), this.scrollElement.axisCSSProperty.subscribe(t(this, Es));
   }
   disconnectedCallback() {
-    this.removeAttribute("drag-dead-zone"), t(this, D).removeEventListener("pointerdown", t(this, Es)), ps.unsubscribe(t(this, Kt)), As.unsubscribe(t(this, Kt)), this.scrollElement.offScroll(t(this, Ps)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, ws));
+    this.removeAttribute("drag-dead-zone"), t(this, D).removeEventListener("pointerdown", t(this, xs)), ms.unsubscribe(t(this, Kt)), Is.unsubscribe(t(this, Kt)), this.scrollElement.offScroll(t(this, ws)), this.scrollElement.axisCSSProperty.unsubscribe(t(this, Es));
   }
 }
-Ct = new WeakMap(), D = new WeakMap(), ht = new WeakMap(), nt = new WeakMap(), os = new WeakMap(), cs = new WeakMap(), Kt = new WeakMap(), Ps = new WeakMap(), ws = new WeakMap(), Es = new WeakMap();
-customElements.get("e-scrollbar") || customElements.define("e-scrollbar", ze);
-class ie extends Ms {
+Ct = new WeakMap(), D = new WeakMap(), ht = new WeakMap(), nt = new WeakMap(), os = new WeakMap(), cs = new WeakMap(), Kt = new WeakMap(), ws = new WeakMap(), Es = new WeakMap(), xs = new WeakMap();
+customElements.get("e-scrollbar") || customElements.define("e-scrollbar", Fe);
+class re extends Ts {
   constructor() {
-    super(), Is && this.addEventListener("click", () => {
+    super(), Ms && this.addEventListener("click", () => {
       this.handleClick();
     });
   }
 }
-class Fe extends ie {
+class ke extends re {
   handleClick() {
     const n = this.getAttribute("index"), s = this.getAttribute("behaviour");
     this.scrollElement.scrollToSection(parseInt(n || "0"), { behaviour: s });
   }
 }
-customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", Fe);
-class ke extends ie {
+customElements.get("e-scroll-set-button") || customElements.define("e-scroll-set-button", ke);
+class De extends re {
   handleClick() {
     const n = this.getAttribute("step"), s = this.getAttribute("behaviour");
     this.scrollElement.shiftSections(parseInt(n || "1"), { behaviour: s });
   }
 }
-customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", ke);
-var ot, Pt, ls, xs, Ls, us;
-class De {
+customElements.get("e-scroll-step-button") || customElements.define("e-scroll-step-button", De);
+var ot, Pt, ls, Ls, Vs, us;
+class Re {
   constructor(n, s, e) {
     i(this, ot, null);
     i(this, Pt, null);
     i(this, ls, null);
-    i(this, xs, null);
-    i(this, Ls, () => {
+    i(this, Ls, null);
+    i(this, Vs, () => {
       t(this, Pt).scrollToSection(t(this, ls), {
-        behaviour: t(this, xs)
+        behaviour: t(this, Ls)
       });
     });
     i(this, us, () => {
@@ -717,25 +717,25 @@ class De {
         t(this, Pt).counter.current === t(this, ls)
       );
     });
-    Is && (r(this, ot, document.createElement("button")), r(this, Pt, n), r(this, xs, e), r(this, ls, s), t(this, ot).addEventListener("click", t(this, Ls)), t(this, Pt).counter.subscribe(t(this, us)), t(this, us).call(this));
+    Ms && (r(this, ot, document.createElement("button")), r(this, Pt, n), r(this, Ls, e), r(this, ls, s), t(this, ot).addEventListener("click", t(this, Vs)), t(this, Pt).counter.subscribe(t(this, us)), t(this, us).call(this));
   }
   get element() {
     return t(this, ot);
   }
   destroy() {
-    t(this, ot).removeEventListener("click", t(this, Ls)), t(this, Pt).counter.unsubscribe(t(this, us)), t(this, ot).remove();
+    t(this, ot).removeEventListener("click", t(this, Vs)), t(this, Pt).counter.unsubscribe(t(this, us)), t(this, ot).remove();
   }
 }
-ot = new WeakMap(), Pt = new WeakMap(), ls = new WeakMap(), xs = new WeakMap(), Ls = new WeakMap(), us = new WeakMap();
+ot = new WeakMap(), Pt = new WeakMap(), ls = new WeakMap(), Ls = new WeakMap(), Vs = new WeakMap(), us = new WeakMap();
 var wt, as;
-class Re extends Ms {
+class Ae extends Ts {
   constructor() {
     super(...arguments);
     i(this, wt, []);
-    i(this, as, se(() => {
+    i(this, as, ee(() => {
       t(this, wt).forEach((s) => s.destroy()), r(this, wt, []);
       for (let s = 0; s < this.scrollElement.sections.length; s++) {
-        const e = new De(
+        const e = new Re(
           this.scrollElement,
           s,
           this.getAttribute("behaviour") || "smooth"
@@ -758,9 +758,9 @@ class Re extends Ms {
   }
 }
 wt = new WeakMap(), as = new WeakMap();
-customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Re);
-var _t, Zt, jt, Jt, Et, xt, Lt, Vt, z, T, H, B, zt, x, ct, lt, ut, at, dt, w, $, W, j, J, q, Vs, m, Qt, Xt, zs, L, Ft, R, F, N, ds, kt, P, S, re, he, ne, oe, ce, le, Fs, fs, At, ue, ae, Us, ks;
-class Ae extends Ms {
+customElements.get("e-scroll-bullet-buttons") || customElements.define("e-scroll-bullet-buttons", Ae);
+var _t, Zt, jt, Jt, Et, xt, Lt, Vt, V, O, H, B, zt, x, ct, lt, ds, ut, at, dt, w, $, W, j, J, q, zs, m, Qt, Xt, Fs, z, Ft, R, F, N, fs, kt, P, S, he, ne, oe, ce, le, ue, ks, ps, At, ae, de, Gs, Ds;
+class Ie extends Ts {
   constructor() {
     super(...arguments);
     i(this, S);
@@ -783,8 +783,8 @@ class Ae extends Ms {
       "--capture-once",
       !1
     ));
-    i(this, z, new c(this, "--captured", ""));
-    i(this, T, new c(this, "--released", ""));
+    i(this, V, new c(this, "--captured", ""));
+    i(this, O, new c(this, "--released", ""));
     i(this, H, new c(
       this,
       "--captured-from-start",
@@ -807,6 +807,11 @@ class Ae extends Ms {
     ));
     i(this, ct, new c(this, "--passed-var", ""));
     i(this, lt, new c(this, "--progress-var", ""));
+    i(this, ds, new c(
+      this,
+      "--animation-var-type",
+      "current"
+    ));
     i(this, ut, new c(this, "--distance-var", ""));
     i(this, at, new c(this, "--start-var", ""));
     i(this, dt, new c(this, "--finish-var", ""));
@@ -816,31 +821,31 @@ class Ae extends Ms {
     i(this, j, new Dt(!1));
     i(this, J, new Dt(!1));
     i(this, q, new Dt(!1));
-    i(this, Vs, []);
+    i(this, zs, []);
     i(this, m, this);
     i(this, Qt, 0);
     i(this, Xt, 0);
-    i(this, zs, 0);
-    i(this, L, new te(0, { order: Ys.SCROLL - 1, min: 0, max: 1 }));
+    i(this, Fs, 0);
+    i(this, z, new se(0, { order: te.SEGMENT, min: 0, max: 1 }));
     i(this, Ft, 0);
     i(this, R, 0);
     i(this, F, 0);
     i(this, N, 0);
-    i(this, ds, !1);
+    i(this, fs, !1);
     i(this, kt, !1);
     i(this, P, !0);
-    i(this, Fs, () => {
-      t(this, P) || (this.resize(), t(this, fs).call(this));
+    i(this, ks, () => {
+      t(this, P) || (this.resize(), t(this, ps).call(this));
     });
-    i(this, fs, () => {
-      !t(this, P) && t(this, ds) && this.tick();
+    i(this, ps, () => {
+      !t(this, P) && t(this, fs) && this.tick();
     });
-    i(this, ks, se(() => {
+    i(this, Ds, ee(() => {
       const s = Yt.getAll(this).reverse();
       let e = 0;
       s.forEach((h, a) => {
         h.element === this.scrollElement && (e = a);
-      }), r(this, Vs, s.slice(e + 1));
+      }), r(this, zs, s.slice(e + 1));
     }, 0));
   }
   get distanceOffsetCSSProperty() {
@@ -853,10 +858,10 @@ class Ae extends Ms {
     return t(this, Vt);
   }
   get capturedCSSProperty() {
-    return t(this, z);
+    return t(this, V);
   }
   get releasedCSSProperty() {
-    return t(this, T);
+    return t(this, O);
   }
   get capturedFromStartCSSProperty() {
     return t(this, H);
@@ -876,6 +881,9 @@ class Ae extends Ms {
   get progressVarCSSProperty() {
     return t(this, lt);
   }
+  get animationVarTypeCSSProperty() {
+    return t(this, ds);
+  }
   get distanceVarCSSProperty() {
     return t(this, ut);
   }
@@ -925,7 +933,7 @@ class Ae extends Ms {
     return t(this, Xt);
   }
   get passed() {
-    return t(this, L);
+    return t(this, z);
   }
   get progress() {
     return t(this, Ft);
@@ -946,20 +954,20 @@ class Ae extends Ms {
     return t(this, P);
   }
   resize() {
-    r(this, Xt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Qt, this.scrollElement.vertical ? Ds(this, this.scrollElement) : Rs(this, this.scrollElement)), r(this, R, this.getStart()), r(this, F, this.getDistance()), r(this, R, t(this, R) + t(this, Lt).current), r(this, F, t(this, F) + t(this, xt).current), r(this, N, t(this, R) + t(this, F)), this.scrollElement.currentScrollValue > t(this, N) && !t(this, w).current && !t(this, $).current && (t(this, w).current = !0), this.setVar(t(this, at).current, t(this, R)), this.setVar(t(this, dt).current, t(this, N)), this.setVar(t(this, ut).current, t(this, F)), t(this, L).max = t(this, F), r(this, ds, !0);
+    r(this, Xt, this.scrollElement.vertical ? this.offsetHeight : this.offsetWidth), r(this, Qt, this.scrollElement.vertical ? Rs(this, this.scrollElement) : As(this, this.scrollElement)), r(this, R, this.getStart()), r(this, F, this.getDistance()), r(this, R, t(this, R) + t(this, Lt).current), r(this, F, t(this, F) + t(this, xt).current), r(this, N, t(this, R) + t(this, F)), this.scrollElement.currentScrollValue > t(this, N) && !t(this, w).current && !t(this, $).current && (t(this, w).current = !0), this.setVar(t(this, at).current, t(this, R)), this.setVar(t(this, dt).current, t(this, N)), this.setVar(t(this, ut).current, t(this, F)), t(this, z).max = t(this, F), r(this, fs, !0);
   }
   tick() {
     let s = this.scrollElement.currentScrollValue;
-    t(this, Vs).forEach((h) => {
+    t(this, zs).forEach((h) => {
       s += h.value;
-    }), t(this, L).set(s - t(this, R));
+    }), t(this, z).set(s - t(this, R));
     const e = Math.round(s);
-    t(this, w).current && (e >= t(this, R) ? t(this, W).current || o(this, S, ne).call(this) : t(this, W).current && !t(this, j).current && o(this, S, ce).call(this), e < t(this, N) ? t(this, q).current && !t(this, J).current && o(this, S, oe).call(this) : t(this, W).current && !t(this, q).current && o(this, S, le).call(this)), e >= t(this, R) && e < t(this, N) ? t(this, w).current || o(this, S, re).call(this) : t(this, w).current && (t(this, L).set(
-      be(t(this, F) / 2, t(this, L).current, 0, t(this, F))
-    ), o(this, S, he).call(this)), t(this, kt) && t(this, Vt).current && (t(this, z).current && t(this, m).classList.add(t(this, z).current), r(this, P, !0));
+    t(this, w).current && (e >= t(this, R) ? t(this, W).current || o(this, S, oe).call(this) : t(this, W).current && !t(this, j).current && o(this, S, le).call(this), e < t(this, N) ? t(this, q).current && !t(this, J).current && o(this, S, ce).call(this) : t(this, W).current && !t(this, q).current && o(this, S, ue).call(this)), e >= t(this, R) && e < t(this, N) ? t(this, w).current || o(this, S, he).call(this) : t(this, w).current && (t(this, z).set(
+      ge(t(this, F) / 2, t(this, z).current, 0, t(this, F))
+    ), o(this, S, ne).call(this)), t(this, kt) && t(this, Vt).current && (t(this, V).current && t(this, m).classList.add(t(this, V).current), r(this, P, !0));
   }
   disable() {
-    this.style.cssText = "", r(this, Qt, 0), r(this, Xt, 0), t(this, L).reset(), r(this, Ft, 0), r(this, R, 0), r(this, F, 0), r(this, N, 0), r(this, ds, !1), t(this, w).current = !1, t(this, $).current = !1, t(this, W).current = !1, t(this, j).current = !1, t(this, J).current = !1, t(this, q).current = !1, r(this, kt, !1), r(this, P, !0), o(this, S, Us).call(this);
+    this.style.cssText = "", r(this, Qt, 0), r(this, Xt, 0), t(this, z).reset(), r(this, Ft, 0), r(this, R, 0), r(this, F, 0), r(this, N, 0), r(this, fs, !1), t(this, w).current = !1, t(this, $).current = !1, t(this, W).current = !1, t(this, j).current = !1, t(this, J).current = !1, t(this, q).current = !1, r(this, kt, !1), r(this, P, !0), o(this, S, Gs).call(this);
   }
   enable() {
     r(this, P, !1);
@@ -995,32 +1003,32 @@ class Ae extends Ms {
         composed: !0,
         custom: !0
       });
-    }), t(this, _t).observe(), t(this, Zt).observe(), t(this, jt).observe(), t(this, Jt).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Lt).observe(), t(this, Vt).observe(), t(this, z).observe(), t(this, T).observe(), t(this, H).observe(), t(this, B).observe(), t(this, zt).observe(), t(this, x).observe(), t(this, ct).observe(), t(this, lt).observe(), t(this, ut).observe(), t(this, at).observe(), t(this, dt).observe();
+    }), t(this, _t).observe(), t(this, Zt).observe(), t(this, jt).observe(), t(this, Jt).observe(), t(this, Et).observe(), t(this, xt).observe(), t(this, Lt).observe(), t(this, Vt).observe(), t(this, V).observe(), t(this, O).observe(), t(this, H).observe(), t(this, B).observe(), t(this, zt).observe(), t(this, x).observe(), t(this, ct).observe(), t(this, lt).observe(), t(this, ds).observe(), t(this, ut).observe(), t(this, at).observe(), t(this, dt).observe();
     let s = !1;
     this.scrollElement.addEventListener(
       "scrollSectionsChange",
-      t(this, ks)
-    ), t(this, ks).call(this), t(this, Et).current || this.enable(), t(this, _t).subscribe((e) => {
-      t(this, L).damping = e.current;
+      t(this, Ds)
+    ), t(this, Ds).call(this), t(this, Et).current || this.enable(), t(this, _t).subscribe((e) => {
+      t(this, z).damping = e.current;
     }), t(this, Zt).subscribe((e) => {
-      t(this, L).mass = e.current;
+      t(this, z).mass = e.current;
     }), t(this, jt).subscribe((e) => {
-      t(this, L).stiffness = e.current;
+      t(this, z).stiffness = e.current;
     }), t(this, Jt).subscribe((e) => {
-      e.previous && o(this, S, Us).call(this), e.current ? e.current === "parent" ? r(this, m, this.parentElement || this) : r(this, m, document.querySelector(e.current) || this) : r(this, m, this);
+      e.previous && o(this, S, Gs).call(this), e.current ? e.current === "parent" ? r(this, m, this.parentElement || this) : r(this, m, document.querySelector(e.current) || this) : r(this, m, this);
     }), t(this, Et).subscribe((e) => {
       e.current && !e.previous ? this.disable() : !e.current && e.previous && (this.resize(), this.enable());
     }), t(this, Lt).subscribe(() => {
       s && !t(this, P) && this.resize();
     }), t(this, xt).subscribe(() => {
       s && !t(this, P) && this.resize();
-    }), t(this, z).subscribe((e) => {
+    }), t(this, V).subscribe((e) => {
       o(this, S, At).call(this, e);
     }), t(this, H).subscribe((e) => {
       o(this, S, At).call(this, e);
     }), t(this, B).subscribe((e) => {
       o(this, S, At).call(this, e);
-    }), t(this, T).subscribe((e) => {
+    }), t(this, O).subscribe((e) => {
       o(this, S, At).call(this, e);
     }), t(this, zt).subscribe((e) => {
       o(this, S, At).call(this, e);
@@ -1038,18 +1046,16 @@ class Ae extends Ms {
       t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, N)));
     }), t(this, ut).subscribe((e) => {
       t(this, P) || (this.removeVar(e.previous), this.setVar(e.current, t(this, F)));
-    }), t(this, L).subscribe((e) => {
-      r(this, Ft, t(this, L).current / t(this, F) || 0), this.setVar(
-        t(this, ct).current,
-        t(this, L).current.toFixed(6)
-      ), this.setVar(
+    }), t(this, z).subscribe((e) => {
+      const h = t(this, z)[t(this, ds).current];
+      r(this, Ft, h / t(this, F) || 0), this.setVar(t(this, ct).current, h.toFixed(6)), this.setVar(
         t(this, lt).current,
         t(this, Ft).toFixed(6)
       );
-    }), ps.subscribe(t(this, Fs), Gs.SCROLL), this.scrollElement.onScroll(t(this, fs)), s = !0;
+    }), ms.subscribe(t(this, ks), Ks.SCROLL), this.scrollElement.onScroll(t(this, ps)), s = !0;
   }
   disconnectedCallback() {
-    ps.unsubscribe(t(this, Fs)), this.scrollElement.offScroll(t(this, fs)), t(this, _t).close(), t(this, Zt).close(), t(this, jt).close(), t(this, Jt).close(), t(this, Et).close(), t(this, xt).close(), t(this, Lt).close(), t(this, Vt).close(), t(this, z).close(), t(this, T).close(), t(this, H).close(), t(this, B).close(), t(this, zt).close(), t(this, x).close(), t(this, ct).close(), t(this, lt).close(), t(this, ut).close(), t(this, at).close(), t(this, dt).close(), t(this, w).close(), t(this, $).close(), t(this, W).close(), t(this, j).close(), t(this, J).close(), t(this, q).close(), this.disable();
+    ms.unsubscribe(t(this, ks)), this.scrollElement.offScroll(t(this, ps)), t(this, _t).close(), t(this, Zt).close(), t(this, jt).close(), t(this, Jt).close(), t(this, Et).close(), t(this, xt).close(), t(this, Lt).close(), t(this, Vt).close(), t(this, V).close(), t(this, O).close(), t(this, H).close(), t(this, B).close(), t(this, zt).close(), t(this, x).close(), t(this, ct).close(), t(this, lt).close(), t(this, ut).close(), t(this, at).close(), t(this, dt).close(), t(this, w).close(), t(this, $).close(), t(this, W).close(), t(this, j).close(), t(this, J).close(), t(this, q).close(), this.disable();
   }
   removeVar(s) {
     s && t(this, m).style.removeProperty(`--${s}`);
@@ -1058,63 +1064,63 @@ class Ae extends Ms {
     s && t(this, m).style.setProperty(`--${s}`, e.toString());
   }
   getDistance() {
-    return t(this, Xt) + t(this, zs);
+    return t(this, Xt) + t(this, Fs);
   }
   getStart() {
-    return t(this, Qt) - t(this, zs);
+    return t(this, Qt) - t(this, Fs);
   }
 }
-_t = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), Vt = new WeakMap(), z = new WeakMap(), T = new WeakMap(), H = new WeakMap(), B = new WeakMap(), zt = new WeakMap(), x = new WeakMap(), ct = new WeakMap(), lt = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), dt = new WeakMap(), w = new WeakMap(), $ = new WeakMap(), W = new WeakMap(), j = new WeakMap(), J = new WeakMap(), q = new WeakMap(), Vs = new WeakMap(), m = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap(), zs = new WeakMap(), L = new WeakMap(), Ft = new WeakMap(), R = new WeakMap(), F = new WeakMap(), N = new WeakMap(), ds = new WeakMap(), kt = new WeakMap(), P = new WeakMap(), S = new WeakSet(), re = function() {
-  t(this, w).current = !0, t(this, $).current = !1, r(this, kt, !0), t(this, T).current && t(this, m).classList.remove(t(this, T).current), t(this, x).current && t(this, m).classList.remove(
+_t = new WeakMap(), Zt = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), Et = new WeakMap(), xt = new WeakMap(), Lt = new WeakMap(), Vt = new WeakMap(), V = new WeakMap(), O = new WeakMap(), H = new WeakMap(), B = new WeakMap(), zt = new WeakMap(), x = new WeakMap(), ct = new WeakMap(), lt = new WeakMap(), ds = new WeakMap(), ut = new WeakMap(), at = new WeakMap(), dt = new WeakMap(), w = new WeakMap(), $ = new WeakMap(), W = new WeakMap(), j = new WeakMap(), J = new WeakMap(), q = new WeakMap(), zs = new WeakMap(), m = new WeakMap(), Qt = new WeakMap(), Xt = new WeakMap(), Fs = new WeakMap(), z = new WeakMap(), Ft = new WeakMap(), R = new WeakMap(), F = new WeakMap(), N = new WeakMap(), fs = new WeakMap(), kt = new WeakMap(), P = new WeakMap(), S = new WeakSet(), he = function() {
+  t(this, w).current = !0, t(this, $).current = !1, r(this, kt, !0), t(this, O).current && t(this, m).classList.remove(t(this, O).current), t(this, x).current && t(this, m).classList.remove(
     t(this, x).current
   ), t(this, x).current && t(this, m).classList.remove(
     t(this, x).current
-  ), t(this, z).current && t(this, m).classList.add(t(this, z).current);
-}, he = function() {
-  t(this, $).current = !0, t(this, w).current = !1, r(this, kt, !0), t(this, z).current && t(this, m).classList.remove(t(this, z).current), t(this, H).current && t(this, m).classList.remove(
+  ), t(this, V).current && t(this, m).classList.add(t(this, V).current);
+}, ne = function() {
+  t(this, $).current = !0, t(this, w).current = !1, r(this, kt, !0), t(this, V).current && t(this, m).classList.remove(t(this, V).current), t(this, H).current && t(this, m).classList.remove(
     t(this, H).current
   ), t(this, B).current && t(this, m).classList.remove(
     t(this, B).current
-  ), t(this, T).current && t(this, m).classList.add(t(this, T).current);
-}, ne = function() {
+  ), t(this, O).current && t(this, m).classList.add(t(this, O).current);
+}, oe = function() {
   t(this, w).current = !0, t(this, W).current = !0, t(this, j).current = !1, t(this, H).current && t(this, m).classList.add(
     t(this, H).current
   );
-}, oe = function() {
+}, ce = function() {
   t(this, w).current = !0, t(this, J).current = !0, t(this, q).current = !1, t(this, B).current && t(this, m).classList.add(
     t(this, B).current
   );
-}, ce = function() {
+}, le = function() {
   t(this, $).current = !0, t(this, j).current = !0, t(this, W).current = !1, t(this, x).current && t(this, m).classList.add(
     t(this, x).current
   );
-}, le = function() {
+}, ue = function() {
   t(this, $).current = !0, t(this, q).current = !0, t(this, J).current = !1, t(this, x).current && t(this, m).classList.add(
     t(this, x).current
   );
-}, Fs = new WeakMap(), fs = new WeakMap(), At = function(s) {
+}, ks = new WeakMap(), ps = new WeakMap(), At = function(s) {
   if (t(this, P)) {
     s.previous && t(this, m).classList.remove(s.previous), s.current && t(this, m).classList.remove(s.current);
     return;
   }
   s.current && t(this, w).current ? (s.previous && t(this, m).classList.remove(s.previous), t(this, m).classList.add(s.current)) : !s.current && s.previous && t(this, m).classList.remove(s.previous);
-}, ue = function(...s) {
+}, ae = function(...s) {
   s.forEach((e) => {
     e && t(this, m).classList.remove(e);
   });
-}, ae = function(...s) {
+}, de = function(...s) {
   s.forEach((e) => {
     e && t(this, m).style.removeProperty(`--${e}`);
   });
-}, Us = function() {
-  o(this, S, ue).call(this, t(this, z).current, t(this, H).current, t(this, B).current, t(this, T).current, t(this, zt).current, t(this, x).current), o(this, S, ae).call(this, t(this, ct).current, t(this, lt).current, t(this, ut).current, t(this, at).current, t(this, dt).current);
-}, ks = new WeakMap();
-customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Ae);
+}, Gs = function() {
+  o(this, S, ae).call(this, t(this, V).current, t(this, H).current, t(this, B).current, t(this, O).current, t(this, zt).current, t(this, x).current), o(this, S, de).call(this, t(this, ct).current, t(this, lt).current, t(this, ut).current, t(this, at).current, t(this, dt).current);
+}, Ds = new WeakMap();
+customElements.get("e-scroll-segment") || customElements.define("e-scroll-segment", Ie);
 export {
-  Re as ScrollBulletButtonsElement,
-  Ts as ScrollElement,
-  Ae as ScrollSegmentElement,
-  Fe as ScrollSetButtonElement,
-  ke as ScrollStepButtonElement,
-  ze as ScrollbarElement
+  Ae as ScrollBulletButtonsElement,
+  Hs as ScrollElement,
+  Ie as ScrollSegmentElement,
+  ke as ScrollSetButtonElement,
+  De as ScrollStepButtonElement,
+  Fe as ScrollbarElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.26.2",
+  "version": "0.26.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -168,10 +168,10 @@
       "default": "./lib/source/index.js",
       "types": "./lib/source/index.d.ts"
     },
-    "./store/vanill": {
-      "require": "./lib/store/vanill/index.cjs",
-      "default": "./lib/store/vanill/index.js",
-      "types": "./lib/store/vanill/index.d.ts"
+    "./store/vanilla": {
+      "require": "./lib/store/vanilla/index.cjs",
+      "default": "./lib/store/vanilla/index.js",
+      "types": "./lib/store/vanilla/index.d.ts"
     },
     "./store/react": {
       "require": "./lib/store/react/index.cjs",