From 809715221ef9e1d3cbe6b5234bad933651dea010 Mon Sep 17 00:00:00 2001
From: "sweep-ai[bot]" <128439645+sweep-ai[bot]@users.noreply.github.com>
Date: Mon, 4 Mar 2024 23:47:43 +0000
Subject: [PATCH] feat: Updated components/particles/projects/ng-par

---
 .../projects/ng-particles/src/lib/ng-particles.component.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/particles/projects/ng-particles/src/lib/ng-particles.component.ts b/components/particles/projects/ng-particles/src/lib/ng-particles.component.ts
index 5280dbd..8c5d5c8 100644
--- a/components/particles/projects/ng-particles/src/lib/ng-particles.component.ts
+++ b/components/particles/projects/ng-particles/src/lib/ng-particles.component.ts
@@ -21,7 +21,8 @@ import { NgParticlesService } from './ng-particles.service';
     template: '<div [id]="id"></div>',
 })
 export class NgxParticlesComponent implements OnInit, AfterViewInit, OnDestroy {
-    @Input() options?: IParticlesProps;
+    @Input() options?: string | IParticlesProps;
+    @Input() id?: string;
     @Input() url?: string;
     @Input() id: string;
     @Input() particlesInit?: (engine: Engine) => Promise<void>;
@@ -58,7 +59,6 @@ export class NgxParticlesComponent implements OnInit, AfterViewInit, OnDestroy {
         this.subscription?.unsubscribe();
         this.destroy$.next();
     }
-
     private loadParticles(): void {
         const cb = (container?: Container) => {
             this.container = container;
@@ -68,7 +68,7 @@ export class NgxParticlesComponent implements OnInit, AfterViewInit, OnDestroy {
         from(this.particlesInit ? this.particlesInit(tsParticles) : Promise.resolve())
             .pipe(
                 mergeMap(() => {
-                    return tsParticles.load({ id: this.id, url: this.url, options: this.options });
+                    return tsParticles.load({ id: this.id || 'tsparticles', url: this.url, options: typeof this.options === 'string' ? JSON.parse(this.options) : this.options });
                 }),
                 takeUntil(this.destroy$),
             )