aptechka 0.43.4 → 0.44.1

package/lib/scroll-segment/index.cjs

@@ -1 +1 @@
-"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/index.cjs"),U=require("../events-KVanG9sR.cjs"),wt=require("../function-MthRj-GJ.cjs"),lt=require("../layout-Ctc2p3uz.cjs"),Ft=require("../math-GDWEqu7y.cjs"),X=require("../Store-C2J4Q87x.cjs"),Vt=require("../scroll-entries/index.cjs");require("../ticker/index.cjs");const Et=require("../Damped-CHZ314Rn.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;
+"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/index.cjs"),wt=require("../index-Cqw2NKev.cjs"),U=require("../events-KVanG9sR.cjs"),Ft=require("../function-MthRj-GJ.cjs"),lt=require("../layout-Ctc2p3uz.cjs"),Vt=require("../math-GDWEqu7y.cjs"),X=require("../Store-DRp_K37w.cjs"),Et=require("../scroll-entries/index.cjs");require("../ticker/index.cjs");const Lt=require("../Damped-BbJjFOLH.cjs");var S,j,B,G,K,T,D,_,M,d,y,g,v,A,p,R,O,Z,k,z,q,l,P,w,E,L,F,Y,n,$,N,tt,m,H,C,b,V,J,I,u,h,ft,it,ht,dt,mt,bt,Ct,yt,gt,st,Q,W,vt,Pt,nt,St;let pt=(St=class extends HTMLElement{constructor(){super();i(this,h);i(this,S);i(this,j);i(this,B);i(this,G);i(this,K);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,Z);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,N);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,B,new o.CSSProperty(this,"--mass",0)),e(this,G,new o.CSSProperty(this,"--stiffness",0)),e(this,K,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,Z,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,N,0),e(this,tt,0),e(this,m,new Lt.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=Ft.debounce(()=>{const r=Et.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,Z)}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,B)}get stiffnessCSSProperty(){return t(this,G)}get targetCSSProperty(){return t(this,K)}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,N)}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,N,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(Vt.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,N,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,N)+t(this,tt)}getStart(){return t(this,$)-t(this,tt)}},S=new WeakMap,j=new WeakMap,B=new WeakMap,G=new WeakMap,K=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,Z=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,N=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,B).observe(),t(this,G).observe(),t(this,K).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,Z).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,B).subscribe(s=>{t(this,m).mass=s.current}),t(this,G).subscribe(s=>{t(this,m).stiffness=s.current}),t(this,K).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,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,A).subscribe(s=>{c(this,h,W).call(this,s)}),t(this,p).subscribe(s=>{c(this,h,W).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,Z).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,B).close(),t(this,G).close(),t(this,K).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,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)},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);wt.isBrowser&&!customElements.get("scroll-segment")&&customElements.define("scroll-segment",pt);exports.ScrollSegmentElement=pt;

package/lib/scroll-segment/index.js

@@ -1,34 +1,35 @@
 var ot = (a) => {
   throw TypeError(a);
 };
