Add interpolation locations to infinite scroll examples.

davidjerleke · Jul 18, 2024 · 8d4f51d · 8d4f51d
1 parent 2c0c528
commit 8d4f51d
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 6 deletions.
diff --git a/...ousel-docs/src/components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.jsx b/...ousel-docs/src/components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.jsx
@@ -30,7 +30,13 @@ const EmblaCarousel = (props) => {
 
         emblaApi.reInit()
         const newEngine = emblaApi.internalEngine()
-        const copyEngineModules = ['location', 'target', 'scrollBody']
+        const copyEngineModules = [
+          'scrollBody',
+          'location',
+          'offsetLocation',
+          'previousLocation',
+          'target'
+        ]
         copyEngineModules.forEach((engineModule) => {
           Object.assign(newEngine[engineModule], oldEngine[engineModule])
         })

diff --git a/...ousel-docs/src/components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.tsx b/...ousel-docs/src/components/Sandbox/React/SandboxFilesDist/InfiniteScroll/EmblaCarousel.tsx
@@ -42,9 +42,11 @@ const EmblaCarousel: React.FC<PropType> = (props) => {
         emblaApi.reInit()
         const newEngine = emblaApi.internalEngine()
         const copyEngineModules: (keyof EngineType)[] = [
+          'scrollBody',
           'location',
-          'target',
-          'scrollBody'
+          'offsetLocation',
+          'previousLocation',
+          'target'
         ]
         copyEngineModules.forEach((engineModule) => {
           Object.assign(newEngine[engineModule], oldEngine[engineModule])

diff --git a/...rousel-docs/src/components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel.tsx b/...rousel-docs/src/components/Sandbox/React/SandboxFilesSrc/InfiniteScroll/EmblaCarousel.tsx
@@ -42,9 +42,11 @@ const EmblaCarousel: React.FC<PropType> = (props) => {
         emblaApi.reInit()
         const newEngine = emblaApi.internalEngine()
         const copyEngineModules: (keyof EngineType)[] = [
+          'scrollBody',
           'location',
-          'target',
-          'scrollBody'
+          'offsetLocation',
+          'previousLocation',
+          'target'
         ]
         copyEngineModules.forEach((engineModule) => {
           Object.assign(newEngine[engineModule], oldEngine[engineModule])

diff --git a/...components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarouselInfiniteScroll.js b/...components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarouselInfiniteScroll.js
@@ -47,7 +47,13 @@ export const setupInfiniteScroll = (emblaApi, loadMoreCallback) => {
 
     emblaApi.reInit()
     const newEngine = emblaApi.internalEngine()
-    const copyEngineModules = ['scrollBody', 'location', 'target']
+    const copyEngineModules = [
+      'scrollBody',
+      'location',
+      'offsetLocation',
+      'previousLocation',
+      'target'
+    ]
     copyEngineModules.forEach((engineModule) =>
       Object.assign(newEngine[engineModule], oldEngine[engineModule])
     )

diff --git a/...components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarouselInfiniteScroll.ts b/...components/Sandbox/Vanilla/SandboxFilesDist/InfiniteScroll/EmblaCarouselInfiniteScroll.ts
@@ -66,6 +66,8 @@ export const setupInfiniteScroll = (
     const copyEngineModules: (keyof EngineType)[] = [
       'scrollBody',
       'location',
+      'offsetLocation',
+      'previousLocation',
       'target'
     ]
     copyEngineModules.forEach((engineModule) =>

diff --git a/.../components/Sandbox/Vanilla/SandboxFilesSrc/InfiniteScroll/EmblaCarouselInfiniteScroll.ts b/.../components/Sandbox/Vanilla/SandboxFilesSrc/InfiniteScroll/EmblaCarouselInfiniteScroll.ts
@@ -66,6 +66,8 @@ export const setupInfiniteScroll = (
     const copyEngineModules: (keyof EngineType)[] = [
       'scrollBody',
       'location',
+      'offsetLocation',
+      'previousLocation',
       'target'
     ]
     copyEngineModules.forEach((engineModule) =>