🐚 Stop updating Grid recursively when collision=compress (#83)

Author: cuire

src/lib/Grid.svelte

@@ -185,7 +185,7 @@
 		items = items;
 
 		if (autoCompress && collision === 'compress') {
-			controller.compress();
+			_controller._internalCompress();
 		}
 	}
 
@@ -260,8 +260,10 @@
 		collision
 	}));
 
-	export const controller = new GridController($gridSettings) as GridControllerType;
-	$: controller.gridParams = $gridSettings;
+	const _controller = new GridController($gridSettings);
+	$: _controller.gridParams = $gridSettings;
+
+	export const controller = _controller as GridControllerType;
 
 	setContext(GRID_CONTEXT_NAME, gridSettings);
 </script>

src/lib/GridController.ts

@@ -33,7 +33,11 @@ export class GridController implements GridControllerType {
 		this._compress(this.gridParams.items);
 	}
 
-	private _compress(items: Record<string, LayoutItem>): void {
+	_internalCompress(): void {
+		this._compress(this.gridParams.items, true);
+	}
+
+	private _compress(items: Record<string, LayoutItem>, skipUpdate = false): void {
 		const gridItems = Object.values(items);
 		const sortedItems = [...gridItems].sort((a, b) => a.y - b.y);
 
@@ -53,6 +57,8 @@ export class GridController implements GridControllerType {
 			return accItem;
 		}, [] as LayoutItem[]);
 
-		this.gridParams.updateGrid();
+		if (!skipUpdate) {
+			this.gridParams.updateGrid();
+		}
 	}
 }