deploy

KingSora · Jun 20, 2024 · 1e3e7ce · 1e3e7ce
1 parent 75c07cc
commit 1e3e7ce
Show file tree

Hide file tree

Showing 20 changed files with 47 additions and 45 deletions.
diff --git a/docs/404.html b/docs/404.html
diff --git a/...c/_-zs8GNXaJvHulebvYwEY/_buildManifest.js → ...c/YBnxxllJ-SOorAOxna5CA/_buildManifest.js b/...c/_-zs8GNXaJvHulebvYwEY/_buildManifest.js → ...c/YBnxxllJ-SOorAOxna5CA/_buildManifest.js
diff --git a/...tic/_-zs8GNXaJvHulebvYwEY/_ssgManifest.js → ...tic/YBnxxllJ-SOorAOxna5CA/_ssgManifest.js b/...tic/_-zs8GNXaJvHulebvYwEY/_ssgManifest.js → ...tic/YBnxxllJ-SOorAOxna5CA/_ssgManifest.js
diff --git a/docs/_next/static/chunks/556-5d1a2eacb450482a.js b/docs/_next/static/chunks/556-5d1a2eacb450482a.js
diff --git a/docs/_next/static/chunks/556-ac2d711a334472fd.js b/docs/_next/static/chunks/556-ac2d711a334472fd.js
diff --git a/...verlayscrollbars/assets/index-QKf60RHu.js → ...verlayscrollbars/assets/index-CtqGM4I2.js b/...verlayscrollbars/assets/index-QKf60RHu.js → ...verlayscrollbars/assets/index-CtqGM4I2.js
diff --git a/docs/example/overlayscrollbars/index.html b/docs/example/overlayscrollbars/index.html
@@ -11,7 +11,7 @@
       rel="stylesheet"
     />
     <title>OverlayScrollbars</title>
-    <script type="module" crossorigin src="/OverlayScrollbars/example/overlayscrollbars/assets/index-QKf60RHu.js"></script>
+    <script type="module" crossorigin src="/OverlayScrollbars/example/overlayscrollbars/assets/index-CtqGM4I2.js"></script>
     <link rel="stylesheet" crossorigin href="/OverlayScrollbars/example/overlayscrollbars/assets/index-ju41cgqM.css">
   </head>
   <body data-overlayscrollbars-initialize>

diff --git a/docs/example/react/assets/index-BrXiQHG3.js → docs/example/react/assets/index-BzuohyLf.js b/docs/example/react/assets/index-BrXiQHG3.js → docs/example/react/assets/index-BzuohyLf.js
diff --git a/docs/example/react/index.html b/docs/example/react/index.html
@@ -11,7 +11,7 @@
       rel="stylesheet"
     />
     <title>OverlayScrollbars & React</title>
-    <script type="module" crossorigin src="/OverlayScrollbars/example/react/assets/index-BrXiQHG3.js"></script>
+    <script type="module" crossorigin src="/OverlayScrollbars/example/react/assets/index-BzuohyLf.js"></script>
     <link rel="stylesheet" crossorigin href="/OverlayScrollbars/example/react/assets/index-CibgCZHW.css">
   </head>
   <body data-overlayscrollbars-initialize>

diff --git a/docs/example/solid/assets/index-dVXtlJrl.js → docs/example/solid/assets/index-SU6Gyr20.js b/docs/example/solid/assets/index-dVXtlJrl.js → docs/example/solid/assets/index-SU6Gyr20.js
diff --git a/docs/example/solid/index.html b/docs/example/solid/index.html
@@ -11,7 +11,7 @@
       rel="stylesheet"
     />
     <title>OverlayScrollbars & Solid</title>
-    <script type="module" crossorigin src="/OverlayScrollbars/example/solid/assets/index-dVXtlJrl.js"></script>
+    <script type="module" crossorigin src="/OverlayScrollbars/example/solid/assets/index-SU6Gyr20.js"></script>
     <link rel="stylesheet" crossorigin href="/OverlayScrollbars/example/solid/assets/index-fJEZ6-W3.css">
   </head>
   <body data-overlayscrollbars-initialize>

