aptechka 0.29.1 → 0.29.2

package/lib/scroll-segment/index.cjs

@@ -1 +1 @@
-"use strict";var nt=a=>{throw TypeError(a)};var et=(a,f,r)=>f.has(a)||nt("Cannot "+r);var t=(a,f,r)=>(et(a,f,"read from private field"),r?r.call(a):f.get(a)),i=(a,f,r)=>f.has(a)?nt("Cannot add the same private member more than once"):f instanceof WeakSet?f.add(a):f.set(a,r),e=(a,f,r,s)=>(et(a,f,"write to private field"),s?s.call(a,r):f.set(a,r),r),c=(a,f,r)=>(et(a,f,"access private method"),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../css-property/index.cjs"),ct=require("../order/index.cjs"),ot=require("../window-resizer/vanilla/index.cjs"),U=require("../events-KVanG9sR.cjs"),vt=require("../function-MthRj-GJ.cjs"),ut=require("../layout-8ryRAMGJ.cjs"),Pt=require("../math-GDWEqu7y.cjs"),X=require("../Store-CDb6RMce.cjs"),Ft=require("../scroll-entries/index.cjs");require("../ticker/vanilla/index.cjs");const Vt=require("../Damped-CTsV8tl_.cjs");var p,H,I,j,G,D,T,k,_,d,y,g,v,M,S,R,z,Z,O,q,x,l,P,F,L,E,V,Y,n,K,N,tt,m,A,C,b,w,B,$,u,h,rt,it,St,pt,ft,dt,mt,bt,st,J,W,Ct,yt,ht,at;let lt=(at=class extends HTMLElement{constructor(){super();i(this,h);i(this,p);i(this,H);i(this,I);i(this,j);i(this,G);i(this,D);i(this,T);i(this,k);i(this,_);i(this,d);i(this,y);i(this,g);i(this,v);i(this,M);i(this,S);i(this,R);i(this,z);i(this,Z);i(this,O);i(this,q);i(this,x);i(this,l);i(this,P);i(this,F);i(this,L);i(this,E);i(this,V);i(this,Y);i(this,n);i(this,K);i(this,N);i(this,tt);i(this,m);i(this,A);i(this,C);i(this,b);i(this,w);i(this,B);i(this,$);i(this,u);i(this,st);i(this,J);e(this,p,null),e(this,H,new o.CSSProperty(this,"--damping",20)),e(this,I,new o.CSSProperty(this,"--mass",0)),e(this,j,new o.CSSProperty(this,"--stiffness",0)),e(this,G,new o.CSSProperty(this,"--target","")),e(this,D,new o.CSSProperty(this,"--disabled",!1)),e(this,T,new o.CSSProperty(this,"--distance-offset",0,{rawValueCheck:!1})),e(this,k,new o.CSSProperty(this,"--start-offset",0,{rawValueCheck:!1})),e(this,_,new o.CSSProperty(this,"--capture-once",!1)),e(this,d,new o.CSSProperty(this,"--captured","")),e(this,y,new o.CSSProperty(this,"--released","")),e(this,g,new o.CSSProperty(this,"--captured-from-start","")),e(this,v,new o.CSSProperty(this,"--captured-from-finish","")),e(this,M,new o.CSSProperty(this,"--released-from-start","")),e(this,S,new o.CSSProperty(this,"--released-from-finish","")),e(this,R,new o.CSSProperty(this,"--passed-var","")),e(this,z,new o.CSSProperty(this,"--progress-var","")),e(this,Z,new o.CSSProperty(this,"--animation-var-type","current")),e(this,O,new o.CSSProperty(this,"--distance-var","")),e(this,q,new o.CSSProperty(this,"--start-var","")),e(this,x,new o.CSSProperty(this,"--finish-var","")),e(this,l,new X.Store(!1)),e(this,P,new X.Store(!1)),e(this,F,new X.Store(!1)),e(this,L,new X.Store(!1)),e(this,E,new X.Store(!1)),e(this,V,new X.Store(!1)),e(this,Y,[]),e(this,n,this),e(this,K,0),e(this,N,0),e(this,tt,0),e(this,m,new Vt.Damped(0,{order:ct.TICK_ORDER.SEGMENT,min:0,max:1})),e(this,A,0),e(this,C,0),e(this,b,0),e(this,w,0),e(this,B,!1),e(this,$,!1),e(this,u,!0),this.findAnotherScrollEntries=vt.debounce(()=>{const r=Ft.scrollEntries.getAll(this).reverse();let s=0;r.forEach((Q,gt)=>{Q.element===t(this,p)&&(s=gt)}),e(this,Y,r.slice(s+1))},0),e(this,st,()=>{t(this,u)||(this.resize(),t(this,J).call(this))}),e(this,J,()=>{!t(this,u)&&t(this,B)&&this.tick()})}get scrollContainer(){return t(this,p)}set scrollContainer(r){c(this,h,it).call(this),e(this,p,r),c(this,h,rt).call(this)}get distanceOffsetCSSProperty(){return t(this,T)}get startOffsetCSSProperty(){return t(this,k)}get captureOnceCSSProperty(){return t(this,_)}get capturedCSSProperty(){return t(this,d)}get releasedCSSProperty(){return t(this,y)}get capturedFromStartCSSProperty(){return t(this,g)}get capturedFromFinishCSSProperty(){return t(this,v)}get releasedFromStartCSSProperty(){return t(this,M)}get releasedFromFinishCSSProperty(){return t(this,S)}get passedVarCSSProperty(){return t(this,R)}get progressVarCSSProperty(){return t(this,z)}get animationVarTypeCSSProperty(){return t(this,Z)}get distanceVarCSSProperty(){return t(this,O)}get startVarCSSProperty(){return t(this,q)}get finishVarCSSProperty(){return t(this,x)}get disabledCSSProperty(){return t(this,D)}get dampingCSSProperty(){return t(this,H)}get massCSSProperty(){return t(this,I)}get stiffnessCSSProperty(){return t(this,j)}get targetCSSProperty(){return t(this,G)}get isCaptured(){return t(this,l)}get isReleased(){return t(this,P)}get isCapturedFromStart(){return t(this,F)}get isReleasedFromStart(){return t(this,L)}get isCapturedFromFinish(){return t(this,E)}get isReleasedFromFinish(){return t(this,V)}get directionPosition(){return t(this,K)}get directionSize(){return t(this,N)}get passed(){return t(this,m)}get progress(){return t(this,A)}get start(){return t(this,C)}get finish(){return t(this,w)}get distance(){return t(this,b)}get isCapturedOnce(){return t(this,$)}get isDisabled(){return t(this,u)}resize(){e(this,N,t(this,p).vertical?this.offsetHeight:this.offsetWidth);const r=t(this,p)instanceof HTMLElement?t(this,p):t(this,p).element;e(this,K,t(this,p).vertical?ut.getCumulativeOffsetTop(this,r):ut.getCumulativeOffsetLeft(this,r)),e(this,C,this.getStart()),e(this,b,this.getDistance()),e(this,C,t(this,C)+t(this,k).current),e(this,b,t(this,b)+t(this,T).current),e(this,w,t(this,C)+t(this,b)),t(this,p).currentScrollValue>t(this,w)&&!t(this,l).current&&!t(this,P).current&&(t(this,l).current=!0),this.setVar(t(this,q).current,t(this,C)),this.setVar(t(this,x).current,t(this,w)),this.setVar(t(this,O).current,t(this,b)),t(this,m).max=t(this,b),e(this,B,!0)}tick(){let r=t(this,p).currentScrollValue;t(this,Y).forEach(Q=>{r+=Q.value}),t(this,m).set(r-t(this,C));const s=Math.round(r);t(this,l).current&&(s>=t(this,C)?t(this,F).current||c(this,h,ft).call(this):t(this,F).current&&!t(this,L).current&&c(this,h,mt).call(this),s<t(this,w)?t(this,V).current&&!t(this,E).current&&c(this,h,dt).call(this):t(this,F).current&&!t(this,V).current&&c(this,h,bt).call(this)),s>=t(this,C)&&s<t(this,w)?t(this,l).current||c(this,h,St).call(this):t(this,l).current&&(t(this,m).set(Pt.step(t(this,b)/2,t(this,m).target,0,t(this,b))),c(this,h,pt).call(this)),t(this,$)&&t(this,_).current&&(t(this,d).current&&t(this,n).classList.add(t(this,d).current),e(this,u,!0))}disable(){this.style.cssText="",e(this,K,0),e(this,N,0),t(this,m).reset(),e(this,A,0),e(this,C,0),e(this,b,0),e(this,w,0),e(this,B,!1),t(this,l).current=!1,t(this,P).current=!1,t(this,F).current=!1,t(this,L).current=!1,t(this,E).current=!1,t(this,V).current=!1,e(this,$,!1),e(this,u,!0),c(this,h,ht).call(this)}enable(){e(this,u,!1)}connectedCallback(){c(this,h,rt).call(this)}disconnectedCallback(){c(this,h,it).call(this)}removeVar(r){r&&t(this,n).style.removeProperty(`--${r}`)}setVar(r,s){r&&t(this,n).style.setProperty(`--${r}`,s.toString())}getDistance(){return t(this,N)+t(this,tt)}getStart(){return t(this,K)-t(this,tt)}},p=new WeakMap,H=new WeakMap,I=new WeakMap,j=new WeakMap,G=new WeakMap,D=new WeakMap,T=new WeakMap,k=new WeakMap,_=new WeakMap,d=new WeakMap,y=new WeakMap,g=new WeakMap,v=new WeakMap,M=new WeakMap,S=new WeakMap,R=new WeakMap,z=new WeakMap,Z=new WeakMap,O=new WeakMap,q=new WeakMap,x=new WeakMap,l=new WeakMap,P=new WeakMap,F=new WeakMap,L=new WeakMap,E=new WeakMap,V=new WeakMap,Y=new WeakMap,n=new WeakMap,K=new WeakMap,N=new WeakMap,tt=new WeakMap,m=new WeakMap,A=new WeakMap,C=new WeakMap,b=new WeakMap,w=new WeakMap,B=new WeakMap,$=new WeakMap,u=new WeakMap,h=new WeakSet,rt=function(){if(!t(this,p))return;t(this,l).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentCapture",{composed:!0,custom:!0})}),t(this,F).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentCaptureFromStart",{composed:!0,custom:!0})}),t(this,E).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentCaptureFromFinish",{composed:!0,custom:!0})}),t(this,P).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentRelease",{composed:!0,custom:!0})}),t(this,L).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentReleaseFromStart",{composed:!0,custom:!0})}),t(this,V).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentReleaseFromFinish",{composed:!0,custom:!0})}),t(this,H).observe(),t(this,I).observe(),t(this,j).observe(),t(this,G).observe(),t(this,D).observe(),t(this,T).observe(),t(this,k).observe(),t(this,_).observe(),t(this,d).observe(),t(this,y).observe(),t(this,g).observe(),t(this,v).observe(),t(this,M).observe(),t(this,S).observe(),t(this,R).observe(),t(this,z).observe(),t(this,Z).observe(),t(this,O).observe(),t(this,q).observe(),t(this,x).observe();let r=!1;this.findAnotherScrollEntries(),t(this,D).current||this.enable(),t(this,H).subscribe(s=>{t(this,m).damping=s.current}),t(this,I).subscribe(s=>{t(this,m).mass=s.current}),t(this,j).subscribe(s=>{t(this,m).stiffness=s.current}),t(this,G).subscribe(s=>{s.previous&&c(this,h,ht).call(this),s.current?s.current==="parent"?e(this,n,this.parentElement||this):e(this,n,document.querySelector(s.current)||this):e(this,n,this)}),t(this,D).subscribe(s=>{s.current&&!s.previous?this.disable():!s.current&&s.previous&&(this.resize(),this.enable())}),t(this,k).subscribe(()=>{r&&!t(this,u)&&this.resize()}),t(this,T).subscribe(()=>{r&&!t(this,u)&&this.resize()}),t(this,d).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,g).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,v).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,y).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,M).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,S).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,_).subscribe(s=>{t(this,u)||!s.current&&s.previous&&(this.resize(),this.enable())}),t(this,R).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,this.passed.current))}),t(this,z).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,A)))}),t(this,q).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,C)))}),t(this,x).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,w)))}),t(this,O).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,b)))}),t(this,m).subscribe(s=>{const Q=t(this,m)[t(this,Z).current];e(this,A,Q/t(this,b)||0),this.setVar(t(this,R).current,Q.toFixed(6)),this.setVar(t(this,z).current,t(this,A).toFixed(6))}),ot.windowResizer.subscribe(t(this,st),ct.RESIZE_ORDER.SCROLL),this.scrollContainer.onScroll(t(this,J)),r=!0},it=function(){t(this,p)&&(ot.windowResizer.unsubscribe(t(this,st)),this.scrollContainer.offScroll(t(this,J)),t(this,H).close(),t(this,I).close(),t(this,j).close(),t(this,G).close(),t(this,D).close(),t(this,T).close(),t(this,k).close(),t(this,_).close(),t(this,d).close(),t(this,y).close(),t(this,g).close(),t(this,v).close(),t(this,M).close(),t(this,S).close(),t(this,R).close(),t(this,z).close(),t(this,O).close(),t(this,q).close(),t(this,x).close(),t(this,l).close(),t(this,P).close(),t(this,F).close(),t(this,L).close(),t(this,E).close(),t(this,V).close(),this.disable())},St=function(){t(this,l).current=!0,t(this,P).current=!1,e(this,$,!0),t(this,y).current&&t(this,n).classList.remove(t(this,y).current),t(this,S).current&&t(this,n).classList.remove(t(this,S).current),t(this,S).current&&t(this,n).classList.remove(t(this,S).current),t(this,d).current&&t(this,n).classList.add(t(this,d).current)},pt=function(){t(this,P).current=!0,t(this,l).current=!1,e(this,$,!0),t(this,d).current&&t(this,n).classList.remove(t(this,d).current),t(this,g).current&&t(this,n).classList.remove(t(this,g).current),t(this,v).current&&t(this,n).classList.remove(t(this,v).current),t(this,y).current&&t(this,n).classList.add(t(this,y).current)},ft=function(){t(this,l).current=!0,t(this,F).current=!0,t(this,L).current=!1,t(this,g).current&&t(this,n).classList.add(t(this,g).current)},dt=function(){t(this,l).current=!0,t(this,E).current=!0,t(this,V).current=!1,t(this,v).current&&t(this,n).classList.add(t(this,v).current)},mt=function(){t(this,P).current=!0,t(this,L).current=!0,t(this,F).current=!1,t(this,S).current&&t(this,n).classList.add(t(this,S).current)},bt=function(){t(this,P).current=!0,t(this,V).current=!0,t(this,E).current=!1,t(this,S).current&&t(this,n).classList.add(t(this,S).current)},st=new WeakMap,J=new WeakMap,W=function(r){if(t(this,u)){r.previous&&t(this,n).classList.remove(r.previous),r.current&&t(this,n).classList.remove(r.current);return}r.current&&t(this,l).current?(r.previous&&t(this,n).classList.remove(r.previous),t(this,n).classList.add(r.current)):!r.current&&r.previous&&t(this,n).classList.remove(r.previous)},Ct=function(...r){r.forEach(s=>{s&&t(this,n).classList.remove(s)})},yt=function(...r){r.forEach(s=>{s&&t(this,n).style.removeProperty(`--${s}`)})},ht=function(){c(this,h,Ct).call(this,t(this,d).current,t(this,g).current,t(this,v).current,t(this,y).current,t(this,M).current,t(this,S).current),c(this,h,yt).call(this,t(this,R).current,t(this,z).current,t(this,O).current,t(this,q).current,t(this,x).current)},at);customElements.get("scroll-segment")||customElements.define("scroll-segment",lt);exports.ScrollSegmentElement=lt;
+"use strict";var ot=a=>{throw TypeError(a)};var rt=(a,f,r)=>f.has(a)||ot("Cannot "+r);var t=(a,f,r)=>(rt(a,f,"read from private field"),r?r.call(a):f.get(a)),i=(a,f,r)=>f.has(a)?ot("Cannot add the same private member more than once"):f instanceof WeakSet?f.add(a):f.set(a,r),e=(a,f,r,s)=>(rt(a,f,"write to private field"),s?s.call(a,r):f.set(a,r),r),c=(a,f,r)=>(rt(a,f,"access private method"),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../css-property/index.cjs"),ut=require("../order/index.cjs"),at=require("../window-resizer/vanilla/index.cjs"),U=require("../events-KVanG9sR.cjs"),wt=require("../function-MthRj-GJ.cjs"),lt=require("../layout-8ryRAMGJ.cjs"),Ft=require("../math-GDWEqu7y.cjs"),X=require("../Store-CDb6RMce.cjs"),Vt=require("../scroll-entries/index.cjs");require("../ticker/vanilla/index.cjs");const Et=require("../Damped-CTsV8tl_.cjs");var S,j,G,K,N,T,D,_,M,d,y,g,v,A,p,R,O,B,k,z,q,l,P,w,E,L,F,Y,n,$,W,tt,m,H,C,b,V,J,I,u,h,ft,it,ht,dt,mt,bt,Ct,yt,gt,st,Q,Z,vt,Pt,nt,St;let pt=(St=class extends HTMLElement{constructor(){super();i(this,h);i(this,S);i(this,j);i(this,G);i(this,K);i(this,N);i(this,T);i(this,D);i(this,_);i(this,M);i(this,d);i(this,y);i(this,g);i(this,v);i(this,A);i(this,p);i(this,R);i(this,O);i(this,B);i(this,k);i(this,z);i(this,q);i(this,l);i(this,P);i(this,w);i(this,E);i(this,L);i(this,F);i(this,Y);i(this,n);i(this,$);i(this,W);i(this,tt);i(this,m);i(this,H);i(this,C);i(this,b);i(this,V);i(this,J);i(this,I);i(this,u);i(this,st);i(this,Q);e(this,S,null),e(this,j,new o.CSSProperty(this,"--damping",20)),e(this,G,new o.CSSProperty(this,"--mass",0)),e(this,K,new o.CSSProperty(this,"--stiffness",0)),e(this,N,new o.CSSProperty(this,"--target","")),e(this,T,new o.CSSProperty(this,"--disabled",!1)),e(this,D,new o.CSSProperty(this,"--distance-offset",0,{rawValueCheck:!1})),e(this,_,new o.CSSProperty(this,"--start-offset",0,{rawValueCheck:!1})),e(this,M,new o.CSSProperty(this,"--capture-once",!1)),e(this,d,new o.CSSProperty(this,"--captured","")),e(this,y,new o.CSSProperty(this,"--released","")),e(this,g,new o.CSSProperty(this,"--captured-from-start","")),e(this,v,new o.CSSProperty(this,"--captured-from-finish","")),e(this,A,new o.CSSProperty(this,"--released-from-start","")),e(this,p,new o.CSSProperty(this,"--released-from-finish","")),e(this,R,new o.CSSProperty(this,"--passed-var","")),e(this,O,new o.CSSProperty(this,"--progress-var","")),e(this,B,new o.CSSProperty(this,"--animation-var-type","current")),e(this,k,new o.CSSProperty(this,"--distance-var","")),e(this,z,new o.CSSProperty(this,"--start-var","")),e(this,q,new o.CSSProperty(this,"--finish-var","")),e(this,l,new X.Store(!1)),e(this,P,new X.Store(!1)),e(this,w,new X.Store(!1)),e(this,E,new X.Store(!1)),e(this,L,new X.Store(!1)),e(this,F,new X.Store(!1)),e(this,Y,[]),e(this,n,this),e(this,$,0),e(this,W,0),e(this,tt,0),e(this,m,new Et.Damped(0,{order:ut.TICK_ORDER.SEGMENT,min:0,max:1})),e(this,H,0),e(this,C,0),e(this,b,0),e(this,V,0),e(this,J,!1),e(this,I,!1),e(this,u,!0),this.findAnotherScrollEntries=wt.debounce(()=>{const r=Vt.scrollEntries.getAll(this).reverse();let s=0;r.forEach((x,et)=>{x.element===t(this,S)&&(s=et)}),e(this,Y,r.slice(s+1))},0),e(this,st,()=>{t(this,u)||(this.resize(),t(this,Q).call(this))}),e(this,Q,()=>{!t(this,u)&&t(this,J)&&this.tick()})}get scrollContainer(){return t(this,S)}set scrollContainer(r){c(this,h,ht).call(this),e(this,S,r),c(this,h,it).call(this)}get distanceOffsetCSSProperty(){return t(this,D)}get startOffsetCSSProperty(){return t(this,_)}get captureOnceCSSProperty(){return t(this,M)}get capturedCSSProperty(){return t(this,d)}get releasedCSSProperty(){return t(this,y)}get capturedFromStartCSSProperty(){return t(this,g)}get capturedFromFinishCSSProperty(){return t(this,v)}get releasedFromStartCSSProperty(){return t(this,A)}get releasedFromFinishCSSProperty(){return t(this,p)}get passedVarCSSProperty(){return t(this,R)}get progressVarCSSProperty(){return t(this,O)}get animationVarTypeCSSProperty(){return t(this,B)}get distanceVarCSSProperty(){return t(this,k)}get startVarCSSProperty(){return t(this,z)}get finishVarCSSProperty(){return t(this,q)}get disabledCSSProperty(){return t(this,T)}get dampingCSSProperty(){return t(this,j)}get massCSSProperty(){return t(this,G)}get stiffnessCSSProperty(){return t(this,K)}get targetCSSProperty(){return t(this,N)}get isCaptured(){return t(this,l)}get isReleased(){return t(this,P)}get isCapturedFromStart(){return t(this,w)}get isReleasedFromStart(){return t(this,E)}get isCapturedFromFinish(){return t(this,L)}get isReleasedFromFinish(){return t(this,F)}get directionPosition(){return t(this,$)}get directionSize(){return t(this,W)}get passed(){return t(this,m)}get progress(){return t(this,H)}get start(){return t(this,C)}get finish(){return t(this,V)}get distance(){return t(this,b)}get isCapturedOnce(){return t(this,I)}get isDisabled(){return t(this,u)}resize(){e(this,W,t(this,S).vertical?this.offsetHeight:this.offsetWidth);const r=t(this,S)instanceof HTMLElement?t(this,S):t(this,S).element;e(this,$,t(this,S).vertical?lt.getCumulativeOffsetTop(this,r):lt.getCumulativeOffsetLeft(this,r));const x=c(this,h,ft).call(this).reduce((et,ct)=>et+(t(this,S).vertical?ct.offsetTop:ct.offsetLeft),0);e(this,$,t(this,$)-x),e(this,C,this.getStart()),e(this,b,this.getDistance()),e(this,C,t(this,C)+t(this,_).current),e(this,b,t(this,b)+t(this,D).current),e(this,V,t(this,C)+t(this,b)),t(this,S).currentScrollValue>t(this,V)&&!t(this,l).current&&!t(this,P).current&&(t(this,l).current=!0),this.setVar(t(this,z).current,t(this,C)),this.setVar(t(this,q).current,t(this,V)),this.setVar(t(this,k).current,t(this,b)),t(this,m).max=t(this,b),e(this,J,!0)}tick(){let r=t(this,S).currentScrollValue;t(this,Y).forEach(x=>{r+=x.value}),t(this,m).set(r-t(this,C));const s=Math.round(r);t(this,l).current&&(s>=t(this,C)?t(this,w).current||c(this,h,bt).call(this):t(this,w).current&&!t(this,E).current&&c(this,h,yt).call(this),s<t(this,V)?t(this,F).current&&!t(this,L).current&&c(this,h,Ct).call(this):t(this,w).current&&!t(this,F).current&&c(this,h,gt).call(this)),s>=t(this,C)&&s<t(this,V)?t(this,l).current||c(this,h,dt).call(this):t(this,l).current&&(t(this,m).set(Ft.step(t(this,b)/2,t(this,m).target,0,t(this,b))),c(this,h,mt).call(this)),t(this,I)&&t(this,M).current&&(t(this,d).current&&t(this,n).classList.add(t(this,d).current),e(this,u,!0))}disable(){this.style.cssText="",e(this,$,0),e(this,W,0),t(this,m).reset(),e(this,H,0),e(this,C,0),e(this,b,0),e(this,V,0),e(this,J,!1),t(this,l).current=!1,t(this,P).current=!1,t(this,w).current=!1,t(this,E).current=!1,t(this,L).current=!1,t(this,F).current=!1,e(this,I,!1),e(this,u,!0),c(this,h,nt).call(this)}enable(){e(this,u,!1)}connectedCallback(){c(this,h,it).call(this)}disconnectedCallback(){c(this,h,ht).call(this)}removeVar(r){r&&t(this,n).style.removeProperty(`--${r}`)}setVar(r,s){r&&t(this,n).style.setProperty(`--${r}`,s.toString())}getDistance(){return t(this,W)+t(this,tt)}getStart(){return t(this,$)-t(this,tt)}},S=new WeakMap,j=new WeakMap,G=new WeakMap,K=new WeakMap,N=new WeakMap,T=new WeakMap,D=new WeakMap,_=new WeakMap,M=new WeakMap,d=new WeakMap,y=new WeakMap,g=new WeakMap,v=new WeakMap,A=new WeakMap,p=new WeakMap,R=new WeakMap,O=new WeakMap,B=new WeakMap,k=new WeakMap,z=new WeakMap,q=new WeakMap,l=new WeakMap,P=new WeakMap,w=new WeakMap,E=new WeakMap,L=new WeakMap,F=new WeakMap,Y=new WeakMap,n=new WeakMap,$=new WeakMap,W=new WeakMap,tt=new WeakMap,m=new WeakMap,H=new WeakMap,C=new WeakMap,b=new WeakMap,V=new WeakMap,J=new WeakMap,I=new WeakMap,u=new WeakMap,h=new WeakSet,ft=function(){const r=[];let s=this.parentElement;for(;s;)window.getComputedStyle(s).position==="sticky"&&r.push(s),s=s.parentElement;return r},it=function(){if(!t(this,S))return;t(this,l).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentCapture",{composed:!0,custom:!0})}),t(this,w).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentCaptureFromStart",{composed:!0,custom:!0})}),t(this,L).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentCaptureFromFinish",{composed:!0,custom:!0})}),t(this,P).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentRelease",{composed:!0,custom:!0})}),t(this,E).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentReleaseFromStart",{composed:!0,custom:!0})}),t(this,F).subscribe(s=>{s.current&&U.dispatchEvent(this,"scrollSegmentReleaseFromFinish",{composed:!0,custom:!0})}),t(this,j).observe(),t(this,G).observe(),t(this,K).observe(),t(this,N).observe(),t(this,T).observe(),t(this,D).observe(),t(this,_).observe(),t(this,M).observe(),t(this,d).observe(),t(this,y).observe(),t(this,g).observe(),t(this,v).observe(),t(this,A).observe(),t(this,p).observe(),t(this,R).observe(),t(this,O).observe(),t(this,B).observe(),t(this,k).observe(),t(this,z).observe(),t(this,q).observe();let r=!1;this.findAnotherScrollEntries(),t(this,T).current||this.enable(),t(this,j).subscribe(s=>{t(this,m).damping=s.current}),t(this,G).subscribe(s=>{t(this,m).mass=s.current}),t(this,K).subscribe(s=>{t(this,m).stiffness=s.current}),t(this,N).subscribe(s=>{s.previous&&c(this,h,nt).call(this),s.current?s.current==="parent"?e(this,n,this.parentElement||this):e(this,n,document.querySelector(s.current)||this):e(this,n,this)}),t(this,T).subscribe(s=>{s.current&&!s.previous?this.disable():!s.current&&s.previous&&(this.resize(),this.enable())}),t(this,_).subscribe(()=>{r&&!t(this,u)&&this.resize()}),t(this,D).subscribe(()=>{r&&!t(this,u)&&this.resize()}),t(this,d).subscribe(s=>{c(this,h,Z).call(this,s)}),t(this,g).subscribe(s=>{c(this,h,Z).call(this,s)}),t(this,v).subscribe(s=>{c(this,h,Z).call(this,s)}),t(this,y).subscribe(s=>{c(this,h,Z).call(this,s)}),t(this,A).subscribe(s=>{c(this,h,Z).call(this,s)}),t(this,p).subscribe(s=>{c(this,h,Z).call(this,s)}),t(this,M).subscribe(s=>{t(this,u)||!s.current&&s.previous&&(this.resize(),this.enable())}),t(this,R).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,this.passed.current))}),t(this,O).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,H)))}),t(this,z).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,C)))}),t(this,q).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,V)))}),t(this,k).subscribe(s=>{t(this,u)||(this.removeVar(s.previous),this.setVar(s.current,t(this,b)))}),t(this,m).subscribe(s=>{const x=t(this,m)[t(this,B).current];e(this,H,x/t(this,b)||0),this.setVar(t(this,R).current,x.toFixed(6)),this.setVar(t(this,O).current,t(this,H).toFixed(6))}),at.windowResizer.subscribe(t(this,st),ut.RESIZE_ORDER.SCROLL),this.scrollContainer.onScroll(t(this,Q)),r=!0},ht=function(){t(this,S)&&(at.windowResizer.unsubscribe(t(this,st)),this.scrollContainer.offScroll(t(this,Q)),t(this,j).close(),t(this,G).close(),t(this,K).close(),t(this,N).close(),t(this,T).close(),t(this,D).close(),t(this,_).close(),t(this,M).close(),t(this,d).close(),t(this,y).close(),t(this,g).close(),t(this,v).close(),t(this,A).close(),t(this,p).close(),t(this,R).close(),t(this,O).close(),t(this,k).close(),t(this,z).close(),t(this,q).close(),t(this,l).close(),t(this,P).close(),t(this,w).close(),t(this,E).close(),t(this,L).close(),t(this,F).close(),this.disable())},dt=function(){t(this,l).current=!0,t(this,P).current=!1,e(this,I,!0),t(this,y).current&&t(this,n).classList.remove(t(this,y).current),t(this,p).current&&t(this,n).classList.remove(t(this,p).current),t(this,p).current&&t(this,n).classList.remove(t(this,p).current),t(this,d).current&&t(this,n).classList.add(t(this,d).current)},mt=function(){t(this,P).current=!0,t(this,l).current=!1,e(this,I,!0),t(this,d).current&&t(this,n).classList.remove(t(this,d).current),t(this,g).current&&t(this,n).classList.remove(t(this,g).current),t(this,v).current&&t(this,n).classList.remove(t(this,v).current),t(this,y).current&&t(this,n).classList.add(t(this,y).current)},bt=function(){t(this,l).current=!0,t(this,w).current=!0,t(this,E).current=!1,t(this,g).current&&t(this,n).classList.add(t(this,g).current)},Ct=function(){t(this,l).current=!0,t(this,L).current=!0,t(this,F).current=!1,t(this,v).current&&t(this,n).classList.add(t(this,v).current)},yt=function(){t(this,P).current=!0,t(this,E).current=!0,t(this,w).current=!1,t(this,p).current&&t(this,n).classList.add(t(this,p).current)},gt=function(){t(this,P).current=!0,t(this,F).current=!0,t(this,L).current=!1,t(this,p).current&&t(this,n).classList.add(t(this,p).current)},st=new WeakMap,Q=new WeakMap,Z=function(r){if(t(this,u)){r.previous&&t(this,n).classList.remove(r.previous),r.current&&t(this,n).classList.remove(r.current);return}r.current&&t(this,l).current?(r.previous&&t(this,n).classList.remove(r.previous),t(this,n).classList.add(r.current)):!r.current&&r.previous&&t(this,n).classList.remove(r.previous)},vt=function(...r){r.forEach(s=>{s&&t(this,n).classList.remove(s)})},Pt=function(...r){r.forEach(s=>{s&&t(this,n).style.removeProperty(`--${s}`)})},nt=function(){c(this,h,vt).call(this,t(this,d).current,t(this,g).current,t(this,v).current,t(this,y).current,t(this,A).current,t(this,p).current),c(this,h,Pt).call(this,t(this,R).current,t(this,O).current,t(this,k).current,t(this,z).current,t(this,q).current)},St);customElements.get("scroll-segment")||customElements.define("scroll-segment",pt);exports.ScrollSegmentElement=pt;

