aptechka 0.44.1 → 0.44.2

package/lib/scroll-entries/index.cjs

@@ -1 +1 @@
-"use strict";var u=s=>{throw TypeError(s)};var c=(s,t,i)=>t.has(s)||u("Cannot "+i);var e=(s,t,i)=>(c(s,t,"read from private field"),i?i.call(s):t.get(s)),a=(s,t,i)=>t.has(s)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../notifier/index.cjs"),g=require("../dom-JBOkFLTh.cjs");var o,r,h;class d{constructor(){a(this,o,new Set);a(this,r,new WeakMap);a(this,h,new f.Notifier)}get notifier(){return e(this,h)}register(t){e(this,r).set(t,{axis:"y",value:0,element:t}),e(this,o).add(t),e(this,h).notify()}unregister(t){e(this,r).delete(t),e(this,o).delete(t),e(this,h).notify()}update(t,i,l){const n=e(this,r).get(t);n&&(n.axis=i,n.value=l)}hasEntry(t){return e(this,r).has(t)}getEntry(t){return e(this,r).get(t)}getAll(t){const i=g.getAllParentElements(t).filter(n=>e(this,o).has(n)),l=[];return i.forEach(n=>{e(this,r).has(n)&&l.push(e(this,r).get(n))}),l}}o=new WeakMap,r=new WeakMap,h=new WeakMap;const y=new d;exports.scrollEntries=y;
+"use strict";var u=i=>{throw TypeError(i)};var c=(i,t,r)=>t.has(i)||u("Cannot "+r);var s=(i,t,r)=>(c(i,t,"read from private field"),r?r.call(i):t.get(i)),l=(i,t,r)=>t.has(i)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../notifier/index.cjs"),g=require("../dom-JBOkFLTh.cjs");var h,e,o;class d{constructor(){l(this,h,new Set);l(this,e,new WeakMap);l(this,o,new f.Notifier)}get notifier(){return s(this,o)}register(t){s(this,e).has(t)||(s(this,e).set(t,{axis:"y",value:0,element:t}),s(this,h).add(t),s(this,o).notify())}unregister(t){s(this,e).has(t)&&s(this,h).has(t)&&(s(this,e).delete(t),s(this,h).delete(t),s(this,o).notify())}update(t,r,a){const n=s(this,e).get(t);n&&(n.axis=r,n.value=a)}hasEntry(t){return s(this,e).has(t)}getEntry(t){return s(this,e).get(t)}getAll(t){const r=g.getAllParentElements(t).filter(n=>s(this,h).has(n)),a=[];return r.forEach(n=>{s(this,e).has(n)&&a.push(s(this,e).get(n))}),a}}h=new WeakMap,e=new WeakMap,o=new WeakMap;const y=new d;exports.scrollEntries=y;

package/lib/scroll-entries/index.js

@@ -1,48 +1,48 @@
-var f = (s) => {
-  throw TypeError(s);
+var l = (i) => {
+  throw TypeError(i);
 };
-var u = (s, t, i) => t.has(s) || f("Cannot " + i);
-var e = (s, t, i) => (u(s, t, "read from private field"), i ? i.call(s) : t.get(s)), l = (s, t, i) => t.has(s) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, i);
+var u = (i, t, e) => t.has(i) || l("Cannot " + e);
+var s = (i, t, e) => (u(i, t, "read from private field"), e ? e.call(i) : t.get(i)), f = (i, t, e) => t.has(i) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e);
 import { Notifier as g } from "../notifier/index.js";
 import { a as c } from "../dom-CVWzyXPH.js";
