fix bug with multiple unwrapGrid calls

Author: aholachek

demo/index.js

@@ -33,11 +33,19 @@ grid.addEventListener('click', ev => {
   }
 });
 
+const { uwg } = wrapGrid(grid, {
+  easing: 'backOut',
+  onStart: els => console.log('onstart', els),
+  onEnd: els => console.log('onend', els),
+});
+
+uwg();
+console.log('unwrapped');
+
 const { unwrapGrid } = wrapGrid(grid, {
   easing: 'backOut',
   onStart: els => console.log('onstart', els),
   onEnd: els => console.log('onend', els),
-  containerScroll: true,
 });
 
 document
@@ -180,5 +188,4 @@ scrollTest.addEventListener('click', () => {
 });
 wrapGrid(scrollTest, {
   duration: 2000,
-  containerScroll: true,
 });

dist/index.d.ts

@@ -1,5 +1,5 @@
 import { WrapGridArguments } from './types';
-export declare const wrapGrid: (container: HTMLElement, { duration, stagger, easing, onStart, onEnd, containerScroll, }?: WrapGridArguments) => {
+export declare const wrapGrid: (container: HTMLElement, { duration, stagger, easing, onStart, onEnd, }?: WrapGridArguments) => {
     unwrapGrid: () => void;
     forceGridAnimation: () => void;
 };

dist/main.js

@@ -44,5 +44,4 @@ export interface WrapGridArguments {
     easing?: keyof PopmotionEasing;
     onStart?: (animatedChildren: HTMLElement[]) => void;
     onEnd?: (animatedChildren: HTMLElement[]) => void;
-    containerScroll?: boolean;
 }

dist/main.js.map

@@ -128,9 +128,13 @@ export const wrapGrid = (
       if (!el.dataset[DATASET_KEY]) {
         const newId = `${Math.random()}`;
         el.dataset[DATASET_KEY] = newId;
-        cachedPositionData[newId] = {} as ItemPosition;
       }
       const animateGridId = el.dataset[DATASET_KEY] as string;
+
+      if (!cachedPositionData[animateGridId]) {
+        cachedPositionData[animateGridId] = {} as ItemPosition;
+      }
+
       const rect = getGridAwareBoundingClientRect(gridBoundingClientRect, el);
       cachedPositionData[animateGridId].rect = rect;
       cachedPositionData[