easing-scroll 1.0.1 → 1.0.3

package/dist/easing-scroll.d.ts

@@ -7,14 +7,14 @@ type Ms = number;
  */
 type Pct = number;
 type Options = {
-    top: Px;
-    left: Px;
-    duration: Ms;
-    signal: AbortSignal;
+    top?: Px;
+    left?: Px;
+    duration?: Ms;
+    signal?: AbortSignal;
     /**
      * @see Easing functions https://easings.net
      */
-    easing: (t: Pct) => Pct;
+    easing?: (t: Pct) => Pct;
 };
-export declare const easingScroll: <E extends Element>(target: E, { top, left, signal, duration, easing }: Partial<Options>) => Promise<Pct>;
+export declare const easingScroll: <E extends HTMLElement>(target: E, { top, left, signal, duration, easing }: Options) => Promise<Pct>;
 export {};

package/dist/easing-scroll.js

@@ -1 +1 @@
-"use strict";const b=o=>o,g=(o,{top:l,left:t,signal:e,duration:s=0,easing:i=b})=>e!=null&&e.aborted?Promise.resolve(0):s?new Promise(c=>{const a=o.scrollTop,m=o.scrollLeft,u=performance.now();let n;const v=()=>(performance.now()-u)/s,f=()=>{cancelAnimationFrame(n);const r=v();c(r)};e==null||e.addEventListener("abort",f);const p=()=>{const r=v(),d=l===void 0?void 0:a+(l-a)*i(r),T=t===void 0?void 0:m+(t-m)*i(r);r<1?(o.scrollTo({top:d,left:T}),n=requestAnimationFrame(p)):(o.scrollTo({top:l,left:t}),e==null||e.removeEventListener("abort",f),c(1))};n=requestAnimationFrame(p)}):(o.scrollTo({top:l,left:t}),Promise.resolve(1));exports.easingScroll=g;
+"use strict";const b=o=>o,t=(o,l,n)=>{o.scrollTop=l!=null?l:o.scrollTop,o.scrollLeft=n!=null?n:o.scrollLeft},g=(o,{top:l,left:n,signal:s,duration:i=0,easing:a=b})=>s!=null&&s.aborted?Promise.resolve(0):i?new Promise(c=>{const m=o.scrollTop,v=o.scrollLeft;t(o,l,n),l=o.scrollTop,n=o.scrollLeft;const d=performance.now();let r;const f=()=>(performance.now()-d)/i,p=()=>{cancelAnimationFrame(r);const e=f();c(e)};s==null||s.addEventListener("abort",p);const u=()=>{const e=f(),L=l===void 0?void 0:m+(l-m)*a(e),T=n===void 0?void 0:v+(n-v)*a(e);e<1?(t(o,L,T),r=requestAnimationFrame(u)):(t(o,l,n),s==null||s.removeEventListener("abort",p),c(1))};r=requestAnimationFrame(u)}):(t(o,l,n),Promise.resolve(1));exports.easingScroll=g;

package/dist/easing-scroll.mjs