diff --git a/docs/example/svelte/assets/index-dEHn1ry4.js → docs/example/svelte/assets/index-MTN0tc0m.js b/docs/example/svelte/assets/index-dEHn1ry4.js → docs/example/svelte/assets/index-MTN0tc0m.js
diff --git a/docs/example/svelte/index.html b/docs/example/svelte/index.html
@@ -12,7 +12,7 @@
       rel="stylesheet"
     />
     <title>OverlayScrollbars & Svelte</title>
-    <script type="module" crossorigin src="/OverlayScrollbars/example/svelte/assets/index-dEHn1ry4.js"></script>
+    <script type="module" crossorigin src="/OverlayScrollbars/example/svelte/assets/index-MTN0tc0m.js"></script>
     <link rel="stylesheet" crossorigin href="/OverlayScrollbars/example/svelte/assets/index-DRAvN_0i.css">
   </head>
   <body data-overlayscrollbars-initialize>

diff --git a/docs/example/vue/assets/index-MKVTpTkV.js → docs/example/vue/assets/index-oLDcTFEk.js b/docs/example/vue/assets/index-MKVTpTkV.js → docs/example/vue/assets/index-oLDcTFEk.js
diff --git a/docs/example/vue/index.html b/docs/example/vue/index.html
@@ -11,7 +11,7 @@
       rel="stylesheet"
     />
     <title>OverlayScrollbars & Vue</title>
-    <script type="module" crossorigin src="/OverlayScrollbars/example/vue/assets/index-MKVTpTkV.js"></script>
+    <script type="module" crossorigin src="/OverlayScrollbars/example/vue/assets/index-oLDcTFEk.js"></script>
     <link rel="stylesheet" crossorigin href="/OverlayScrollbars/example/vue/assets/index-e8HPh1Qb.css">
   </head>
   <body data-overlayscrollbars-initialize>

diff --git a/docs/examples.html b/docs/examples.html
diff --git a/docs/examples.txt b/docs/examples.txt
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/index.txt b/docs/index.txt
diff --git a/packages/overlayscrollbars/src/plugins/clickScrollPlugin/clickScrollPlugin.ts b/packages/overlayscrollbars/src/plugins/clickScrollPlugin/clickScrollPlugin.ts
@@ -1,4 +1,4 @@
-import { animateNumber, noop, setT } from '~/support';
+import { animateNumber, noop, selfClearTimeout } from '~/support';
 import type { StaticPlugin } from '~/plugins';
 
 export const clickScrollPluginModuleName = '__osClickScrollPlugin';
@@ -16,9 +16,11 @@ export const ClickScrollPlugin = /* @__PURE__ */ (() => ({
       ): (() => void) => {
         // click scroll animation
         let iteration = 0;
-        let clear = noop;
-        const animateClickScroll = (clickScrollProgress: number) => {
-          clear = animateNumber(
+        let stopAnimation = noop;
+        const [setFirstIterationPauseTimeout, clearFirstIterationPauseTimeout] =
+          selfClearTimeout(222);
+        const animateClickScroll = (clickScrollProgress: number) =>
+          animateNumber(
             clickScrollProgress,
             clickScrollProgress + handleLength * Math.sign(startOffset),
             133,
@@ -29,29 +31,29 @@ export const ClickScrollPlugin = /* @__PURE__ */ (() => ({
               const mouseBetweenHandleBounds =
                 relativeTrackPointerOffset >= handleStartBound &&
                 relativeTrackPointerOffset <= handleEndBound;
+              const animationCompletedAction = () => {
+                stopAnimation = animateClickScroll(animationProgress);
+              };
 
               if (animationCompleted && !mouseBetweenHandleBounds) {
                 if (iteration) {
-                  animateClickScroll(animationProgress);
+                  animationCompletedAction();
                 } else {
-                  const firstIterationPauseTimeout = setT(() => {
-                    animateClickScroll(animationProgress);
-                  }, 222);
-                  clear = () => {
-                    clearTimeout(firstIterationPauseTimeout);
-                  };
+                  setFirstIterationPauseTimeout(animationCompletedAction);
                 }
+
                 iteration++;
               }
             }
           );
-        };
 
+        // never stop the first animation iteration because in case of a tap / very fast click scrolling would be canceled instantly
+        // stopAnimation = animateClickScroll(0);
         animateClickScroll(0);
 
         return () => {
-          // dont clear iteration `0` because in case of a tap it would be canceled instantly
-          iteration && clear();
+          clearFirstIterationPauseTimeout();
+          stopAnimation();
         };
       },
   },