aptechka 0.26.5 → 0.27.1

package/lib/scroll-segment/index.cjs

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

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

@@ -0,0 +1,80 @@
+import { CSSProperty } from '../css-property';
+import { Store } from '../store/vanilla';
+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 {
+    }
+}

package/lib/scroll-segment/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.26.5",
+  "version": "0.27.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -73,10 +73,15 @@
       "default": "./lib/device/index.js",
       "types": "./lib/device/index.d.ts"
     },
-    "./element-resizer": {
-      "require": "./lib/element-resizer/index.cjs",
-      "default": "./lib/element-resizer/index.js",
-      "types": "./lib/element-resizer/index.d.ts"
+    "./element-resizer/vanilla": {
+      "require": "./lib/element-resizer/vanilla/index.cjs",
+      "default": "./lib/element-resizer/vanilla/index.js",
+      "types": "./lib/element-resizer/vanilla/index.d.ts"
+    },
+    "./element-resizer/react": {
+      "require": "./lib/element-resizer/react/index.cjs",
+      "default": "./lib/element-resizer/react/index.js",
+      "types": "./lib/element-resizer/react/index.d.ts"
     },
     "./en3": {
       "require": "./lib/en3/index.cjs",
@@ -158,6 +163,11 @@
       "default": "./lib/scroll-entries/index.js",
       "types": "./lib/scroll-entries/index.d.ts"
     },
+    "./scroll-segment": {
+      "require": "./lib/scroll-segment/index.cjs",
+      "default": "./lib/scroll-segment/index.js",
+      "types": "./lib/scroll-segment/index.d.ts"
+    },
     "./slicer": {
       "require": "./lib/slicer/index.cjs",
       "default": "./lib/slicer/index.js",
@@ -301,6 +311,9 @@
       "scroll-entries": [
         "lib/scroll-entries/index.d.ts"
       ],
+      "scroll-segment": [
+        "lib/scroll-segment/index.d.ts"
+      ],
       "slicer": [
         "lib/slicer/index.d.ts"
       ],