@@ -1 +1 @@
-const u=o=>o,L=(o,{top:t,left:r,signal:n,duration:s=0,easing:i=u})=>n?.aborted?Promise.resolve(0):s?new Promise(a=>{const c=o.scrollTop,m=o.scrollLeft,f=performance.now();let l;const d=()=>(performance.now()-f)/s,p=()=>{cancelAnimationFrame(l);const e=d();a(e)};n?.addEventListener("abort",p);const v=()=>{const e=d(),T=t===void 0?void 0:c+(t-c)*i(e),b=r===void 0?void 0:m+(r-m)*i(e);e<1?(o.scrollTo({top:T,left:b}),l=requestAnimationFrame(v)):(o.scrollTo({top:t,left:r}),n?.removeEventListener("abort",p),a(1))};l=requestAnimationFrame(v)}):(o.scrollTo({top:t,left:r}),Promise.resolve(1));export{L as easingScroll};
+const u=o=>o,t=(o,r,n)=>{o.scrollTop=r??o.scrollTop,o.scrollLeft=n??o.scrollLeft},g=(o,{top:r,left:n,signal:l,duration:c=0,easing:a=u})=>l?.aborted?Promise.resolve(0):c?new Promise(i=>{const m=o.scrollTop,v=o.scrollLeft;t(o,r,n),r=o.scrollTop,n=o.scrollLeft;const L=performance.now();let s;const d=()=>(performance.now()-L)/c,p=()=>{cancelAnimationFrame(s);const e=d();i(e)};l?.addEventListener("abort",p);const f=()=>{const e=d(),T=r===void 0?void 0:m+(r-m)*a(e),b=n===void 0?void 0:v+(n-v)*a(e);e<1?(t(o,T,b),s=requestAnimationFrame(f)):(t(o,r,n),l?.removeEventListener("abort",p),i(1))};s=requestAnimationFrame(f)}):(t(o,r,n),Promise.resolve(1));export{g as easingScroll};

package/dist/index.js

@@ -1 +1 @@
-"use strict";const b=o=>o,g=(o,{top:l,left:t,signal:e,duration:s=0,easing:i=b})=>e!=null&&e.aborted?Promise.resolve(0):s?new Promise(c=>{const a=o.scrollTop,m=o.scrollLeft,u=performance.now();let n;const v=()=>(performance.now()-u)/s,f=()=>{cancelAnimationFrame(n);const r=v();c(r)};e==null||e.addEventListener("abort",f);const p=()=>{const r=v(),d=l===void 0?void 0:a+(l-a)*i(r),T=t===void 0?void 0:m+(t-m)*i(r);r<1?(o.scrollTo({top:d,left:T}),n=requestAnimationFrame(p)):(o.scrollTo({top:l,left:t}),e==null||e.removeEventListener("abort",f),c(1))};n=requestAnimationFrame(p)}):(o.scrollTo({top:l,left:t}),Promise.resolve(1));exports.easingScroll=g;
+"use strict";const b=o=>o,t=(o,l,n)=>{o.scrollTop=l!=null?l:o.scrollTop,o.scrollLeft=n!=null?n:o.scrollLeft},g=(o,{top:l,left:n,signal:s,duration:i=0,easing:a=b})=>s!=null&&s.aborted?Promise.resolve(0):i?new Promise(c=>{const m=o.scrollTop,v=o.scrollLeft;t(o,l,n),l=o.scrollTop,n=o.scrollLeft;const d=performance.now();let r;const f=()=>(performance.now()-d)/i,p=()=>{cancelAnimationFrame(r);const e=f();c(e)};s==null||s.addEventListener("abort",p);const u=()=>{const e=f(),L=l===void 0?void 0:m+(l-m)*a(e),T=n===void 0?void 0:v+(n-v)*a(e);e<1?(t(o,L,T),r=requestAnimationFrame(u)):(t(o,l,n),s==null||s.removeEventListener("abort",p),c(1))};r=requestAnimationFrame(u)}):(t(o,l,n),Promise.resolve(1));exports.easingScroll=g;

package/dist/index.mjs

