Merge branch 'main' into dev

Author: matteobruni

.github/workflows/nodejs.yml

@@ -22,7 +22,7 @@ jobs:
     runs-on: ubuntu-latest
     if: ${{ github.event_name != 'pull_request' }}
     steps:
-      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4
+      - uses: actions/checkout@0ad4b8fadaa221de15dcec353f45205ec38ea70b # v4
         name: Checkout [main]
         with:
           fetch-depth: 0
@@ -63,7 +63,7 @@ jobs:
     runs-on: ubuntu-latest
     if: ${{ github.event_name == 'pull_request' }}
     steps:
-      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4
+      - uses: actions/checkout@0ad4b8fadaa221de15dcec353f45205ec38ea70b # v4
         with:
           ref: ${{ github.event.pull_request.head.ref }}
           repository: ${{ github.event.pull_request.head.repo.full_name }}

components/svelte/src/lib/Particles.svelte

@@ -9,15 +9,17 @@
 	let cssClass = '';
 	export { cssClass as class };
 	let canStart = false;
+	let mounted = false;
 
 	let style = '';
 	export { style };
 	export let options: ISourceOptions = {};
 	export let url = '';
 	export let id = 'tsparticles';
 
-	const dispatch = createEventDispatcher(),
-		particlesLoadedEvent = 'particlesLoaded';
+	const dispatch = createEventDispatcher<{
+		particlesLoaded: { container: Container }
+	}>(), particlesLoadedEvent = 'particlesLoaded';
 
 	let oldId = id;
 
@@ -44,13 +46,14 @@
 	});
 
 	onMount(() => {
+		mounted = true;
 		void loadParticles();
 	});
 
 	async function loadParticles(): Promise<void> {
 		destroyOldContainer();
 
-		if (!canStart) {
+		if (!canStart || !mounted) {
 			return;
 		}