package/lib/scroll-segment/index.js

@@ -1,123 +1,123 @@
-var nt = (a) => {
+var ot = (a) => {
   throw TypeError(a);
 };
-var et = (a, S, r) => S.has(a) || nt("Cannot " + r);
-var t = (a, S, r) => (et(a, S, "read from private field"), r ? r.call(a) : S.get(a)), i = (a, S, r) => S.has(a) ? nt("Cannot add the same private member more than once") : S instanceof WeakSet ? S.add(a) : S.set(a, r), e = (a, S, r, s) => (et(a, S, "write to private field"), s ? s.call(a, r) : S.set(a, r), r), c = (a, S, r) => (et(a, S, "access private method"), r);
-import { CSSProperty as u } from "../css-property/index.js";
-import { TICK_ORDER as gt, RESIZE_ORDER as Ct } from "../order/index.js";
-import { windowResizer as ct } from "../window-resizer/vanilla/index.js";
+var rt = (a, S, r) => S.has(a) || ot("Cannot " + r);
+var t = (a, S, r) => (rt(a, S, "read from private field"), r ? r.call(a) : S.get(a)), i = (a, S, r) => S.has(a) ? ot("Cannot add the same private member more than once") : S instanceof WeakSet ? S.add(a) : S.set(a, r), e = (a, S, r, s) => (rt(a, S, "write to private field"), s ? s.call(a, r) : S.set(a, r), r), c = (a, S, r) => (rt(a, S, "access private method"), r);
+import { CSSProperty as o } from "../css-property/index.js";
+import { TICK_ORDER as vt, RESIZE_ORDER as yt } from "../order/index.js";
+import { windowResizer as ut } from "../window-resizer/vanilla/index.js";
 import { d as U } from "../events-CsVF98U6.js";
-import { d as vt } from "../function-C10DGppn.js";
-import { a as yt, g as Pt } from "../layout-HoBT_Da2.js";
-import { s as Ft } from "../math-BOBiC4TN.js";
+import { d as Pt } from "../function-C10DGppn.js";
+import { a as Ft, g as Vt } from "../layout-HoBT_Da2.js";
+import { s as wt } from "../math-BOBiC4TN.js";
 import { S as X } from "../Store-OTdcl6SX.js";
-import { scrollEntries as Vt } from "../scroll-entries/index.js";
+import { scrollEntries as Lt } from "../scroll-entries/index.js";
 import "../ticker/vanilla/index.js";
-import { D as Lt } from "../Damped-Chu29wn-.js";
-var p, _, q, G, K, x, T, M, A, m, C, v, y, $, f, R, O, j, z, D, k, l, P, F, w, E, V, Y, n, N, W, tt, d, H, g, b, L, B, I, o, h, rt, it, ot, at, lt, ft, pt, St, st, J, Z, mt, dt, ht, ut;
-let wt = (ut = class extends HTMLElement {
+import { D as Et } from "../Damped-Chu29wn-.js";
+var f, G, K, N, W, x, M, A, $, m, C, v, y, H, p, R, k, B, O, z, D, l, P, F, L, E, V, Y, n, I, Z, tt, d, _, g, b, w, J, q, u, h, lt, it, ht, ft, pt, St, mt, dt, bt, st, Q, j, gt, Ct, nt, at;
+let Rt = (at = class extends HTMLElement {
   constructor() {
     super();
     i(this, h);
-    i(this, p);
-    i(this, _);
-    i(this, q);
+    i(this, f);
     i(this, G);
     i(this, K);
+    i(this, N);
+    i(this, W);
     i(this, x);
-    i(this, T);
     i(this, M);
     i(this, A);
+    i(this, $);
     i(this, m);
     i(this, C);
     i(this, v);
     i(this, y);
-    i(this, $);
-    i(this, f);
+    i(this, H);
+    i(this, p);
     i(this, R);
+    i(this, k);
+    i(this, B);
     i(this, O);
-    i(this, j);
     i(this, z);
     i(this, D);
-    i(this, k);
     i(this, l);
     i(this, P);
     i(this, F);
-    i(this, w);
+    i(this, L);
     i(this, E);
     i(this, V);
     i(this, Y);
     i(this, n);
-    i(this, N);
-    i(this, W);
+    i(this, I);
+    i(this, Z);
     i(this, tt);
     i(this, d);
-    i(this, H);
+    i(this, _);
     i(this, g);
     i(this, b);
-    i(this, L);
-    i(this, B);
-    i(this, I);
-    i(this, o);
-    i(this, st);
+    i(this, w);
     i(this, J);
-    e(this, p, null), e(this, _, new u(this, "--damping", 20)), e(this, q, new u(this, "--mass", 0)), e(this, G, new u(this, "--stiffness", 0)), e(this, K, new u(this, "--target", "")), e(this, x, new u(this, "--disabled", !1)), e(this, T, new u(
+    i(this, q);
+    i(this, u);
+    i(this, st);
+    i(this, Q);
+    e(this, f, null), e(this, G, new o(this, "--damping", 20)), e(this, K, new o(this, "--mass", 0)), e(this, N, new o(this, "--stiffness", 0)), e(this, W, new o(this, "--target", "")), e(this, x, new o(this, "--disabled", !1)), e(this, M, new o(
       this,
       "--distance-offset",
       0,
       { rawValueCheck: !1 }
-    )), e(this, M, new u(this, "--start-offset", 0, {
+    )), e(this, A, new o(this, "--start-offset", 0, {
       rawValueCheck: !1
-    })), e(this, A, new u(
+    })), e(this, $, new o(
       this,
       "--capture-once",
       !1
-    )), e(this, m, new u(this, "--captured", "")), e(this, C, new u(this, "--released", "")), e(this, v, new u(
+    )), e(this, m, new o(this, "--captured", "")), e(this, C, new o(this, "--released", "")), e(this, v, new o(
       this,
       "--captured-from-start",
       ""
-    )), e(this, y, new u(
+    )), e(this, y, new o(
       this,
       "--captured-from-finish",
       ""
-    )), e(this, $, new u(
+    )), e(this, H, new o(
       this,
       "--released-from-start",
       ""
-    )), e(this, f, new u(
+    )), e(this, p, new o(
       this,
       "--released-from-finish",
       ""
-    )), e(this, R, new u(this, "--passed-var", "")), e(this, O, new u(this, "--progress-var", "")), e(this, j, new u(
+    )), e(this, R, new o(this, "--passed-var", "")), e(this, k, new o(this, "--progress-var", "")), e(this, B, new o(
       this,
       "--animation-var-type",
       "current"
-    )), e(this, z, new u(this, "--distance-var", "")), e(this, D, new u(this, "--start-var", "")), e(this, k, new u(this, "--finish-var", "")), e(this, l, new X(!1)), e(this, P, new X(!1)), e(this, F, new X(!1)), e(this, w, new X(!1)), e(this, E, new X(!1)), e(this, V, new X(!1)), e(this, Y, []), e(this, n, this), e(this, N, 0), e(this, W, 0), e(this, tt, 0), e(this, d, new Lt(0, { order: gt.SEGMENT, min: 0, max: 1 })), e(this, H, 0), e(this, g, 0), e(this, b, 0), e(this, L, 0), e(this, B, !1), e(this, I, !1), e(this, o, !0), this.findAnotherScrollEntries = vt(() => {
-      const r = Vt.getAll(this).reverse();
+    )), e(this, O, new o(this, "--distance-var", "")), e(this, z, new o(this, "--start-var", "")), e(this, D, new o(this, "--finish-var", "")), e(this, l, new X(!1)), e(this, P, new X(!1)), e(this, F, new X(!1)), e(this, L, new X(!1)), e(this, E, new X(!1)), e(this, V, new X(!1)), e(this, Y, []), e(this, n, this), e(this, I, 0), e(this, Z, 0), e(this, tt, 0), e(this, d, new Et(0, { order: vt.SEGMENT, min: 0, max: 1 })), e(this, _, 0), e(this, g, 0), e(this, b, 0), e(this, w, 0), e(this, J, !1), e(this, q, !1), e(this, u, !0), this.findAnotherScrollEntries = Pt(() => {
+      const r = Lt.getAll(this).reverse();
       let s = 0;
-      r.forEach((Q, bt) => {
-        Q.element === t(this, p) && (s = bt);
+      r.forEach((T, et) => {
+        T.element === t(this, f) && (s = et);
       }), e(this, Y, r.slice(s + 1));
     }, 0), e(this, st, () => {
-      t(this, o) || (this.resize(), t(this, J).call(this));
-    }), e(this, J, () => {
-      !t(this, o) && t(this, B) && this.tick();
+      t(this, u) || (this.resize(), t(this, Q).call(this));
+    }), e(this, Q, () => {
+      !t(this, u) && t(this, J) && this.tick();
     });
   }
   get scrollContainer() {
-    return t(this, p);
+    return t(this, f);
   }
   set scrollContainer(r) {
-    c(this, h, it).call(this), e(this, p, r), c(this, h, rt).call(this);
+    c(this, h, ht).call(this), e(this, f, r), c(this, h, it).call(this);
   }
   get distanceOffsetCSSProperty() {
-    return t(this, T);
+    return t(this, M);
   }
   get startOffsetCSSProperty() {
-    return t(this, M);
+    return t(this, A);
   }
   get captureOnceCSSProperty() {
-    return t(this, A);
+    return t(this, $);
   }
   get capturedCSSProperty() {
     return t(this, m);
@@ -132,43 +132,43 @@ let wt = (ut = class extends HTMLElement {
     return t(this, y);
   }
   get releasedFromStartCSSProperty() {
-    return t(this, $);
+    return t(this, H);
   }
   get releasedFromFinishCSSProperty() {
-    return t(this, f);
+    return t(this, p);
   }
   get passedVarCSSProperty() {
     return t(this, R);
   }
   get progressVarCSSProperty() {
-    return t(this, O);
+    return t(this, k);
   }
   get animationVarTypeCSSProperty() {
-    return t(this, j);
+    return t(this, B);
   }
   get distanceVarCSSProperty() {
-    return t(this, z);
+    return t(this, O);
   }
   get startVarCSSProperty() {
-    return t(this, D);
+    return t(this, z);
   }
   get finishVarCSSProperty() {
-    return t(this, k);
+    return t(this, D);
   }
   get disabledCSSProperty() {
     return t(this, x);
   }
   get dampingCSSProperty() {
-    return t(this, _);
+    return t(this, G);
   }
   get massCSSProperty() {
-    return t(this, q);
+    return t(this, K);
   }
   get stiffnessCSSProperty() {
-    return t(this, G);
+    return t(this, N);
   }
   get targetCSSProperty() {
-    return t(this, K);
+    return t(this, W);
   }
   get isCaptured() {
     return t(this, l);
@@ -180,7 +180,7 @@ let wt = (ut = class extends HTMLElement {
     return t(this, F);
   }
   get isReleasedFromStart() {
-    return t(this, w);
+    return t(this, L);
   }
   get isCapturedFromFinish() {
     return t(this, E);
@@ -189,58 +189,63 @@ let wt = (ut = class extends HTMLElement {
     return t(this, V);
   }
   get directionPosition() {
-    return t(this, N);
+    return t(this, I);
   }
   get directionSize() {
-    return t(this, W);
+    return t(this, Z);
   }
   get passed() {
     return t(this, d);
   }
   get progress() {
-    return t(this, H);
+    return t(this, _);
   }
   get start() {
     return t(this, g);
   }
   get finish() {
-    return t(this, L);
+    return t(this, w);
   }
   get distance() {
     return t(this, b);
   }
   get isCapturedOnce() {
-    return t(this, I);
+    return t(this, q);
   }
   get isDisabled() {
-    return t(this, o);
+    return t(this, u);
   }
   resize() {
-    e(this, W, t(this, p).vertical ? this.offsetHeight : this.offsetWidth);
-    const r = t(this, p) instanceof HTMLElement ? t(this, p) : t(this, p).element;
-    e(this, N, t(this, p).vertical ? yt(this, r) : Pt(this, r)), e(this, g, this.getStart()), e(this, b, this.getDistance()), e(this, g, t(this, g) + t(this, M).current), e(this, b, t(this, b) + t(this, T).current), e(this, L, t(this, g) + t(this, b)), t(this, p).currentScrollValue > t(this, L) && !t(this, l).current && !t(this, P).current && (t(this, l).current = !0), this.setVar(t(this, D).current, t(this, g)), this.setVar(t(this, k).current, t(this, L)), this.setVar(t(this, z).current, t(this, b)), t(this, d).max = t(this, b), e(this, B, !0);
+    e(this, Z, t(this, f).vertical ? this.offsetHeight : this.offsetWidth);
+    const r = t(this, f) instanceof HTMLElement ? t(this, f) : t(this, f).element;
+    e(this, I, t(this, f).vertical ? Ft(this, r) : Vt(this, r));
+    const T = c(this, h, lt).call(this).reduce(
+      (et, ct) => et + (t(this, f).vertical ? ct.offsetTop : ct.offsetLeft),
+      0
+    );
+    e(this, I, t(this, I) - T), e(this, g, this.getStart()), e(this, b, this.getDistance()), e(this, g, t(this, g) + t(this, A).current), e(this, b, t(this, b) + t(this, M).current), e(this, w, t(this, g) + t(this, b)), t(this, f).currentScrollValue > t(this, w) && !t(this, l).current && !t(this, P).current && (t(this, l).current = !0), this.setVar(t(this, z).current, t(this, g)), this.setVar(t(this, D).current, t(this, w)), this.setVar(t(this, O).current, t(this, b)), t(this, d).max = t(this, b), e(this, J, !0);
   }
   tick() {
-    let r = t(this, p).currentScrollValue;
-    t(this, Y).forEach((Q) => {
-      r += Q.value;
+    let r = t(this, f).currentScrollValue;
+    t(this, Y).forEach((T) => {
+      r += T.value;
     }), t(this, d).set(r - t(this, g));
     const s = Math.round(r);
-    t(this, l).current && (s >= t(this, g) ? t(this, F).current || c(this, h, lt).call(this) : t(this, F).current && !t(this, w).current && c(this, h, pt).call(this), s < t(this, L) ? t(this, V).current && !t(this, E).current && c(this, h, ft).call(this) : t(this, F).current && !t(this, V).current && c(this, h, St).call(this)), s >= t(this, g) && s < t(this, L) ? t(this, l).current || c(this, h, ot).call(this) : t(this, l).current && (t(this, d).set(
-      Ft(t(this, b) / 2, t(this, d).target, 0, t(this, b))
-    ), c(this, h, at).call(this)), t(this, I) && t(this, A).current && (t(this, m).current && t(this, n).classList.add(t(this, m).current), e(this, o, !0));
+    t(this, l).current && (s >= t(this, g) ? t(this, F).current || c(this, h, St).call(this) : t(this, F).current && !t(this, L).current && c(this, h, dt).call(this), s < t(this, w) ? t(this, V).current && !t(this, E).current && c(this, h, mt).call(this) : t(this, F).current && !t(this, V).current && c(this, h, bt).call(this)), s >= t(this, g) && s < t(this, w) ? t(this, l).current || c(this, h, ft).call(this) : t(this, l).current && (t(this, d).set(
+      wt(t(this, b) / 2, t(this, d).target, 0, t(this, b))
+    ), c(this, h, pt).call(this)), t(this, q) && t(this, $).current && (t(this, m).current && t(this, n).classList.add(t(this, m).current), e(this, u, !0));
   }
   disable() {
-    this.style.cssText = "", e(this, N, 0), e(this, W, 0), t(this, d).reset(), e(this, H, 0), e(this, g, 0), e(this, b, 0), e(this, L, 0), e(this, B, !1), t(this, l).current = !1, t(this, P).current = !1, t(this, F).current = !1, t(this, w).current = !1, t(this, E).current = !1, t(this, V).current = !1, e(this, I, !1), e(this, o, !0), c(this, h, ht).call(this);
+    this.style.cssText = "", e(this, I, 0), e(this, Z, 0), t(this, d).reset(), e(this, _, 0), e(this, g, 0), e(this, b, 0), e(this, w, 0), e(this, J, !1), t(this, l).current = !1, t(this, P).current = !1, t(this, F).current = !1, t(this, L).current = !1, t(this, E).current = !1, t(this, V).current = !1, e(this, q, !1), e(this, u, !0), c(this, h, nt).call(this);
   }
   enable() {
-    e(this, o, !1);
+    e(this, u, !1);
   }
   connectedCallback() {
-    c(this, h, rt).call(this);
+    c(this, h, it).call(this);
   }
   disconnectedCallback() {
-    c(this, h, it).call(this);
+    c(this, h, ht).call(this);
   }
   removeVar(r) {
     r && t(this, n).style.removeProperty(`--${r}`);
@@ -249,13 +254,19 @@ let wt = (ut = class extends HTMLElement {
     r && t(this, n).style.setProperty(`--${r}`, s.toString());
   }
   getDistance() {
-    return t(this, W) + t(this, tt);
+    return t(this, Z) + t(this, tt);
   }
   getStart() {
-    return t(this, N) - t(this, tt);
-  }
-}, p = new WeakMap(), _ = new WeakMap(), q = new WeakMap(), G = new WeakMap(), K = new WeakMap(), x = new WeakMap(), T = new WeakMap(), M = new WeakMap(), A = new WeakMap(), m = new WeakMap(), C = new WeakMap(), v = new WeakMap(), y = new WeakMap(), $ = new WeakMap(), f = new WeakMap(), R = new WeakMap(), O = new WeakMap(), j = new WeakMap(), z = new WeakMap(), D = new WeakMap(), k = new WeakMap(), l = new WeakMap(), P = new WeakMap(), F = new WeakMap(), w = new WeakMap(), E = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), n = new WeakMap(), N = new WeakMap(), W = new WeakMap(), tt = new WeakMap(), d = new WeakMap(), H = new WeakMap(), g = new WeakMap(), b = new WeakMap(), L = new WeakMap(), B = new WeakMap(), I = new WeakMap(), o = new WeakMap(), h = new WeakSet(), rt = function() {
-  if (!t(this, p))
+    return t(this, I) - t(this, tt);
+  }
+}, f = new WeakMap(), G = new WeakMap(), K = new WeakMap(), N = new WeakMap(), W = new WeakMap(), x = new WeakMap(), M = new WeakMap(), A = new WeakMap(), $ = new WeakMap(), m = new WeakMap(), C = new WeakMap(), v = new WeakMap(), y = new WeakMap(), H = new WeakMap(), p = new WeakMap(), R = new WeakMap(), k = new WeakMap(), B = new WeakMap(), O = new WeakMap(), z = new WeakMap(), D = new WeakMap(), l = new WeakMap(), P = new WeakMap(), F = new WeakMap(), L = new WeakMap(), E = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), n = new WeakMap(), I = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), d = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), b = new WeakMap(), w = new WeakMap(), J = new WeakMap(), q = new WeakMap(), u = new WeakMap(), h = new WeakSet(), lt = function() {
+  const r = [];
+  let s = this.parentElement;
+  for (; s; )
+    window.getComputedStyle(s).position === "sticky" && r.push(s), s = s.parentElement;
+  return r;
+}, it = function() {
+  if (!t(this, f))
     return;
   t(this, l).subscribe((s) => {
     s.current && U(this, "scrollSegmentCapture", {
@@ -277,7 +288,7 @@ let wt = (ut = class extends HTMLElement {
       composed: !0,
       custom: !0
     });
-  }), t(this, w).subscribe((s) => {
+  }), t(this, L).subscribe((s) => {
     s.current && U(this, "scrollSegmentReleaseFromStart", {
       composed: !0,
       custom: !0
@@ -287,101 +298,101 @@ let wt = (ut = class extends HTMLElement {
       composed: !0,
       custom: !0
     });
-  }), t(this, _).observe(), t(this, q).observe(), t(this, G).observe(), t(this, K).observe(), t(this, x).observe(), t(this, T).observe(), t(this, M).observe(), t(this, A).observe(), t(this, m).observe(), t(this, C).observe(), t(this, v).observe(), t(this, y).observe(), t(this, $).observe(), t(this, f).observe(), t(this, R).observe(), t(this, O).observe(), t(this, j).observe(), t(this, z).observe(), t(this, D).observe(), t(this, k).observe();
+  }), t(this, G).observe(), t(this, K).observe(), t(this, N).observe(), t(this, W).observe(), t(this, x).observe(), t(this, M).observe(), t(this, A).observe(), t(this, $).observe(), t(this, m).observe(), t(this, C).observe(), t(this, v).observe(), t(this, y).observe(), t(this, H).observe(), t(this, p).observe(), t(this, R).observe(), t(this, k).observe(), t(this, B).observe(), t(this, O).observe(), t(this, z).observe(), t(this, D).observe();
   let r = !1;
-  this.findAnotherScrollEntries(), t(this, x).current || this.enable(), t(this, _).subscribe((s) => {
+  this.findAnotherScrollEntries(), t(this, x).current || this.enable(), t(this, G).subscribe((s) => {
     t(this, d).damping = s.current;
-  }), t(this, q).subscribe((s) => {
+  }), t(this, K).subscribe((s) => {
     t(this, d).mass = s.current;
-  }), t(this, G).subscribe((s) => {
+  }), t(this, N).subscribe((s) => {
     t(this, d).stiffness = s.current;
-  }), t(this, K).subscribe((s) => {
-    s.previous && c(this, h, ht).call(this), s.current ? s.current === "parent" ? e(this, n, this.parentElement || this) : e(this, n, document.querySelector(s.current) || this) : e(this, n, this);
+  }), t(this, W).subscribe((s) => {
+    s.previous && c(this, h, nt).call(this), s.current ? s.current === "parent" ? e(this, n, this.parentElement || this) : e(this, n, document.querySelector(s.current) || this) : e(this, n, this);
   }), t(this, x).subscribe((s) => {
     s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
+  }), t(this, A).subscribe(() => {
+    r && !t(this, u) && this.resize();
   }), t(this, M).subscribe(() => {
-    r && !t(this, o) && this.resize();
-  }), t(this, T).subscribe(() => {
-    r && !t(this, o) && this.resize();
+    r && !t(this, u) && this.resize();
   }), t(this, m).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    c(this, h, j).call(this, s);
   }), t(this, v).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    c(this, h, j).call(this, s);
   }), t(this, y).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    c(this, h, j).call(this, s);
   }), t(this, C).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    c(this, h, j).call(this, s);
+  }), t(this, H).subscribe((s) => {
+    c(this, h, j).call(this, s);
+  }), t(this, p).subscribe((s) => {
+    c(this, h, j).call(this, s);
   }), t(this, $).subscribe((s) => {
-    c(this, h, Z).call(this, s);
-  }), t(this, f).subscribe((s) => {
-    c(this, h, Z).call(this, s);
-  }), t(this, A).subscribe((s) => {
-    t(this, o) || !s.current && s.previous && (this.resize(), this.enable());
+    t(this, u) || !s.current && s.previous && (this.resize(), this.enable());
   }), t(this, R).subscribe((s) => {
-    t(this, o) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
-  }), t(this, O).subscribe((s) => {
-    t(this, o) || (this.removeVar(s.previous), this.setVar(s.current, t(this, H)));
-  }), t(this, D).subscribe((s) => {
-    t(this, o) || (this.removeVar(s.previous), this.setVar(s.current, t(this, g)));
+    t(this, u) || (this.removeVar(s.previous), this.setVar(s.current, this.passed.current));
   }), t(this, k).subscribe((s) => {
-    t(this, o) || (this.removeVar(s.previous), this.setVar(s.current, t(this, L)));
+    t(this, u) || (this.removeVar(s.previous), this.setVar(s.current, t(this, _)));
   }), t(this, z).subscribe((s) => {
-    t(this, o) || (this.removeVar(s.previous), this.setVar(s.current, t(this, b)));
+    t(this, u) || (this.removeVar(s.previous), this.setVar(s.current, t(this, g)));
+  }), t(this, D).subscribe((s) => {
+    t(this, u) || (this.removeVar(s.previous), this.setVar(s.current, t(this, w)));
+  }), t(this, O).subscribe((s) => {
+    t(this, u) || (this.removeVar(s.previous), this.setVar(s.current, t(this, b)));
   }), t(this, d).subscribe((s) => {
-    const Q = t(this, d)[t(this, j).current];
-    e(this, H, Q / t(this, b) || 0), this.setVar(t(this, R).current, Q.toFixed(6)), this.setVar(
-      t(this, O).current,
-      t(this, H).toFixed(6)
+    const T = t(this, d)[t(this, B).current];
+    e(this, _, T / t(this, b) || 0), this.setVar(t(this, R).current, T.toFixed(6)), this.setVar(
+      t(this, k).current,
+      t(this, _).toFixed(6)
     );
-  }), ct.subscribe(t(this, st), Ct.SCROLL), this.scrollContainer.onScroll(t(this, J)), r = !0;
-}, it = function() {
-  t(this, p) && (ct.unsubscribe(t(this, st)), this.scrollContainer.offScroll(t(this, J)), t(this, _).close(), t(this, q).close(), t(this, G).close(), t(this, K).close(), t(this, x).close(), t(this, T).close(), t(this, M).close(), t(this, A).close(), t(this, m).close(), t(this, C).close(), t(this, v).close(), t(this, y).close(), t(this, $).close(), t(this, f).close(), t(this, R).close(), t(this, O).close(), t(this, z).close(), t(this, D).close(), t(this, k).close(), t(this, l).close(), t(this, P).close(), t(this, F).close(), t(this, w).close(), t(this, E).close(), t(this, V).close(), this.disable());
-}, ot = function() {
-  t(this, l).current = !0, t(this, P).current = !1, e(this, I, !0), t(this, C).current && t(this, n).classList.remove(t(this, C).current), t(this, f).current && t(this, n).classList.remove(
-    t(this, f).current
-  ), t(this, f).current && t(this, n).classList.remove(
-    t(this, f).current
+  }), ut.subscribe(t(this, st), yt.SCROLL), this.scrollContainer.onScroll(t(this, Q)), r = !0;
+}, ht = function() {
+  t(this, f) && (ut.unsubscribe(t(this, st)), this.scrollContainer.offScroll(t(this, Q)), t(this, G).close(), t(this, K).close(), t(this, N).close(), t(this, W).close(), t(this, x).close(), t(this, M).close(), t(this, A).close(), t(this, $).close(), t(this, m).close(), t(this, C).close(), t(this, v).close(), t(this, y).close(), t(this, H).close(), t(this, p).close(), t(this, R).close(), t(this, k).close(), t(this, O).close(), t(this, z).close(), t(this, D).close(), t(this, l).close(), t(this, P).close(), t(this, F).close(), t(this, L).close(), t(this, E).close(), t(this, V).close(), this.disable());
+}, ft = function() {
+  t(this, l).current = !0, t(this, P).current = !1, e(this, q, !0), t(this, C).current && t(this, n).classList.remove(t(this, C).current), t(this, p).current && t(this, n).classList.remove(
+    t(this, p).current
+  ), t(this, p).current && t(this, n).classList.remove(
+    t(this, p).current
   ), t(this, m).current && t(this, n).classList.add(t(this, m).current);
-}, at = function() {
-  t(this, P).current = !0, t(this, l).current = !1, e(this, I, !0), t(this, m).current && t(this, n).classList.remove(t(this, m).current), t(this, v).current && t(this, n).classList.remove(
+}, pt = function() {
+  t(this, P).current = !0, t(this, l).current = !1, e(this, q, !0), t(this, m).current && t(this, n).classList.remove(t(this, m).current), t(this, v).current && t(this, n).classList.remove(
     t(this, v).current
   ), t(this, y).current && t(this, n).classList.remove(
     t(this, y).current
   ), t(this, C).current && t(this, n).classList.add(t(this, C).current);
-}, lt = function() {
-  t(this, l).current = !0, t(this, F).current = !0, t(this, w).current = !1, t(this, v).current && t(this, n).classList.add(
+}, St = function() {
+  t(this, l).current = !0, t(this, F).current = !0, t(this, L).current = !1, t(this, v).current && t(this, n).classList.add(
     t(this, v).current
   );
-}, ft = function() {
+}, mt = function() {
   t(this, l).current = !0, t(this, E).current = !0, t(this, V).current = !1, t(this, y).current && t(this, n).classList.add(
     t(this, y).current
   );
-}, pt = function() {
-  t(this, P).current = !0, t(this, w).current = !0, t(this, F).current = !1, t(this, f).current && t(this, n).classList.add(
-    t(this, f).current
+}, dt = function() {
+  t(this, P).current = !0, t(this, L).current = !0, t(this, F).current = !1, t(this, p).current && t(this, n).classList.add(
+    t(this, p).current
   );
-}, St = function() {
-  t(this, P).current = !0, t(this, V).current = !0, t(this, E).current = !1, t(this, f).current && t(this, n).classList.add(
-    t(this, f).current
+}, bt = function() {
+  t(this, P).current = !0, t(this, V).current = !0, t(this, E).current = !1, t(this, p).current && t(this, n).classList.add(
+    t(this, p).current
   );
-}, st = new WeakMap(), J = new WeakMap(), Z = function(r) {
-  if (t(this, o)) {
+}, st = new WeakMap(), Q = new WeakMap(), j = function(r) {
+  if (t(this, u)) {
     r.previous && t(this, n).classList.remove(r.previous), r.current && t(this, n).classList.remove(r.current);
     return;
   }
   r.current && t(this, l).current ? (r.previous && t(this, n).classList.remove(r.previous), t(this, n).classList.add(r.current)) : !r.current && r.previous && t(this, n).classList.remove(r.previous);
-}, mt = function(...r) {
+}, gt = function(...r) {
   r.forEach((s) => {
     s && t(this, n).classList.remove(s);
   });
-}, dt = function(...r) {
+}, Ct = function(...r) {
   r.forEach((s) => {
     s && t(this, n).style.removeProperty(`--${s}`);
   });
-}, ht = function() {
-  c(this, h, mt).call(this, t(this, m).current, t(this, v).current, t(this, y).current, t(this, C).current, t(this, $).current, t(this, f).current), c(this, h, dt).call(this, t(this, R).current, t(this, O).current, t(this, z).current, t(this, D).current, t(this, k).current);
-}, ut);
-customElements.get("scroll-segment") || customElements.define("scroll-segment", wt);
+}, nt = function() {
+  c(this, h, gt).call(this, t(this, m).current, t(this, v).current, t(this, y).current, t(this, C).current, t(this, H).current, t(this, p).current), c(this, h, Ct).call(this, t(this, R).current, t(this, k).current, t(this, O).current, t(this, z).current, t(this, D).current);
+}, at);
+customElements.get("scroll-segment") || customElements.define("scroll-segment", Rt);
 export {
-  wt as ScrollSegmentElement
+  Rt as ScrollSegmentElement
 };

package/package.json

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