-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);
+var rt = (a, m, r) => m.has(a) || ot("Cannot " + r);
+var t = (a, m, r) => (rt(a, m, "read from private field"), r ? r.call(a) : m.get(a)), i = (a, m, r) => m.has(a) ? ot("Cannot add the same private member more than once") : m instanceof WeakSet ? m.add(a) : m.set(a, r), e = (a, m, r, s) => (rt(a, m, "write to private field"), s ? s.call(a, r) : m.set(a, r), r), c = (a, m, r) => (rt(a, m, "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/index.js";
+import { i as Pt } from "../index-euf5anj6.js";
 import { d as U } from "../events-CsVF98U6.js";
-import { d as Pt } from "../function-C10DGppn.js";
-import { a as Ft, g as Vt } from "../layout-DpZo-I0y.js";
-import { s as wt } from "../math-BOBiC4TN.js";
-import { S as X } from "../Store-Cm3LPXlx.js";
-import { scrollEntries as Lt } from "../scroll-entries/index.js";
+import { d as Ft } from "../function-C10DGppn.js";
+import { a as Vt, g as wt } from "../layout-DpZo-I0y.js";
+import { s as Lt } from "../math-BOBiC4TN.js";
+import { S as X } from "../Store-D2xCXENW.js";
+import { scrollEntries as Et } from "../scroll-entries/index.js";
 import "../ticker/index.js";
-import { D as Et } from "../Damped-DxylD27S.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 {
+import { D as Rt } from "../Damped-BMmEn7PH.js";
+var f, B, G, K, N, x, M, A, $, S, C, v, y, H, p, R, k, j, O, z, D, l, P, F, L, E, V, Y, n, I, W, tt, d, _, g, b, w, J, q, u, h, lt, it, ht, ft, pt, mt, St, dt, bt, st, Q, Z, gt, Ct, nt, at;
+let kt = (at = class extends HTMLElement {
   constructor() {
     super();
     i(this, h);
     i(this, f);
+    i(this, B);
     i(this, G);
     i(this, K);
     i(this, N);
-    i(this, W);
     i(this, x);
     i(this, M);
     i(this, A);
     i(this, $);
-    i(this, m);
+    i(this, S);
     i(this, C);
     i(this, v);
     i(this, y);
@@ -36,7 +37,7 @@ let Rt = (at = class extends HTMLElement {
     i(this, p);
     i(this, R);
     i(this, k);
-    i(this, B);
+    i(this, j);
     i(this, O);
     i(this, z);
     i(this, D);
@@ -49,7 +50,7 @@ let Rt = (at = class extends HTMLElement {
     i(this, Y);
     i(this, n);
     i(this, I);
-    i(this, Z);
+    i(this, W);
     i(this, tt);
     i(this, d);
     i(this, _);
@@ -61,7 +62,7 @@ let Rt = (at = class extends HTMLElement {
     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(
+    e(this, f, null), e(this, B, new o(this, "--damping", 20)), e(this, G, new o(this, "--mass", 0)), e(this, K, new o(this, "--stiffness", 0)), e(this, N, new o(this, "--target", "")), e(this, x, new o(this, "--disabled", !1)), e(this, M, new o(
       this,
       "--distance-offset",
       0,
@@ -72,7 +73,7 @@ let Rt = (at = class extends HTMLElement {
       this,
       "--capture-once",
       !1
-    )), e(this, m, new o(this, "--captured", "")), e(this, C, new o(this, "--released", "")), e(this, v, new o(
+    )), e(this, S, new o(this, "--captured", "")), e(this, C, new o(this, "--released", "")), e(this, v, new o(
       this,
       "--captured-from-start",
       ""
@@ -88,12 +89,12 @@ let Rt = (at = class extends HTMLElement {
       this,
       "--released-from-finish",
       ""
-    )), e(this, R, new o(this, "--passed-var", "")), e(this, k, new o(this, "--progress-var", "")), e(this, B, new o(
+    )), e(this, R, new o(this, "--passed-var", "")), e(this, k, new o(this, "--progress-var", "")), e(this, j, new o(
       this,
       "--animation-var-type",
       "current"
-    )), 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();
+    )), 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, W, 0), e(this, tt, 0), e(this, d, new Rt(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 = Ft(() => {
+      const r = Et.getAll(this).reverse();
       let s = 0;
       r.forEach((T, et) => {
         T.element === t(this, f) && (s = et);
@@ -120,7 +121,7 @@ let Rt = (at = class extends HTMLElement {
     return t(this, $);
   }
   get capturedCSSProperty() {
-    return t(this, m);
+    return t(this, S);
   }
   get releasedCSSProperty() {
     return t(this, C);
@@ -144,7 +145,7 @@ let Rt = (at = class extends HTMLElement {
     return t(this, k);
   }
   get animationVarTypeCSSProperty() {
-    return t(this, B);
+    return t(this, j);
   }
   get distanceVarCSSProperty() {
     return t(this, O);
@@ -159,16 +160,16 @@ let Rt = (at = class extends HTMLElement {
     return t(this, x);
   }
   get dampingCSSProperty() {
-    return t(this, G);
+    return t(this, B);
   }
   get massCSSProperty() {
-    return t(this, K);
+    return t(this, G);
   }
   get stiffnessCSSProperty() {
-    return t(this, N);
+    return t(this, K);
   }
   get targetCSSProperty() {
-    return t(this, W);
+    return t(this, N);
   }
   get isCaptured() {
     return t(this, l);
@@ -192,7 +193,7 @@ let Rt = (at = class extends HTMLElement {
     return t(this, I);
   }
   get directionSize() {
-    return t(this, Z);
+    return t(this, W);
   }
   get passed() {
     return t(this, d);
@@ -216,9 +217,9 @@ let Rt = (at = class extends HTMLElement {
     return t(this, u);
   }
   resize() {
-    e(this, Z, t(this, f).vertical ? this.offsetHeight : this.offsetWidth);
+    e(this, W, 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));
+    e(this, I, t(this, f).vertical ? Vt(this, r) : wt(this, r));
     const T = c(this, h, lt).call(this).reduce(
       (et, ct) => et + (t(this, f).vertical ? ct.offsetTop : ct.offsetLeft),
       0
@@ -231,12 +232,12 @@ let Rt = (at = class extends HTMLElement {
       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, 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));
+    t(this, l).current && (s >= t(this, g) ? t(this, F).current || c(this, h, mt).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, St).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(
+      Lt(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, S).current && t(this, n).classList.add(t(this, S).current), e(this, u, !0));
   }
   disable() {
-    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);
+    this.style.cssText = "", e(this, I, 0), e(this, W, 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, u, !1);
@@ -254,12 +255,12 @@ let Rt = (at = class extends HTMLElement {
     r && t(this, n).style.setProperty(`--${r}`, s.toString());
   }
   getDistance() {
-    return t(this, Z) + t(this, tt);
+    return t(this, W) + t(this, tt);
   }
   getStart() {
     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() {
+}, f = new WeakMap(), B = new WeakMap(), G = new WeakMap(), K = new WeakMap(), N = new WeakMap(), x = new WeakMap(), M = new WeakMap(), A = new WeakMap(), $ = new WeakMap(), S = new WeakMap(), C = new WeakMap(), v = new WeakMap(), y = new WeakMap(), H = new WeakMap(), p = new WeakMap(), R = new WeakMap(), k = new WeakMap(), j = 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(), W = 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; )
@@ -298,15 +299,15 @@ let Rt = (at = class extends HTMLElement {
       composed: !0,
       custom: !0
     });
-  }), 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();
+  }), t(this, B).observe(), t(this, G).observe(), t(this, K).observe(), t(this, N).observe(), t(this, x).observe(), t(this, M).observe(), t(this, A).observe(), t(this, $).observe(), t(this, S).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, j).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, G).subscribe((s) => {
+  this.findAnotherScrollEntries(), t(this, x).current || this.enable(), t(this, B).subscribe((s) => {
     t(this, d).damping = s.current;
-  }), t(this, K).subscribe((s) => {
+  }), t(this, G).subscribe((s) => {
     t(this, d).mass = s.current;
-  }), t(this, N).subscribe((s) => {
+  }), t(this, K).subscribe((s) => {
     t(this, d).stiffness = s.current;
-  }), t(this, W).subscribe((s) => {
+  }), 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, x).subscribe((s) => {
     s.current && !s.previous ? this.disable() : !s.current && s.previous && (this.resize(), this.enable());
@@ -314,18 +315,18 @@ let Rt = (at = class extends HTMLElement {
     r && !t(this, u) && this.resize();
   }), t(this, M).subscribe(() => {
     r && !t(this, u) && this.resize();
-  }), t(this, m).subscribe((s) => {
-    c(this, h, j).call(this, s);
+  }), t(this, S).subscribe((s) => {
+    c(this, h, Z).call(this, s);
   }), t(this, v).subscribe((s) => {
-    c(this, h, j).call(this, s);
+    c(this, h, Z).call(this, s);
   }), t(this, y).subscribe((s) => {
-    c(this, h, j).call(this, s);
+    c(this, h, Z).call(this, s);
   }), t(this, C).subscribe((s) => {
-    c(this, h, j).call(this, s);
+    c(this, h, Z).call(this, s);
   }), t(this, H).subscribe((s) => {
-    c(this, h, j).call(this, s);
+    c(this, h, Z).call(this, s);
   }), t(this, p).subscribe((s) => {
-    c(this, h, j).call(this, s);
+    c(this, h, Z).call(this, s);
   }), t(this, $).subscribe((s) => {
     t(this, u) || !s.current && s.previous && (this.resize(), this.enable());
   }), t(this, R).subscribe((s) => {
@@ -339,31 +340,31 @@ let Rt = (at = class extends HTMLElement {
   }), 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 T = t(this, d)[t(this, B).current];
+    const T = t(this, d)[t(this, j).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)
     );
   }), 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());
+  t(this, f) && (ut.unsubscribe(t(this, st)), this.scrollContainer.offScroll(t(this, Q)), t(this, B).close(), t(this, G).close(), t(this, K).close(), t(this, N).close(), t(this, x).close(), t(this, M).close(), t(this, A).close(), t(this, $).close(), t(this, S).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);
+  ), t(this, S).current && t(this, n).classList.add(t(this, S).current);
 }, 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, P).current = !0, t(this, l).current = !1, e(this, q, !0), t(this, S).current && t(this, n).classList.remove(t(this, S).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);
-}, St = function() {
+}, mt = 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
   );
-}, mt = function() {
+}, St = 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
   );
@@ -375,7 +376,7 @@ let Rt = (at = class extends HTMLElement {
   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(), Q = new WeakMap(), j = function(r) {
+}, 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;
@@ -390,9 +391,9 @@ let Rt = (at = class extends HTMLElement {
     s && t(this, n).style.removeProperty(`--${s}`);
   });
 }, 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);
+  c(this, h, gt).call(this, t(this, S).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);
+Pt && !customElements.get("scroll-segment") && customElements.define("scroll-segment", kt);
 export {
-  Rt as ScrollSegmentElement
+  kt as ScrollSegmentElement
 };

package/lib/sequence/index.cjs

@@ -1 +1 @@
-"use strict";var x=s=>{throw TypeError(s)};var I=(s,n,e)=>n.has(s)||x("Cannot "+e);var t=(s,n,e)=>(I(s,n,"read from private field"),e?e.call(s):n.get(s)),c=(s,n,e)=>n.has(s)?x("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(s):n.set(s,e),l=(s,n,e,i)=>(I(s,n,"write to private field"),i?i.call(s,e):n.set(s,e),e);var L=(s,n,e)=>new Promise((i,f)=>{var w=o=>{try{u(e.next(o))}catch(r){f(r)}},y=o=>{try{u(e.throw(o))}catch(r){f(r)}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(w,y);u((e=e.apply(s,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../css-property/index.cjs"),R=require("../element-resizer/index.cjs"),B=require("../browser-CpzFX2xg.cjs"),z=require("../canvas-CU5Xjahf.cjs"),H=require("../source/index.cjs");require("../window-resizer/index.cjs");require("../Store-C2J4Q87x.cjs");const M=require("../canvas/index.cjs");function W(s){const n=s.match(/\{([\d-]+)\}/);if(n){const e=n[1].split("-");if(e.length===2){const i=parseInt(e[0],10),f=parseInt(e[1],10);return{start:i,end:f}}}return null}var h,b,S,m,d,g,E,p,a,v;class k extends H.SourceElement{constructor(e){super();c(this,h,[]);c(this,b,new P.CSSProperty(this,"--fit","contain"));c(this,S,new P.CSSProperty(this,"--autoplay",!1));c(this,m,new P.CSSProperty(this,"--offset-x",.5));c(this,d,new P.CSSProperty(this,"--offset-y",.5));c(this,g,null);c(this,E,0);c(this,p,1);c(this,a,()=>{if(t(this,h).length){const e=t(this,h)[0];t(this,b).current==="cover"?l(this,g,z.cover(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,m).current,t(this,d).current)):l(this,g,z.contain(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,m).current,t(this,d).current))}});c(this,v,e=>{if(this.status.isFalse("loaded")||!t(this,g))return;e.detail.context.clearRect(0,0,e.detail.width,e.detail.height);const i=t(this,h)[t(this,E)];i&&e.detail.context.drawImage(i,...t(this,g)),t(this,S).current&&l(this,E,(t(this,E)+1)%t(this,h).length)});B.isBrowser&&(l(this,p,parseInt(((e==null?void 0:e.pad)||this.getAttribute("pad")||"1").toString())),t(this,b).subscribe(t(this,a)),t(this,m).subscribe(t(this,a)),t(this,d).subscribe(t(this,a)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",t(this,v))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",t(this,v))}))}setProgress(e){t(this,h).length&&l(this,E,Math.floor((t(this,h).length-1)*e))}connectedCallback(){super.connectedCallback(),t(this,S).observe(),t(this,b).observe(),t(this,m).observe(),t(this,d).observe(),R.elementResizer.subscribe(this,t(this,a))}disconnectedCallback(){super.disconnectedCallback(),t(this,S).unobserve(),t(this,b).unobserve(),t(this,m).unobserve(),t(this,d).unobserve(),l(this,h,[]),R.elementResizer.unsubscribe(t(this,a)),this.consumerElement.removeEventListener("canvasRender",t(this,v))}createConsumer(){return new M.CanvasElement}consumeSource(e){return L(this,null,function*(){var i,f,w,y;if(e){this.consumerElement.removeEventListener("canvasRender",t(this,v));const u=[],o=W(e);if(o)for(let r=o.start;r<=o.end;r++){const q=e.replace(/\{([^}]+)\}/,r.toString().padStart(t(this,p),"0")),C=new Image;C.src=q,u.push(C)}else{const r=new Image;r.src=e,u.push(r)}try{yield Promise.all(u.map((r,q)=>new Promise((C,_)=>{r.onload=()=>{C()},r.onerror=j=>{_(`${r.src} Image not found`)}}))),l(this,h,u),t(this,a).call(this),(f=(i=this.consumerElement).onload)==null||f.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",t(this,v))}catch(r){console.error(r),(y=(w=this.consumerElement).onerror)==null||y.call(w,new Event("error"))}}})}}h=new WeakMap,b=new WeakMap,S=new WeakMap,m=new WeakMap,d=new WeakMap,g=new WeakMap,E=new WeakMap,p=new WeakMap,a=new WeakMap,v=new WeakMap;customElements.get("e-sequence")||customElements.define("e-sequence",k);exports.SequenceElement=k;
+"use strict";var x=s=>{throw TypeError(s)};var I=(s,n,e)=>n.has(s)||x("Cannot "+e);var t=(s,n,e)=>(I(s,n,"read from private field"),e?e.call(s):n.get(s)),c=(s,n,e)=>n.has(s)?x("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(s):n.set(s,e),l=(s,n,e,i)=>(I(s,n,"write to private field"),i?i.call(s,e):n.set(s,e),e);var L=(s,n,e)=>new Promise((i,f)=>{var w=o=>{try{u(e.next(o))}catch(r){f(r)}},y=o=>{try{u(e.throw(o))}catch(r){f(r)}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(w,y);u((e=e.apply(s,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../css-property/index.cjs"),R=require("../element-resizer/index.cjs"),_=require("../index-Cqw2NKev.cjs"),z=require("../canvas-CU5Xjahf.cjs"),H=require("../source/index.cjs");require("../window-resizer/index.cjs");require("../Store-DRp_K37w.cjs");const M=require("../canvas/index.cjs");function W(s){const n=s.match(/\{([\d-]+)\}/);if(n){const e=n[1].split("-");if(e.length===2){const i=parseInt(e[0],10),f=parseInt(e[1],10);return{start:i,end:f}}}return null}var h,b,S,d,m,g,E,p,a,v;class k extends H.SourceElement{constructor(e){super();c(this,h,[]);c(this,b,new P.CSSProperty(this,"--fit","contain"));c(this,S,new P.CSSProperty(this,"--autoplay",!1));c(this,d,new P.CSSProperty(this,"--offset-x",.5));c(this,m,new P.CSSProperty(this,"--offset-y",.5));c(this,g,null);c(this,E,0);c(this,p,1);c(this,a,()=>{if(t(this,h).length){const e=t(this,h)[0];t(this,b).current==="cover"?l(this,g,z.cover(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,d).current,t(this,m).current)):l(this,g,z.contain(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,d).current,t(this,m).current))}});c(this,v,e=>{if(this.status.isFalse("loaded")||!t(this,g))return;e.detail.context.clearRect(0,0,e.detail.width,e.detail.height);const i=t(this,h)[t(this,E)];i&&e.detail.context.drawImage(i,...t(this,g)),t(this,S).current&&l(this,E,(t(this,E)+1)%t(this,h).length)});_.isBrowser&&(l(this,p,parseInt(((e==null?void 0:e.pad)||this.getAttribute("pad")||"1").toString())),t(this,b).subscribe(t(this,a)),t(this,d).subscribe(t(this,a)),t(this,m).subscribe(t(this,a)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",t(this,v))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",t(this,v))}))}setProgress(e){t(this,h).length&&l(this,E,Math.floor((t(this,h).length-1)*e))}connectedCallback(){super.connectedCallback(),t(this,S).observe(),t(this,b).observe(),t(this,d).observe(),t(this,m).observe(),R.elementResizer.subscribe(this,t(this,a))}disconnectedCallback(){super.disconnectedCallback(),t(this,S).unobserve(),t(this,b).unobserve(),t(this,d).unobserve(),t(this,m).unobserve(),l(this,h,[]),R.elementResizer.unsubscribe(t(this,a)),this.consumerElement.removeEventListener("canvasRender",t(this,v))}createConsumer(){return new M.CanvasElement}consumeSource(e){return L(this,null,function*(){var i,f,w,y;if(e){this.consumerElement.removeEventListener("canvasRender",t(this,v));const u=[],o=W(e);if(o)for(let r=o.start;r<=o.end;r++){const q=e.replace(/\{([^}]+)\}/,r.toString().padStart(t(this,p),"0")),C=new Image;C.src=q,u.push(C)}else{const r=new Image;r.src=e,u.push(r)}try{yield Promise.all(u.map((r,q)=>new Promise((C,B)=>{r.onload=()=>{C()},r.onerror=j=>{B(`${r.src} Image not found`)}}))),l(this,h,u),t(this,a).call(this),(f=(i=this.consumerElement).onload)==null||f.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",t(this,v))}catch(r){console.error(r),(y=(w=this.consumerElement).onerror)==null||y.call(w,new Event("error"))}}})}}h=new WeakMap,b=new WeakMap,S=new WeakMap,d=new WeakMap,m=new WeakMap,g=new WeakMap,E=new WeakMap,p=new WeakMap,a=new WeakMap,v=new WeakMap;_.isBrowser&&!customElements.get("e-sequence")&&customElements.define("e-sequence",k);exports.SequenceElement=k;

package/lib/sequence/index.js

@@ -21,11 +21,11 @@ var R = (s, n, e) => new Promise((i, p) => {
 });
 import { CSSProperty as I } from "../css-property/index.js";
 import { elementResizer as k } from "../element-resizer/index.js";
-import { i as z } from "../browser-0zX67oeU.js";
+import { i as q } from "../index-euf5anj6.js";
 import { c as B, a as H } from "../canvas-DeZ0SLUJ.js";
 import { SourceElement as W } from "../source/index.js";
 import "../window-resizer/index.js";
-import "../Store-Cm3LPXlx.js";
+import "../Store-D2xCXENW.js";
 import { CanvasElement as A } from "../canvas/index.js";
 function D(s) {
   const n = s.match(/\{([\d-]+)\}/);
@@ -81,7 +81,7 @@ class F extends W {
       const i = t(this, c)[t(this, b)];
       i && e.detail.context.drawImage(i, ...t(this, E)), t(this, g).current && u(this, b, (t(this, b) + 1) % t(this, c).length);
     });
-    z && (u(this, w, parseInt(
+    q && (u(this, w, parseInt(
       ((e == null ? void 0 : e.pad) || this.getAttribute("pad") || "1").toString()
     )), t(this, v).subscribe(t(this, a)), t(this, l).subscribe(t(this, a)), t(this, d).subscribe(t(this, a)), this.addEventListener("sourceCapture", (i) => {
       this.consumerElement.addEventListener(
@@ -133,11 +133,11 @@ class F extends W {
         }
         try {
           yield Promise.all(
-            m.map((r, L) => new Promise((y, q) => {
+            m.map((r, L) => new Promise((y, z) => {
               r.onload = () => {
                 y();
               }, r.onerror = (M) => {
-                q(`${r.src} Image not found`);
+                z(`${r.src} Image not found`);
               };
             }))
           ), u(this, c, m), t(this, a).call(this), (p = (i = this.consumerElement).onload) == null || p.call(i, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
@@ -152,7 +152,7 @@ class F extends W {
   }
 }
 c = new WeakMap(), v = new WeakMap(), g = new WeakMap(), l = new WeakMap(), d = new WeakMap(), E = new WeakMap(), b = new WeakMap(), w = new WeakMap(), a = new WeakMap(), f = new WeakMap();
-customElements.get("e-sequence") || customElements.define("e-sequence", F);
+q && !customElements.get("e-sequence") && customElements.define("e-sequence", F);
 export {
   F as SequenceElement
 };

package/lib/size-element/index.cjs

@@ -1 +1 @@
-"use strict";var m=e=>{throw TypeError(e)};var c=(e,s,t)=>s.has(e)||m("Cannot "+t);var r=(e,s,t)=>(c(e,s,"read from private field"),t?t.call(e):s.get(e)),l=(e,s,t)=>s.has(e)?m("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(e):s.set(e,t),o=(e,s,t,h)=>(c(e,s,"write to private field"),h?h.call(e,t):s.set(e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../element-resizer/index.cjs");var i,n;class d extends HTMLElement{constructor(){super(...arguments);l(this,i,this);l(this,n,()=>{r(this,i).style.removeProperty("--width"),r(this,i).style.removeProperty("--height"),setTimeout(()=>{const t=this.offsetWidth,h=this.offsetHeight;r(this,i).style.setProperty("--width",t+"px"),r(this,i).style.setProperty("--height",h+"px")},0)})}connectedCallback(){var h;const t=(h=this.getAttribute("target"))==null?void 0:h.trim();t&&(t==="parent"?o(this,i,this.parentElement||this):o(this,i,document.querySelector(t)||this)),y.elementResizer.subscribe(this,r(this,n))}disconnectedCallback(){y.elementResizer.unsubscribe(r(this,n)),r(this,i).style.removeProperty("--width"),r(this,i).style.removeProperty("--height")}}i=new WeakMap,n=new WeakMap;customElements.get("e-size-element")||customElements.define("e-size-element",d);exports.SizeElement=d;
+"use strict";var m=e=>{throw TypeError(e)};var c=(e,s,t)=>s.has(e)||m("Cannot "+t);var r=(e,s,t)=>(c(e,s,"read from private field"),t?t.call(e):s.get(e)),o=(e,s,t)=>s.has(e)?m("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(e):s.set(e,t),l=(e,s,t,n)=>(c(e,s,"write to private field"),n?n.call(e,t):s.set(e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../element-resizer/index.cjs"),u=require("../index-Cqw2NKev.cjs");var i,h;class y extends HTMLElement{constructor(){super(...arguments);o(this,i,this);o(this,h,()=>{r(this,i).style.removeProperty("--width"),r(this,i).style.removeProperty("--height"),setTimeout(()=>{const t=this.offsetWidth,n=this.offsetHeight;r(this,i).style.setProperty("--width",t+"px"),r(this,i).style.setProperty("--height",n+"px")},0)})}connectedCallback(){var n;const t=(n=this.getAttribute("target"))==null?void 0:n.trim();t&&(t==="parent"?l(this,i,this.parentElement||this):l(this,i,document.querySelector(t)||this)),d.elementResizer.subscribe(this,r(this,h))}disconnectedCallback(){d.elementResizer.unsubscribe(r(this,h)),r(this,i).style.removeProperty("--width"),r(this,i).style.removeProperty("--height")}}i=new WeakMap,h=new WeakMap;u.isBrowser&&!customElements.get("e-size-element")&&customElements.define("e-size-element",y);exports.SizeElement=y;

package/lib/size-element/index.js

@@ -1,15 +1,16 @@
-var m = (e) => {
+var l = (e) => {
   throw TypeError(e);
 };
-var c = (e, s, t) => s.has(e) || m("Cannot " + t);
-var r = (e, s, t) => (c(e, s, "read from private field"), t ? t.call(e) : s.get(e)), n = (e, s, t) => s.has(e) ? m("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), l = (e, s, t, h) => (c(e, s, "write to private field"), h ? h.call(e, t) : s.set(e, t), t);
-import { elementResizer as y } from "../element-resizer/index.js";
+var c = (e, s, t) => s.has(e) || l("Cannot " + t);
+var r = (e, s, t) => (c(e, s, "read from private field"), t ? t.call(e) : s.get(e)), m = (e, s, t) => s.has(e) ? l("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), n = (e, s, t, h) => (c(e, s, "write to private field"), h ? h.call(e, t) : s.set(e, t), t);
+import { elementResizer as p } from "../element-resizer/index.js";
+import { i as y } from "../index-euf5anj6.js";
 var i, o;
-class p extends HTMLElement {
+class a extends HTMLElement {
   constructor() {
     super(...arguments);
-    n(this, i, this);
-    n(this, o, () => {
+    m(this, i, this);
+    m(this, o, () => {
       r(this, i).style.removeProperty("--width"), r(this, i).style.removeProperty("--height"), setTimeout(() => {
         const t = this.offsetWidth, h = this.offsetHeight;
         r(this, i).style.setProperty("--width", t + "px"), r(this, i).style.setProperty("--height", h + "px");
@@ -19,14 +20,14 @@ class p extends HTMLElement {
   connectedCallback() {
     var h;
     const t = (h = this.getAttribute("target")) == null ? void 0 : h.trim();
-    t && (t === "parent" ? l(this, i, this.parentElement || this) : l(this, i, document.querySelector(t) || this)), y.subscribe(this, r(this, o));
+    t && (t === "parent" ? n(this, i, this.parentElement || this) : n(this, i, document.querySelector(t) || this)), p.subscribe(this, r(this, o));
   }
   disconnectedCallback() {
-    y.unsubscribe(r(this, o)), r(this, i).style.removeProperty("--width"), r(this, i).style.removeProperty("--height");
+    p.unsubscribe(r(this, o)), r(this, i).style.removeProperty("--width"), r(this, i).style.removeProperty("--height");
   }
 }
 i = new WeakMap(), o = new WeakMap();
-customElements.get("e-size-element") || customElements.define("e-size-element", p);
+y && !customElements.get("e-size-element") && customElements.define("e-size-element", a);
 export {
-  p as SizeElement
+  a as SizeElement
 };

package/lib/slicer/SlicerElement.d.ts

@@ -1,5 +1,5 @@
-import { Word } from './Word.js';
-import { Letter } from './Letter.js';
+import { Word } from './Word';
+import { Letter } from './Letter';
 export declare class SlicerElement extends HTMLElement {
     #private;
     get wordsArray(): Word[];

package/lib/slicer/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var T=i=>{throw TypeError(i)};var M=(i,t,s)=>t.has(i)||T("Cannot "+s);var e=(i,t,s)=>(M(i,t,"read from private field"),s?s.call(i):t.get(i)),l=(i,t,s)=>t.has(i)?T("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,s),r=(i,t,s,a)=>(M(i,t,"write to private field"),a?a.call(i,s):t.set(i,s),s),m=(i,t,s)=>(M(i,t,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("../media/index.cjs");var y,o;class H{constructor(t){l(this,y);l(this,o);r(this,y,t.index),r(this,o,document.createElement("span")),e(this,o).classList.add("letter"),t.clone?e(this,o).innerHTML=`
+"use strict";var T=i=>{throw TypeError(i)};var M=(i,t,s)=>t.has(i)||T("Cannot "+s);var e=(i,t,s)=>(M(i,t,"read from private field"),s?s.call(i):t.get(i)),l=(i,t,s)=>t.has(i)?T("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,s),r=(i,t,s,a)=>(M(i,t,"write to private field"),a?a.call(i,s):t.set(i,s),s),m=(i,t,s)=>(M(i,t,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("../media/index.cjs"),C=require("../index-Cqw2NKev.cjs");var y,o;class H{constructor(t){l(this,y);l(this,o);r(this,y,t.index),r(this,o,document.createElement("span")),e(this,o).classList.add("letter"),t.clone?e(this,o).innerHTML=`
         <span class="original">${t.text}</span>
         <span class="clone" aria-hidden>${t.text}</span>
       `:e(this,o).innerHTML=`
@@ -8,4 +8,4 @@
           <span class="clone" aria-hidden>${t.text}</span>
         `:e(this,h).innerHTML=`
           <span class="value">${t.text}</span>
-        `,e(this,h).classList.add("word")}get index(){return e(this,L)}get element(){return e(this,h)}get letters(){return e(this,u)}get hasNewLine(){return e(this,g)}}L=new WeakMap,h=new WeakMap,u=new WeakMap,g=new WeakMap;var p,c,x,f,d,b,A;class v extends HTMLElement{constructor(){super(...arguments);l(this,d);l(this,p,"");l(this,c,[]);l(this,x,[]);l(this,f,null)}get wordsArray(){return e(this,c)}get lettersArray(){return e(this,x)}get originalHTML(){return e(this,p)}connectedCallback(){r(this,p,this.innerHTML.trim()),this.hasAttribute("media")?(r(this,f,new $.Media(this.getAttribute("media"))),e(this,f).subscribe(s=>{s.current?m(this,d,b).call(this):!s.current&&s.previous&&m(this,d,A).call(this)})):m(this,d,b).call(this)}disconnectedCallback(){var s;m(this,d,A).call(this),(s=e(this,f))==null||s.close()}}p=new WeakMap,c=new WeakMap,x=new WeakMap,f=new WeakMap,d=new WeakSet,b=function(){const s=[];r(this,c,[]);let a=0,E=0;this.childNodes.forEach(n=>{n.nodeName==="#text"&&n.textContent?n.textContent.trim().replace(/  +/g," ").split(" ").map(P=>{const w=new S({index:a,text:P+" ",letters:this.hasAttribute("letters"),lettersAcc:E,clone:this.hasAttribute("clone")});E+=w.letters.length,a+=1,e(this,x).push(...w.letters),e(this,c).push(w),s.push(w.element)}):s.push(n)}),this.hasAttribute("index")&&(e(this,c).forEach(n=>{n.element.style.setProperty("--word-index",n.index.toString())}),e(this,x).forEach(n=>{n.element.style.setProperty("--letter-index",n.index.toString())})),this.innerHTML="",s.forEach(n=>{this.appendChild(n)}),this.style.setProperty("--words-length",e(this,c).length.toString()),this.style.setProperty("--letters-length",e(this,x).length.toString())},A=function(){r(this,c,[]),this.innerHTML=e(this,p),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};customElements.get("e-slicer")||customElements.define("e-slicer",v);exports.Letter=H;exports.SlicerElement=v;exports.Word=S;
+        `,e(this,h).classList.add("word")}get index(){return e(this,L)}get element(){return e(this,h)}get letters(){return e(this,u)}get hasNewLine(){return e(this,g)}}L=new WeakMap,h=new WeakMap,u=new WeakMap,g=new WeakMap;var p,c,x,f,d,b,A;class v extends HTMLElement{constructor(){super(...arguments);l(this,d);l(this,p,"");l(this,c,[]);l(this,x,[]);l(this,f,null)}get wordsArray(){return e(this,c)}get lettersArray(){return e(this,x)}get originalHTML(){return e(this,p)}connectedCallback(){r(this,p,this.innerHTML.trim()),this.hasAttribute("media")?(r(this,f,new $.Media(this.getAttribute("media"))),e(this,f).subscribe(s=>{s.current?m(this,d,b).call(this):!s.current&&s.previous&&m(this,d,A).call(this)})):m(this,d,b).call(this)}disconnectedCallback(){var s;m(this,d,A).call(this),(s=e(this,f))==null||s.close()}}p=new WeakMap,c=new WeakMap,x=new WeakMap,f=new WeakMap,d=new WeakSet,b=function(){const s=[];r(this,c,[]);let a=0,E=0;this.childNodes.forEach(n=>{n.nodeName==="#text"&&n.textContent?n.textContent.trim().replace(/  +/g," ").split(" ").map(P=>{const w=new S({index:a,text:P+" ",letters:this.hasAttribute("letters"),lettersAcc:E,clone:this.hasAttribute("clone")});E+=w.letters.length,a+=1,e(this,x).push(...w.letters),e(this,c).push(w),s.push(w.element)}):s.push(n)}),this.hasAttribute("index")&&(e(this,c).forEach(n=>{n.element.style.setProperty("--word-index",n.index.toString())}),e(this,x).forEach(n=>{n.element.style.setProperty("--letter-index",n.index.toString())})),this.innerHTML="",s.forEach(n=>{this.appendChild(n)}),this.style.setProperty("--words-length",e(this,c).length.toString()),this.style.setProperty("--letters-length",e(this,x).length.toString())},A=function(){r(this,c,[]),this.innerHTML=e(this,p),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};C.isBrowser&&!customElements.get("e-slicer")&&customElements.define("e-slicer",v);exports.Letter=H;exports.SlicerElement=v;exports.Word=S;

package/lib/slicer/index.js

@@ -4,8 +4,9 @@ var T = (i) => {
 var A = (i, t, s) => t.has(i) || T("Cannot " + s);
 var e = (i, t, s) => (A(i, t, "read from private field"), s ? s.call(i) : t.get(i)), l = (i, t, s) => t.has(i) ? T("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, a) => (A(i, t, "write to private field"), a ? a.call(i, s) : t.set(i, s), s), m = (i, t, s) => (A(i, t, "access private method"), s);
 import { Media as v } from "../media/index.js";
+import { i as P } from "../index-euf5anj6.js";
 var L, o;
-class P {
+class $ {
   constructor(t) {
     l(this, L);
     l(this, o);
@@ -25,13 +26,13 @@ class P {
 }
 L = new WeakMap(), o = new WeakMap();
 var y, r, u, g;
-class $ {
+class C {
   constructor(t) {
     l(this, y);
     l(this, r);
     l(this, u);
     l(this, g);
-    h(this, y, t.index), h(this, r, document.createElement("span")), h(this, u, []), h(this, g, t.text.endsWith("\\n")), e(this, g) && (t.text = t.text.replace("\\n", "")), t.letters && t.lettersAcc !== void 0 ? (h(this, u, t.text.split("").map((s, a) => new P({
+    h(this, y, t.index), h(this, r, document.createElement("span")), h(this, u, []), h(this, g, t.text.endsWith("\\n")), e(this, g) && (t.text = t.text.replace("\\n", "")), t.letters && t.lettersAcc !== void 0 ? (h(this, u, t.text.split("").map((s, a) => new $({
       index: t.lettersAcc + a,
       text: s,
       clone: t.clone
@@ -57,7 +58,7 @@ class $ {
 }
 y = new WeakMap(), r = new WeakMap(), u = new WeakMap(), g = new WeakMap();
 var p, c, x, f, d, M, E;
-class C extends HTMLElement {
+class S extends HTMLElement {
   constructor() {
     super(...arguments);
     l(this, d);
@@ -91,7 +92,7 @@ p = new WeakMap(), c = new WeakMap(), x = new WeakMap(), f = new WeakMap(), d =
   let a = 0, H = 0;
   this.childNodes.forEach((n) => {
     n.nodeName === "#text" && n.textContent ? n.textContent.trim().replace(/  +/g, " ").split(" ").map((b) => {
-      const w = new $({
+      const w = new C({
         index: a,
         text: b + " ",
         letters: this.hasAttribute("letters"),
@@ -113,9 +114,9 @@ p = new WeakMap(), c = new WeakMap(), x = new WeakMap(), f = new WeakMap(), d =
 }, E = function() {
   h(this, c, []), this.innerHTML = e(this, p), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
 };
-customElements.get("e-slicer") || customElements.define("e-slicer", C);
+P && !customElements.get("e-slicer") && customElements.define("e-slicer", S);
 export {
-  P as Letter,
-  C as SlicerElement,
-  $ as Word
+  $ as Letter,
+  S as SlicerElement,
+  C as Word
 };