@@ -1 +1 @@
-const u=o=>o,L=(o,{top:t,left:r,signal:n,duration:s=0,easing:i=u})=>n?.aborted?Promise.resolve(0):s?new Promise(a=>{const c=o.scrollTop,m=o.scrollLeft,f=performance.now();let l;const d=()=>(performance.now()-f)/s,p=()=>{cancelAnimationFrame(l);const e=d();a(e)};n?.addEventListener("abort",p);const v=()=>{const e=d(),T=t===void 0?void 0:c+(t-c)*i(e),b=r===void 0?void 0:m+(r-m)*i(e);e<1?(o.scrollTo({top:T,left:b}),l=requestAnimationFrame(v)):(o.scrollTo({top:t,left:r}),n?.removeEventListener("abort",p),a(1))};l=requestAnimationFrame(v)}):(o.scrollTo({top:t,left:r}),Promise.resolve(1));export{L as easingScroll};
+const u=o=>o,t=(o,r,n)=>{o.scrollTop=r??o.scrollTop,o.scrollLeft=n??o.scrollLeft},g=(o,{top:r,left:n,signal:l,duration:c=0,easing:a=u})=>l?.aborted?Promise.resolve(0):c?new Promise(i=>{const m=o.scrollTop,v=o.scrollLeft;t(o,r,n),r=o.scrollTop,n=o.scrollLeft;const L=performance.now();let s;const d=()=>(performance.now()-L)/c,p=()=>{cancelAnimationFrame(s);const e=d();i(e)};l?.addEventListener("abort",p);const f=()=>{const e=d(),T=r===void 0?void 0:m+(r-m)*a(e),b=n===void 0?void 0:v+(n-v)*a(e);e<1?(t(o,T,b),s=requestAnimationFrame(f)):(t(o,r,n),l?.removeEventListener("abort",p),i(1))};s=requestAnimationFrame(f)}):(t(o,r,n),Promise.resolve(1));export{g as easingScroll};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easing-scroll",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "♿️ Smooth scrolling",
   "type": "module",
   "source": "src/index.ts",
@@ -23,7 +23,9 @@
     "check-types": "tsc",
     "clean": "rm -r dist/*",
     "build": "npm run clean && rollup -c",
-    "release": "npm run check-types && npm publish"
+    "release:patch": "npm version patch",
+    "preversion": "npm run check-types && npm run build",
+    "postversion": "git add . && git push && git push --tags && npm publish"
   },
   "repository": {
     "type": "git",

package/src/easing-scroll.ts

@@ -8,34 +8,48 @@ type Ms = number;
 type Pct = number;
 
 type Options = {
-  top: Px;
-  left: Px;
-  duration: Ms;
-  signal: AbortSignal;
+  top?: Px;
+  left?: Px;
+  duration?: Ms;
+  signal?: AbortSignal;
   /**
    * @see Easing functions https://easings.net
    */
-  easing: (t: Pct) => Pct;
+  easing?: (t: Pct) => Pct;
 };
 
 const linear = (t: number): number => t;
 
-export const easingScroll = <E extends Element>(
+const scrollTo = <E extends HTMLElement>(
   target: E,
-  { top, left, signal, duration = 0, easing = linear }: Partial<Options>
+  top: Options["top"],
+  left: Options["left"]
+) => {
+  target.scrollTop = top ?? target.scrollTop;
+  target.scrollLeft = left ?? target.scrollLeft;
+};
+
+export const easingScroll = <E extends HTMLElement>(
+  target: E,
+  { top, left, signal, duration = 0, easing = linear }: Options
 ): Promise<Pct> => {
   if (signal?.aborted) {
     return Promise.resolve(0);
   }
 
   if (!duration) {
-    target.scrollTo({ top, left });
+    scrollTo(target, top, left);
     return Promise.resolve(1);
   }
 
   return new Promise<Pct>((resolve) => {
     const startTop = target.scrollTop;
     const startLeft = target.scrollLeft;
+
+    scrollTo(target, top, left);
+    top = target.scrollTop;
+    left = target.scrollLeft;
+
     const startTimestamp = performance.now();
     let ramID: number;
 
@@ -64,10 +78,10 @@ export const easingScroll = <E extends Element>(
           : startLeft + (left - startLeft) * easing(progress);
 
       if (progress < 1) {
-        target.scrollTo({ top: tickTop, left: tickLeft });
+        scrollTo(target, tickTop, tickLeft);
         ramID = requestAnimationFrame(tick);
       } else {
-        target.scrollTo({ top, left });
+        scrollTo(target, top, left);
         signal?.removeEventListener("abort", abortHandler);
         resolve(1);
       }