-var h, r, a;
+var n, r, a;
 class p {
   constructor() {
-    l(this, h, /* @__PURE__ */ new Set());
-    l(this, r, /* @__PURE__ */ new WeakMap());
-    l(this, a, new g());
+    f(this, n, /* @__PURE__ */ new Set());
+    f(this, r, /* @__PURE__ */ new WeakMap());
+    f(this, a, new g());
   }
   get notifier() {
-    return e(this, a);
+    return s(this, a);
   }
   register(t) {
-    e(this, r).set(t, {
+    s(this, r).has(t) || (s(this, r).set(t, {
       axis: "y",
       value: 0,
       element: t
-    }), e(this, h).add(t), e(this, a).notify();
+    }), s(this, n).add(t), s(this, a).notify());
   }
   unregister(t) {
-    e(this, r).delete(t), e(this, h).delete(t), e(this, a).notify();
+    s(this, r).has(t) && s(this, n).has(t) && (s(this, r).delete(t), s(this, n).delete(t), s(this, a).notify());
   }
-  update(t, i, o) {
-    const n = e(this, r).get(t);
-    n && (n.axis = i, n.value = o);
+  update(t, e, o) {
+    const h = s(this, r).get(t);
+    h && (h.axis = e, h.value = o);
   }
   hasEntry(t) {
-    return e(this, r).has(t);
+    return s(this, r).has(t);
   }
   getEntry(t) {
-    return e(this, r).get(t);
+    return s(this, r).get(t);
   }
   getAll(t) {
-    const i = c(t).filter((n) => e(this, h).has(n)), o = [];
-    return i.forEach((n) => {
-      e(this, r).has(n) && o.push(e(this, r).get(n));
+    const e = c(t).filter((h) => s(this, n).has(h)), o = [];
+    return e.forEach((h) => {
+      s(this, r).has(h) && o.push(s(this, r).get(h));
     }), o;
   }
 }
-h = new WeakMap(), r = new WeakMap(), a = new WeakMap();
+n = new WeakMap(), r = new WeakMap(), a = new WeakMap();
 const w = new p();
 export {
   w as scrollEntries

package/lib/scroll-segment/ScrollSegmentDefaultContainer.d.ts

@@ -0,0 +1,11 @@
+import { ScrollSegmentElement, ScrollSegmentContainer } from './ScrollSegmentElement';
+export declare class ScrollSegmentDefaultContainer implements ScrollSegmentContainer {
+    #private;
+    constructor(segmentElement: ScrollSegmentElement);
+    get element(): HTMLElement;
+    get currentScrollValue(): number;
+    get vertical(): boolean;
+    destroy(): void;
+    onScroll(callback: Function): void;
+    offScroll(callback: Function): void;
+}

package/lib/scroll-segment/ScrollSegmentElement.d.ts

@@ -0,0 +1,78 @@
+import { CSSProperty } from '../css-property';
+import { Store } from '../store';
+import { Damped } from '../animation';
+export interface ScrollSegmentEvents {
+    scrollSegmentCapture: CustomEvent;
+    scrollSegmentCaptureFromStart: CustomEvent;
+    scrollSegmentCaptureFromFinish: CustomEvent;
+    scrollSegmentRelease: CustomEvent;
+    scrollSegmentReleaseFromStart: CustomEvent;
+    scrollSegmentReleaseFromFinish: CustomEvent;
+}
+export interface ScrollSegmentContainer {
+    element: HTMLElement;
+    currentScrollValue: number;
+    vertical: boolean;
+    onScroll(callback: Function): void;
+    offScroll(callback: Function): void;
+}
+export interface ScrollSegmentContainerElement extends Omit<ScrollSegmentContainer, 'element'>, HTMLElement {
+}
+export declare class ScrollSegmentElement extends HTMLElement {
+    #private;
+    get scrollContainer(): ScrollSegmentContainerElement | ScrollSegmentContainer;
+    set scrollContainer(value: ScrollSegmentContainerElement | ScrollSegmentContainer);
+    get distanceOffsetCSSProperty(): CSSProperty<number>;
+    get startOffsetCSSProperty(): CSSProperty<number>;
+    get captureOnceCSSProperty(): CSSProperty<boolean>;
+    get capturedCSSProperty(): CSSProperty<string>;
+    get releasedCSSProperty(): CSSProperty<string>;
+    get capturedFromStartCSSProperty(): CSSProperty<string>;
+    get capturedFromFinishCSSProperty(): CSSProperty<string>;
+    get releasedFromStartCSSProperty(): CSSProperty<string>;
+    get releasedFromFinishCSSProperty(): CSSProperty<string>;
+    get passedVarCSSProperty(): CSSProperty<string>;
+    get progressVarCSSProperty(): CSSProperty<string>;
+    get animationVarTypeCSSProperty(): CSSProperty<"target" | "current">;
+    get distanceVarCSSProperty(): CSSProperty<string>;
+    get startVarCSSProperty(): CSSProperty<string>;
+    get finishVarCSSProperty(): CSSProperty<string>;
+    get disabledCSSProperty(): CSSProperty<boolean>;
+    get dampingCSSProperty(): CSSProperty<number>;
+    get massCSSProperty(): CSSProperty<number>;
+    get stiffnessCSSProperty(): CSSProperty<number>;
+    get targetCSSProperty(): CSSProperty<string>;
+    get isCaptured(): Store<boolean>;
+    get isReleased(): Store<boolean>;
+    get isCapturedFromStart(): Store<boolean>;
+    get isReleasedFromStart(): Store<boolean>;
+    get isCapturedFromFinish(): Store<boolean>;
+    get isReleasedFromFinish(): Store<boolean>;
+    get directionPosition(): number;
+    get directionSize(): number;
+    get passed(): Damped;
+    get progress(): number;
+    get start(): number;
+    get finish(): number;
+    get distance(): number;
+    get isCapturedOnce(): boolean;
+    get isDisabled(): boolean;
+    resize(): void;
+    tick(): void;
+    disable(): void;
+    enable(): void;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+    protected removeVar(name: string | undefined): void;
+    protected setVar(name: string | undefined, value: string | number): void;
+    protected getDistance(): number;
+    protected getStart(): number;
+    protected findAnotherScrollEntries: () => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scroll-segment': ScrollSegmentElement;
+    }
+    interface HTMLElementEventMap extends ScrollSegmentEvents {
+    }
+}

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

package/lib/scroll-segment/index.d.ts

@@ -1,79 +1,2 @@
-import { CSSProperty } from '../css-property';
-import { Store } from '../store';
-import { Damped } from '../animation';
-export interface ScrollSegmentEvents {
-    scrollSegmentCapture: CustomEvent;
-    scrollSegmentCaptureFromStart: CustomEvent;
-    scrollSegmentCaptureFromFinish: CustomEvent;
-    scrollSegmentRelease: CustomEvent;
-    scrollSegmentReleaseFromStart: CustomEvent;
-    scrollSegmentReleaseFromFinish: CustomEvent;
-}
-export interface ScrollSegmentContainer {
-    element: HTMLElement;
-    currentScrollValue: number;
-    vertical: boolean;
-    onScroll(callback: Function): void;
-    offScroll(callback: Function): void;
-}
-export interface ScrollSegmentContainerElement extends Omit<ScrollSegmentContainer, 'element'>, HTMLElement {
-}
-export declare class ScrollSegmentElement extends HTMLElement {
-    #private;
-    constructor();
-    get scrollContainer(): ScrollSegmentContainerElement | ScrollSegmentContainer;
-    set scrollContainer(value: ScrollSegmentContainerElement | ScrollSegmentContainer);
-    get distanceOffsetCSSProperty(): CSSProperty<number>;
-    get startOffsetCSSProperty(): CSSProperty<number>;
-    get captureOnceCSSProperty(): CSSProperty<boolean>;
-    get capturedCSSProperty(): CSSProperty<string>;
-    get releasedCSSProperty(): CSSProperty<string>;
-    get capturedFromStartCSSProperty(): CSSProperty<string>;
-    get capturedFromFinishCSSProperty(): CSSProperty<string>;
-    get releasedFromStartCSSProperty(): CSSProperty<string>;
-    get releasedFromFinishCSSProperty(): CSSProperty<string>;
-    get passedVarCSSProperty(): CSSProperty<string>;
-    get progressVarCSSProperty(): CSSProperty<string>;
-    get animationVarTypeCSSProperty(): CSSProperty<"target" | "current">;
-    get distanceVarCSSProperty(): CSSProperty<string>;
-    get startVarCSSProperty(): CSSProperty<string>;
-    get finishVarCSSProperty(): CSSProperty<string>;
-    get disabledCSSProperty(): CSSProperty<boolean>;
-    get dampingCSSProperty(): CSSProperty<number>;
-    get massCSSProperty(): CSSProperty<number>;
-    get stiffnessCSSProperty(): CSSProperty<number>;
-    get targetCSSProperty(): CSSProperty<string>;
-    get isCaptured(): Store<boolean>;
-    get isReleased(): Store<boolean>;
-    get isCapturedFromStart(): Store<boolean>;
-    get isReleasedFromStart(): Store<boolean>;
-    get isCapturedFromFinish(): Store<boolean>;
-    get isReleasedFromFinish(): Store<boolean>;
-    get directionPosition(): number;
-    get directionSize(): number;
-    get passed(): Damped;
-    get progress(): number;
-    get start(): number;
-    get finish(): number;
-    get distance(): number;
-    get isCapturedOnce(): boolean;
-    get isDisabled(): boolean;
-    resize(): void;
-    tick(): void;
-    disable(): void;
-    enable(): void;
-    protected connectedCallback(): void;
-    protected disconnectedCallback(): void;
-    protected removeVar(name: string | undefined): void;
-    protected setVar(name: string | undefined, value: string | number): void;
-    protected getDistance(): number;
-    protected getStart(): number;
-    protected findAnotherScrollEntries: () => void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'scroll-segment': ScrollSegmentElement;
-    }
-    interface HTMLElementEventMap extends ScrollSegmentEvents {
-    }
-}
+export { ScrollSegmentDefaultContainer } from './ScrollSegmentDefaultContainer';
+export { ScrollSegmentElement, type ScrollSegmentEvents, type ScrollSegmentContainer, type ScrollSegmentContainerElement, } from './ScrollSegmentElement';

package/lib/scroll-segment/index.js

@@ -1,26 +1,59 @@
-var ot = (a) => {
+var at = (a) => {
   throw TypeError(a);
 };
-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 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";
+var ct = (a, c, r) => c.has(a) || at("Cannot " + r);
+var t = (a, c, r) => (ct(a, c, "read from private field"), r ? r.call(a) : c.get(a)), i = (a, c, r) => c.has(a) ? at("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(a) : c.set(a, r), e = (a, c, r, s) => (ct(a, c, "write to private field"), s ? s.call(a, r) : c.set(a, r), r), o = (a, c, r) => (ct(a, c, "access private method"), r);
+import { f as Ft } from "../dom-CVWzyXPH.js";
+import { i as Lt } from "../index-euf5anj6.js";
+import { elementResizer as lt } from "../element-resizer/index.js";
+import { windowResizer as nt } from "../window-resizer/index.js";
+import { CSSProperty as u } from "../css-property/index.js";
+import { TICK_ORDER as wt, RESIZE_ORDER as Et } from "../order/index.js";
+import { d as Y } from "../events-CsVF98U6.js";
+import { d as Rt } from "../function-C10DGppn.js";
+import { a as Ot, g as zt, c as kt } from "../layout-DpZo-I0y.js";
+import { s as Dt } from "../math-BOBiC4TN.js";
+import { S as tt } from "../Store-D2xCXENW.js";
+import { scrollEntries as Tt } from "../scroll-entries/index.js";
 import "../ticker/index.js";
-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 {
+import { D as xt } from "../Damped-BMmEn7PH.js";
+var F, ht, st, q;
+class ft {
+  constructor(c) {
+    i(this, F, null);
+    i(this, ht);
+    i(this, st, !1);
+    i(this, q, () => {
+      e(this, st, !(t(this, F).scrollWidth > t(this, F).clientWidth));
+    });
+    e(this, ht, c), e(this, F, Ft(t(this, ht))), lt.subscribe(t(this, F), t(this, q)), nt.subscribe(t(this, q)), t(this, q).call(this);
+  }
+  get element() {
+    return t(this, F);
+  }
+  get currentScrollValue() {
+    return t(this, st) ? t(this, F).scrollTop : t(this, F).scrollLeft;
+  }
+  get vertical() {
+    return t(this, st);
+  }
+  destroy() {
+    lt.unsubscribe(t(this, q)), nt.unsubscribe(t(this, q));
+  }
+  onScroll(c) {
+    t(this, F).addEventListener("scroll", c);
+  }
+  offScroll(c) {
+    t(this, F).removeEventListener("scroll", c);
+  }
+}
+F = new WeakMap(), ht = new WeakMap(), st = new WeakMap(), q = new WeakMap();
+var l, B, G, K, N, x, M, A, $, S, C, v, y, H, p, O, z, J, k, D, T, m, P, V, E, R, L, et, n, I, Z, rt, d, W, g, b, w, Q, _, f, h, pt, ot, St, dt, bt, gt, Ct, vt, it, U, j, yt, Pt, ut, mt;
+let Mt = (mt = class extends HTMLElement {
   constructor() {
-    super();
+    super(...arguments);
     i(this, h);
-    i(this, f);
+    i(this, l);
     i(this, B);
     i(this, G);
     i(this, K);
@@ -35,81 +68,81 @@ let kt = (at = class extends HTMLElement {
     i(this, y);
     i(this, H);
     i(this, p);
-    i(this, R);
-    i(this, k);
-    i(this, j);
     i(this, O);
     i(this, z);
+    i(this, J);
+    i(this, k);
     i(this, D);
-    i(this, l);
+    i(this, T);
+    i(this, m);
     i(this, P);
-    i(this, F);
-    i(this, L);
-    i(this, E);
     i(this, V);
-    i(this, Y);
+    i(this, E);
+    i(this, R);
+    i(this, L);
+    i(this, et);
     i(this, n);
     i(this, I);
-    i(this, W);
-    i(this, tt);
+    i(this, Z);
+    i(this, rt);
     i(this, d);
-    i(this, _);
+    i(this, W);
     i(this, g);
     i(this, b);
     i(this, w);
-    i(this, J);
-    i(this, q);
-    i(this, u);
-    i(this, st);
     i(this, Q);
-    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(
+    i(this, _);
+    i(this, f);
+    i(this, it);
+    i(this, U);
+    e(this, l, null), e(this, B, new u(this, "--damping", 20)), e(this, G, new u(this, "--mass", 0)), e(this, K, new u(this, "--stiffness", 0)), e(this, N, new u(this, "--target", "")), e(this, x, new u(this, "--disabled", !1)), e(this, M, new u(
       this,
       "--distance-offset",
       0,
       { rawValueCheck: !1 }
-    )), e(this, A, new o(this, "--start-offset", 0, {
+    )), e(this, A, new u(this, "--start-offset", 0, {
       rawValueCheck: !1
-    })), e(this, $, new o(
+    })), e(this, $, new u(
       this,
       "--capture-once",
       !1
-    )), e(this, S, new o(this, "--captured", "")), e(this, C, new o(this, "--released", "")), e(this, v, new o(
+    )), e(this, S, new u(this, "--captured", "")), e(this, C, new u(this, "--released", "")), e(this, v, new u(
       this,
       "--captured-from-start",
       ""
-    )), e(this, y, new o(
+    )), e(this, y, new u(
       this,
       "--captured-from-finish",
       ""
-    )), e(this, H, new o(
+    )), e(this, H, new u(
       this,
       "--released-from-start",
       ""
-    )), e(this, p, new o(
+    )), e(this, p, new u(
       this,
       "--released-from-finish",
       ""
-    )), e(this, R, new o(this, "--passed-var", "")), e(this, k, new o(this, "--progress-var", "")), e(this, j, new o(
+    )), e(this, O, new u(this, "--passed-var", "")), e(this, z, new u(this, "--progress-var", "")), e(this, J, new u(
       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, 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();
+    )), e(this, k, new u(this, "--distance-var", "")), e(this, D, new u(this, "--start-var", "")), e(this, T, new u(this, "--finish-var", "")), e(this, m, new tt(!1)), e(this, P, new tt(!1)), e(this, V, new tt(!1)), e(this, E, new tt(!1)), e(this, R, new tt(!1)), e(this, L, new tt(!1)), e(this, et, []), e(this, n, this), e(this, I, 0), e(this, Z, 0), e(this, rt, 0), e(this, d, new xt(0, { order: wt.SEGMENT, min: 0, max: 1 })), e(this, W, 0), e(this, g, 0), e(this, b, 0), e(this, w, 0), e(this, Q, !1), e(this, _, !1), e(this, f, !0), this.findAnotherScrollEntries = Rt(() => {
+      const r = Tt.getAll(this).reverse();
       let s = 0;
-      r.forEach((T, et) => {
-        T.element === t(this, f) && (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();
+      r.forEach((X, Vt) => {
+        X.element === t(this, l) && (s = Vt);
+      }), e(this, et, r.slice(s + 1));
+    }, 0), e(this, it, () => {
+      t(this, f) || (this.resize(), t(this, U).call(this));
+    }), e(this, U, () => {
+      !t(this, f) && t(this, Q) && this.tick();
     });
   }
   get scrollContainer() {
-    return t(this, f);
+    return t(this, l);
   }
   set scrollContainer(r) {
-    c(this, h, ht).call(this), e(this, f, r), c(this, h, it).call(this);
+    o(this, h, ot).call(this), e(this, l, r), o(this, h, pt).call(this);
   }
   get distanceOffsetCSSProperty() {
     return t(this, M);
@@ -139,22 +172,22 @@ let kt = (at = class extends HTMLElement {
     return t(this, p);
   }
   get passedVarCSSProperty() {
-    return t(this, R);
+    return t(this, O);
   }
   get progressVarCSSProperty() {
-    return t(this, k);
+    return t(this, z);
   }
   get animationVarTypeCSSProperty() {
-    return t(this, j);
+    return t(this, J);
   }
   get distanceVarCSSProperty() {
-    return t(this, O);
+    return t(this, k);
   }
   get startVarCSSProperty() {
-    return t(this, z);
+    return t(this, D);
   }
   get finishVarCSSProperty() {
-    return t(this, D);
+    return t(this, T);
   }
   get disabledCSSProperty() {
     return t(this, x);
@@ -172,34 +205,34 @@ let kt = (at = class extends HTMLElement {
     return t(this, N);
   }
   get isCaptured() {
-    return t(this, l);
+    return t(this, m);
   }
   get isReleased() {
     return t(this, P);
   }
   get isCapturedFromStart() {
-    return t(this, F);
+    return t(this, V);
   }
   get isReleasedFromStart() {
-    return t(this, L);
+    return t(this, E);
   }
   get isCapturedFromFinish() {
-    return t(this, E);
+    return t(this, R);
   }
   get isReleasedFromFinish() {
-    return t(this, V);
+    return t(this, L);
   }
   get directionPosition() {
     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, _);
+    return t(this, W);
   }
   get start() {
     return t(this, g);
@@ -211,42 +244,42 @@ let kt = (at = class extends HTMLElement {
     return t(this, b);
   }
   get isCapturedOnce() {
-    return t(this, q);
+    return t(this, _);
   }
   get isDisabled() {
-    return t(this, u);
+    return t(this, f);
   }
   resize() {
-    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 ? 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
+    e(this, Z, t(this, l).vertical ? this.offsetHeight : this.offsetWidth);
+    const r = t(this, l) instanceof HTMLElement ? t(this, l) : t(this, l).element;
+    e(this, I, t(this, l).vertical ? Ot(this, r) : zt(this, r));
+    const s = kt(
+      this,
+      t(this, l).vertical ? "top" : "left"
     );
-    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);
+    e(this, I, t(this, I) - s), 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, l).currentScrollValue > t(this, w) && !t(this, m).current && !t(this, P).current && (t(this, m).current = !0), this.setVar(t(this, D).current, t(this, g)), this.setVar(t(this, T).current, t(this, w)), this.setVar(t(this, k).current, t(this, b)), t(this, d).max = t(this, b), e(this, Q, !0);
   }
   tick() {
-    let r = t(this, f).currentScrollValue;
-    t(this, Y).forEach((T) => {
-      r += T.value;
+    let r = t(this, l).currentScrollValue;
+    t(this, et).forEach((X) => {
+      r += X.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, 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));
+    t(this, m).current && (s >= t(this, g) ? t(this, V).current || o(this, h, bt).call(this) : t(this, V).current && !t(this, E).current && o(this, h, Ct).call(this), s < t(this, w) ? t(this, L).current && !t(this, R).current && o(this, h, gt).call(this) : t(this, V).current && !t(this, L).current && o(this, h, vt).call(this)), s >= t(this, g) && s < t(this, w) ? t(this, m).current || o(this, h, St).call(this) : t(this, m).current && (t(this, d).set(
+      Dt(t(this, b) / 2, t(this, d).target, 0, t(this, b))
+    ), o(this, h, dt).call(this)), t(this, _) && t(this, $).current && (t(this, S).current && t(this, n).classList.add(t(this, S).current), e(this, f, !0));
   }
   disable() {
-    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);
+    this.style.cssText = "", e(this, I, 0), e(this, Z, 0), t(this, d).reset(), e(this, W, 0), e(this, g, 0), e(this, b, 0), e(this, w, 0), e(this, Q, !1), t(this, m).current = !1, t(this, P).current = !1, t(this, V).current = !1, t(this, E).current = !1, t(this, R).current = !1, t(this, L).current = !1, e(this, _, !1), e(this, f, !0), o(this, h, ut).call(this);
   }
   enable() {
-    e(this, u, !1);
+    e(this, f, !1);
   }
   connectedCallback() {
-    c(this, h, it).call(this);
+    this.scrollContainer = new ft(this);
   }
   disconnectedCallback() {
-    c(this, h, ht).call(this);
+    t(this, l) instanceof ft && t(this, l).destroy(), o(this, h, ot).call(this);
   }
   removeVar(r) {
     r && t(this, n).style.removeProperty(`--${r}`);
@@ -255,51 +288,45 @@ let kt = (at = 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, rt);
   }
   getStart() {
-    return t(this, I) - t(this, tt);
-  }
-}, 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; )
-    window.getComputedStyle(s).position === "sticky" && r.push(s), s = s.parentElement;
-  return r;
-}, it = function() {
-  if (!t(this, f))
+    return t(this, I) - t(this, rt);
+  }
+}, l = 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(), O = new WeakMap(), z = new WeakMap(), J = new WeakMap(), k = new WeakMap(), D = new WeakMap(), T = new WeakMap(), m = new WeakMap(), P = new WeakMap(), V = new WeakMap(), E = new WeakMap(), R = new WeakMap(), L = new WeakMap(), et = new WeakMap(), n = new WeakMap(), I = new WeakMap(), Z = new WeakMap(), rt = new WeakMap(), d = new WeakMap(), W = new WeakMap(), g = new WeakMap(), b = new WeakMap(), w = new WeakMap(), Q = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), h = new WeakSet(), pt = function() {
+  if (!t(this, l))
     return;
-  t(this, l).subscribe((s) => {
-    s.current && U(this, "scrollSegmentCapture", {
+  t(this, m).subscribe((s) => {
+    s.current && Y(this, "scrollSegmentCapture", {
       composed: !0,
       custom: !0
     });
-  }), t(this, F).subscribe((s) => {
-    s.current && U(this, "scrollSegmentCaptureFromStart", {
+  }), t(this, V).subscribe((s) => {
+    s.current && Y(this, "scrollSegmentCaptureFromStart", {
       composed: !0,
       custom: !0
     });
-  }), t(this, E).subscribe((s) => {
-    s.current && U(this, "scrollSegmentCaptureFromFinish", {
+  }), t(this, R).subscribe((s) => {
+    s.current && Y(this, "scrollSegmentCaptureFromFinish", {
       composed: !0,
       custom: !0
     });
   }), t(this, P).subscribe((s) => {
-    s.current && U(this, "scrollSegmentRelease", {
+    s.current && Y(this, "scrollSegmentRelease", {
       composed: !0,
       custom: !0
     });
-  }), t(this, L).subscribe((s) => {
-    s.current && U(this, "scrollSegmentReleaseFromStart", {
+  }), t(this, E).subscribe((s) => {
+    s.current && Y(this, "scrollSegmentReleaseFromStart", {
       composed: !0,
       custom: !0
     });
-  }), t(this, V).subscribe((s) => {
-    s.current && U(this, "scrollSegmentReleaseFromFinish", {
+  }), t(this, L).subscribe((s) => {
+    s.current && Y(this, "scrollSegmentReleaseFromFinish", {
       composed: !0,
       custom: !0
     });
-  }), 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();
+  }), 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, O).observe(), t(this, z).observe(), t(this, J).observe(), t(this, k).observe(), t(this, D).observe(), t(this, T).observe();
   let r = !1;
   this.findAnotherScrollEntries(), t(this, x).current || this.enable(), t(this, B).subscribe((s) => {
     t(this, d).damping = s.current;
@@ -308,92 +335,93 @@ let kt = (at = class extends HTMLElement {
   }), t(this, K).subscribe((s) => {
     t(this, d).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);
+    s.previous && o(this, h, ut).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();
+    r && !t(this, f) && this.resize();
   }), t(this, M).subscribe(() => {
-    r && !t(this, u) && this.resize();
+    r && !t(this, f) && this.resize();
   }), t(this, S).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    o(this, h, j).call(this, s);
   }), t(this, v).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    o(this, h, j).call(this, s);
   }), t(this, y).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    o(this, h, j).call(this, s);
   }), t(this, C).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    o(this, h, j).call(this, s);
   }), t(this, H).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    o(this, h, j).call(this, s);
   }), t(this, p).subscribe((s) => {
-    c(this, h, Z).call(this, s);
+    o(this, h, j).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, k).subscribe((s) => {
-    t(this, u) || (this.removeVar(s.previous), this.setVar(s.current, t(this, _)));
+    t(this, f) || !s.current && s.previous && (this.resize(), this.enable());
+  }), t(this, O).subscribe((s) => {
+    t(this, f) || (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, g)));
+    t(this, f) || (this.removeVar(s.previous), this.setVar(s.current, t(this, W)));
   }), 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, f) || (this.removeVar(s.previous), this.setVar(s.current, t(this, g)));
+  }), t(this, T).subscribe((s) => {
+    t(this, f) || (this.removeVar(s.previous), this.setVar(s.current, t(this, w)));
+  }), t(this, k).subscribe((s) => {
+    t(this, f) || (this.removeVar(s.previous), this.setVar(s.current, t(this, b)));
   }), t(this, d).subscribe((s) => {
-    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)
+    const X = t(this, d)[t(this, J).current];
+    e(this, W, X / t(this, b) || 0), this.setVar(t(this, O).current, X.toFixed(6)), this.setVar(
+      t(this, z).current,
+      t(this, W).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, 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(
+  }), nt.subscribe(t(this, it), Et.SCROLL), this.scrollContainer.onScroll(t(this, U)), r = !0;
+}, ot = function() {
+  t(this, l) && (nt.unsubscribe(t(this, it)), this.scrollContainer.offScroll(t(this, U)), 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, O).close(), t(this, z).close(), t(this, k).close(), t(this, D).close(), t(this, T).close(), t(this, m).close(), t(this, P).close(), t(this, V).close(), t(this, E).close(), t(this, R).close(), t(this, L).close(), this.disable());
+}, St = function() {
+  t(this, m).current = !0, t(this, P).current = !1, e(this, _, !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, 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, S).current && t(this, n).classList.remove(t(this, S).current), t(this, v).current && t(this, n).classList.remove(
+}, dt = function() {
+  t(this, P).current = !0, t(this, m).current = !1, e(this, _, !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);
-}, 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(
+}, bt = function() {
+  t(this, m).current = !0, t(this, V).current = !0, t(this, E).current = !1, t(this, v).current && t(this, n).classList.add(
     t(this, v).current
   );
-}, 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(
+}, gt = function() {
+  t(this, m).current = !0, t(this, R).current = !0, t(this, L).current = !1, t(this, y).current && t(this, n).classList.add(
     t(this, y).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(
+}, Ct = function() {
+  t(this, P).current = !0, t(this, E).current = !0, t(this, V).current = !1, t(this, p).current && t(this, n).classList.add(
     t(this, p).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(
+}, vt = function() {
+  t(this, P).current = !0, t(this, L).current = !0, t(this, R).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)) {
+}, it = new WeakMap(), U = new WeakMap(), j = function(r) {
+  if (t(this, f)) {
     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);
-}, gt = function(...r) {
+  r.current && t(this, m).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);
+}, yt = function(...r) {
   r.forEach((s) => {
     s && t(this, n).classList.remove(s);
   });
-}, Ct = function(...r) {
+}, Pt = function(...r) {
   r.forEach((s) => {
     s && t(this, n).style.removeProperty(`--${s}`);
   });
-}, nt = function() {
-  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);
-Pt && !customElements.get("scroll-segment") && customElements.define("scroll-segment", kt);
+}, ut = function() {
+  o(this, h, yt).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), o(this, h, Pt).call(this, t(this, O).current, t(this, z).current, t(this, k).current, t(this, D).current, t(this, T).current);
+}, mt);
+Lt && !customElements.get("scroll-segment") && customElements.define("scroll-segment", Mt);
 export {
-  kt as ScrollSegmentElement
+  ft as ScrollSegmentDefaultContainer,
+  Mt as ScrollSegmentElement
 };

package/package.json

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